/* big image */
.abigimage-img{
  width:500px;
}

/* Global settings */
* {
    box-sizing: border-box;
    
    font-family: Liberation Sans, sans-serif ;
    font-size: 16px;
}

/* bigger font sizes are relative to main font size.
   this works because these tags do not nest inside each other. */
h4 { font-size: 1.2em; }
h3 { font-size: 1.2em; }
h2 { font-size: 1.4em; }
h1 { font-size: 2em; }

tt, code, kbd, samp, pre { 
    font-family: Liberation Sans Mono, monospace; 
}
img { 
    border: 0px; 
    vertical-align: middle; 
}
a { 
    text-decoration: none; 
    font-weight: normal;
    color: #0087cb;
}
a:hover { 
    text-decoration: none;
}


hr { 
    border: 0px solid transparent; 
    border-bottom: 2px solid #d8d8d8;
}
body { 
    padding: 0; 
    margin: 0; 
}


/* --- Global Input --- */

input, textarea {
    background: #fff;
    border: 1px solid #3b444d;
    padding: 4px;
}

/* Checkbox styling removed because of compatibility issues */
XXXXinput[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #3b444d;
    width: 16px;
    height: 16px;
}
XXXXinput[type="checkbox"]:checked{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #3b444d;
    width: 16px;
    height: 16px;
    background: #3b444d;
}

.perfact-layout--select select,
select {
    min-width: 16vw;
    max-width: 38vw;
    
    /* font proportional settings 14px font = 20px height */
    border: 1px solid #3b444d;
    padding: 4px;
    padding-right: 18px;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    background-color: #fff;
    background-image: url('./graphics_d/static/new_arrow.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 26px;
    text-overflow: ellipsis;
}
.perfact-layout--select option,
option {
    max-width: 80%;
}

button, input[type="submit"] {
    text-transform: uppercase;
    border: none;
    margin-top: 0.5%;
    margin-right: 0.5vw;
    background-color: #b9bcc6;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    padding: 0.5vw;
}
.focus, input:focus, textarea:focus, select:focus {
    background-color: #bbbbff; 
}
.clickable { 
    cursor: pointer; 
}
input[type=submit].invisible {
    width: 0.01vw; 
    height: 0.01vw; 
    border-style: none; 
    position: absolute; 
    top: 20px; 
    z-index: -1000; 
}

button:hover,
select:hover,
.ptab .tabs .tab:hover {
    cursor: pointer;
    box-shadow: inset 0px 2px 5px rgba(0,0,0,0.3);
}

/* Work around a quirk in IE11 which makes textareas ignore word wrapping */
textarea { 
    white-space: pre-wrap; 
}

input:disabled, textarea:disabled {
    /*XXbackground: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEU
    gAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgIAKcOXPm/6gieipiYGAAAB74Id8xBdLqAAAAAElFTkSuQmCC);*/
}


/* --- Header --- */
#testsystem {
    font-weight: bold;
    color: #cc0000;
}


div.pager td.center a {
    color: #3b444d;
    font-weight: bold;
}

/* --- Classes --- */
input.currency, input.float, input.int { 
    text-align: right;
}
td.currency, td.float, td.int { 
    text-align: right; 
}

td.tight { 
    width: 10px; 
    white-space: nowrap; 
}
td.tight div { 
    white-space: nowrap; 
}

.pager a {
    color: white;
    text-transform: uppercase;
}
div.search tr.cur .fa {
    color: #fff;
}

/* --- Tabs --- */
.ptab {
    padding: 0.2vw; 
    clear: both;
}

#staff_ttrec {
    border: 0.1vw solid #3b444d;
    border-collapse: collapse;
    margin-bottom:1vw;
}
#staff_ttrec tbody tr th,
#staff_ttrec tbody tr td {
    border: 0.1vw solid #3b444d;
    padding: 0.5vw;
}

/* Script and cookie warning */

div.noscript, div.nocookie { 
    border: 4px solid red; 
    padding: 40px;
    font-weight: normal; 
    display: block; 
    text-align: center;
    line-height: 30px; 
}


/* Editing forms */

form#edit_form table {
     width: 100%;
}

/* Main body */

div.body { }
div.body_nav_vert { }
div.body_prt { }
div.body_inner { }


/* History mode */

#crumbs span.history_mode a {
    padding: 0vw;
}


/* Testing system notifier */

#mod_title {
    font-weight: bold;
    color: #000;
}
#mod_title a {
    color: #000;
}

pre.mod_notes {
    width: 650px;
    padding: 10px;
    border: 1px solid silver;
    border-radius: 5px;
    font-family: monospace;
}


