/*************************************/
/**  Farbstyles for Formfields      **/
/*************************************/

input {
    color: #000000;
    background-color:white;
    border: 1px solid #7F9DB9;
}

select {
    color: #000000;
    background-color:white;
    border: 1px solid #7F9DB9;
}

textarea {
    color: #000000;
    background-color:white;
    border: 1px solid #7F9DB9;
}


.formfile,
.formfilenotnull,
.formfilefocus,
.formfilenotnullfocus {
    color: #000000;
    background-color:white;
    border: 1px solid #7F9DB9;
}


.formcheckbox,
.formcheckboxfocus,
.formtext,
.formtextarea,
.formselect,
.formmarker {
    background: #FFFFFF;
}

.formtextnotnull,
.formtextareanotnull,
.formselectnotnull,
.formmarkernotnull,
.formfilenotnull,
div.formfieldmarkercheckbox.notnull {
    background: #FFDDDD;
}

.formtextfocus,
.formtextareafocus,
.formselectfocus,
.formmarkerfocus,
.formfilefocus {
    background: #F8F400;
}

.formtextnotnullfocus,
.formtextareanotnullfocus,
.formselectnotnullfocus,
.formmarkernotnullfocus,
.formfilenotnullfocus {
    background: #F8F400;
}

.formpanel {
    border: 1px solid rgb(190, 190, 190);
}

.formreadonly {
    border: 1px solid rgb(190, 190, 190);
}

.formbutton,
.formbutton[disabled] {
    background-color: rgb(220, 220, 220);
    color: black;
}

.formbutton[disabled] {
    color: gray;
}

.formmultiuploadpanel {
    border: 1px solid rgb(190,190,190);
}


/******************************************************************/
/* Layout Anpassungen */
/******************************************************************/


div.hx_popup_header div.hx_popup_header_title {
    background-color: #F8F400;
    height: 40px;
}


div.headerbox {
    background-color: #F8F400;
    height: 50px;
    position:sticky;
    position: -webkit-sticky;
    top:0;
}

.hx_contentbox_header,
table.hx-window div.hx-window-header-headline  {
    background-color:#F8F400;
    color:black;
}

table.hx-window div.hx-window-header-headline_testsystem,
div.hx_popup_header_testsystem div.hx_popup_header_title,
div.headerbox_testsystem {
    background-color: rgb(255, 140, 132);
    color:black;
}


div.hx_popup_header div.hx_popup_header_title {
    color: #444;
    font-weight:normal;
}


div.headerbox a.logolink {
    position:absolute;
    display:block;
    left:5px;
    top:5px;
    white-space:nowrap;
    color:black;
    font-size: 20px;
    font-weight:bold;
    font-style:italic;
    line-height:45px;
    height:45px;
    width:150px;
    text-decoration: none;
}

div.headerbox a.logolink img {
    vertical-align: top;
    height:40px;
    width:40px;
}


div.headerbox div.metamenubox {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    right:50px;
    margin:unset;
    float:right;
    top:10px;
    width:300px;
}

div.headerbox div.metamenubox a {
    color: #444;
}
div.headerbox div.metamenubox a:hover {
    color: #000;
}
div.headerbox div.metamenubox a span {
    font-size:12px;
}
div.headerbox div.metamenubox a img {
    border: 1px solid #444;
}
div.headerbox div.metamenubox a:hover img {
    border-color: #000;
}

div.submenubox, .hx_submenu {
    top:89px;
}

div.contentbox, .hx_content {
    padding-top:15px;
}

@media print {
    div.contentbox {
        padding-top:0;
    }
}

div.mainmenubox {
    min-width: 1500px;
    width:100%;
    top:50px;
    background-color:#F0F0F0;
    position:sticky;
    position:-webkit-sticky;
    overflow:hidden;
}

div.mainmenubox div.mainmenuentry span,
div.mainmenubox div.mainmenuentryactive span,
div.mainmenubox div.mainmenuentry a.mainmenulink,
div.mainmenubox div.mainmenuentryactive a.mainmenulink {
    padding: 0 20px 0 20px;
    background-color: #ddd;
    height:24px;
}


div.mainmenubox div.mainmenuentry,
div.mainmenubox div.mainmenuentryactive {
    min-width:0;
    height:24px;
    border-bottom:none;
    border-right:1px solid white;
    /*white-space: nowrap;*/
}

div.mainmenubox div.mainmenuentry a.mainmenulink:hover {
    border-bottom:none;
    background-color: #bbb;
}


div.mainmenubox div.mainmenuentry span,
div.mainmenubox div.mainmenuentryactive span {
    font-weight:normal;
    background-color: #F0F0F0;
}

div.mainmenubox div.mainmenuentryactive span,
div.mainmenubox div.mainmenuentryactive a {
    background-color: #bbb !important;
    color:black;
}

ul.hx-tabmenu li.active {
    border-top: 1px solid #999;
}



table.hx-window div.logoheader {
    position:relative;
    height:50px;
    line-height:50px;
    text-align:center;
}


