body { font-family: verdana, arial; font-size: 8pt; margin: 5px 5px 0px 5px; padding: 0px; }
body.parent { background: white; }
body.child { background: white; }
.childpage { padding: 10px 20px; }
.dashboard-no-pad .childpage { padding: 0; }

.clear { clear: both; }
.fr { float: right; }
.fl { float: left; }
.center { text-align: center; }
.fa-14 { font-size: 14px; }
.fa-m { vertical-align: middle; }
.fa-12 { font-size: 12px; }
.pad-t5 { padding: 5px 0 0 0; }
td div.pad-t5:last-of-type { padding-bottom: 10px; }
#whiteout { background-color: #FFF; opacity: 0.85; z-index: 9000; display: none; }
#blackout { background-color: #000; opacity: 0.85; z-index: 9000; display: none; }

.loginsplash { width: 600px; height: 210px; background: url('/nagiosfusion/static/images/Nagios-Fusion-Splash-7.jpg') center center; }

.help-section.obj-reference { padding: 25px 0 30px 0; border-bottom: 1px dotted #EEE; }
.help-section.obj-reference:last-child { border-bottom: none; }

label.inline-checkbox {
    font-weight: normal; 
    display: inline-block; 
    margin-top: 1px;
}
input[type=checkbox] {
    float: left; 
    margin-top: 3px;
}

table.popover-table a {
    color: #000;
}

.well.top { margin: -10px -20px 20px -20px; border-left: 0; border-right: 0; display: flex; align-items: center; }
.well.top h1 { padding: 0; margin: 0; }

.msg-inactive, .msg-suspended { margin: 30px; }
.msg-inactive h1, .msg-suspended h1 { margin: 0 0 20px; padding: 0; }

.summary_sort { cursor: pointer; }

table.sysstat { width: 100%; }
table.sysstat th.subsystem, th.visualize { width: 100%; }
table.sysstat .status { text-align: center; width: 1%; }
table.sysstat td { white-space: nowrap; }
table.serverstat td:nth-child(2) { font-family: courier; text-align: right; white-space: nowrap; }

#renewal_reminder { background-color: #FFF; padding: 15px; z-index: 10001; }
#renewal_reminder_popup_content { width: 600px; }
.renew-left { width: 49.8%; float: left; height: 300px; }
.renew-right { width: 49.8%; float: right; height: 300px; background-size: cover; position: relative; }
.renew-color-box { padding: 25px; color: #FFF; height: 100%; background-color: #4D89F9; }
.renew-color-box h1 { padding: 0; }
.renew-color-box p { padding: 23px 0 25px 0; font-size: 13px; line-height: 18px; }
.expired .renew-color-box { background-color: #cf1818; }

.btn-primary.btn-renew, .btn-primary.btn-renew:focus, .btn-primary.btn-renew:visited, .btn-primary.btn-renew:active { border: 1px solid #FFF; background-color: #4D89F9; margin-right: 6px; }
.btn-primary.btn-renew:hover { border: 1px solid #FFF; background-color: #FFF; color: #4D89F9; }

.expired .btn-primary.btn-renew, .expired .btn-primary.btn-renew:focus, .expired .btn-primary.btn-renew:visited, .expired .btn-primary.btn-renew:active { background-color: #cf1818; }
.expired .btn-primary.btn-renew:hover { background-color: #FFF; color: #cf1818; }

label { color: #222; }
label.normal { font-weight: normal; }
.label-b { font-size: 90%; margin-left: 2px; margin-top: -3px; padding: 3px 6px 4px 6px; display: inline-block; vertical-align: middle; }

table.table-export td { font-size: 0.95rem; }
a { text-decoration: none; color: #4D89F9; }
a img { border: none; }
hr { margin: 0; }
p { margin: 0; padding: 0 0 10px 0; }
a i.fa-ml { margin-left: 3px; }
a i.fa-mr { margin-right: 3px; }
a:hover i.fa-external-link { text-decoration: none; }
.fa-req { color: red; }

h1 { font-size: 16pt; font-weight: bold; padding: 10px 0; margin: 0; }
#report h1 { padding: 0; }
h2 { font-size: 13pt; font-weight: bold; padding: 10px 0; margin: 0; }
#child_popup_container h2 { padding-top: 0; }
h6 { font-weight: bold; }

.popover { min-width: 124px; border-radius: 0; z-index: 10000; }
.tooltip { z-index: 9002; }
.tooltip-inner { border-radius: 0; }
/* .tooltip-inner { max-width: 300px; overflow: hidden; }
.bbmap_dashlet .tooltip-inner, .minemap_dashlet .tooltip-inner, .ccm-tooltip .tooltip-inner { white-space: normal; }
*/

#tabs > div { padding: 1em 0; }

#taccontrol { cursor: pointer; vertical-align: top; margin: 3px 0 0 2px; }
#tacform, #cwform { display: none; position: absolute; background-color: #FFF; z-index: 9002; padding: 15px; border: 1px solid #DDD; }
#cwform .popover { width: 400px; }
#cwform .disabled { background-color: #FFF; z-index: 9005; }

/* jQuery-UI overwriting */
.ui-widget.ui-widget-content { border: none; }
.ui-menu-item { font-size: 8pt; }
.ui-widget-header { border-bottom: 1px solid #AAA; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color: #FFF; }
.ui-datepicker { border: 1px solid #D3D3D3; position: relative; top: 6px; right: 160px; }

.cmdlink { }
.cmdlink img { text-decoration: none; margin-right: 5px; vertical-align: middle; }

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

.actionimage { cursor: pointer; }

#page { margin: 0px; padding: 0px; display: block; }
#header { }

div.childhead { height: 0px; }

.update-spinner { display: inline-block; margin-left: 10px; }

.table>tbody>tr>td.vt { vertical-align: top; padding-top: 14px; }
.table.table-condensed>tbody>tr>td.vt { vertical-align: top; padding-top: 12px; }
.table>tbody>tr>td.checkbox, .table>thead>tr>th .checkbox, .table>tbody>tr>td .checkbox { margin-bottom: 0px; }
.table>thead>tr>th .checkbox label, .table>tbody>tr>td .checkbox label { color: #333; }
.table>thead>tr>th .checkbox input { margin-left: -18px; }
.table.table-no-padding>tbody>tr>td { padding: 0; }
.table.table-no-pad-mar { padding: 0; margin: 0; }

.fa-cal-btn { font-size: 18px; vertical-align: top; margin-left: 0.25rem; }
.form-control.cal-input { width: 160px; }
.cal { display: none; }
.cal div.reportstartdatepicker { margin-right: 1rem; }
.cal div i { vertical-align: middle; }

#authinfo { position: absolute; top: 5px; right: 10px; text-align: right; }
#authlogout { margin: 5px 0 0 0; }

#footer { margin: 10px 0 0 0; padding: 0px 0 0 0; clear: both; height: 32px; width: 99.5%; position: absolute; bottom: 0px; background-color: #FFF; }
#throbber { display: none; z-index: 10000; }
#fullscreen { height: 16px; left: 200px; position: absolute; width: 16px; z-index: 100; background-repeat: no-repeat; cursor: pointer; }

#fullscreen.fs-open { background-image: url('/nagiosfusion/static/images/icons/fullscreen_plus.png'); }
#fullscreen.fs-close { background-image: url('/nagiosfusion/static/images/icons/fullscreen_minus.png'); }

#toplogo { width: 200px; height: 35px; left: 0px; top: 0px; position: relative; margin: 0 0 10px; }
#topmenucontainer { border-radius: 3px; background-color: #4D89F9; height: 22px; left: 0; margin: 10px 0 10px 0; padding: 0; position: relative; width: 99.9%;  }

#closetrialnotice i.fa { font-size: 14px; }

/* Set colors for tables */
td.hostdown, td.servicecritical { background-color: #FF795F !important; }
td.hostup, td.serviceok { background-color: #B2FF5F !important; }
td.serviceunknown { background-color: #FFC45F !important; }
td.servicewarning { background-color: #FEFF5F !important; }

.state-select-service .critical { background-color: #FF795F; }
.state-select-service .ok { background-color: #B2FF5F; }
.state-select-service .unknown { background-color: #FFC45F; }
.state-select-service .warning { background-color: #FEFF5F; }

.fa-critical { color: #FF795F; }
.fa-ok { color: #B2FF5F; }
.fa-unknown { color: #FFC45F; }
.fa-warning { color: #FEFF5F; }
.fa-pending { color: #CCC; }

ul.menu { border-bottom: 3px solid #4D89F9; left: 0; margin: 0 5px; padding: 0; width: 98%; bottom: 0; position: absolute; }
ul.menu, ul.menu li { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; }
ul.menu li { margin: 0 4px 1px 0; }
ul.menu li a { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; font-size: 9pt; font-weight: bold; padding: 0 12px 3px; color: #FFF; }
ul.menu li a:hover { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0 0; color: #FFF; }

#footernotice { margin: 0px 0 0 10px; padding: 5px 0 0 0; color: #FFF; }
#footernotice a { color: #FFF; }
#footermenucontainer { border-radius: 3px; background-color: #4D89F9; height: 25px; right: 0; margin: 0; padding: 0; position: relative; width: 99.9%; }

ul.footermenu {
    right: 0;
    margin: 0 5px 6px 0;
    padding: 0;
    bottom: 0;
    position: absolute;
}

ul.footermenu, ul.footermenu li {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

ul.footermenu li {
    margin: 0 4px 1px 0;
}

ul.footermenu li a {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    font-size: 8pt;
    font-weight: normal;
    padding: 0 6px 3px;
    color: #FFF;
}

ul.footermenu li a:hover {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent none repeat scroll 0 0;
    color: white;
}

.sectionTitle {
    border-bottom: 1px solid gray;
    font-size: 10pt;
    font-weight: bold;
    margin: 15px 0 10px;
    width: 500px;
}

#checkforupdates {
    margin: 0px 0 0 9px;
}

fieldset {
    padding: 7px;
    border: none;
}

legend {
    display: none;
}

.formButtons {
    margin: 5px 0 0 0;
    clear: both;
}

#configWizardForm #formButtons {
    margin: 0 0 50px 0;
    padding: 10px 0 0 0;
}

div.message {
    display: block;
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 35%;
}

div.message ul {
    list-style-type: none;
    padding: 1em 1em 1em 3em;
    margin: 1em 50% 10px 0px;
    width: 100%;
}

ul.actionMessage {
    list-style-type: none;
    padding: 1em 1em 1em 3em;
    margin: 1em 50% 10px 0px;
    width: 100%;
}

.infoMessage {
    background: #b6e5ab;
    border: 1px solid #297a25;
}

.actionMessage {
    background: #CFEBF7;
    border: 1px solid #2580B2;
}

.actionMessage.standalone, .errorMessage.standalone { padding: 10px 15px; margin-bottom: 10px; }

.errorMessage { 
    background: #FF9999;
    border: 1px solid #c69;
}

ul.errorMessage {
    background: #FF9999;
    border: 1px solid #c69;
    list-style-type: disc;
}

.alert.alert-error { background: #FF9999; border: 1px solid #c69; }

.navbar { margin: 0; }

#leftnav {
    border-radius: 3px;
    background-color: white;
    border: 1px solid gray;
    float: left;
    width: 175px;
    height: 85%;
    margin: 0;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 5px;
}

#mainframe {
    margin: 0;
    padding: 0;
    clear: both;
}

#maincontent {
    margin: 0;
    height: auto;
    width: 86%;
    position: absolute;
    top: 80px;
    left: 198px;
    -webkit-overflow-scrolling: touch;
}

#maincontentspacer {
    margin: 0;
}

#maincontentframe {
    height: 100%;
}

div.menusectionbutton {
    background-image: url('/nagiosfusion/static/images/icons/collapse.gif');
    float: left;
    height: 10px;
    width: 10px;
    margin: 0 3px 0 0;
}

div.menusection-collapsed div.menusectionbutton {
    background-image: url('/nagiosfusion/static/images/icons/expand.gif');
}

div.menusectiontitle {
    border-bottom: 1px solid gray;
    font-size: 8pt;
    font-weight: bold;
    padding: 0 0 2px 15px;
    margin: 5px 0 0;
}

ul.menusection {
    margin: 5px 0 10px 0;
    padding: 0 0 0 15px;
    list-style: none;
}

div.menusection-collapsed ul.menusection {
    display: none;
}

li.menulinkspacer {
    height: 5px;
}

/* li.menulink a, li.menulink a:visited {
    color: black;
} */

li.menulink a.activemenulink, li.menulink a.activemenulink:visited {
    font-weight: normal;
}

li.menulink a:hover {
    color: #FA8700;
}

li.menulink .fa-fw { width: 1em; }

#viewtools {
    position: absolute;
    top: 2px;
    right: 8px;
}

#dashboardtools {
    position: absolute;
    top: 0;
    right: -30px;
}

#addtomydashboards {
    padding: 5px 0 0 0;
}

.perfdatachart {
    margin: 0 0 10px 0;
}

.dashlettablecontentargs {
    display: none;
}

.dashlettablecontenttitle {
    display: none;
}

.dashlettableinnercontent {
    padding: 0 0 0 25px;
}

.dashlettablehover {
    border: 1px dashed gray;
}

.ui-datepicker {
    border: 1px solid #D3D3D3;
    position: relative;
    top: 6px;
    right: 160px;
    z-index: 1;
}

#enddatepickercontainer, #startdatepickercontainer {
    width: 1px;
    height: 1px;
    margin: 20px 15px 0 0;
    float: right;
    position: relative;
    z-index: 99;
}

.reporttimepicker div#enddatepickercontainer, .reporttimepicker div#startdatepickercontainer {
    clear: none;
    display: inline;
    float: right;
    height: 1px;
    margin: 25px 15px 0 0;
    position: fixed;
    width: 1px;
}

#primarybuttons {
    position: absolute;
    right: 6px;
    top: 53px;
}

#feedback_layer {
    z-index: 1000;
    width: 400px;
    position: absolute;
    top: 125px;
    left: 210px;
    visibility: hidden;
    display: block;
    border: 1px solid #CFCFCF;
    background-color: #F2F2F2;
    box-shadow: 0px 0px 10px #D5D5D5;
}

#feedback_content {
    margin: 15px;
}

#feedback_close {
    float: right;
}

#feedback_close a {
    text-decoration: none;
    font-size: 8pt;
}

#feedback_header, #popup_header {
    font-size: 1.2em;
    font-weight: bold;
}
#feedback_data p, #popup_data p {
    margin: 10px 0;
}

#feedback_form .textarea {
    margin: 0 0 15px 0;
    width: auto;
    height: auto;
}

#feedback_form .textfield, #popup_data .textfield {
    margin: 0 0 15px 0;
}

#submitFeedbackButton { margin: 0; }
.feedback-pp a { margin-top: 10px; margin-right: 12px; display: inline-block; }

#popup_layer {
    z-index: 1000;
    width: 300px;
    height: 200px;
    position: absolute;
    top: 200px;
    left: 300px;
    visibility: hidden;
}

#popup_content {
    margin: 20px;
}

#popup_close {
    float: right;
}

#popup_close a {
    text-decoration: none;
    font-size: 8pt;
}

#popup_header b {
    font-size: 12pt;
    font-weight: bold;
}

/* #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: #262626;
    box-shadow: 0px 0px 10px #D5D5D5;
} */

#child_popup_content {
    margin: 15px;
}

#child_popup_close {
    float: right;
}

#child_popup_close a {
    text-decoration: none;
    font-size: 8pt;
}

#child_popup_header b {
    font-size: 12pt;
    font-weight: bold;
}

