/*************************************/
/**    Headerbox                    **/
/*************************************/

div.headerbox,
div.headerbox_testsystem {
    height: 60px;
    background-color: #F9B000;
}

div.headerbox_testsystem {
    height: 60px;
    background-color: rgb(255, 140, 132);
}

div.headerbox a.logolink,
div.headerbox_testsystem a.logolink {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 3px;
    height: 60px;
    text-decoration: none;
    color: black;
    width: 160px;
    z-index: 2;
    font-weight: 400;
    line-height: 15px;
    /*background-color: red;*/
}

div.headerbox a.logolink div.logo,
div.headerbox_testsystem a.logolink div.logo {
    /*background-color: green;*/
    border: 2.0px solid black;
    height: 42px;
    width: 42px;
    margin: 7px;
    line-height: 42px;
    text-align: center;
    border-radius: 48%;
    font-size: 20px;
    font-weight: bold;
    float: left;
}

a {
    text-decoration: none !important;
}

div.headerbox a.logolink div.logotitle,
div.headerbox_testsystem a.logolink div.logotitle {
    /*background-color: yellow;*/
    height: 48px;
    width: 100px;
    margin: 7px 0 7px 0;
    text-align: left;
    font-size: 12px;
    float: left;
}

div.headerbox_testsystem a.logolink {
    background-color: rgb(255, 140, 132);
}

div.headerbox a.copylink,
div.headerbox_testsystem a.copylink {
    top: 6px;
    color: #333333;
}

div.headerbox a.copylink:hover,
div.headerbox_testsystem a.copylink:hover {
    color: black;
}

/**  Headerbox Metamenu  **/

div.headerbox div.metamenubox,
div.headerbox_testsystem div.metamenubox {
    top: 0;
}

div.headerbox div.metamenubox a,
div.headerbox_testsystem div.metamenubox a {
    color: #000;
    margin-right: 30px;
}

div.headerbox div.metamenubox a:hover,
div.headerbox_testsystem div.metamenubox a:hover {
    color: black;
}

div.headerbox div.metamenubox a span,
div.headerbox_testsystem div.metamenubox a span {
    padding-left: 26px;
    font-weight: normal;
    font-size: 14px;
}

div.headerbox div.metamenubox a i {
    position: absolute;
    font-size: 20px;
    top: 4px;
}


div.moduletitle {
    top: 60px;
    font-size: 14pt;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background-color: #EFEFEF;
    border-bottom: 1px solid white;
    z-index: 500;
}

/*************************************/
/**    Window                       **/
/*************************************/

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

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

.hx_contentbox_header,
table.hx-window div.hx-window-content {
    border-top: 0;
}

/*************************************/
/**    Popup                        **/
/*************************************/

div.loginbox > div.header {
    background: #005A5F;
}

div.hx_popup_header div.hx_popup_header_title {
    background-color: #F9B000;
    color: black;
    height: 40px;
    font-weight: normal;
}

div.hx_popup_header_testsystem div.hx_popup_header_title {
    background-color: rgb(255, 140, 132);
}

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

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

/*************************************/
/**    Layout Portalbox Styles   **/
/*************************************/

div.portalbox {
    z-index: 0;
    width: 280px;
    height: 500px;
    position: relative;
    margin-left: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    float: left;
    background: rgb(239, 239, 239);
}

div.portalbox.news-single {
    height: 250px;
}