table.hx-window div.logoheader img.left,
table.hx-window div.logoheader img.right{
    position:absolute;
    top:5px;
    left:5px;
    margin:0;
    vertical-align:top;
}

table.hx-window div.logoheader img.right {
    right:5px;
    left:auto;
}


/*************************************/
/**        Submenu Styles           **/
/*************************************/


/* level 1*/
ul.hxmenu > li.active > a {
    color:black;
    background-color: #bbb;
    font-weight:bold;
}

/* level2 (Parent ist ausgewaehlt) */
ul.hxmenu > li.active > ul > li {
    font-size: 12px !important;
}

ul.hxmenu > li.active > ul > li > a {
    background-color: #dddddd;
    padding-left: 20px;
}

ul.hxmenu > li.active > ul > li.active > a {
    background-color: #bbb;
    font-weight:bold;
}

/* level2 (Parent ist nicht ausgewaehlt)*/
ul.hxmenu > li > ul > li a {
    font-size: 12px !important;
}

ul.hxmenu > li > ul > li > a {
    background-color: #F0F0F0;
    padding-left: 20px;
    /*border-left: 10px solid #E0E0E0;*/
}

/*
div.submenutext { background-color: #CFCFCF; }
div.submenutextsel {  background-color: #000; }

div.submenutextsel a {
    color: #000;
}

div.submenutext a {background-color: #EFEBEC;}
div.submenutextsel a {background-color: #BBBBBB;}

div.subsubmenutext {background-color: #666;}
div.subsubmenutextsel {background-color: #666;}

div.subsubmenutext a,
div.subsubmenutextsel a {
    color: #000;
}

div.subsubmenutext a {background-color: #DBDBDB;}
div.subsubmenutextsel a {background-color: #DBDBDB;}

div.submenutext a:hover,
div.subsubmenutext a:hover,
div.submenutextsel a:hover,
div.subsubmenutextsel a:hover {
    color:black;
}

.lstheader {
    border-bottom: 1px solid white;
    height: 22px;
    color: rgb(80, 80, 80);
}

.helpheadline {
    font-size: 10pt;
    font-weight: bold;
}
*/

div.bodybox {
    /*firefox mehrseitig drucken*/
    /*display: block;  //am 3.11.2015 entfernt */
}


/*************************************/
/**        Summenblatt              **/
/*************************************/


td.ausw_head_first, td.ausw_sb_head_first {
    border-left: 1px solid rgb(220, 220, 220);
}

td.ausw_head, td.ausw_head_first, td.ausw_sb_head, td.ausw_sb_head_first {
    padding: 1px;
    border-top: 2px solid rgb(220, 220, 220);
    border-bottom: 2px solid rgb(220, 220, 220);
    border-right: 1px solid rgb(220, 220, 220);
    text-align: center;
    font-weight: bold;
}

td.ausw_first, td.ausw_sb_first {
    border-left: 1px solid rgb(220, 220, 220);
}

td.ausw, td.ausw_first, td.ausw_sb, td.ausw_sb_first {
    border-bottom: 1px solid rgb(220, 220, 220);
    border-right: 1px solid rgb(220, 220, 220);
    padding: 1px 2px 1px 2px;
}

td.ausw_sb,
td.ausw_sb_first,
td.ausw_sb_head_first,
td.ausw_sb_head {
    padding: 5px 3px 5px 3px;
    font-size: 11px;
}

img.icon-small {
    width:16px;
    height:16px;
}



/*************************************/
/**        Liste              **/
/*************************************/


/* Zeilenwechselfarbe für HXList*/
table.hxlist tr.hxlistrow:nth-child(even) {background-color: #FFF;}
table.hxlist tr.hxlistrow:nth-child(odd) {background-color: #FAFAFA;}

/* Zeilen-Markierungsfarbe (via Mausklick) für HXList*/
table.hxlist tr.hxlistrowhighlight:nth-child(even) {background-color: #FFF4CC;}
table.hxlist tr.hxlistrowhighlight:nth-child(odd) {background-color: #FFF4CC;}

/* Zeilen-Markierungsfarbe (via Id) für HXList*/
table.hxlist tr.hxlistrowsel:nth-child(even) {background-color: #FFFEB7;}
table.hxlist tr.hxlistrowsel:nth-child(odd) {background-color: #FFFEB7;}

table tr.listrowhighlight,
table.hxlist tr.hxlistrowhighlight {
    background-color:#FFF4CC; /* kann entfernt werden wenn nur noch HXList im Einsatz */
}

table.hxliststatusbar ul.paginator li a.currentpage:hover,
table.hxliststatusbar ul.paginator li a.currentpage,
table.liststatusbar a.currentpage:hover,  /* kann entfernt werden wenn nur noch HXList im Einsatz */
table.liststatusbar a.currentpage { /* kann entfernt werden wenn nur noch HXList im Einsatz */
    background-color: #bbb;
}

.hx-formfield-multiupload div.drop-zone.notnull {
    background: #FFDDDD;
}

td.listfilter img.listbtn_filter {
    z-index: 500;
}