#child_popup_throbber {
    background: white;
    border: 1px solid #333333;
    height: 32px;
    width: 32px;
    background-image: url('/nagiosfusion/static/images/throbber1.gif');
    background-repeat: no-repeat;
}

.popup-form-box { margin-bottom: 10px; }
.popup-form-box label { padding-bottom: 2px; display: block; }

#addview_form .textarea {
    margin: 0 0 15px 0;
    width: auto;
    height: auto;
}

#myviewsviewtitle {
    left: 210px;
    position: absolute;
    top: 85px;
    z-index: 100;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #4D89F9;
    background: #F1F1F1;
    visibility: hidden;
}

#trashview {
    width: 20px;
    height: 20px;
    margin: 10px 0 0 0;
    visibility: hidden;
}

#editview {
    width: 20px;
    height: 20px;
    margin: 10px 0 0 0;
    visibility: hidden;
}

#pauseresumeview {
    width: 20px;
    height: 20px;
    visibility: hidden;
    margin: 10px 0 0 0;
}

.viewspeed-slider-box { float: left; margin-left: 14px; padding-top: 3px; }
#current-time { float: right; font-weight: bold; padding-top: 3px; }
#myviewspeedslider { width: 80px; display: inline-block; }
.rotation-stopped { float: left; margin-left: 10px; font-style: italic; color: #666; padding-top: 2px; }
.btn-view-pr { float: left; width: 25px; }

#addview {
    padding: 5px 0 0 0;
}

#addview_form .textarea {
    margin: 0 0 15px 0;
    width: auto;
    height: auto;
}

/* FORMS */

/* defaults */
form {
    margin: 0 0 20px 0;
}

/* default width */
form fieldset {
    width: 350px;
    border: none;
}

/* by default, don't show legends */
form fieldset legend {
    display: none;
}

fieldset label {
    /*text-align:right;*/
    /*width:130px;*/
    float: left;
    /*padding:0.2em;*/
    margin: 0;
    color: #666;
}