div.portalbox div.portalboxheader {
    font-size: 12px;
    font-weight: bold;
    color: black;
    background-color: #F9B000;
    padding: 5px 3px 5px 6px;
    width: 280px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

div.portalboxWide div.portalboxheader,
div.portalboxWide {
    width: 560px;
}

div.portalbox div.portalboxcontent {
    font-size: 10pt;
    color: grey;
    line-height: 17px;
    padding: 5px 9px 5px 7px;
    vertical-align: top;
    width: 264px;
}

div.portalboxWide div.portalboxcontent {
    width: 564px;
    padding: 0;
}

div.portalbox div.portalboxheader.news {
    background-color: dimgrey;
    color: white;
}

div.portalbox div.portalboxcontent.news {
    height: 202px;
    position: relative;
    overflow: hidden;
}

div.mehr {
    background-color: #DCDCDC;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right;
    cursor: pointer;
    color: #336699;
    padding-right: 5px;

}

div#portalboxexpanded {
    font-size: 10pt;
    color: grey;
    position: absolute;
    border: 1px solid dimgrey;
    width: 263px;
    height: 200px;
    padding: 4px 9px 5px 6px;
    line-height: 17px;
}

div.portalbox div.portalboxcontent a,
div#portalboxexpanded a {
    font-size: 10pt;
    color: #333333;
    line-height: 1.5em;
}

div.portalbox div.portalboxcontent a:hover,
div#portalboxexpanded a:hover {
    color: black;
    text-decoration: none;
}

div.portal-news-action {
    float: right;
    width: 280px;
    margin-top: -5px;
}

div.news-archiv-anzeigen {
    background: white;
    margin-top: -5px;
    padding-top: 5px;
    float: right;
    font-size: 11px;
    cursor: pointer;
}

div.portal-news-action {
    margin-bottom: 10px;
}

div.news-archiv-anzeigen a {
    font-size: 11px;
}

div.news-eintrag-anlegen {
    float: left;
}

div.news-eintrag-anlegen a {
    font-size: 11px;
}

div.news-abstand {
    height: 12px;
    background: white;
}

div.news-text h1,
div#portalboxexpanded h1 {
    margin-top: 0;
}

.news-text div,
div#portalboxexpanded div {
    white-space: pre-wrap;
}

img.news-img {
    width: 265px;
}

span.lightred {
    color: #F17676;
}

div.portalbox div.portalboxcontent div a.portalBtn,
div.portalboxcontent div div.portalBtn {
    display: block;
    height: 38px;
    width: 98px;
    margin: 10px 0 0 10px;
    padding-top: 60px;
    border: 1px solid black;
    float: left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center 10px;
    text-align: center;
    color: black;
    font-size: 13px;
    line-height: 16px;
    padding-right: 0;
    padding-left: 0;
}

div.portalbox div.portalboxcontent div a.portalBtn {
    background-color: #F9B000;
    border: 1px solid #F9B000;
    opacity: 1;
}

div.portalbox div.portalboxcontent div a.portalBtn:hover {
    opacity: 0.8;
}

div.portalbox div.portalboxcontent div div.portalBtn {
    opacity: 0.5;
    background-color: #C0C0C0;
    border: 1px solid #C0C0C0;
    cursor: not-allowed;
}

/*************************************/
/**        Liste Styles           **/
/*************************************/
.listcell a,
.listcellsmall a,
.listcellspace a {
    color: #337AB7;
}

.listcolumnheadline,
.listcolumnheadline a:link,
.listcolumnheadline a:visited,
.listcolumnheadline a:hover,
.listcolumnheadline a {
    text-decoration: none;
    color: #333333;
}

.listcell a:hover,
.listcellsmall a:hover,
.listcellspace a:hover,
.listcolumnheadline a:hover {
    color: black;
    text-decoration: none;
}

table.hxliststatusbar ul.paginator li a.currentpage:hover,
table.hxliststatusbar ul.paginator li a.currentpage {
    color: #000;
    background-color: #F9B000;
}

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

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

.hx_submenu {
    top: 115px;
}

div.submenubox {
    width: 165px;
    color: rgb(80, 80, 80);
    margin-right: 14px;
    position: absolute;
    left: 0;
    top: 115px;
}

/* level 1*/
ul.hxmenu > li.active > a {
    color: black;
    background-color: #F9B000;
    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: #DDDDDD;
    font-weight: bold;
    color: black;
}