Xdiv.tinylogin {
    display: none;
}
div.tinylogin {
    border: 2px solid #d8d8d8;
}
div.tinylogin * {
    line-height: 16px;
    text-align: right;
    font-weight: bold;
}
div.tinylogin form {
    padding: 0vw;
    margin: 0vw;
}
div.tinylogin input {
    text-align: left;
    width: 100px;
    border: 1px solid #000044;
    padding: 1px 2px;
}
div.tinylogin span.passwd {
    color: #000044;
}


#nav_inner table {
    width: 100%;
}

/* Full navigation (site map) */

/*
div.fullnav_switch { position: absolute; right: 7px; padding-top: 2px; }
div.fullnav_switch a { Xfont-size: 11px; font-weight: bold; color: #ffffff; }

div.fullnav { padding: 5px; margin: 25px; }
div.fullnav h4 { Xfont-size: 12px; text-decoration: underline; margin: 0px; }
div.fullnav table { margin-top: 4px; width: auto; }
div.fullnav td.level1 { font-size: 11px; font-weight: bold; padding-top: 8px; }
div.fullnav td.level2 { font-size: 11px; padding-left: 10px; }
div.fullnav td.level3 { font-size: 11px; padding-left: 13px; }
div.fullnav td.level4 { font-size: 11px; padding-left: 16px; }
div.fullnav td.level5 { font-size: 10px; padding-left: 20px; }
div.fullnav td.level6 { font-size: 10px; padding-left: 20px; }
div.fullnav td.level7 { font-size: 10px; padding-left: 20px; }
div.fullnav td.level8 { font-size: 10px; padding-left: 20px; }
div.fullnav a { color: #000000; }

div.fullnav th {
    font-size: 11px;
    text-align: left;
    padding: 2px 5px;
}

div.fullnav td.perm { font-size: 11px; }
div.fullnav td.perm_id { font-size: 11px; font-style: italic;
 text-align: right; padding-right: 10px; }

div.fullnav td.perm_view { font-size: 11px;
    padding-top: 16px;
}

div.fullnav a.perm_view {
    color: #000044;
}

*/


/* Help */

div.help_switch {
    position: absolute;
    right: 7px;
    padding-top: 4px;
}
/* Panel for programming mode */

div.panel {
    float: left;
    display: block;
    width: 250px;
    height: 20px;
    padding: 20px;
    margin: 20px;
    text-align: center;
    border: 1px solid #888888;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.fa {
    color: #3b444d;
}

/* Searching */

div.search {
    overflow-x: auto;
    background: #fff;
}
div.search td {
    white-space: nowrap;
}
div.search table {
    border-collapse: collapse;
    width:100%;
}
div.search td,
div.search th {
    padding: 0.25vw 0.4vw;
}

div.search th {
    background-color: #f0f0f0;
}

div.search tr.search_label input {
    padding: 0.1vw; 
    width: 9vw;
}
div.search th {
    text-align: left;
}

div.search tr.search_label th {
    font-weight: normal;
    padding: 0.3vw;
    background-color: #b9bcc6;
}

div.search tr.search_label th {
    vertical-align: middle;
    white-space: nowrap;
}

div.search td {
    vertical-align: top;
    border-bottom: 1px solid #c5c5d0;
}

div.search tr.coll {
    font-weight: bold;
}

div.search tr.even {
    background-color: #fff;
}

div.search tr.odd {
    background-color: #eee;
}

div.search tr.cur {
    background-color: #63707f;
    color: #fff;
}

div.search td.insert {
    padding: 0vw;
    margin: 0vw;
}

div.search tr.search_label th.filtered span {
    font-weight: bold;
}

div.search button.search_plus {
    padding: 0.1vw;
    color: #3b444d;
    margin: 0.1vw;
    background-color: transparent;
}

div.search i.sort-desc {
    color: #ea5454; /* red */
}
div.search i.sort-asc {
    color: #17a38c; /* green */
}

div.search tr.search_label a b {
    color: #000;
    font-size: 0.9em;
}

div.search form.search_form .hidden-submit {
    width: 1px;
    height: 1px;
    border-style: none;
    position: absolute;
    top: -2px
}


/* Pager */

div.pager table {
    width: 100%;
    background-color: #eee;
}

div.pager td {
    vertical-align: middle;
    border: 0vw;
}

div.pager td.prev {
    width: 45%;
    text-align: left;
}

div.pager td.next {
    width: 45%;
    text-align: right;
}

div.pager td.center {
    white-space: nowrap;
    text-align: center;
}


/* Tabular editing */

div.tabedit {
    width: auto;
    overflow-x: auto;
}

div.tabedit table {
    border-collapse: collapse;
    width: 100%;
}

div.tabedit td {
    padding: 0.1vw 0.2vw;
    border-bottom: 0.1vw solid #c5c5d0;
}



div.tabedit button{
    width: 25vw;
    white-space: nowrap;
    padding: 0.5vw;
}

div.tabedit span.output {
    display: block;
    padding: 0.2vw;
}