label {
    /*text-align:right;*/
    /*width:130px;*/
    /*float:left;*/
    /*padding:0.2em;*/
    margin: 0;
    color: #666;
}

form .textfield {
    margin: 3px 0 5px;
    /*height:20px;*/
    /*width:200px;*/
}

form .dropdown {
    margin: 3px 0 5px;
    height: 20px;
    width: 204px;
}

form .textarea {
    margin: 3px;
    height: 165px;
    width: 200px;
}

form .submitbutton {
    font-size: 9pt;
    margin: 10px 5px 0px 0;
    /*float: left;*/
}

#keepalive {
    display: none;
}

.availabledashlet { }
.availabledashlet h2 { padding-top: 0; font-size: 15px; }
.availabledashlet .copy { font-size: 10px; display: block; margin-top: 10px; }
.availabledashlet .name { font-weight: bold; }
.availabledashlet .thedashlet { width: 100%; background-color: #FFF; box-sizing: border-box; }
.availabledashlet .about { margin: 10px 0 0; height: 170px; overflow-y: auto; }
.availabledashlet.well { width: 340px; height: 364px; float: left; padding: 20px; margin: 0 20px 20px 0; overflow: hidden; }

.availability_dashlet, .availability_report_inboard, .availability_report_outboard { 
    padding: 6px; display: inline-block; border: 1px solid transparent;
}

#availabilityreport > .dashlettable { 
    display: inline-block; 
}

#myviewoverlay {
    width: 100px;
    height: 50px;
    z-index: 10000;
    position: absolute;
    top: 10px;
    left: 10px;
    background: white;
    display: none;
}

#childcontentthrobber {
    z-index: 100;
    position: absolute;
    opacity: 0.95;
    visibility: hidden;
}

#parentcontentthrobber {
    z-index: 101;
    position: absolute;
    opacity: 0.95;
    visibility: hidden;
}

#parentcontentthrobber img {
    width: 64px;
    height: 64px;
}

#childcontentthrobber img {
    width: 64px;
    height: 64px;
}

body.dashboard {
}


.ui-resizable-se {
    visibility: hidden;
}

.colorpicker {
    z-index: 10000;
}

#colorSelector2 {
    position: relative;
    width: 36px;
    height: 36px;
    background: url('/nagiosfusion/static/js/jquery/colorpicker/images/select2.png');
}

#colorSelector2 div {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: url('/nagiosfusion/static/js/jquery/colorpicker/images/select2.png') center;
}

#colorpickerHolder2 {
    /*top: 32px;*/
    left: 0;
    /*width: 356px;*/
    /*height: 0;*/
    overflow: hidden;
    position: relative;
}

#colorpickerHolder2 .colorpicker {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_background.png');
    position: absolute;
    bottom: 0;
    left: 0;
}

#colorpickerHolder2 .colorpicker_hue div {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_indic.gif');
}

#colorpickerHolder2 .colorpicker_hex {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_hex.png');
}

#colorpickerHolder2 .colorpicker_rgb_r {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_rgb_r.png');
}

#colorpickerHolder2 .colorpicker_rgb_g {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_rgb_g.png');
}

#colorpickerHolder2 .colorpicker_rgb_b {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_rgb_b.png');
}

#colorpickerHolder2 .colorpicker_hsb_s {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_hsb_s.png');
    display: none;
}

#colorpickerHolder2 .colorpicker_hsb_h {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_hsb_h.png');
    display: none;
}

#colorpickerHolder2 .colorpicker_hsb_b {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_hsb_b.png');
    display: none;
}

#colorpickerHolder2 .colorpicker_submit {
    background-image: url('/nagiosfusion/static/js/jquery/colorpicker/images/custom_submit.png');
}

#colorpickerHolder2 .colorpicker input {
    color: #778398;
}

table.tablesorter {
    font-family: arial;
    border-spacing: 1px;
    font-size: 9pt;
    text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #D3D3D3;
    font-size: 10pt;
    padding: 2px 25px 2px 4px;
}

table.tablesorter thead tr .sort-header {
    background-image: url('/nagiosfusion/static/images/icons/th_updown.png');
    background-repeat: no-repeat;
    background-position: 90% center;
    cursor: pointer;
}

table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 2px 4px;
    background-color: #FFF;
    vertical-align: top;
}

table.tablesorter tbody tr.even td {
    background-color: #EFEFEF;
}

table.tablesorter tbody tr.odd td {

}

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 .headerSortDown, table.tablesorter thead tr .headerSortUp {
}

table.tablesorter tfoot tr, table.tablesorter thead tr {
    background-color: #C7C7C7;
}

table.tablesorter thead th.hover {
    color: #4D89F9;
}

table.tablesorter thead th.hover a {
    color: #4D89F9;
}

table.tablesorter thead th a {
    text-decoration: none;
    color: black;
}

table.tablesorter tbody tr.selected td {
    background-color: #97BDFD;
}

table.tablesorter tbody tr td.hover {
    background-color: #97BDFD;
}

/* clickable table cells */
table.tablesorter tbody tr td.clickable {
    cursor: pointer;
}

/* alert table row */
table.tablesorter tbody tr.alert td {
    background-color: #FF947F;
}

/* style added to table headers to make sort arrow work */
div.th_link {
    width: 100%;
}

.tablePagerLinks {
    text-align: center;
}

#statusTableContainer .tableTopText {
    margin: 0;
    float: left;
    position: absolute;
    top: 182px;
}

#usersTableContainer .tableTopText {
    margin: 20px 0 0 0;
}

.tableListSearch {
    float: right;
}

.tableMultiItemButton {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    color: #4D89F9;
}

