/*************************************/
/**  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: #D9F25C;
}

.formtextnotnullfocus,
.formtextareanotnullfocus,
.formselectnotnullfocus,
.formmarkernotnullfocus,
.formfilenotnullfocus,
div.formfieldmarkercheckbox:focus {
    background: #D9F25C;
}

.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);
    border: 1px solid #9C9C9C;
    color: black;
}

.formbutton[disabled] {
    color: gray;
}

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

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


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


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


div.headerbox {
    background-color: #99c21d;
    height: 50px;
}

.hx_contentbox_header,
table.hx-window div.hx-window-header-headline {
    background-color: #bAbAbA;
    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: white;
    font-weight: normal;
}


div.headerbox a.logolink {
    position: absolute;
    left: 0px;
    top: 0px;
    white-space: nowrap;
    color: white;
    text-decoration: none;
    background-image: none;
}


div.headerbox div.metamenubox {
    right: 30px;
}


div.headerbox div.metamenubox a span {
    font-size: 12px;
}

div.submenubox {
    top: 89px;
}

div.contentbox {
    padding-top: 89px;
}

.hx_submenu {
    top: 89px;
}

.hx_content {
    padding-top: 89px;
}

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


div.mainmenubox {
    background-color: #F0F0F0;
    overflow: hidden;
    /*white-space: nowrap;*/
    top: 50px;
}

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


div.mainmenubox div.mainmenuentry,
div.mainmenubox div.mainmenuentryactive {
    min-width: 0;
    height: 23px;
    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 {
    background-color: #bAbAbA;
}

table.liststatusbar ul.paginator li a.currentpage:hover,
table.liststatusbar ul.paginator li a.currentpage {
    background-color: #99c21d;
    color: white;
}

table.hxliststatusbar ul.paginator li a.currentpage:hover,
table.hxliststatusbar ul.paginator li a.currentpage {
    background-color: #99c21d;
    color: white;
}

/*************************************/
/**        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;*/
}


/*************************************/
/**     Styles for Forms/Masks      **/
/*************************************/

/*
.formfieldtitel           {background:#FFFFFF; color: black; font-weight:bold;}
.formheader               {vertical-align:top;white-space:nowrap;}
.formcontent              {vertical-align:top;width:500px;}
.formrowspace             {height: 5px;}
.formtopspace             {height:  4px;}
.formcolspace             {width: 10px;}
*/

/*************************************/
/**  Tabellen  Styles   **/
/*************************************/

.scrolltable {
    width: 290px;
}

.scrolltable table {
    width: 273px;
    border: 1px solid rgb(193, 193, 193);
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 0px;
}

.scrolltable table tr td {
    padding: 2px;
    height: 18px;
}

.scrolltable table.head tr td {
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    border: 1px solid rgb(193, 193, 193);
    border-bottom: 0px;
    background-color: #F0F0F0;
    font-weight: bold;
}

.scrolltable table.body tr td {
    border-spacing: 0;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border: 1px solid rgb(193, 193, 193);
}

.scrolltable .inner_table {
    max-height: 140px;
    overflow-y: auto;
}

.inputForCopy {
    border: 0px;
}

.inputForCopy[readonly="readonly"] {
    border: 0px;
}


table tr.listrowhighlight, /** alte Liste **/
table.hxlist tr.hxlistrowhighlight {
    background-color: #DDF4DD;
}

table.liststatusbar a.currentpage:hover,
table.liststatusbar a.currentpage {
    color: white;
    background-color: #99c21d;
}


.formbutton_email_img {
    background-image: url("../libhx/img/ext/email.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
    text-align:center;
    vertical-align: middle;
    line-height: 22px;
}

.formbutton_pdf_img {
    background-image: url("../libhx/img/ext/fileformat/pdf.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
    text-align:center;
    vertical-align: middle;
    line-height: 22px;
}

.float_left {
    float:left;
}

.hx-icon-form-select {
    margin-bottom: 2px;
}