div.tabedit th {
    padding: 0.1vw 1vw;
    text-align: left;
    background-color: #ddd;
    color: #3b444d;
}

div.tabedit tr.tabedit_label th {
    font-weight: normal;
    padding: 2px 5px 0px 2px;
}

div.tabedit tr.tabedit_filter th {
    vertical-align: middle;
    white-space: nowrap;
}
div.tabedit tr.mark {
    background-color: #bdf;
}
div.tabedit td.insert {
    padding: 0vw;
    margin: 0vw;
}

/*div.tabedit th.changed,*/
div.tabedit td.changed {
    background-color: transparent;
}

div.tabedit span.changesym {
    visibility: hidden;
}
div.tabedit span.changesym_changed {
    font-weight: bold;
    color: #ff0000;
    visibility: visible;
}
div.tabedit span.missing,
div.tabedit span.error {
    background-color: #ff4444;
}
div.tabedit span.validate,
div.tabedit span.required {
    background-color: transparent;
}


/* Forms */

div.editchooser {
    width: 100%;
    margin: 0%;
}
div.editchooser table  { }
div.editchooser table td {
    vertical-align: top;
}
div.editchooser b.perfact-layout--record-label {
    /* font-relative measures. font-size 14px */
    font-size: 1.2em;
    padding: 4px;
    overflow: hidden;
    float: left;
    
    padding-right: 0.5vw;
    color: #fff;
}
div.editchooser .record_id { 
    font-weight: bold;
    clear: both;
    color:#fff;
    float: left;
    /* font-relative measure. font-size: 14px */
    margin: -6px 6px;
}

.editform {
    clear: both;
    margin-top: 5vw;
    background: #fff;
    padding: 1%;
}

div.editform {
    overflow-x: auto;
}

div.editform input.required {
    color: #000000;
    background-color: #ffddee;
}
div.editform span.required,
div.editform span.missing,
div.editform span.validate
{
    border: medium none;
    margin: 0px;
    padding: 0px;
    clear: none;
    display: inline-block;
    float: none;
    max-height: 1px;
    min-width: 1px;
}

div.editform span.missing {
    visibility: visible;
    color: red;
}
div.editform span.validate {
    visibility: hidden;
}
div.editform span.error {
    font-weight: bold;
    color: red;
    visibility: visible;
}

iframe.loader_layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 1px;
    display: none;
}

div.editform div.help {
    background-color: #ffffff;
    padding: 6px 8px;
    border: 2px solid #dddddd;
    width: 300px;
    max-height: 150px;
    overflow: auto;
}


/* Subforms */

div.subform table {
    border-collapse: collapse;
}
div.subform th {
    border: 1px solid #000000;
}

div.subform td.ref {
    text-align: right;
    padding-right: 4px;
}
div.subform td.item {
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}
div.subform tr.checked {
    font-weight: bold;
}
div.subform td.spacer {
    padding-left: 15px;
}


/* Completions popup */

div.completions {
    display: inline;
    position: absolute;
    border: 1px solid #888888;
    padding: 5px;
    background-color: #ffffff;
    cursor: pointer;
}
div.completions div.current {
    font-weight: bold;
    color: #000000;
}
div.completions div {
    color: #444444;
}
div.hidden {
    display: none;
}


/* Messages */

div.msg_update, div.msg_delete, div.msg_insert {
    width: 50%;
    border: 1px solid #ff0000;
    text-align: center;
    padding: 4px;
    margin: 10px;
    background-color: #ffdddd;
}


/* STX Content */

Xdiv.content {
    border: 1px solid #aaaaaa;
    padding: 5px;
}

/* Popup iframes */

div.popup_div {
    visibility: hidden;
    position: absolute;
    z-index: 100;
    left: 1px;
    top: -30px;
    width: 1px;
    height: 1px;
    background-color: #ffffff;
    border: 0.1vw solid #808080;
}
iframe.popup_frame {
    width: 1px;
    height: 1px;
    border: 0px;
    margin: 4px;
}

div.popup_body {
    margin-bottom: 2vw;
    margin-top: 2vw;
}
div.popup_body input {
    border: 0.1vw solid #808080;
}
div.popup_body table {
    width: 100%;
    border-collapse: collapse;
}

div.popup_body input.required {
    color: #000000;
    background-color: #ffddee;
}
div.popup_body span.required { }
div.popup_body span.missing {
    font-weight: bold;
    color: red;
    visibility: visible;
}
div.popup_body span.validate {
    font-weight: bold;
    visibility: hidden;
}
div.popup_body span.error {
    font-weight: bold;
    color: red;
    visibility: visible;
}

div.popup_header {
    width: 100%;
    background-color: #808080;
}
div.popup_header a {
    color: #ffffff;
    font-weight: bold;
}
div.popup_header a:hover {
    text-decoration: none;
}

div.popup_group {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}
div.popup_entry {
    white-space: nowrap;
    overflow: hidden;
}