.tableMultiItemButton:hover { color: #23527c; }

.tablepagersubmitbutton {
    font-size: 9pt;
}

.action_button img {
    margin: 0 0 0 3px;
}

table.infotable {
    border: 1px solid #D3D3D3;
    border-collapse: collapse;
    text-align: left;
    margin: 5px;
    font-size: 8pt;
}

.infotable_title {
    font-size: 10pt;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: left;
}

.infotable_title_text {
    display: inline;
}

.infotable_title_icons {
    float: right;
}

table.infotable-noborder {
    border: none;
    border-collapse: collapse;
    text-align: left;
    margin: 5px;
    font-size: 8pt;
}

.infotable_subtitle {
    font-weight: bold;
}

.xicore_component_status {
}

.xicore_component_status table.infotable {
    width: 275px;
}

.sysstat_componentstate_description {
    font-size: 8pt;
}

.sysstat_componentstate_title {
    font-weight: bold;
}

.sysstat_stat_title {
    font-weight: bold;
}

.sysstat_stat_subtitle {
    margin: 0 5px;
}

.xicore_server_stats {
}

.xicore_server_stats table.infotable {
}

.xicore_monitoring_stats {
}

.ajax_date {
    font-size: 9px;
    color: #888;
    margin-top: 5px;
}

.dashlettablecontentargs-debug {
    display: none;
}

.horizontalactions {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.horizontalactions li {
    margin: 0px;
    padding: 0 5px 0 0;
    float: left;
}

.horizontalactions li a {
    color: #4F4F4F;
    font-weight: bold;
}

.hiddendropdown {
    visibility: hidden;
    position: absolute;
    margin: 0px;
    padding: 5px;
    list-style: none;
    background-color: #EFEFEF;
    border-radius: 3px;
}

.hiddendropdown li {
    margin: 0px;
    padding: 3px 3px 3px 20px;
}

.hiddendropdown li a {
    color: #4F4F4F;
    font-weight: bold;
}

li.restart {
    background-image: url('/nagiosfusion/static/images/icons/d_restart.gif');
    background-repeat: no-repeat;
}

li.start {
    background-image: url('/nagiosfusion/static/images/icons/d_start.gif');
    background-repeat: no-repeat;
}

li.stop {
    background-image: url('/nagiosfusion/static/images/icons/d_stop.gif');
    background-repeat: no-repeat;
}

.recordcounttext {
    margin: 0 0 15px 0;
    line-height: 20px;
}

.recordcounttext img { margin: -2px 0 0 4px; cursor: pointer; }

.recordpagerlinks {
    clear: left;
    text-align: center;
}

.perfgraphssubtitle {
    padding: 5px 0 10px;
}

.perfgraphsheader {
    padding: 0 0 10px 0;
    clear: left;
}

.perfgraphsfooter {
    padding: 0 0 30px 0;
    clear: left;
}

.legacyreport {
    clear: left;
    margin: 0 0 40px;
}

.legacyreportimage {
    float: left;
    margin: 0 10px 0 0;
    text-align: right;
    width: 150px;
}

.legacyreportdescription {
}

.legacyreporttitle {
    font-weight: bold;
    margin: 0 0 7px;
}

.subcomponentslist {
    margin: 30px 0 0 0;
}

.subcomponent {
    clear: left;
    margin: 0 0 40px;
}

.subcomponentimage {
    float: left;
    margin: 0 10px 0 0;
    text-align: right;
    width: 150px;
}

.subcomponentdescription {
}

.subcomponenttitle {
    font-weight: bold;
    margin: 0 0 7px;
}

ul.commandresult {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.commandresult li {
    margin: 0;
    padding: 0 5px 5px 20px;
}

ul.ajaxcommandresult {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.ajaxcommandresult li {
    margin: 0;
    padding: 0 5px 5px 20px;
}

li.commandresultok {
    background-image: url('/nagiosfusion/static/images/icons/success_small.png');
    background-repeat: no-repeat;
}

li.commandresulterror {
    background-image: url('/nagiosfusion/static/images/icons/error_small.png');
    background-repeat: no-repeat;
}

li.commandresultunknown {
    background-image: url('/nagiosfusion/static/images/icons/unknown_small.png');
    background-repeat: no-repeat;
}

li.commandresultwaiting {
    background-image: url('/nagiosfusion/static/images/throbber.gif');
    background-repeat: no-repeat;
}

.contentheadernotice {
    border-radius: 3px;
    background-color: #FF9F2F;
    margin: 10px 0 10px 0;
    padding: 5px;
    color: white;
}

.contentheadernotice a {
    color: white;
    font-weight: bold;
}

.enterprisefeaturenotice {
    background-color: #ff6644;
    margin: 10px 0 10px 0;
    padding: 8px 12px;
    color: white;
}

.enterprisefeaturenotice.maincontent {
    position: fixed;
    z-index: 9999999;
}

.enterprisefeaturenotice a {
    color: white;
    font-weight: bold;
}

table.standardtable {
    font-family: arial;
    background-color: #BFBFBF;
    border-spacing: 1px;
    font-size: 9pt;
    text-align: left;
}

table.standardtable thead tr th, table.standardtable tfoot tr th {
    background-color: #D3D3D3;
    font-size: 10pt;
    padding: 2px 4px;
}

table.standardtable tbody td {
    color: #3D3D3D;
    padding: 2px 4px;
    background-color: #FFF;
    vertical-align: top;
}

table.standardtable tbody tr.even td {
    background-color: #EFEFEF;
}

table.standardtable tbody tr.odd td {

}

table.standardtable tfoot tr {
    background-color: #C7C7C7;
}

/* hovered table header */
table.standardtable thead th.hover {
    color: #EF7E2C;
}

table.standardtable thead th.hover a {
    color: #EF7E2C;
}

table.standardtable thead th a {
    text-decoration: none;
    color: black;
}

/* alert table row */
table.standardtable tbody tr.alert td {
    background-color: #FF947F;
}

.servicestatusdetailheader {
    margin: 5px 0 0 0;
    padding: 0;
}

.servicestatusdetailheader .serviceimage { float: left; }
.servicestatusdetailheader .serviceimage img { padding: 0 10px 0 0; }

.servicestatusdetailheader .servicetitle {
    font-weight: bold;
}

.servicetitle .servicename {
    font-size: 12pt;
}

.servicetitle .hostname {
    font-size: 10pt;
    margin-top: 2px;
}

.hoststatusdetailheader {
    margin: 5px 0 0 0;
    padding: 0;
}

.hoststatusdetailheader .hostimage { float: left; }
.hoststatusdetailheader .hostimage img { padding: 0 10px 0 0; }

.hoststatusdetailheader .hosttitle {
    font-weight: bold;
}

.hosttitle .hostname {
    font-size: 12pt;
}

.commandimage {
    float: left;
    margin-right: 5px;
}

.commandtext {
    display: inline;
}

.statusdetaillinks {
    clear: both;
    padding: 20px 0;
}

.statusdetaillink {
    float: left;
    margin-right: 3px;
}

.statusdetail_panelspacer {
    clear: both;
    height: 10px;
}

.servicestatusdetailinfo {
    /*width: 500px;*/
    line-height: 24px;
}

.servicestatusdetailinfoimg {
    float: left;
    margin-right: 15px;
}

.servicestatusdetailinfoimg img, .hoststatusdetailinfoimg img {
    vertical-align: top;
}

.servicestatusdetailinfotext {
    font-weight: bold;
}

.servicestatusdetailinfotextlong {
    margin-top: 20px;
}

.servicestatusdetailattrimg {
    float: left;
    margin-right: 5px;
    /*margin-left: 25px;*/
}

ul.servicestatusdetailnotes { list-style: none; padding: 0; margin: 0; }
ul.servicestatusdetailnotes li { clear: both; }

ul.quickactions {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.quickactions li {
    clear: both;
    line-height: 22px;
}

#servicequickactionformcontainer {
    padding: 0px 10px;
    border: 1px solid blue;
    margin: 10px 0 0 0;
    visibility: hidden;
}

#servicequickactionform {

}

.hoststatusdetailinfo {
    /*width: 500px;*/
    line-height: 24px;
}

.hoststatusdetailinfoimg {
    float: left;
    margin-right: 15px;
}

.hoststatusdetailinfotext {
    font-weight: bold;
}

.hoststatusdetailinfotextlong {
    margin-top: 20px;
}

.hoststatusdetailattrimg {
    float: left;
    margin-right: 5px;
    /*margin-left: 25px;*/
}

.hoststatusdetailattrimg {
}

ul.hoststatusdetailnotes {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.hoststatusdetailnotes li {
    clear: both;
}

.servicegroupstatusview {
    clear: both;
    padding-top: 25px;
}

.hostgroupstatusview {
    clear: both;
    padding-top: 25px;
}

.statusmap {
    clear: both;
    padding-top: 25px;
}

.servicestatustable {
    clear: both;
    margin-bottom: 10px;
}

.servicestatustable .servicename {
    float: left;
}

.servicestatustable .serviceicons, .servicestatustable .extraicons {
    float: right;
}

div.serviceicons img.objecticon {
    width: 20px;
    height: 20px;
}

.servicestatustable .serviceicons .serviceicon {
    float: left;
}

.servicestatustable .hostname {
    /* display: inline; */
    float: left;
}

.servicestatustable .hosticons {
    float: right;
}

div.hosticons img.objecticon {
    width: 16px;
    height: 16px;
}

.servicestatustable .hosticons .hosticon {
    float: left;
}

.servicestatustargettext {
    clear: left;
    font-size: 11pt;
    margin-top: -10px;
}

.hoststatustable {
    clear: both;
    margin-bottom: 10px;
}

.hoststatustable .hosticons, .hoststatustable .extraicons {
    float: right;
}

.hoststatustable .hosticons .hosticon {
    float: left;
}

.hoststatustable .hostname {
    /* display: inline; */
    float: left;
}

.hoststatustargettext {
    clear: left;
    font-size: 11pt;
    margin-top: -10px;
}

.scrollable_dashlet {
    overflow-y: auto;
    height: 100%;
}

.scrollable_dashlet_sticky_header {
    top: -1px;
    position: sticky;
}

.host_status_summary_dashlet td, .service_status_summary_dashlet td {
    text-align: center;
}

.host_status_summary_dashlet .havehostproblems {
    background-color: #FFE4AF !important;
}

.host_status_summary_dashlet .haveunhandledhostproblems {
    background-color: #FFC85F !important;
    text-decoration: blink;
}

.host_status_summary_dashlet .haveallhosts {
    /*background-color: #EFEAE0;*/
}

.host_status_summary_dashlet .havehostdown {
    background-color: #FF795F !important;
}

.host_status_summary_dashlet .havehostunreachable {
    background-color: #FEFF5F !important;
}

.host_status_summary_dashlet .havehostup {
    background-color: #B2FF5F !important;
}

.host_status_summary_dashlet .havehostpending {
    background-color: #EFEFEF !important;
}

.service_status_summary_dashlet .haveserviceproblems {
    background-color: #FFE4AF !important;
}

.service_status_summary_dashlet .haveunhandledserviceproblems {
    background-color: #FFC85F;
    text-decoration: blink;
}

.service_status_summary_dashlet .haveallservices {
    /*background-color: #EFEAE0;*/
}

.service_status_summary_dashlet .haveservicecritical {
    background-color: #FF795F !important;
}

.service_status_summary_dashlet .haveservicewarning {
    background-color: #FEFF5F !important;
}

.service_status_summary_dashlet .haveserviceunknown {
    background-color: #FFC45F !important;
}

.service_status_summary_dashlet .haveserviceok {
    background-color: #B2FF5F !important;
}

.service_status_summary_dashlet .haveservicepending {
    background-color: #EFEFEF !important;
}

.servicestatustablesearch {
    position: absolute;
    right: 20px;
    top: 200px;
}

.servicestatustablesearch button, .servicestatustablesearch input.form-control.condensed { vertical-align: top; height: 26px; }

.servicestatustable tr.even .serviceok {
    background-color: #B2FF5F !important;
}

.servicestatustable .serviceok {
    background-color: #B2FF5F !important;
}

.servicestatustable tr.even .servicewarning {
    background-color: #FEFF5F !important;
}

.servicestatustable .servicewarning {
    background-color: #FEFF5F !important;
}

.servicestatustable tr.even .servicecritical {
    background-color: #FF795F !important;
}

.servicestatustable .servicecritical {
    background-color: #FF795F !important;
}

.servicestatustable tr.even .serviceunknown {
    background-color: #FFC45F !important;
}

.servicestatustable .serviceunknown {
    background-color: #FFC45F !important;
}

.servicestatustable tr.even .servicepending {
    background-color: #CFCFCF !important;
}

.servicestatustable .servicepending {
    background-color: #CFCFCF !important;
}

.servicestatustable .hoststatuscell {
}

.servicestatustable tr.even .hostdown {
    background-color: #FF795F !important;
}

.servicestatustable .hostdown {
    background-color: #FF795F !important;
}

.servicestatustable tr.even .hostunreachable {
    background-color: #FEFF5F !important;
}

.servicestatustable .hostunreachable {
    background-color: #FEFF5F !important;
}

.servicestatustable tr.even .hostup {
    background-color: #B2FF5F !important;
}

.servicestatustable .hostup {
    background-color: #B2FF5F !important;
}

.servicestatustable tr.even .hostpending {
    background-color: #CFCFCF !important;
}

.servicestatustable .hostpending {
    background-color: #CFCFCF !important;
}

.hoststatustable .hoststatuscell {
}

.hoststatustable tr.even .hostdown {
    background-color: #FF795F !important;
}

.hoststatustable .hostdown {
    background-color: #FF795F !important;
}

.hoststatustable tr.even .hostunreachable {
    background-color: #FEFF5F !important;
}

.hoststatustable .hostunreachable {
    background-color: #FEFF5F !important;
}

.hoststatustable tr.even .hostup {
    background-color: #B2FF5F !important;
}

.hoststatustable .hostup {
    background-color: #B2FF5F !important;
}

.hoststatustable tr.even .hostpending {
    background-color: #CFCFCF !important;
}

.hoststatustable .hostpending {
    background-color: #CFCFCF !important;
}

.hostgroupgrid-hostgroup {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.hostgroupoverview-hostgroup {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.servicegroupgrid-servicegroup {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.servicegroupoverview-servicegroup {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.statustable .hostdown {
    background-color: #FF795F !important;
    padding: 2px 4px;
}

.statustable .hostunreachable {
    background-color: #FEFF5F !important;
    padding: 2px 4px;
}

.statustable .hostup {
    background-color: #B2FF5F !important;
    padding: 2px 4px;
}

.statustable .hostpending {
    background-color: #CFCFCF !important;
    padding: 2px 4px;
}

.statustable .hostname {
    float: left;
}

.statustable .hosticons {
    float: right;
}

.statustable .hosticons .hosticon {
    float: left;
}

.statustable .serviceok {
    background-color: #B2FF5F !important;
    padding: 2px 4px;
}

.statustable .servicewarning {
    background-color: #FEFF5F !important;
    padding: 2px 4px;
}

.statustable .servicecritical {
    background-color: #FF795F !important;
    padding: 2px 4px;
}

.statustable .serviceunknown {
    background-color: #FFC45F !important;
    padding: 2px 4px;
}

.inlinestatus {
    display: inline;
    margin-right: 3px;
}

.hostgroup_name {
    float: left;
}

.hostgroup_icons {
    float: right;
    margin-left: 5px;
}

.servicegroup_name {
    float: left;
}

.servicegroup_icons {
    float: right;
    margin-left: 5px;
}

/* log entries */
div.logentry {
    clear: left;
    margin-bottom: 3px;
}

span.logentrytype {
    margin-right: 5px;
}

span.logentrytime {
    margin-right: 10px;
}

div.reportstartdatepicker {
    width: 20px;
    height: 20px;
    display: inline;
    cursor: pointer;
}

div.reportenddatepicker {
    width: 20px;
    height: 20px;
    display: inline;
    cursor: pointer;
}

div.reportsearchbox {
    float: right;
}

div.reportexportlinks {
    float: right;
    margin-left: 10px;
}

div.eventlogentries {
    margin: 0pt 0pt 15px;
    padding: 10px 0;
    border-bottom: 1px solid;
    border-top: 1px solid;
}

.statehistorytable .serviceok {
    background-color: #B2FF5F !important;
}

.statehistorytable .servicewarning {
    background-color: #FEFF5F !important;
}

.statehistorytable .servicecritical {
    background-color: #FF795F !important;
}

.statehistorytable .serviceunknown {
    background-color: #FFC45F !important;
}

.statehistorytable .hostdown {
    background-color: #FF795F !important;
}

.statehistorytable .hostunreachable {
    background-color: #FEFF5F !important;
}

.statehistorytable .hostup {
    background-color: #B2FF5F !important;
}

.notificationtable .serviceok {
    background-color: #B2FF5F !important;
}

.notificationtable .servicewarning {
    background-color: #FEFF5F !important;
}

.notificationtable .servicecritical {
    background-color: #FF795F !important;
}

.notificationtable .serviceunknown {
    background-color: #FFC45F !important;
}

.notificationtable .hostdown {
    background-color: #FF795F !important;
}

.notificationtable .hostunreachable {
    background-color: #FEFF5F !important;
}

.notificationtable .hostup {
    background-color: #B2FF5F !important;
}

.tacoverview {
    padding-top: 10px;
}

tr.tacSubHeader td {
    background-color: #EFEFEF !important;
    font-weight: bold;
    text-align: center;
}

tr.tacSubHeader td a {
    color: black !important;
    text-decoration: none !important;
}

.tacoverview table.standardtable {
    border-collapse: collapse;
}

.tacoutageImportantProblem {
    background-color: #FF795F !important;
    padding: 2px;
}

.tacoverview table.standardtable tr td {
    text-align: center;
}

.tacoverview table.standardtable tr td a {
    color: black !important;
}

.tachostImportantProblem {
    background-color: #FF795F !important;
    padding: 2px;
    clear: both;
}

.tachostProblem {
    background-color: #FFCCCC !important;
    padding: 2px;
    clear: both;
}

.tachostNoProblem {
    padding: 2px;
    clear: both;
}

.tacserviceImportantProblem {
    background-color: #FF795F !important;
    padding: 2px;
    clear: both;
}

.tacserviceProblem {
    background-color: #FFCCCC !important;
    padding: 2px;
    clear: both;
}

.tacserviceNoProblem {
    padding: 2px;
    clear: both;
}

.tacserviceImportantWarning {
    background-color: #FFFF00 !important;
    padding: 2px;
    clear: both;
}

.tacserviceProblemWarning {
    background-color: #FCFFC1 !important;
    padding: 2px;
    clear: both;
}

.tacserviceImportantUnknown {
    background-color: #FF9900 !important;
    padding: 2px;
    clear: both;
}

.tacserviceProblemUnknown {
    background-color: #FFDA9f !important;
    padding: 2px;
    clear: both;
}

.tacfeatureProblem {
    background-color: #FFCCCC !important;
    padding: 2px;
    clear: both;
}

.tacfeatureNoProblem {
    padding: 2px;
    clear: both;
}

#pagetopalertcontainer {
    /*border:1px solid red;*/
    position: absolute;
    right: 100px;
    top: 25px;
    width: 250px;
    height: 30px;
    text-align: left;
}

.pagetopalertok {
    /*background: green;*/
    float: left;
}

.pagetopalerterror {
    background: #FF795F;
    padding: 2px;
    text-decoration: blink;
    float: left;
    width: 205px;
}

.pagetopalertwarning {
    background: #FF795F;
    padding: 2px;
    text-decoration: blink;
    float: left;
}

.pagetopalerterror a, .pagetopalertwarning a {
    color: black !important;
}

.availabilityreport {
    margin-top: 25px;
    text-align: left;
}

#availabilityreport > .dashlettable {
    display: inline-block;
}

.bluebutton {
    border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #4D89F9;
    padding: 3px !important;
    text-align: center;
}

.bluebutton a, .bluebutton a:hover, .bluebutton a:visited {
    color: white !important;
    font-family: arial !important;
    font-size: 11pt !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

#login_alert_popup_content { overflow: auto; border: 1px solid gray; margin: 0pt 0pt 0pt 0px; padding: 5px; height: 275px; }
#login_alert_popup { border: 1px solid #EEE; width: 600px; background-color: #FFF; z-index: 10000; position: absolute; padding: 20px; box-shadow: 0px 0px 15px #EEE; }
#login_alert_popup h1 { padding-top: 0; }
#no_login_alert_popup div.checkbox { margin: 10px 0 0 0; }
#close_login_alert_popup_link i.fa { font-size: 16px; width: 16px; height: 16px; }

#tray_alerter {
    padding: 1px;
    right: 108px;
    bottom: 4px;
    position: absolute;
}

#tray_alerter_popup {
    border: 1px solid #4D89F9;
    width: 250px;
    height: 125px;
    position: absolute;
    bottom: 29px;
    right: 108px;
    visibility: hidden;
    padding: 5px;
    background: white;
}

#tray_alerter_popup ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#tray_alerter_popup a {
    color: #4D89F9 !important;
    text-decoration: none;
}

.locale-icon {
    display: block;
    margin-right: 4px;
    width: 24px;
    height: 24px;   
    float: left;
}

.de_DE { background-image: url('/nagiosfusion/static/images/locale/DE.png'); }
.en_US { background-image: url('/nagiosfusion/static/images/locale/US.png'); }
.es_ES { background-image: url('/nagiosfusion/static/images/locale/ES.png'); }
.fr_FR { background-image: url('/nagiosfusion/static/images/locale/FR.png'); }
.it_IT { background-image: url('/nagiosfusion/static/images/locale/IT.png'); }
.ko_KR { background-image: url('/nagiosfusion/static/images/locale/KR.png'); }
.ja_JP { background-image: url('/nagiosfusion/static/images/locale/JP.png'); }
.pt_PT { background-image: url('/nagiosfusion/static/images/locale/PT.png'); }
.ru_RU { background-image: url('/nagiosfusion/static/images/locale/RU.png'); }
.zh_CN { background-image: url('/nagiosfusion/static/images/locale/CN.png'); }
.zh_TW { background-image: url('/nagiosfusion/static/images/locale/TW.png'); }
.pl_PL { background-image: url('/nagiosfusion/static/images/locale/PL.png'); }

.error2014 {
    padding: 1em;
    margin-top: 20px;
    background: #FF9999;
    border: 1px solid #c69;
    display: none;
    float: left;
}

.message2014 {
    padding: 1em;
    margin-top: 20px;
    background: #CFEBF7;
    border: 1px solid #2580B2;
    display: none;
    float: left;
}

.ok2014 {
    padding: 1em;
    margin-top: 20px;
    background: #c0f4c0;
    border: 1px solid #009100;
    display: none;
    float: left;
}

/* Host/Service details page Performance Graphs tab */
.hostgaugecontainer {
    width: 160px;
    float: left;
    padding: 0px 20px;
}

.servicegaugecontainer {
    width: 160px;
    float: left;
    padding: 0px 20px;
}

.status-details-perfdata-leftside {
    float: left;
    margin-right: 40px;
}

.status-details-perfdata-rightside {
    float: left;
}

.xicore_perfdata_chart_outboard {
    display: inline-block;
    border: 1px solid #FFF;
    min-width: 500px;
    min-height: 200px;
}

.xicore_perfdata_chart_outboard.dashlettable .dashifybutton {
    top: 5px; left: 5px;
}

.xicore_perfdata_chart_outboard.dashlettablehover {
    border: 1px dashed #555;
}

.stausdetail_chart_timeframe_selector {
    margin-bottom: 20px;
}

/* Gauge classes for Outboard Dashlets */
.dashlettableinnercontent.gauges_outboardclass { padding: 0; }
.gauges_outboardclass { min-width: 160px; border: 1px solid #FFF; }
.gauges_outboardclass.dashlettablehover { border: 1px dashed #555; }
.gauges_dashlet { margin: 4px 18px 0 0; }

/* Graph Explorer CSS for Dashlets */
#graphDisplay { background-color: #FFF; border: 1px solid #FFF; padding: 10px 25px 10px 10px; }
#graphDisplay.graphdashlethover { border: 1px dashed grey; }
#graphDisplay form { margin: 0; }

.dashboarddashletcontainer.dashboardragborder {
    border: 1px dotted #85affc;
}

.chartbutton {
    cursor: pointer;
}

.infotable-wrapper {
    padding: 0 5px 5px 5px;
    border: 1px solid #D3D3D3;
    margin-bottom: 3px;
    float: left;
}

.xi_available_updates_dashlet .infotable {
    width: 300px;
    border: none;
}

.xi_available_updates_dashlet .infotable td {
    padding: 1px;
}

.xicore_available_updates_outboard {
    padding: 6px;
    display: inline-block;
    border: 1px solid transparent;
}

.xicore_available_updates_outboard.dashlettablehover {
    border: 1px dashed grey;
}

.xicore_available_updates_outboard .dashifybutton {
    position: relative;
    top: 3px;
    left: 2px;
}

.multi-color-table tr:nth-child(even) td {
    background-color: #eee;
}

.multi-color-table tr:nth-child(odd) td {
    background-color: #fff;
}

textarea.code {
    font-family: "Courier New", Courier, monospace;
}

#hypermap-replay-slider {
    background-color: #F9F9F9;
    background-image: none;
}

#hypermap-replay-control img:hover {
    cursor: pointer;
}

#fullscreen:hover {
    cursor: pointer;
}

#applyConfigOutput.success {
    background-color: #CFEBF7;
    border: 1px solid #2580B2;
    padding: 1em;
}

#applyConfigOutput.error {
    background-color: #FF9999;
    border: 1px solid #CC6699;
    padding: 1em;
}

#errors .error {
    background-color: #FF9999;
    border: 1px solid #CC6699;
    padding: 1em;
    min-width: 600px;
}