/* 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#morelink a {
    color: #666666;
}

.center {
    text-align: center;
}

.container-pw-vergessen-middle-center,
.container-login-middle-center {
    position: absolute;
    width: 360px;
    height: 200px;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    margin-left: 0;
}


.formbutton[disabled] {
    cursor: wait !important;
}

.fachbib_searchbar {
    padding: 5px 0 15px 126px;
}

.fachbib_searchbar_warning,
.fachbib_searchbar_input {
    padding: 10px;
}

.fachbib_searchbar_input {
    box-sizing: border-box;
    width: 600px;
    font-size: 14px;
}

.fachbib_searchbar_warning {
    display: inline-block;
    width: 300px;
    border: 1px solid red;
    margin-left: 10px;
}

/** Projekt-spezifisch **/
.verf_window {
    margin-left: 10px;
}

.verf_header {
    padding: 5px 0 11px 0;
    line-height:23px; /* Text vertikal ausrichten */
}

.borderRed {
    border-color: rgb(255, 0, 0);
}

/** HXFormFieldCheckboxSortList */
.checkboxsortlist_container {
    border: 1px solid rgb(193, 193, 193);
    background-color: white;
}

.checkboxsortlist_header {
    line-height: 22px;
    padding: 0 3px 2px 3px;
    border-bottom: 1px solid lightgray;
}

span.disabled,
small.disabled,
a.disabled {
    color: gray;
}

.checkboxsortlist_list {
    overflow-y: scroll;
    height: calc(100% - 26px);
}

.checkboxsortlist_row {
    line-height: 22px;
    vertical-align: middle;
    padding: 0 3px;
}

.checkboxsortlist_row:nth-child(even) {
    background-color: rgb(240, 240, 240);
}

.checkboxsortlist_spacer {
    margin: 4px 0;
    background-color: rgb(210, 210, 210);
    height: 4px;
}

.checkboxsortlist_aktiv,
.checkboxsortlist_pos,
.checkboxsortlist_sortieren,
.checkboxsortlist_name,
.checkboxsortlist_name_showmask_disabled {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 22px;
}

.checkboxsortlist_aktiv {
    width: 40px;
    text-align: center;
}

.checkboxsortlist_pos {
    width: 35px;
    text-align: right;
}

.checkboxsortlist_sortieren {
    width: 60px;
    text-align: center;
}

.checkboxsortlist_name {
    width: calc(600px - 40px - 60px - 40px);
}

.checkboxsortlist_name_showmask_disabled {
    width: calc(600px - 30px);
}

.checkboxsortlist_sortieren img {
    vertical-align: middle;
    margin-top: -3px;
}

.checkboxsortlist_aktiv input {
    cursor: pointer;
}

.checkboxsortlist_search {
    margin-top: 2px;
    width: 300px;
    background-image: url(../libhx/img/form/marker/search.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right;
    padding: 1px;
}

.checkboxsortlist_search:focus {
    background-color: rgb(255, 230, 125);
}

.checkboxsortlist_editmode_active {
    background-color: #71C4FF !important;
}

.checkboxsortlist_editmode_active:hover {
    background-color: #50ABFF !important;
}

/* Verf Nachbearbeitung */
.verf_tab_menu_nachbearbeitet,
.verf_tab_menu_nachbearbeitet a {
    color: #FF4166 !important;
}

.verf_erfassung_nachbearbeitet {
    border-color: #FF4166 !important;
}

.formtextnotnullfocus,
.formtextfocus,
.formselectnotnullfocus,
.formselectfocus,
.formtextareafocus,
.formtextareanotnullfocus {
    background-color: rgba(113, 196, 255, 0.25) !important;
}

div.formfieldmarkercheckbox:focus {
    background-color: rgba(113, 196, 255, 0.25) !important;
}

input.formtext:focus {
    background-color: rgba(113, 196, 255, 0.25) !important;
}

.hxlistrowhighlight {
    background-color: rgba(113, 196, 255, 0.25) !important;
}

input[disabled] {
    height: 19px;
}