html, body {
	width:100%; height:100%;
	padding:0; margin:0;
}

#system-mode option {
	font-size:13px;
}

#_ui_layout_compact-profile .config b {
	display:none;
}
#_ui_layout_compact-profile .config b span {
	font-size:14px;
}

#_ui_layout_compact-profile .config b span:hover {
	background: #fff; color:#000;
}


#_ui_layout_compact-profile .config:hover b {
	display:block;
}


@media only screen and (max-width: 820px) {
    #_ui_layout_compact-topline {display: flex; flex-direction: column; height:130px !important;}
    #_ui_layout_compact-topline > a > div {display: block; width: 100% !important; border-bottom:1px solid #fff; justify-content: start !important; padding-left:10px}
    #_ui_layout_compact-topline > a > div img {width: 160px}


    #_ui_layout_compact-top {position: relative !important; left:0 !important;  height: 29px !important; }
    #_ui_layout_compact-topnav {margin-top:-14px !important; background: #fff; width: 100% !important; padding-left:5px !important;}

    #_ui_layout_compact-breadcumbs {padding:0 !important; width: 100% !important; position: relative !important; top:0 !important; background: #ddd !important; padding-left:5px !important; border: 0 !important;}
    #_ui_layout_compact-profile {padding:0 !important;  right: 0; top:30px !important; z-index: 1000000}

    #_ui_layout_compact-leftcol {top:131px !important; position: relative; width:35px !important; overflow: hidden !important;}
    #_ui_layout_compact-centercol {top:140px !important; left:50px !important; position: relative; }

    #charst-startpage {flex-direction: column}
    #charst-startpage > div {width: 98% !important;}

    ._ui_layout_compact_leftcol a {content: "" !important; white-space: nowrap; display: block}
    ._ui_layout_compact_leftcol a:before {margin-right:50px !important;}
    ._ui_layout_compact_leftcol q {display: none}
    ._ui_layout_compact_leftcol ._ULCL-spacer { white-space: nowrap}
    ._ui_layout_compact_leftcol ._ULCL-spacer:after {content: ""}
    ._ui_layout_compact_leftcol ._ULCL-spacer:before {margin-right:50px;}

    #l_person-profile {max-width: 120px; }

    ._ui_filter_v2 ._ui_form-row {display: block}
    ._ui_filter_v2 ._ui_form-row th {text-align: left; padding-left:3px;}

    ._ui_filter_v2 ._ui_form-table th,
        ._ui_filter_v2 ._ui_form-table td {display: block}

    #request-form {padding-right:10px;}

    #request-form tr {display: block}
    #request-form td {display: block}
    #request-form th {display: block; text-align: left; padding-left:5px}

    .footer-data {flex-direction: column; padding:10px !important;}
    .footer-data > div {margin-bottom:20px}

}