#errors .error div { margin-bottom: 10px; }
#errors .error div:last-child { margin-bottom: 0; }

a {
    cursor: pointer;
}

#notifications-tab label {
    color: #000;
}

.padded-table-row {
    padding: 6px 0;
    line-height: 20px;
}

.selection-sub-box {
    overflow: auto;
    width: 350px;
    max-height: 100px;
    border: 1px solid gray;
    margin: 0 0 0 20px;
    padding: 4px;
}

.selection-sub-box label, .selection-sub-box div {
    line-height: 14px;
    color: #000;
}

.selection-sub-box.no-margin {
    margin: 0;
}

.hide { display: none; }
.show { display: block; }

/* LOGIN PAGE */
#login-title { font-size: 1.7rem; font-weight: 200; }

#language-button { color: #212121; }

#login-language-dropdown li a { padding: 10px; }
#login-language-selected { margin-right: 5px; }

#autoLoginButton { margin-top: 20px; }

.title-row { display: flex; justify-content: space-between; align-items: center; width: 90%; margin: 10px 0px; color: #212121; }
.hero-logo {height: 75px; width: 75px; margin: auto; }
.hero-logo-container { width: 100%; display: flex; justify-content: center; margin-bottom: 50px; }

.login-input-wrapper #usernameBox, .login-input-wrapper #passwordBox { width: 90%; margin: 7px; padding: 19px; border-radius: 3px; font-size: 1.7rem; }
.login-input-wrapper #usernameBox:focus, .login-input-wrapper #passwordBox:focus { border: 1px solid #1b59cd; box-shadow: 0 0 5px #1b59cd;}

.modern-login-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: calc(100vh - 33px); width: 100%; }
.modern-login-wrapper #loginForm { display: flex; justify-content: center; align-items: center; width: 100%; }
.modern-login-wrapper #loginButton, #autoLoginButton { width: 90%; border-radius: 3px; margin: 5px; text-align: center; }
.modern-login-wrapper #loginTitle { font-weight: 300; }
.modern-login-wrapper #forgot-password-wrapper { width: 90%; }
.modern-login-wrapper #contact-wrapper { text-align: left; }
.contact-wrapper #contact-card { width: 35vw; min-width: 400px; min-height: 5vh; display: flex; justify-content: space-around; align-items: center; border-radius: 3px; }
.contact-wrapper #contact-text { font-size: 1.5rem; font-weight: 200; margin-top: 20px; }
.modern-login-wrapper .login-card { display: flex; flex-wrap: wrap; width: 35vw; min-width: 400px; border-radius: 3px; align-items: center; justify-content: center; }
.modern-login-wrapper .login-input-wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%;}
.modern-login-wrapper .language-select li a { display: flex; align-items: center; }
.modern-login-wrapper .language-select li a { background-repeat: no-repeat; width: 100%; }
.modern-login-wrapper .language-select li a span  {margin-left: 5px; }
.modern-login-wrapper .contact-detail-container { margin: 0px 20px; }
.modern-login-wrapper .contact-icon { margin-right: 5px; }
.modern-login-container { margin-top: -5vh; }
.custom-splash-container { width: 40%; }

