/* Header */
.top-bar { background-color: var(--base-background); border-bottom: 3px solid var(--base-highlight); height: 36px; width: 100%; position: fixed; z-index: 998; top: 0; }
@media screen and (max-width: 250px) { .top-bar .logo { display: none; } } 
@media print { .top-bar { display: none; } } 

/* Search Bar */
.top-bar .searchbox { display: block; float: left; margin-right: 5px; }
.top-bar .searchbox input[type=text] { color: var(--link-hover); background-color: var(--link-background); border-color: var(--base-bordercolor-80); margin-top: 4px; width: 200px; height: 24px; font-size: 12px; border-radius: 3px; padding-left: 5px; padding-right: 22px; outline-color: none; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.top-bar .searchbox input[type=text]:focus { border-color: var(--link-background); box-shadow: none; padding-left: 6px;  }
@media screen and (max-width: 470px) { .top-bar .searchbox { display: none; } }

/* Header Tenant, DC, Customer and User */
.current-access { background-color: inherit; border-left: 1px solid var(--base-bordercolor); border-right: 1px solid var(--base-bordercolor); width: 200px; height: 35px; margin-top: -2px; padding: 6px; float: left; margin-left: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.current-access:hover { background-color: var(--link-background); }
.current-access .btn-group { position:relative !important; display: inline-flex !important; margin: 0; padding: 0; }
.current-access .btn-group a { padding: 0; height: 30px; }
.current-access .btn-group a .details .name { margin-left: 2px; font-size: 12px !important; padding: 0 !important; font-style: normal !important; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; text-align: left; overflow: hidden; }
.current-access .btn-group a .details .position { color: var(--link-hover-60); font-size: 7px !important; text-transform: uppercase; padding: 0 !important; margin-bottom: 0; margin-top: -2px; margin-left: 2px; }
.current-access .btn-group .dropdown-menu { background-color: var(--base-background-popup); border-top: 2px solid var(--base-bordercolor); min-height: 30px; max-height: 300px; min-width: 205px; max-width: 205px; overflow: auto; margin-left: -8px; margin-top: -1px; border-radius: 0; padding: 0 0 2px; }
.current-access .btn-group .dropdown-menu li { color: var(--base-font); border-top: 1px solid #AAAAAA22; max-height: 24px; padding: 1px 5px; font-weight: normal !important; }
.current-access .btn-group .dropdown-menu li .text { color: var(--base-font); font-weight: normal !important; font-size: 12px; }
.current-access a { color: var(--base-font); }
.current-access a:focus, .current-access a:hover, .current-access a:visited { color: var(--link-hover); font-weight: 500; }
.current-access .btn-group .dropdown-menu li:hover { background-color: var(--link-background); color: var(--link-hover); }
.current-access a, .current-access a:focus, .current-access a:hover, .current-access a:visited { text-decoration: none; }
.current-access img.image { background-color: var(--base-background-80); max-height: 30px; max-width: 30px; height: 30px; width: 30px; border-radius: 25px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* Header Tenant, DC, Customer and User */
.current-access .btn-group .dropdown-menu::-webkit-scrollbar { width: 5px; }
.current-access .btn-group .dropdown-menu::-webkit-scrollbar-track { background: var(--scroll-track); }
.current-access .btn-group .dropdown-menu::-webkit-scrollbar-thumb { background: var(--scroll-thumb); }
.current-access .btn-group .dropdown-menu::-webkit-scrollbar-thumb:hover { background:  var(--scroll-thumb-hover); }

/*  Executive User */
.current-access .execUser.btn-group { background: var(--base-background-60); position: relative !important; display: inline-block !important; margin: 0; padding: 0; padding: 4px 5px; margin-top: -7px; margin-right: -5px; max-height: 31px; }
.current-access .execUser.btn-group a { padding: 0; height: 31px;  }
.current-access .execUser.btn-group .dropdown-menu { position: absolute; min-height: 30px; max-height: 300px; min-width: 155px; max-width: 155px; overflow: auto; margin-left: -65px; border-radius: 0; top: 36px; margin-top: 10px; padding: 0 0 2px; }
@media screen and (max-width: 990px) { .current-access { display: none; } }

/* Content */
.content-wrapper { background-color: var(--body-background); padding: 35px 15px; margin-left: 230px; position: relative; min-width: 300px;  }
.content-wrapper.expanded { background-color: var(--body-background); width: calc(100% - 15px); margin-left: 0; padding: 35px 0 30px 40px; }
.content-wrapper.expanded-full { background-color: var(--body-background); width: calc(100% - 15px); margin-left: 0; padding: 35px 0 30px 15px; }
@media screen and (max-width: 400px) { .content-wrapper.expanded, .content-wrapper.expanded-full { width: 100%; padding: 35px 5px 0 5px; } }

/* Footer */
footer { background-color: var(--base-background); border-top: 2px solid var(--base-highlight); height: 16px; width: 100%; position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; }
footer div { font-size: 10px; font-family: 'Roboto Mono'; font-weight: normal; margin: 0; padding: 0; height: 13px; }
footer div.copyright { color: var(--base-font); float: left; text-indent: 5px; font-size: 7px; }
footer div.support { color: var(--base-font); float: right; margin-right: 10px; }
footer a { color: var(--base-font-60); font-size: 10px; font-family: Consolas; font-weight: normal; text-decoration: none; }
footer a:hover { color: var(--link-hover); text-decoration: none; }

@media screen and (max-width: 600px) { footer .support { display: none; } }
@media screen and (max-width: 400px) { footer .version { display: none; } }
.expanded footer { width: calc(100% + 15px); padding-left: 25px; }
.expanded-full footer { width: calc(100% + 15px); padding-left: 5px; }