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

html, body  {
    background-color: #f1f1f1;
}

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

a {
    text-decoration: none;
    color: #6b8d04;
}

a:hover {
    text-decoration: none;
    color: #99c21d;
}


/******************************************************************/
/* Popup Layout
/******************************************************************/

div.hx_popup_header div.hx_popup_header_title {
    background-color: #ddd;
    color:#6b8d04;
    height: 40px;
}

/******************************************************************/
/* Header layout
/******************************************************************/


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


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

/******************************************************************/
/* Metamenu layout
/******************************************************************/


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

div.headerbox div.metamenubox a span {
    font-size: 12px;
    color:#6e6e6e;
}

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

div.headerbox div.metamenubox a img {
    border: 0px;
    margin-left:20px;
}

div.headerbox div.metamenubox a img:hover{
    border: 0px;
}


/******************************************************************/
/* Content layout
/******************************************************************/

.hx_content {
    padding-top: 64px;
}

.hx_contentbox {
    border: 0px;
}

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


.hx_contentbox_content {
    border-top: 1px solid #ddd;
}

.hx_contentbox_header {
    background-color: #ddd;
    color: black;
}

.hx_contentbox_header_testsystem {
    background-color: rgb(255, 140, 132);
    color: black;

}

/******************************************************************/
/* Testsytem
/******************************************************************/

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


/******************************************************************/
/* Icons
/******************************************************************/


.hx-icon-form-on:hover, .hx-icon-form-on-active:hover, .hx-icon-on:hover {
    background-color: #99c21d;
}


/******************************************************************/
/* Hauptmenu
/******************************************************************/


div.mainmenubox {
    background-color: #ddd;
    overflow: hidden;
    margin-left:180px;
    top: 26px;
    width:unset;
}

div.mainmenubox div.mainmenuentry,
div.mainmenubox div.mainmenuentryactive {
    min-width: 0;
    height: 24px;
    width:100px;
    border-bottom: none;
    border-right: 1px solid #ddd;
}

div.mainmenubox div.mainmenuentry a.mainmenulink,
div.mainmenubox div.mainmenuentry span {
    padding: 0px 12px 0px 12px;
    height: 24px;
    font-weight: normal;
    background-color: white;
}

div.mainmenubox div.mainmenuentryactive span,
div.mainmenubox div.mainmenuentryactive a.mainmenulink {
    padding: 0px 12px 0px 12px;
    height: 24px;
    background-color: #99c21d !important;
    color: white;
}

div.mainmenubox div.mainmenuentry span:hover,
div.mainmenubox div.mainmenuentry a.mainmenulink:hover {
    background-color: #99c21d !important;
    color: white;
    font-weight:bold;
}


/*************************************/
/**        Submenu Styles           **/
/*************************************/
.hx_submenu {
    top: 64px;
}

ul.hxmenu > li {
    border-bottom: 1px solid #f1f1f1;
}

ul.hxmenu > li > a {
    background-color: white;
    padding-left: 10px;
}

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

ul.hxmenu > li > ul > li {
    border-bottom: 1px solid #f1f1f1;
}

ul.hxmenu > li.active > ul > li {
    font-size: 12px !important;
}

/* level2 (Parent ist nicht ausgewaehlt)*/
ul.hxmenu > li > ul > li a {
    font-size: 12px !important;
    background-color: white;
    padding-left: 20px;

}

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

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


/******************************************************************/
/* Tabmenu
/******************************************************************/

ul.hx_tabmenu_level-1 {
    background-color: #efefef;
}

ul.hx-tabmenu li.active {
    background-color: #bAbAbA;
}

.hx_tabmenu_item {
  background-color:#efefef;
}

/*************************************/
/**  HXList
/*************************************/

table.hxlist td a {
    text-decoration: none;
    color: #6b8d04;
}

table.hxlist td a:hover {
    text-decoration: none;
    color: #99c21d;
}

table.hxlist tr.hxlistrowhighlight {
    background-color: #DDF4DD;
}

td.listfilter img.active {
    background-color: #99c21d;
}

table.hxlist tr.hxlistrowsel {
    background-color: #e1f5fe;
}

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

td.listfilter input.active, td.listfilter select.active {
    background-color: #efd4c7;
}

td.listfilter select.listinput:focus, td.listfilter input.listinput:focus {
    background-color: #e1f5fe;
}
/*************************************/
/**        HXForm Styles           **/
/*************************************/


.formtextnotnull,
.formtextareanotnull,
.formselectnotnull,
.formmarkernotnull,
.formfilenotnull,
div.formfieldmarkercheckbox.notnull,
.hx-formfield-multiupload.not-null div.drop-zone {
    background: #eaf3d2;
}

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

.formtextnotnullfocus,
.formtextareanotnullfocus,
.formselectnotnullfocus,
.formmarkernotnullfocus,
.formfilenotnullfocus,
.hx-formfield-multiupload.not-null div.drop-zone.focus,
div.formfieldmarkercheckbox:focus {
    background: #e1f5fe;
}

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


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

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

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


.hxform_statusbar-box {
    background-color:#fafafa;
}

.formbutton[disabled] {
    background-color: rgb(220, 220, 220);
    border: 0px;
    color: gray;
}

.formbutton {
    background-color:#99c21d;
    border: 1px solid #99c21d;
    color:white;
}

.formbutton:hover {
    background-color:#516911;
    border: 1px solid #516911;
    color:white;
}


/*************************************/
/**  Ticket Tabellen **/
/*************************************/

.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;
}