.fixed-login-message { width: 400px; height: 50px; position: fixed; top: 50px; left: 50%; margin-left: -200px; display: flex; align-items: center; border-radius: 3px; }
.fixed-login-message i { margin: 0px 10px; }
.fixed-login-message.error { background-color: #FFCCBC; border: solid 1px #BF360C; color: #BF360C; }
.fixed-login-message.info { background-color: #B3E5FC; border: solid 1px #01579B; color: #01579B; }
.login-input-error-text { width: 90%; margin-top: -4px; margin-bottom: 4px; color: #EF5350; }
.login-input-wrapper #usernameBox.error:not(:focus), .login-input-wrapper #passwordBox.error:not(:focus) { border: 1px solid #EF5350; }


@media (max-width: 1250px) {
    .modern-login-wrapper #contact-card { flex-wrap: wrap; flex-direction: column; }
    .modern-login-wrapper .contact-detail-container { display: block; width: 100%; margin: 10px 15px; }
}

td.serviceok, td.servicewarning, td.servicecritical, td.serviceunknown, td.hostup, td.hostdown, td.hostunkown { border-right: 10px solid transparent; border-left: 10px solid transparent; }

/* SLA Dashlet */
.sla_dashlet, .sla_report_inboard, .sla_report_outboard { padding: 0; display: inline-block; border: 1px solid transparent; border-radius: 0; margin: 0px; }
.sla_dashlet h5 { margin: 0 0 10px 0; }
.sla_dashlet table { margin: 0; }
.dashlettable.sla_report_outboard { margin: 10px 0; }
.dashlettable.sla_report_outboard .dashifybutton { top: 2px; left: 2px; }

#run { vertical-align: top; }
#report h2 { margin: 10px 0; }

#tray_alerter { cursor: pointer; }
.spin-y { animation: 8s twirl infinite ease-in-out; -webkit-animation: 8s twirl infinite ease-in-out; -webkit-transform-style: preserve-3d; cursor: inherit; }

@-webkit-keyframes twirl {
    0% { -webkit-transform: rotateY(0deg); }
    20% { -webkit-transform: rotateY(180deg); }
    40% { -webkit-transform: rotateY(0deg); }
}

@keyframes twirl {
    0% { transform: rotateY(0deg); }
    20% { transform: rotateY(180deg); }
    40% { transform: rotateY(0deg); }
}

label.radio, label.checkbox { font-weight: normal; }
div.radio, div.checkbox { margin: 0 0 5px 0; }

/* Color overrides for fontawesome icons */
.icon-large { font-size: 14px; margin-left: 5px; }
.icon-tmargin { margin-top: 2px; }
.fa-remove.icon-large { font-size: 16px; }
.fa-rotate-left { color: #0f940f; }
.fa-rotate-left:hover { color: #0d570d; }
.fa-remove { color: #f83232; }
.fa-remove:hover { color: #950f0f; }

.actions a { margin: 0 3px; }

table.table.table-center-text td, table.table.table-center-text th { text-align: center; }
table.table.table-padded { margin: 0 0 20px 0; }

.highcharts-contextmenu hr { margin: 5px 0; }

/* Special help section */
.help-right-nav { margin-top: 10px; position: fixed; }
.help-right-nav li { margin-bottom: 2px; }
.help-right-nav ol { margin: 0; padding: 0 0 0 20px; }
.help-right-nav ol li { margin-right: 0; }
.help-right-nav h5 { margin: 0 0 15px 0; padding: 0; }
.help-right-nav ul { margin: 4px 0; padding: 0 0 0 20px; list-style-type: disc;  }
.help-section h5 { padding-top: 10px; }
.help-section i.fa { vertical-align: text-top; }

/* New report layout */
div.searchable-box { display: inline-block; }
.report-options .reporttimepicker { display: inline-block; }
.report-options .reporttimepicker .period { padding-right: 10px; display: inline-block; }
.report-options .reportoptionpicker { display: inline-block; }
.report-options .btn, .ajax-pagination .btn { vertical-align: top; }
.ajax-pagination .btn.btn-xs { height: 26px; }
.report-options #customdates { display: inline-block; padding-right: 10px; }
.report-options .floatbox { float: left; margin-right: 10px; height: 30px; line-height: 30px; }
.report-options .checkbox { margin: 0; display: inline-block; }
.report-options #advanced-options { padding-top: 20px; }
.report-options #advanced-options-btn { cursor: pointer; margin: 6px 10px 0 10px; display: inline-block; }
.dropdown-menu { min-width: 94px; border-radius: 0; }
.dropdown-menu > li > a { padding: 3px 15px; font-size: 1.2rem; }
.ajax-pagination { margin: 20px 0; text-align: center; }
input.form-control.jump-to { height: 26px; margin-left: 20px; width: 35px; }
select.form-control.num-records { height: 26px; margin-left: 20px; }
.report-covers { clear: both; padding-top: 10px; }
#loadscreen { position: absolute; background-color: #FFF; opacity: 0.85; z-index: 9000; }
#loadscreen-spinner { z-index: 9001; position: absolute; }

.wiz-header { }
.wiz-header img { margin-right: 10px; }
.wiz-header-cb { margin: 0 0 0 15px; padding-left: 20px; border-left: 1px dotted #CCC; display: inline-block; font-size: 12px; vertical-align: middle; }

.wiz-table { width: 100%; position: absolute; left: 0; padding: 10px; }
.wiz-padbox { width: 25%; padding: 10px; display: inline-block; vertical-align: top; }
.wiz-padbox-inner { background-color: #FBFBFB; border: 1px solid #DDD; display: block; }
.wiz-padbox-inner:hover, .wiz-padbox-inner:active, .wiz-padbox-inner:focus { text-decoration: none; background-color: #F3F3F3; border: 1px solid #CCC; }
.wiz-box { margin: 15px; }
.wiz-box img { float: left; margin-right: 10px; }
.wiz-box-text { margin-left: 54px; height: 50px; overflow: hidden; }
.wiz-box-text h5 { margin: 0 0 6px 0; /*font-weight: bold; font-size: 1.3rem;*/ }
.wiz-box-text p { margin: 0; color: #333; }

.well.select { padding: 0 20px; margin: 10px 0 0 0; }
.well.select span { color: #888; font-size: 1.3rem; margin-right: 20px; }
.well.select div.filter { display: inline-block; padding: 20px 15px; font-size: 1.3rem; cursor: pointer; margin-right: 10px; }
.well.select div:hover { background-color: #EEE; }
.well.select div.active { background-color: #E9E9E9; }

/* Screen < 1500px */
@media (max-width: 1500px) {
    .wiz-padbox { width: 33.333%; }

    .servicestatustablesearch {
        position: static;
        top: auto;
    }

    #statusTableContainer .tableTopText {
        float: none;
        position: static;
        top: auto;
    }

}

/* Screen < 1200px */
@media (max-width: 1200px) {
    .wiz-padbox { width: 50%; }
}

h5.ul { padding: 10px 0; margin: 0; }
h5.ul:after { display: block; content: ''; width: 500px; height: 1px; background-color: #CCC; margin: 6px 0 0 0; }
.subtext { font-size: 1rem; padding: 0.4rem 0 0 0; }
.form-control.condensed { height: auto; padding: 0.25rem 0.6rem 0.4rem 0.6rem; }

.well.text-pad { padding: 10px 15px; }
.well.freeform { width: 500px; padding: 10px; }
.sel-users-new { overflow: auto; background-color: #FFF; height: 180px; border: 1px solid #CCC; padding: 5px 10px; }
.sel-users-new.fixed { margin: 0 0 5px 20px; width: 90%; }
.sel-users-new div.checkbox { margin: 0; }

/* For Overlays */
.overlay { display: none; }

.divtable { display: table; width: 100%; }
.divtable-column { display: table-cell; vertical-align: top; }

.xi-modal { z-index: 10000; max-width: 600px; padding: 30px; background-color: #FBFBFB; box-shadow: 0px 0px 20px #DDD; border: 1px solid #DDD; position: fixed; }
.xi-modal h2 { margin: 0 0 20px 0; padding: 0; font-size: 16px; font-weight: bold; }

.btn-xxs { font-size: 1rem; line-height: 1rem; padding: 4px 7px 5px 7px; }

.dropdown-header { font-weight: bold; padding: 3px 5px; }

.xi-pager { display: table; margin: auto; }
.xi-pager .first-page, .xi-pager .next-page, .xi-pager .tablepagerselect { margin-right: 5px; }
.xi-pager input.form-control.condensed, .xi-pager select.form-control.condensed, .xi-pager .btn-xs { height: 26px; }
.xi-table-box { margin-bottom: 10px; }
.xi-table-recordcount { position: absolute; margin-top: 8px; float: left; }
#statusTableContainer .ajax_date { position: relative; top: -35px; float: left; }

.xi-modal-spinner { margin: 30px 0; z-index: 10001; }

.actionMessage code { color: #222; background-color: #EEE; padding: 1px 6px; }
.ts-splash { width: 190px; height: 126px; }
.ts-splash { background: url('/nagiosfusion/static/images/techsupport-splash.png') no-repeat; }
.ts-splash:hover { background: url('/nagiosfusion/static/images/techsupport-splash2.png') no-repeat; }

#massdt_table tbody tr td input { margin-right: 5px; }

/* Screen < 1100px */
@media (max-width: 1100px) {
    .servicestatustablesearch { display: block; position: initial; }
    .xi-table-box { float: right; }
    #statusTableContainer .ajax_date { position: initial; }
}

.api-popout { display: block; position: relative; float: right; top: -28px; margin-right: 12px; }
.curl-request { padding-right: 34px; margin: 0; white-space: pre-wrap; }

.sm-link { background-color: #FCFCFC; padding: 10px; border-radius: 3px; display: block; color: #666; text-decoration: none; text-align: center; border: 1px solid transparent; margin-top: 10px; height: 62px; font-size: 1rem; }
.sm-link:hover { background-color: #FFF; text-decoration: none; color: #333; border: 1px solid #CCC; }

ul.thumbnails { list-style-type: none; }
ul.thumbnails li { float: left; margin-right: 2%; }
.nna-table-data h3 { font-size: 16px; }

.md-box h2 { padding-right: 44px; }
.md-buttons { position: absolute; margin-left: 280px; margin-top: 20px; }


.dashlettopbox { height: 22px; }
.dashlettitle { float: left; }

.table-striped>tbody>tr.alert td { background-color: #ffaeae; }
.minemap_dashlet .table { table-layout: fixed; }

.menusection-collapsed .menusectiontitle { border-bottom: 1px solid #DDD; }

#footer .btn-group-xs .dropdown-menu li a { font-size: 1rem; border: none; }

#pagetopalertcontent .popover a, #pagetopalertcontent .popover span, #pagetopservercontent .popover a, #pagetopservercontent .popover span { font-size: 1.1rem; display: block; line-height: 2.1rem; font-family: verdana, arial; }
#pagetopalertcontent .popover a:hover, #pagetopservercontent .popover a:hover { color: #777; }
#pagetopalertcontent .popover a img, #pagetopalertcontent .popover span img { vertical-align: middle; padding-bottom: 2px; }
#pagetopalertcontent table td, #pagetopservercontent table td { padding: 0 2px; }

.ui-tabs .ui-tabs-nav li { margin: 1px 3px 0 0; }

#head-msg { padding: 12px 20px; color: #31708f; background-color: #d9edf7; position: relative; }
#head-msg.success { color: #3c763d; background-color: #dff0d8; }
#head-msg.error { color: #a94442; background-color: #f2dede; }
.msg-text { float: left; }
.msg-close { font-size: 16px; position: absolute; top: 8px; right: 20px; }
.msg-close:hover { cursor: pointer; }
.msg-show-details { cursor: pointer; font-weight: bold; margin-left: 10px; }
.msg-show-details:hover { border-bottom: dotted 1px; }

.ref-pop .popover { max-width: 450px; }
.ref-tt { cursor: help; border-bottom: 1px dotted #AAA; }
.ref-tt.pop { cursor: pointer; }

.fa-enc { font-size: 14px; margin-left: 2px; vertical-align: middle; cursor: help; }
code { color: #4089F9; background-color: #ecf4ff; border-radius: 0; }

.input-group { width: auto; }
.input-group-addon { font-size: inherit; border-radius: 0; }

/* User Macro Component */
.marcro-detect-popout { position: absolute; }
.marcro-detect-popout-exists { position: absolute; }
.macro-detect-container { position: absolute; }

.block { margin: 20px 0; }

.dashlet-date { margin-top: 3px; font-size: 9px; color: #888; }
/* .dashlet-infotable { padding: 10px; border: 1px solid #D3D3D3; } */
.dashlet-infotable { padding: 10px; }

.formbuilder-div { float: left; margin-right: 30px; }
.formbuilder-table { margin-bottom: 20px; width: 100%; max-width: 100%; }
.formbuilder-table td { padding: 5px; }
.formbuilder-table td.vt { vertical-align: top; padding-top: 12px; }
.formbuilder-table td.checkbox, 
.formbuilder-table th .checkbox, 
.formbuilder-table td .checkbox { margin-bottom: 0px; }
.formbuilder-table th .checkbox label, 
.formbuilder-table td .checkbox label { color: #333; }
.formbuilder-table th.sort { cursor: pointer; }
.formbuilder-table th .checkbox input { margin-left: -18px; }
.formbuilder-buttons { display: flex;  gap: 10px; margin-top: 10px; clear: both;}
.formbuilder-buttons .btn { margin-top: 0; }
  

.with-selected button,
.with-selected input[type=submit] {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    outline: none;
}

span.sort {
    cursor: pointer;
}

img.auto_login {
    width: 0px;
    height: 0px;
    display: none;
}

span.test_result {
    line-height: 29px;
    padding: 0 0 0 10px;
}
span.test_result img {
    border: 0;
}

input[required=true], input:required {
    background-image: url('/nagiosfusion/static/images/icons/critical_small.png');
    background-position: right center;
    background-origin: content-box;
    background-repeat: no-repeat;
}

span.disabled {
    font-weight: bold;
    color: #f91d30;
}

table.tactical td a {
    display: block;
}

/* td.havehostproblems a,td.haveunhandledhostproblems a,td.havehostunreachable a,td.havehostup a,td.havehostpending a,td.haveserviceproblems a,td.haveunhandledserviceproblems a,td.haveservicecritical a,td.haveservicewarning a,td.haveserviceunknown a,td.haveserviceok a,td.haveservicepending,.servicepending a,.hostunreachable a,.hostdown a, .servicecritical a, td.havehostdown a,.hostup a,.serviceok a,.serviceunknown a,.servicewarning a { color: #000 !important; } */
.hostup, td.havehostup, .hostdown, td.havehostdown, .havehostproblems, td.havehostproblems, .haveunhandledhostproblems, td.haveunhandledhostproblems,td.havehostunreachable,.serviceok,td.haveserviceok,.servicewarning,td.haveservicewarning,.serviceunknown,td.haveserviceunknown,.servicecritical,td.haveservicecritical,.haveunhandledserviceproblems,td.haveunhandledserviceproblems,.haveserviceproblems,td.haveserviceproblems { color: rgb(94, 94, 94); font-weight: bold; }
.hostunreachable, .hostpending, .allhosts, .servicepending, .allservices, .hostflapping, .serviceflapping, .hostcount, .servicecount { font-weight: bold;}


.failed-login-warning {
    margin: 20px 10px;
    font-size: 12px;
    text-align: center; 
    border-style: solid; 
    border-color: red; 
    background-color:#e8c3c3;
}
.popup-label { margin-right: 10px; color: inherit; cursor: pointer;}
.link {color: #0000EE;}

/* Profile Dropdown  */
#profile-button-div { margin-top: 10px; float: right; }

#profile-button { background-color: transparent; color: #FFF; border-radius: 2px; border-color: transparent; }
#profile-button[aria-expanded="true"] { background-color: rgba(255,255,255,0.1); }
#profile-button:hover { background-color: rgba(255,255,255,0.1); }
#profile-button-div > .dropdown-menu { border-radius: 2px; }
#profile-button-div > .dropdown-menu > li.divider { margin: 4px 0px; }
#profile-button-div > .dropdown-menu > li > a { padding: 10px 20px; }

.dropdown-icon { margin-right: 5px; }

/* Status Indicators */
.ok-indicator { color: #66BB6A; }
.critical-indicator { color: #EF5350; }
.warning-indicator { color: #FFEE58; }


/* NNA DASHLETS */

table.nnastat { width: 100%; }
table.nnastat th.subsystem, th.visualize { width: 100%; }
table.nnastat .status { text-align: center; width: 1%; }
table.nnastat td { white-space: nowrap; }
th.nna_title { text-align: center; }

tr.alerts { text-align: center; }

.nna_alert_status { color: #111; }

/* Sizing */
.width-40 { width: 40%; }

/* Utilities */
.no-show {display: none !important;}

#add_dashlet_popup_container {
    display: none;
    /* width: 100%;
    height: 100%; */
    margin: -15px;
    padding: 10px
}

/* AD/LDAP */
.user-list { margin: 20px; height: calc(100% - 155px); position: relative; overflow-y: auto; }

/* 2FA Email Verify Page */
.tf-verify {
  display: flex;
  height: 50vh;
  justify-content: center;
  align-items: center;
}

.tf-verify-input {
  max-width: 75px;
}

/* Anniversary Popup */
.anniversary-popup {
    border: none; 
    font-family: verdana, arial; 
    font-size: inherit; 
    white-space: pre-line; 
    word-break: break-word;
    width: 600px;
    height: 250px;
    padding-top: 25px;
}

/* for number input fields */
input[type=number].form-control.num-input{ 
    width: 8ch;
    appearance: textfield;
    -moz-appearance: textfield;
}
input[type=number].form-control.num-input:invalid{ 
    border: 2px solid #b90000;
}
input[type=number].form-control.num-input::-webkit-inner-spin-button,
input[type=number].form-control.num-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
  }
  