/* Tabs */

div.tabgroup td {
    padding: 2px 6px 2px 6px;
    border: 2px none;
    background: #ffffff;
    color: #ffffff;
}
div.tabgroup td.active {
    padding-bottom: 6px;
    border: 1px solid #808080;
    border-bottom: 1px none;
}

div.tabgroup a {
    text-decoration: none;
    color: #555555;
}
div.tabgroup td.active a {
    color: #000044;
}
div.tabgroup a:hover {
    text-decoration: underline;
}

div.tabcontent {
    border: 1px solid #808080;
    padding: 4px;
    background: #ffffff;
    position: absolute;
    width: 60%;
    height: 50%;
    visibility: hidden;
}
div.tabactive {
    visibility: visible;
}


/* Special formats */

div.colorbox {
    width: 12px;
    height: 12px;
    border: 1px solid black;
}
div.colorbox_big {
    width: 20px;
    height: 20px;
    border: 1px solid black;
}

/* Tables strictly for structuring (empty styles with no borders or margins) */

table.stc {
    border-collapse: collapse;
}
div td.stc, div table.stc, .stc {
    border: 0px;
    border-style: none;
    margin: 0px;
    padding: 0px;
}
div td.lpad {
    padding-left: 8px;
}


/* Nested forms */
iframe.nested_form {
    width: 100%;
}


/* I18N */

#i18n_chooser a{
    color: #0087cb;
}

#i18n_popup {
    display: none;
    border: 1px solid grey;
    padding: 2px;
    background: white;
}
#i18n_popup a {
    display: block;
    margin: 1px
}
div.i18n_translate {
    display: none;
}

/* New forms */

.dbfield {
    margin-bottom: 12px;
}
.dbfield label {
    font-weight: bold;
}
.dbfield .text *{
    text-transform:none;
}

.dbfield span.info {
    display: inline-block;
    border: 1px solid #3b444d;
    min-height: 14px;
    min-width: 7vw;
    padding: 4px;
    margin-bottom: 1%;
}
.content{
    background-color: #fff;
}


div.dbfield div.progmode a {
    font-weight: normal;
    color: #888888;
}

/* Edit status indicator */

#edit_status_create, #edit_status_change,
#edit_status_view, #edit_status_locked {
    display: none;
}
#edit_status.view #edit_status_view,
#edit_status.create #edit_status_create,
#edit_status.change #edit_status_change,
#edit_status.locked #edit_status_locked { 
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 3px;
    display: inline-block;
}

#edit_status_view {
    color: #fff;
}
#edit_status_locked {
    color: #eb5355;
}
#edit_status_create {
    color: #18a48c;
}
#edit_status_change {
    color: #f6a000;
}

div.editchooser table td.edit_status {
    padding: 0.2vw;
}

/* Autosize tables */

