:root {
    --bg: #FFF;
}

body { font-family: verdana, arial; font-size: 1.1rem; margin: 0; padding: 0; }
body.parent{ background: #FFF; overflow: hidden; }
.va-m { vertical-align: middle; }

#maincontentspacer { margin: 0; height: 100%; }

@font-face {
    font-family: 'robotoblack';
    src: url('/nagiosfusion/static/fonts/Roboto-Black-webfont.eot');
    src: url('/nagiosfusion/static/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/nagiosfusion/static/fonts/Roboto-Black-webfont.woff') format('woff'),
         url('/nagiosfusion/static/fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('/nagiosfusion/static/fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

.single-half-col { max-width: 60%; }
@media (max-width: 1200px) {
    .single-half-col { max-width: 100%; }
}

.hiddenmenu { display: none; }
#mdropdown { font-weight: bold; color: #FFF; cursor: default; }
#mdropdown .nav-head { padding: 0 15px; }
#mdropdown li > a { font-weight: normal; color: #FFF; cursor: pointer; padding: 5px 15px; }
#mdropdown a:hover { text-decoration: none; color: #AAA; }
ul.dropdown-items { list-style-type: none; margin: 0; padding: 0; background: #222; display: none; position: absolute; line-height: 30px; z-index: 9000; }
#mdropdown span ul { padding: 5px 0; }
#mdropdown:hover { background: #222; }
#mdropdown:hover span > ul { display: block; }

@media (max-width: 1250px) {
    .hiddenmenu { display: block; }
    .mainmenu { display: none; }
}

.help-section { padding: 10px 0; }
code { font-size: 1.2rem; }
form textarea.form-control { line-height: 1.3rem; }

.fa.pop { font-size: 14px; cursor: pointer; }
td.checkbox label { line-height: 2rem; }
.checkbox, .radio { margin: 0 0 10px 0; line-height: 2rem; }
.popover-content { font-size: 1.3rem; line-height: 1.75rem; padding: 1rem 1.2rem; }

td.checkbox { display: table-cell; }
.ui-tabs .ui-tabs-nav li a, input, select, button { outline: none; }
div.message { display: inline-block; position: static; width: auto; }
div.message .errorMessage a { color: #333; border-bottom: 1px dotted #333; font-weight: bold; }
div.message .errorMessage a:hover { border-bottom: 1px solid #333; text-decoration: none; }

.btn-xs { font-size: 1.1rem; line-height: 1.1rem; padding: 6px 10px; }
#tabs a .fa { margin-right: 2px; }

/* Button colors */
.btn-primary { background-color: #4D89F9; border-color: #3371E6; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #3371E6; border-color: #1B59CD; }

.well { border-radius: 0; }

form label.checkbox { font-weight: normal; }

#header { background: url('/nagiosfusion/static/images/footer_lodyas.png') 0px 0px; height: 50px; line-height: 48px; }
#feedback_content, #popup_content { line-height: 1.4rem; }
#close_popup_link, #close_feedback_link { position: relative; top: -5px; }
#toplogo { float: left; width: auto; font-family: 'robotoblack'; margin: 0; }
#toplogo a { font-size: 24px; letter-spacing: 1px; color: #ffffff; }
#toplogo a:hover, #toplogo a:visited, #toplogo a:focus, #toplogo a:active { text-decoration: none; color: #ffffff; }
#header img.xi-logo { height: 24px; vertical-align: middle; margin-left: 1.5rem; padding-bottom: 2px; }
#header img.fusion-logo { margin-left: 4px; margin-top: -3px; height: 32px; }
.header-right { float: right; color: #FFF; }
.header-right.profile { margin-right: 1.5rem; }
.header-right a { color: #FFF; font-size: 1.1rem; line-height: 2rem; display: inline-block; }
.header-right a:hover { text-decoration: none; color: #AAA; }
.header-right a:hover span { }
.header-right.search { margin-right: 2rem; }
.header-right.search form { margin: 0; }
.header-right.search form input { color: #222; }
.ext { cursor: default; font-size: 1.7rem; width: 54px; text-align: center; height: 50px; }
.ext:hover { background-color: #222; }
.ext ul { list-style-type: none; margin: 0; padding: 0 0 0 200px; }
.ext:hover span > ul { display: block; }
.ext ul { display: none; position: absolute; top: 50px; right: 0px; height: auto; z-index: 9999; }
.ext ul li { background-color: #222; font-weight: bold; padding: 0.25rem 1rem 1rem 1rem; color: #FFF; line-height: 1.7rem; width: 54px; text-align: center; }
.ext ul li:first-child { padding-top: 1rem; }
.ext ul li:last-of-type { padding-bottom: 1.75rem; }
.ext ul li a { font-size: 1.5rem; }

#submitAddViewButton { margin: 0; }
#addview_form .textfield { margin-bottom: 10px; }

#techsupport-contents ul li { margin-left: 1rem; }

#footer img { margin-bottom: 0.1em; }
#footer { width: 100%; height: auto; line-height: 3em; background: url('/nagiosfusion/static/images/shattered.png'); cursor: default; margin: 0; padding: 0; }
#footer a { color: #000; border-bottom: 1px dotted #000; }
#footer a:hover { color: #333; text-decoration: none; border-bottom: 1px solid #333; }
.footer-right { text-align: right; }
.footer-left .btn-group .btn { padding: 3px 6px 4px; font-size: 90%; line-height: 1; font-weight: bold; margin-top: -3px; }
.footer-left .btn-group .btn:first-child { -webkit-border-radius: .25em 0 0 .25em; -moz-border-radius: .25em 0 0 .25em; border-radius: .25em 0 0 .25em; }
.footer-left .btn-group .btn:last-child { -webkit-border-radius: 0 .25em .25em 0; -moz-border-radius: 0 .25em .25em 0; border-radius: 0 .25em .25em 0; }

#tray_alerter { position: inherit; padding: 0; bottom: 0; right: 0; display: inline-block; margin-right: 1em; }
#tray_alerter_popup { border: 1px solid #DDD; height: auto; text-align: left; bottom: 40px; padding: 15px; line-height: 1.43; right: 300px; }

.contentheadernotice { border-radius: 0; margin: 0; padding: 8px 16px; }
.enterprisefeaturenotice.maincontent { margin: 0; top: 0; left: 0px; padding: 8px 16px; width: 100%; border-radius: 0; }

#maincontent { width: 82%; left: 200px; top: 50px; }
#leftnav { background-color: #F9F9F9; border: none; /* border-right: 1px solid #E5E5E5; */ border-radius: 0; height: 85%; margin: 0; width: 200px; padding: 0; left: 0; }
#topmenucontainer { margin: 0; }

#topmenu { float: left; margin-left: 5rem; margin-top: 1px; height: 48px; }
#topmenu div.mainmenu > div { float: left; }
#topmenu div.mainmenu div a { font-size: 1.1rem; color: #FFF; text-shadow: 1px 1px 0px #333; font-weight: bold; padding: 0 1.7rem 0 1.5rem; }
#topmenu div.mainmenu div:last-child a { border-right: none; }
#topmenu div.mainmenu div a:hover, #topmenu div a:active, #topmenu div a:focus { text-decoration: none; color: #AAA; }

#topmenu a.servers-nolink { cursor: default; }
#topmenu a.servers-nolink:hover, #topmenu a.servers-nolink:active, #topmenu a.servers-nolink:focus { color: #FFF !important; }

div.menusectiontitle { background-color: #E9E9E9; border: none; margin: 0; padding: 0.5rem 0.75rem; cursor: pointer; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; }
#popup_data table td { padding: 2px 4px; }

.btn i.r { margin-left: 0.25em; }
.btn i.l { margin-right: 0.25em; }

.form-error { border: 1px solid red; }
form .form-control, .form-control { line-height: 1.1rem; display: inline-block; width: auto; height: auto; margin: 0; font-size: 1.1rem; padding: 0.5rem 0.75rem; border-radius: 0; height: 29px; }
form .form-control:focus, .form-control:focus { border: 1px solid #CCC; box-shadow: inset 0 0 22px #EEE; }
form select.form-control, select.form-control { padding: 0.2rem 0.4rem; height: 29px; }
label input { font-weight: normal; }

.dashlettable { border: 1px solid transparent; padding: 0.75em 1em 1em 0.75em; }
.dashlettable.dashlettablehover { border: 1px dashed #888; }
.dashifybutton { top: 0; height: auto; }

table.infotable { margin: 0; background-color: #FFF; }
table.infotable thead th { padding: 0.4em 0.6em; text-align: center; }
table.infotable tbody td { padding: 0.4em; }
.sysstat_componentstates table.infotable tbody td, .sysstat_serverstats table.infotable tbody td, .sysstat_monitoringproc table.infotable tbody td, .sysstat_monitoringstats table.infotable tbody td, .sysstat_monitoringperf table.infotable tbody td { padding: 0.10em 0.4em; }
.sysstat_monitoringproc table.infotable tbody tr:last-child td, .sysstat_monitoringstats table.infotable tbody tr:last-child td, .sysstat_monitoringperf table.infotable tbody tr:last-child td, .sysstat_serverstats table.infotable tbody tr:last-child td, .sysstat_componentstates table.infotable tbody tr:last-child td  { padding-bottom: 0.4em; }
.sysstat_monitoringproc table.infotable tbody tr:first-child td, .sysstat_monitoringstats table.infotable tbody tr:first-child td, .sysstat_monitoringperf table.infotable tbody tr:first-child td, .sysstat_serverstats table.infotable tbody tr:first-child td, .sysstat_componentstates table.infotable tbody tr:first-child td  { padding-top: 0.4em; }

.table.table-no-border>tbody>tr>td, .table.table-no-border>tbody>tr>th, .table.table-no-border>tfoot>tr>td, .table.table-no-border>tfoot>tr>th, .table.table-no-border>thead>tr>td, .table.table-no-border>thead>tr>th { border: none; }

textarea.code { font-family: courier; font-size: 1.4rem; line-height: 1.6rem; }
textarea.fullsize { width: 100%; min-width: 400px; height: 100%; }

table.table.table-auto-width { width: auto; }
table.table.table-no-margin { margin: 0; }
table.table.table-no-bg { background-color: transparent; }

table.tablesorter tbody tr td.hover, table.tablesorter tbody tr.even td.hover, table.tablesorter tbody tr.selected td, table.tablesorter tbody tr.even.selected td { background-color: #edf3ff; cursor: default; }
table.tablesorter tbody tr td input.uidcheckbox, #checkall { cursor: pointer; }
table.tablesorter tbody tr td.clickable { cursor: default; }

table.tablesorter thead tr .headerSortUp { background-image: url('/nagiosfusion/static/images/icons/th_up.png'); }
table.tablesorter thead tr .headerSortDown { background-image: url('/nagiosfusion/static/images/icons/th_down.png'); }
table.tablesorter thead tr .sort-header { background-repeat: no-repeat; background-position: 0% center; padding-left: 18px; }

table.tablesorter tbody td { color: #222; vertical-align: middle; padding: 5px; background-color: initial; }
table.tablesorter tfoot tr, table.tablesorter thead tr { background-color: #FFF; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #FFF; font-size: 9pt; padding: 5px; }
table.tablesorter tbody tr.even td { background-color: initial; }

table table.table { margin: 0; }
.perm-users { margin-top: 10px; }

li.menulink a:hover, li.menulink a:visited, li.menulink a:focus { text-decoration: none; }
li.menulink a:hover { color: #FA8700; }
li.menulink a span { width: 15px; text-align: left; display: inline-block; }
li.menulink a  { color: black; }

.btn-sm { height: 29px; }
.btn-sm img { vertical-align: top; margin-right: 2px; }
.fa.l { margin-right: 2px; }
.fa.r { margin-left: 2px; }
a.btn span:hover { text-decoration: none; }
.pager-select-page { margin: 0 10px 0 20px; }
.pager-select-numpages { margin: 0 20px 0 10px; }
.tablepagerselect, .tablepagertextfield { vertical-align: middle; }

.form-control.vam { vertical-align: middle; }

.xicore_perfdata_chart_outboard { padding: 0; }

/* LOGIN PAGE*/
#language-button { color: #212121; }
#language-button:hover, #language-button:focus { background-color: rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.2); }

#autoLoginButton { background-color: #FFF; border: 1px solid rgba(0,0,0,0.2); margin-top: 20px; }
#autoLoginButton:hover { background-color: rgba(0,0,0,0.1); }
#autoLoginButton:active { background-color: rgba(0,0,0,0.3); }

.title-row { color: #212121; }

.login-input-wrapper #usernameBox, .login-input-wrapper #passwordBox { border: 1px solid rgba(0,0,0,0.4); }

.modern-login-wrapper { background-color: #ECEFF1; }
.modern-login-wrapper #loginButton, #autoLoginButton { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.contact-wrapper #contact-card { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); background-color: #FFF; }
.modern-login-wrapper .login-card { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); background-color: #FFF; }

form .submitbutton.login { margin-top: 10px; }
.login-box { float: right; }
.login-box h1 { margin: 0; padding: 0 0 15px 0; }
.login-box .forgot-pw { padding: 0; margin: 0; }
.login-box .message { width: 100%; }
.login-box .message ul.errorMessage { margin: 0 0 12px 0; }
.login-box .message ul.infoMessage { margin: 0 0 12px 0; border-color: #4D97FA; background-color: #A7CDFF; }
.login-box form .form-control { width: 65%; }
#languageopts { margin-top: 5px; }
.login-box .select-language { padding-top: 10px; }

.login-cell h3 { font-size: 18px; }

div.message ul { padding: 1em 1.5em; }

/* jQuery UI Overwrites */
.ui-widget-content a { color: #4D89F9; }
.ui-widget-content a.btn { color: #FFF; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a { cursor: default; }

.reset-pass { width: 600px; margin: 80px auto; }
.reset-pass h1 { margin: 0; }
pre { border-radius: 0; }

/* New report layout fixes in Modern */
div.reportexportlinks { }
.report-options { margin: -10px -20px 20px -20px; border-left: none; border-right: none; }

.wiz-header-cb { margin: 0 0 0 15px; }

.extraicons img, .hosticons img, .serviceicons img { margin-left: 3px; }

ul.config-dropdown { list-style-type: none; margin: 0; padding: 0; background: #222; display: none; position: absolute; line-height: 30px; z-index: 9000; }
ul.config-dropdown span { padding-right: 1.7rem; color: #FFF; font-size: 1.1rem; text-shadow: 1px 1px 0px #333; vertical-align: middle; margin-left: -5px; }
#topmenu div.mainmenu ul.config-dropdown li a.external-login { width: 20px; color: #FFF; padding-left: 0; margin-left: -5px; }
#topmenu div.mainmenu ul.config-dropdown li a.external-login:hover { color: #AAA; }
#topmenu div.mainmenu ul.config-dropdown li span.auto-login { margin-right: 30px; }
#topmenu div.mainmenu ul.config-dropdown li span.auto-login a { padding: 0; }
#topmenu div.mainmenu ul.config-dropdown li span.auto-login i { width: 14px; height: 16px; }
#config-menulink span ul { padding: 5px 0; }
#topmenu div#config-menulink span ul li a { font-weight: normal; }
#config-menulink:hover { background: #222; }
#config-menulink:hover span > ul { display: block; }

#topmenu ul.config-dropdown {
    max-height: 50%;
    overflow-y: auto;
    overflow-x: hidden;
}

.getting_started_dashlet ul, .admin_task_dashlet ul { padding: 6px 0 8px 30px; margin: 0; }
.getting_started_dashlet ul li, .admin_task_dashlet ul li { padding: 3px 0; }

#mydashboardsmenu li:first-child { padding-bottom: 5px; border-bottom: 1px solid #E3E3E3; margin-bottom: 5px; margin-right: 15px; }
#wizardSearchBox { font-size: 0.9rem; }

.system-alerts { margin-right: 2em; }
.system-alerts .popover-title { display: none; }

.alert { border-radius: 0; }
.table-outside-bordered { border: 1px solid #DDD; }

/* warning/critical highcharts buttons */
.highcharts-container .highcharts-button rect.active { fill: #ddd; x: 0.5; y: 0.5; rx: 2; ry: 2; }

#child_popup_layer {
    z-index: 9002;
    min-width: 300px;
    height: auto;
    position: absolute;
    top: 100px;
    left: 100px;
    visibility: hidden;
    border: 1px solid #cfcfcf;
    background-color: #F9F9F9;
    box-shadow: 0px 0px 10px #D5D5D5;
}

.dashlet-settings.managed {
    background-color: #F9F9F9;
    border-color: #cfcfcf;
    box-shadow: 0px 0px 10px #cfcfcf;
}

.upload-dashlet {
    color: #666;
}

#truncate_polling_locks {
    background-color: rgb(231, 231, 231);
    color: black;
}

#truncate_polling_locks:hover {
    background-color: rgb(185, 185, 185);
}

#popup_layer {
    border: 1px solid #CFCFCF;
    background-color: #F2F2F2;
    box-shadow: 0px 0px 10px #D5D5D5;
}

.popover a {
    color: #111;
}

/* LDAP AD STYLING */
#root { background-color: #F9F9F9 }
.folder-list { background-color: #F9F9F9 }
#ad-ldap-container { border: 1px solid black; }
.ad-folder:hover { background-color: rgb(201, 201, 201); }
.ad-folder.active { background-color: rgb(201, 201, 201); }
.ldap-ad-message { color: rgb(0, 0, 0); }
.num-users { color: black; }