table.autosize div.limiter {
    max-width: 300px;
    max-height: 100px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

table.autosize thead {
    display: block;
}
table.autosize tbody {
    display: block;
    max-height: 500px;
    overflow: auto;
}

table.autosize tfoot {
    display: block;
}


/* Boxes and Tabs */

.ptab .tabs {
    display: flex;
}
.ptab .tabs .tab {
    float: left;
    margin: 0.2%;
    background-color: #d4d8db;
    cursor: pointer;
    flex: 1 1 0;
    text-transform: uppercase;
}
.ptab .tabs .tab.active {
    background-color: #b9bcc6;    
}

.ptab .tabs .tab a {
    color: #3b444d;
    font-weight: bold;
    display: flex;
    justify-content: center;
    padding: 1.5vw;
}

.ptab .tabs .tab.missing a {
    color:  #ea5454; /* red */
}
.ptab .tabs .tab.missing a:after {
    content: "*";
}

.ptab .content {
    clear: both;
    border: 0.2vw solid #b9bcc6;
    padding: 1vw;
}



/* Manual */

div.doc_functions {
    float: right;
}
div.doc_cont a {
    color: black;
}
div.doc_cont div.level1 a {
    font-weight: bold;
}
div.doc_cont div.level1 {
    margin-top: 8px ;
    margin-bottom: 4px;
}
div.doc_cont div.level2 {
    margin-left: 14px;
    margin-top: 2px;
    margin-bottom: 2px;
}
div.doc_cont div.level3,
div.doc_cont div.level4,
div.doc_cont div.level5,
div.doc_cont div.level6,
div.doc_cont div.level7,
div.doc_cont div.level8 {
    margin-left: 28px;
    margin-top: 2px;
    margin-bottom: 2px;
}

div.doc_cont {
    max-width: 955px;
    margin: auto;
    padding: 10px;
    margin-bottom: 10px;
}

div.doc_main {
    max-width: 955px;
    margin: auto;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 30px;
}
div.doc_main img {
    max-width: 100%;
}

div.doc_main h2 {
    margin-top: 20px;;
    margin-bottom: 10px;;
}

div.doc_main table {
    border-collapse: collapse;
}
div.doc_main table td {
    border: 1px solid grey;
    padding: 3px;
}
div.doc_main pre {
    background-color: #eeeeee;
    border: 1px solid #888888;
    border-radius: 8px;
    padding: 8px;
}
div.doc_main li {
    margin: 4px 0px;
}
.doc_main a {
    color: #0087cb;
    text-transform: uppercase;
}
a.doc_edit {
    padding-left: 20px;
}


div.results table {
    border-collapse: collapse;
}
div.results table td,
div.results table th {
    border: 1px solid grey;
    padding: 3px;
}
div.results table th {
    background-color: #eeeeee;
}


/* Life Cycle Controls */

/* Boxing the LC-Buttons*/
label.lc_label {
    display: block;
    font-weight: bold;
}


@media print {
    .perfact-layout--nav-horiz,
    .perfact-layout--nav-crumbs,
    .perfact-layout--header-cockpit {
        display: none;
    }
}


/* Adjustments in module SCA */


div.pbox h1 {
    font-size: 14px;
}

div.catinnerbox {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

div.catcontainer {
    width: 11.5%;
    margin: 0.5%;
    float: left;
}


/* Next generation layout directives */

/* Generic additional classes */

.limiter {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.perfact-inset {
    padding: 10px;
}
.perfact-page {
    margin: auto;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 30px;
}
.perfact-header {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.float-clear {
    clear: both;
}

/* Global general*/


.perfact-layout--page {
    background-color: #eeeeee;
}
.perfact-layout--container {
    margin: auto;
}

.perfact-layout--header,
.perfact-layout--body {
    box-shadow: 0vw 0.1vw 0.2vw #aaa;
    background-color: #fff;
}
.perfact-layout--page-end,
.perfact-layout--container-end,
.perfact-layout--header-end,
.perfact-layout--header-cockpit-end,
.perfact-layout--nav-horiz-end {
    clear: both;
}

.perfact-layout--header-logo  { 
    background-image:url('./graphics_d/static/web_logo_innovation');
    background-repeat: no-repeat;
}
.perfact-layout--header-logo  { 
    background-size: auto 2.5vw;
    height: 4vw;    
    width: 30%;
    margin-left: 0.7vw;
    float: left;
}

.perfact-layout--header-logo,
.perfact-layout--systembadge,
.perfact-layout--header-cockpit {
    margin-top: 1vw;
    margin-bottom: 0.5vw;
    margin-right: 1vw;
}


.perfact-layout--header-cockpit {
    float: right;
    min-height: 7vw;
    padding: 0.2vw;
}

.perfact-layout--systembadge {
    float: left;
    padding: 0.2vw;
    border-bottom: 3px solid #63707f;
    border-top: 3px solid #63707f;
}

.perfact-layout--container-end {
    height: 50px;
}

.perfact-layout--page-end+img {
    float: left;
}

/* Cockpit entries */

.perfact-layout--header-cockpit a {
    color: #3b444d;
}
.perfact-layout--i18n-chooser {
}
.perfact-layout--logon a {
    color: #63707f;
    text-overflow: ellipsis;
}
.perfact-layout--logon .user {
}
.perfact-layout--header-cockpit a.logout {
    color: #ea5454;
    font-size: 0.9em;
}

.perfact-layout--notifier {
}
.perfact-layout--notifier a {
    color: #3b444d;
}


/* Quick search */

.perfact-layout--quicksearch input {
    width: 80%;
}

.perfact-layout--quicksearch {
    padding: 1%;
    border: 0.1vw solid #3b444d;
    background-color: #fff;
    float: left;
    width: 98%;
}
.perfact-layout--quicksearch-input:focus {
    background-color: transparent;    
}
.perfact-layout--quicksearch-input {
    background-color: #fff;
    border: none;
}
.perfact-layout--quicksearch-button {
    background-color: #fff;
    border: none;
    color: #3b444d;
    margin-right: 0;
    padding:1%;
}
.perfact-layout--quicksearch-button:hover {
    box-shadow: none;
}

/* Menu button */

.perfact-layout--nav-vert-menu {
    color: #3b444d;
    cursor: pointer;
    padding: 0.25vw;
    float: left;
}
.perfact-layout--nav-vert-menu span {
    margin-left: 3vw;
}
.perfact-layout--nav-vert-menu i {
    color: #3b444d;
    font-size: 20px;
    margin-right: 10px;
}

/* Crumbs */

.perfact-layout--nav-crumbs {
    padding: 2px;
    margin-top: 2px;
    background-color: transparent;
}

.perfact-layout--nav-crumbs ul {
    margin: 0px;
    padding: 0px;
}
.perfact-layout--nav-crumbs li {
    cursor: pointer;

    display: inline-block;
    max-width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888888;
}
.perfact-layout--nav-crumbs li.current {
    max-width: initial;
}
.perfact-layout--nav-crumbs a {
    color: #888888;
    padding: 0px 8px 0px 8px;
}
.perfact-layout--nav-crumbs a.current {
    color: #000000;
}

/* Alternate navigation */

.perfact-layout--nav-vert {
    width: 10%;
    padding: 0px;
    clear: both;
    float: left;
    margin-right: 1%;
}

.perfact-layout--nav-vert ul {
    margin: 0%;
    padding: 0%;
}

.perfact-layout--nav-vert li a {
    color: #3b444d;
}


.perfact-layout--nav-vert li {
    list-style-type: none;
    overflow: hidden;
    white-space: nowrap;
    padding: 2% 6%;
    text-overflow: ellipsis;
    background-color: #d4d8da;
}

.perfact-layout--nav-vert li.level1.opened,
.perfact-layout--nav-vert li.level2.opened,
.perfact-layout--nav-vert li.level2.last,
.perfact-layout--nav-vert li.level3.last {
    margin-bottom: 0;
}
.perfact-layout--nav-vert li.level1 { padding-left: 4%; margin-bottom: 3%; }
.perfact-layout--nav-vert li.level2 { padding-left: 8%; }
.perfact-layout--nav-vert li.level3 { padding-left: 12%; }
.perfact-layout--nav-vert li.level4 { padding-left: 14%; }
.perfact-layout--nav-vert li.level5 { padding-left: 16%; }
.perfact-layout--nav-vert li.level6 { padding-left: 18%; }
.perfact-layout--nav-vert li.level7 { padding-left: 18%; }
.perfact-layout--nav-vert li.level8 { padding-left: 18%; }



.perfact-layout--nav-vert li.level2.last {
    margin-bottom: 2%;
}

.perfact-layout--nav-vert li.level1.opened,
.perfact-layout--nav-vert li.level2,
.perfact-layout--nav-vert li.level3,
.perfact-layout--nav-vert li.level4,
.perfact-layout--nav-vert li.level5,
.perfact-layout--nav-vert li.level6,
.perfact-layout--nav-vert li.level7,
.perfact-layout--nav-vert li.level8 {
    background-color: #b9bcc6;
}

.perfact-layout--nav-vert li.level1.opened a,
.perfact-layout--nav-vert li.level2 a,
.perfact-layout--nav-vert li.level3 a,
.perfact-layout--nav-vert li.level4 a,
.perfact-layout--nav-vert li.level5 a,
.perfact-layout--nav-vert li.level6 a,
.perfact-layout--nav-vert li.level7 a,
.perfact-layout--nav-vert li.level8 a {
    color: #3b444d;   
}



.perfact-layout--nav-vert li.first-prepend,
.perfact-layout--nav-vert li.last-append {
    display: none;
}
.perfact-layout--nav-vert li.last-append div.nav-line,
.perfact-layout--nav-vert li.first-prepend div.nav-line {
    border-bottom: 0.1vw solid #3b444d;
    padding: 0% 10%;
}

.perfact-layout--nav-vert li.level2.first-prepend,
.perfact-layout--nav-vert li.level3.first-prepend {
    display: block;
    padding: 0% 8%;
}
.perfact-layout--nav-vert li.level3.last-append {
    display: block;
    padding: 0% 8%;
}

.perfact-layout--nav-vert-bullet {
    display: none; /* enable in local stylesheets */
    margin-left: -4px;
    width: 14px;
    color: #eee;
}

.perfact-layout--nav-vert li.current{
       background-color: #a3a7b3;
}
.perfact-layout--nav-vert li a.current {
    font-weight: bold;
}

.perfact-layout--nav-vert li.level3:hover,
.perfact-layout--nav-vert li.opened:hover,
.perfact-layout--nav-vert li:hover {
    background-color: #63707f;
    cursor: pointer;
}
.perfact-layout--nav-vert li.level3:hover a,
.perfact-layout--nav-vert li.opened:hover a,
.perfact-layout--nav-vert li:hover a {
    color: #ddd;
}


/* Horizontal Navigation */

.perfact-layout--nav-horiz {
    padding: 0%;
    margin-bottom: 1%;
}
.perfact-layout--nav-horiz ul {
    margin: 0%;
    padding: 0%;
}
.perfact-layout--nav-horiz li a {
    font-weight: normal;
    color: #5a5a5a;
}
.perfact-layout--nav-horiz li a.current {
    font-weight: bold;
    color: #000044;
}
.perfact-layout--nav-horiz li {
    background-color: #fff;
    display: block;
    float: left;
    padding: 0.5%;
    margin: 0.125%;
    width: 15.41%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
.perfact-layout--nav-horiz li:hover {
    background-color: #f2f2f4;
    cursor: pointer;
}
.perfact-layout--input input {
    padding: 0.5vw;
    background: #fff;
    border: 0.1vw solid #3b444d;
}


/* Styling of Support pages */

.perfact-layout--nav-horiz li.Support a,
.perfact-layout--nav-vert  li.Support a {
    font-style: italic;
    color: gray;
}


/* Body */

.perfact-layout--body {
    float: right;
    background-color: #fff;
    color: #3b444d;
}


/* Appsearch page */

.perfact-page.appsearch {
}
.perfact-page.appsearch .search_results {
    width: 100%;
}

.perfact-page.appsearch .search_results h2 {
    padding: 5px;
    margin-top: 10px;
    background-color: #dddddd;
    font-size: 120%;
    font-weight: bold;
}
.perfact-page.appsearch .search_results div.a {
    margin-top: 5px;
    font-size: 100%;
    color: #000088;
}
.perfact-page.appsearch .search_results div.b,
.perfact-page.appsearch .search_results div.c {
    margin: 5px 0px;
    font-size: 90%;
    color: #888888;
}
.perfact-page.appsearch .search_results div.sep {
    margin: 8px 0px;
    border-bottom: 1px solid #dddddd;
}


/* Assignment page */

.perfact-page--assign-table table {
    width: 100%;
    border-collapse: collapse;
}
.perfact-page--assign-table table td {
    padding: 8px 3px 4px 3px;
    white-space: nowrap;
}
.perfact-page--assign-table table td.desc {
    font-size: 90%;
    padding: 4px 3px 8px 3px; 
    white-space: normal; 
    border-bottom: 2px solid #888888;
}




/* edit forms new header */

.perfact-layout--record-label-container {
    display: block;
    float: left;
}
.perfact-layout--record-label-container .perfact-layout--record-label {
    float: left;
}
.perfact-layout--record-search,
.dbfield select + a {
    /* font-relative measures 14px font height */
    padding: 8px;
    margin-left: 4px;
    background-color: #3b444d;
}
.perfact-layout--record-search .fa,
.dbfield select + a .fa {
    color:#fff;
}
.perfact-layout--record-buttons-container,
.perfact-layout--lcc-button-container {
    width: 100%;
    margin: 1% 0%;
    clear: both; 
    display: flex;
}
.perfact-layout--lcc-button-container {
    margin-bottom: 0%;
}

div.tabedit td.lctbuttons td {
    border-bottom: none;
} 

.perfact-layout--record-buttons-container button,
.perfact-layout--record-buttons-container input,
.perfact-layout--lcc-button-container button {      
    text-transform: uppercase;
    border: none;
    margin-right: 1%;
    background-color: #b9bcc6;
    font-weight: bold;
    color: #3b444d;
    flex: 1 1 0;
}

.perfact-layout--record-buttons-container button:last-of-type,
.perfact-layout--lcc-button-container button:last-of-type {
    float: right;
    margin-right: 0;
}

.perfact-layout--qualifizierung select {
    width: 15vw;
}
.perfact-layout--lcc-state-container {
    background-color: #d4d8db;
    width: 15%;
    padding: 1%;
    margin: 0%;
    display: inline-block;
    float: right;
}

.perfact-layout--lcc-state-container > div {
    margin-bottom: 1%;
}

.perfact-layout--lcc-button-container button[disabled=""],
.perfact-layout--lcc-button-container button[disabled="disabled"],
.perfact-layout--record-buttons-container button[disabled="disabled"],
.perfact-layout--record-buttons-container button[disabled=""],
#save_button[disabled=""],
.perfact-page button[disabled=""],
#edit_form button[disabled=""] {
    background-color: #d4d8da;
    cursor: initial;
    box-shadow: none;
    color: #a3a7b3;
}




/*Subformular*/

div.body_inner .tabedit input[type="checkbox"] {
}

/*Input: select */

.perfact-layout--select {
    overflow: hidden;
    float: right;
}

.perfact-layout--tabedit-select {
    white-space: nowrap;    
}

/* Modinfo box */

.perfact-layout--modinfo {
    background-color: #d4d8da;
    padding: 1%;
    width: 45%;
    float: left;
}

.perfact-layout--modinfo label {
    float: left;
}
.perfact-layout--modinfo #el_createtime{
    margin-left:21%;
}
.perfact-layout--modinfo #el_modtime{
    margin-left:7%;
}
.perfact-layout--modinfo span {
    font-weight: bold;
    float: left;
}

.perfact-layout--modinfo > div {
    display: inline-block;
    width: 140%;
    margin-bottom: 1%;
}

.perfact-layout--modinfo-author-container {
    display: inline-block; 
    width:30%;
}

.perfact-layout--modinfo-time-container {
    display: inline-block;
    float: left;    
}
.perfact-layout--modinfo-author-container span{
    margin-left:8%
}
.perfact-layout--modinfo label {
    font-weight: bold;
}

/* --- Benutzerantrag --- */


.perfact-layout--body .pbox h3 {
    color: #3b444d;
}


.perfact-layout--formfill span {
    margin-top: 0.5vw;
    margin-left: 7vw;
    float: right;
}

.perfact-layout--formfill label,
.perfact-layout--formfill input,
.perfact-layout--formfill textarea, .perfact-layout--formfill span {
    clear: both;
    float: left;
}

.perfact-layout--form {
    display: flex;
}

.perfact-layout--formfill {
    padding: 1%;   
}
.edit_header {
    background-color: #63707f;
    clear: both;
    float: left;
    padding: 1%;
    margin: 0%;
    width: 98%;
}


/* Swiping out the menu */

.swipe-out {
    display: none;
}
.perfact-layout--body.full-width {
    transition: width 0.5s;
}
.mce-tinymce * {
    text-transform: none;
}

.perfact-form--elem.perfact-row {
    float: left;
}

/* Scanner controls */

html, body {
    height: 100%;
}
.perfact-layout.scan-controls {
    position: static;
    bottom: 0px;
    width: 100%;
    padding: 5px;
    background-color: #333;
    display: flex;
}
.perfact-layout.scan-controls button {
    flex: 1 1 0;
    padding: 5px;
    margin: 5px;
    background-color: #0087cb;
    color: #fff;
}
.perfact-layout.scan-controls button:disabled:hover {
    box-shadow: none;
}
.perfact-layout.scan-controls button:disabled {
    color: #aaa;
    background-color: #ddd;
}


/* Table flattener overrides */

@media screen and (max-width: 800px) {

    .perfact-layout--header { 
        float: right;
        width:88vw;
    }

    .perfact-layout--container {
        width: 96%;
    }

    .perfact-layout--nav-vert {
        width: 34vw;
    }

    .perfact-layout--modinfo-author-container{
        clear:both;
        float:left;
        width:70%;
    }
    .perfact-layout--modinfo-time-container{
        width:70%;
    }
    .perfact-layout--modinfo #el_createtime,
    .perfact-layout--modinfo-author-container span{
        float:right;
    }



    .perfact-layout--nav-vert .nav-line,
    .perfact-layout--nav-vert li.level1.first-prepend,
    .perfact-layout--nav-vert li.level2.first-prepend,
    .perfact-layout--nav-vert li.level3.first-prepend,
    .perfact-layout--nav-vert li.level4.first-prepend,
    .perfact-layout--nav-vert li.level5.first-prepend,
    .perfact-layout--nav-vert li.level6.first-prepend,
    .perfact-layout--nav-vert li.level7.first-prepend,
    .perfact-layout--nav-vert li.level8.first-prepend,
    .perfact-layout--nav-vert li.level1.last-append,
    .perfact-layout--nav-vert li.level2.last-append,
    .perfact-layout--nav-vert li.level3.last-append,
    .perfact-layout--nav-vert li.level4.last-append,
    .perfact-layout--nav-vert li.level5.last-append,
    .perfact-layout--nav-vert li.level6.last-append,
    .perfact-layout--nav-vert li.level7.last-append,
    .perfact-layout--nav-vert li.level8.last-append {
        display: none;    
    }

    .perfact-layout--nav-vert li.level1.last,
    .perfact-layout--nav-vert li.level2.last,
    .perfact-layout--nav-vert li.level3.last,
    .perfact-layout--nav-vert li.level4.last,
    .perfact-layout--nav-vert li.level5.last,
    .perfact-layout--nav-vert li.level6.last,
    .perfact-layout--nav-vert li.level7.last,
    .perfact-layout--nav-vert li.level8.last,
    .perfact-layout--nav-vert li.level1.opened,
    .perfact-layout--nav-vert li.level1,
    .perfact-layout--nav-vert li.level2,
    .perfact-layout--nav-vert li.level3,
    .perfact-layout--nav-vert li.level4,
    .perfact-layout--nav-vert li.level5,
    .perfact-layout--nav-vert li.level6,
    .perfact-layout--nav-vert li.level7,
    .perfact-layout--nav-vert li.level8 {
        margin-bottom: 0.6vw;
    }

    .perfact-layout--nav-vert ul {
        margin: none;
        padding: 1;
        width: 98vw;
    }

    .perfact-layout--nav-vert li.level1,
    .perfact-layout--nav-vert li.level2,
    .perfact-layout--nav-vert li.level3,
    .perfact-layout--nav-vert li.level4,
    .perfact-layout--nav-vert li.level5,
    .perfact-layout--nav-vert li.level6,
    .perfact-layout--nav-vert li.level7,
    .perfact-layout--nav-vert li.level8 {
        padding-left: 0;
    }


    /**/
}


/* Overrides */

/* Full width body */
.perfact-layout--body-full-width {
    width: 100% !important;
}