* { margin: 0; }
body { font-family: verdana, arial; font-size: 1.1rem; margin: 0; padding: 0; }
body.bg-colored { background-color: #f5f5f5; }
html, body { height: 100%; }
.va-m { vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

ul { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; }

#wrapper { min-height: 100%; margin-bottom: -33px; }
#wrapper:after { content: ""; display: block; height: 33px; }
#wrapper.no-after:after { display: none; }
#maincontentspacer { margin: 0; height: 100%; }

@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/Roboto-Black-webfont.eot');
    src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Black-webfont.woff') format('woff'),
         url('../fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('../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; }

#topmenu { float: left; margin-left: 6rem; 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; }

#messages .alert { margin-bottom: 20px; }

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

@media (min-width: 1250px) {
    .table th.time-fw { width: 150px; }
}

a, a:visited { text-decoration: none; color: #03a645; cursor: pointer; }
a:hover, a:focus { color: #006729; }
a.btn { color: #fff; }
a.btn.btn-default { color: #000; }
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; }

a.selected, a.selected:hover { color: #000; }

.fa-req { color: red; }
.fa-l { margin-right: 3px; }
.fa-r { margin-left: 3px; }
.fa-14 { font-size: 14px; }
.fa-13 { font-size: 13px; }
.fa-fw.fa-loader { width: 16px; }
.fa-vtt { vertical-align: text-top; }

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

code { font-size: 1.2rem; }
form textarea.form-control { line-height: 1.3rem; }
.form-control.condensed { padding: 2px 4px; height: 20px; font-size: 11px; }

.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; }

/* Additional table style layouts */
.table.table-auto-width { width: auto; }
.table.table-va-middle tr td { vertical-align: middle; }
.table.table-no-border tr td { border: 0; }

.btn.btn-sm { height: 29px; }
.btn.btn-xs { font-size: 1.1rem; line-height: 1.1rem; padding: 4px 6px; }
#tabs a .fa { margin-right: 2px; }
.alert .close { font-size: 15px; }

.dash-bg { background-color: #F5F5F5; }

/* Button colors */
.btn-primary { background-color: #23B55E; border-color: #0C9C46; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #0C9C46; border-color: #008937; }

.well { border-radius: 0; }

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

#header { background-color: #323232; background: url('../images/footer_lodyas.png') 0px 0px; height: 50px; line-height: 48px; }
#toplogo { float: left; width: auto; font-family: 'robotoblack'; margin: 0; height: 50px; }
#toplogo a { font-size: 24px; letter-spacing: 1px; }
#toplogo a:hover, #toplogo a:visited, #toplogo a:focus, #toplogo a:active { text-decoration: none; color: #23B55E; }
#header img.ls-logo { height: 24px; vertical-align: middle; margin-left: 1.5rem; padding-bottom: 2px; }
.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; background-color: #F9F9F9; padding: 2px 10px; margin-top: 8px; transform: skew(-30deg); }
.header-right.search form { margin: 0; transform: skew(30deg); line-height: 20px; }
@media (max-width: 1360px) { .header-right.source-setup-button { display: none; } }
.header-right.source-setup-button { height: 33px; line-height: 33px; background-color: #03a645; background: linear-gradient(to right, #03a645, #008536); transform: skew(-30deg); margin: 8px 10px 0 0; padding: 0px 24px 0 20px; text-shadow: 1px 1px 0 #008536; }
.header-right.source-setup-button:hover { background-color: #007c31; background: linear-gradient(to right, #007c31, #006127); text-shadow: 1px 1px 0 #006127; }
.header-right.source-setup-button a { margin: 0; transform: skew(30deg); font-weight: bold; line-height: 33px; }
.header-right.source-setup-button a:hover { color: #FFF; }
.header-right.search form input { width: 200px; color: #222; border: 0; background-color: transparent; box-shadow: none; }
.navbar-search .search-query { line-height: 20px; vertical-align: top; }
.header-right.system-alerts { margin: 16px 10px 0 10px; width: 16px; height: 16px; line-height: 16px; }
.header-right.system-alerts .system-service { color: #333; line-height: 24px; }
.header-right.system-alerts .system-service img { vertical-align: text-top; }
.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; }
#footer { width: 100%; height: 33px; line-height: 3em; background: url('../images/shattered.png'); cursor: default; margin: 0; padding: 0; position: relative; z-index: 2; }
#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; }

.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; }

/* Fixes bootstrap modal not showing whole thing on page */
.modal { }
.modal h2 { margin: 0; padding: 0; }
.modal-content .alert { margin-bottom: 10px; }

/* Fixes for "bootstrap light" styles */
.label { min-width: 0px; border-radius: 0; }
.navbar.navbar-inverse .navbar-inner { border-radius: 0; }
.content .navbar { margin-top: 0; margin-bottom: 10px; }
.content .navbar .brand { padding: 10px 0; }

.alert { border-radius: 0; padding: 10px; }

.table-no-margin { margin: 0; }
.table-no-border td { border: none; }
.contact-table td { padding-right: 10px; }

.ls-pop { cursor: pointer; }

.help-container { border:1px solid #ddd; border-radius:4px; padding:12px; margin-top:40px; }
.status-icon { vertical-align: text-top; }
#sourcestatustable .status-icon { vertical-align: top; margin-top: 2px; }

#global-notice { margin: 0; text-align: center; }
#global-notice .alert-danger a { font-weight: bold; color: #a94442; }
#global-notice .alert-warning a { font-weight: bold; color: #8a6d3b; }
#global-notice .alert { border: 0; }

.pin, .unpin { float: right; width: 16px; height: 16px; }
.pin:hover, .unpin:hover { cursor: pointer; }

.alert p { padding: 0; margin: 0; }
select option[disabled] { color: #AAA; }
.input-datetime { width: 120px; }

.table-sources th { background-color: #FFF; }
.table-bordered td.highlight, .table-striped tbody>tr:nth-child(odd)>td.highlight, .table-striped tbody>tr:nth-child(odd)>th.highlight, th.highlight { background-color: #EFEFEF; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
.ui-datepicker { font-size: 12px; }

/* Source listings */
table td.source_icon { text-align: center; width: 40px; }
table td.nopaddingnomargin { padding: 0 0 0 8px; margin: 0px; }
table td.summarygraph { width: 180px; height: 26px; }
div.summaryvizcontainer { position:relative; top:8px; }
table td.disk-usage { width: 120px; }
table td.lifetime { width: 150px; }
th.valueindicator { width:62px; }
table label { margin: 0; }

/* login styles */
.login-header { margin-top: 0; padding-top: 0; line-height: 32px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #CCC; }
.login fieldset input[type=text], .login fieldset input[type=password], .login fieldset label { margin-bottom: 10px; display: inline-block; }
.login-forgot-password { text-align: right; font-size: 11px; padding-top: 10px; }
.loginsplash { width: 600px; height: 210px; background: url('../images/loginsplash.png') center center; }
.login-right { max-width: 600px; }
.login-right h3 { font-size: 18px; margin: 20px 0 10px 0; }

/* Bootstrap Overrides */
.form-horizontal { margin: 0; padding: 0; }
.form-left { padding-right: 10px; font-weight: bold; text-align: right; vertical-align: top; padding-top: 6px; }
.breadcrumb { margin-bottom: 10px; }
.tab-content { padding: 0; }
.checkbox label, .radio label { cursor: default; }

/* Configure section */
.configure-layout { position: absolute; width: 100%; height: calc(100% - 83px); overflow: hidden; }
.content.global-notice .configure-layout { height: calc(100% - 118px); }
.configure-layout .lside { position: relative; width: 200px; height: 100%; float: left; }
.configure-layout .rside { position: relative; padding: 20px; width: calc(100% - 200px); height: 100%; float: left; overflow: auto; }
.configure-layout .rside h1 { padding-top: 0; }
.configure-layout .rside h3 { margin: 20px 0; }
.configure-layout .rside .container-fluid { padding-left: 5px; padding-right: 5px; }

.configure-layout .nav-tabs a { border-top: 1px solid #EEE; border-left: 1px solid #EEE; border-right: 1px solid #EEE; }
.configure-layout .nav-tabs a:hover, .configure-layout .nav-tabs a:focus:active, .configure-layout .nav-tabs a:focus { background-color: #F9F9F9; }
.configure-layout .nav-tabs li.active a:focus:active, .configure-layout .nav-tabs li.active a:focus { background-color: #FFF; }
.configure-layout .nav-tabs a i { font-size: 13px; margin-right: 3px; }
.configure-layout .nav-tabs.nav-tabs-help a { font-weight: normal; }
.configure-layout pre { background-color: transparent; padding: 0; border: none; }

/* User page styles */
.configure-layout h5 { width: 50%; border-bottom: 1px solid #DDD; padding: 10px 0; margin: 15px 0; }

.line-bar-container { width: 100%; height: 2px; text-align: left; line-height: 2px; background-color: #FFF; }
.line-bar { height: 2px; background-color: #666; line-height: 2px; }

/* Viz CSS */
.queryrender { width:450px; height:100px;}
.chartrender { width:250px; height:150px; margin:0px auto;position:relative;}
.fullscreen-button{ margin:0px 15px 0px 15px; }
.reportviz-throbber{ width:250px; height:120px; }
.valign-throbber { position:relative;top: 65px; }
.front-and-center {position: fixed !important; width: 900px; height: 750px; z-index: 100}
.hidefirst{ display:none; width:900px; height: 700px }

.chord path {fill-opacity: .67;stroke: #000;stroke-width: .5px;}
.repviz {
    position:relative;
    right:20px;
    top:-110px;
    width: 800px;
    margin:0px auto;
    overflow-y:visible;
}
.repgraphs {right:80px;top:-150px;}
.nicewidth {width:140px;}
#throbber {width:20px;margin:200px auto;}
#reportvizformwrapper {right: 10px;top: 10px;padding:15px;}
text.gray {font-size:12px;fill: gray;}
#relationaltarget {position:relative;top:12px;} 
#queryvizfullscreener {position:relative;top:-49px;}

/* Dashboard */
.rotate { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.centerme { text-align: center; }
.gauge { margin-top: 7px; }
.descriptor { position: relative;top:65px;white-space:nowrap;}
.dashboardheading { text-align: right; border-right: 2px solid #D1D0CE; padding-right: 30px; margin-top: 40px; }
.source-scroll { margin-bottom: 0px; }
.make-me-scroll { height: 170px; overflow-y: scroll; }
#sourcestatustable { font-size: 9px; }
.force-width { width: 100%; min-width: 1300px; }

td.OK { background-color: #B2FF5F !important; }
td.WARNING { background-color: #FEFF5F !important; }
td.CRITICAL { background-color: #FF795F !important; }
td.PENDING { background-color: #DDD !important; }

span.OK { color: #B2FF5F; }
span.WARNING { color: #FEFF5F; }
span.CRITICAL{ color: #FF795F; }
.white-back { background-color: white; border: 1px #DDD solid; }

/* Query CSS */
.sortindicator { margin-left: 10px; width: 14px; }
.pretty-bottom { border-bottom: 1px solid #DDD; }
.space-padding { padding: 20px 0 0 0; }
#queryviztitle { display: inline-block; position: relative; left: -60px; bottom: -10px; }
.form-holder-query { float: left; min-width: 1000px; padding: 20px 0; }
.viz-holder-query { float: left; width: 320px; }
.thumbnails { margin: 0; }

/* Abberancy CSS */
span.abb-title-header{display:inline-block;width:173px;}
span.abb-header{display:inline-block;width:44px;margin-bottom:5px;}
span.abb-title{position:relative;top:-7px;display:inline-block;width:150px;text-align:right;margin-right:30px;}
span.abb{display:inline-block;width:20px;height:20px;border:2px solid black;cursor:pointer;}
span.abb-ok{background-color:#66FF00;}
span.abb-error{background-color:#FF2400;}
span.abb-line{display:inline-block;width:20px;height:11px;border-top:2px solid black;}
span.abb-title-cont{width:20px;}

.OK-mouseover {background-color:green !important;}
.CRITICAL-mouseover {background-color:red !important;}
.aberr-title {width:220px}
.tbl-checkbox { margin: 0; padding-left: 0; }
input[type="checkbox"].tbl-chk-input { margin: 4px 4px 0 4px; }

/* Install Page(s) */
.install { margin-bottom: 60px; }
.install-title { text-align: center; padding: 40px 0 30px 0; }
.install-title h2 { font-size: 40px; margin: 40px 0 0 0; }
.install-title p { color: #666; font-size: 18px; padding: 20px 0 40px 0; }

code { background-color: #eaf4ee; border-radius: 0; color: #006729; }
code:focus { outline: none; }

div.d3_tooltip {
    position: absolute;
    text-align: center;
    width: 150px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    background: black;
    color: #FFF;
    border: 0;
    border-radius: 6px;
    pointer-events: none;
}

.select-button {
    border: 1px solid #03a645;
    background-color: #03a645;
    color: #FFF;
    position: absolute;
    top: 0px;
    right: 0px;
}

.copy-hover {
    border: 1px solid #006729;
    background-color: #006729;
    color: #FFF;
}

/* Help views stlying */
.css-table {
    display: table;
    margin: 10px 0;
    width: 100%;
}

.css-table .row-block {
    display: table-cell;
    padding: 0 10px 10px 10px;
}

.home-container { margin: 0; }
.home-container h2 { margin: 0 0 20px 0; }
.home-container h4 { margin-top: 0; }
.home-container .row-fluid .span6 { margin-left: 0.825%; }

.home-container-inner {
    margin: 10px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #A5A5A5;
    border-radius: 5px;
}

.home-container-inner-grey {
    margin: 10px;
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #A5A5A5;
    border-radius: 5px;
}

.logo-container {
    margin-bottom: 15px;
    text-decoration: none;
    padding: 0;
}

.logo-container h2,
.logo-container h3,
.logo-container h5 {
    margin: 0;
    max-width: 80%;
    display: inline-block;
}

.logo-container h2 { font-size: 28px; margin: 10px 0 0 10px; }
.logo-container h3 { font-size: 26px; margin: 10px 0 0 10px; }
.logo-container h5 { margin-left: 10px; }

.logo-container-inner {
    border: 1px solid #e3e3e3;
    background-color: #fff;
    border-radius: 4px;
    margin: 10px 15px 0 0;
    text-decoration: none;
    padding: 1.333em 20px;
    width: 27%;
    height: 9em;
    display: inline-block;
    overflow: hidden;
}

.logo-container-inner h4, .logo-container-inner h5 {
    margin: 0;
}

.logo-container-inner p {
    margin: 10px 0 0 0;
}

.setup-container {
    border: 1px solid #e3e3e3;
    background-color: #fff;
    border-radius: 4px;
    margin: 10px 10px 20px 10px;
    padding: 20px;
}

.logo-large {
    width: auto;
    height: auto;
    background-color: #fff;
    border: 1px solid #AAA;
    border-radius: 10px;
    margin-right: 15px;
}

.logo-medium {
    width: 125px;
    height: auto;
    background-color: #fff;
    border: 2px solid #AAA;
    border-radius: 10px;
    margin-right: 15px;
}

.logo-small {
    width: 70px;
    height: auto;
    background-color: #fff;
    border: 2px solid #AAA;
    border-radius: 10px;
    margin-right: 10px;
}

.quick-link-icon {
    text-align: center;
    display: inline-block;
    width: 100px;
    margin-left: 40px;
    margin-bottom: 5px;
}

.quick-link-icon img {
    display: block;
    margin: 0 auto;    
}

hr.logo-divider {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

hr.setup-divider {
    max-width:80%;
    text-align:center; 
    margin: 0 auto;
    display: inline-block;
    border: 0;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

a.logo-atom {
    color: #111;
    text-decoration: none;
}

.logo-atom:hover .logo-small {
    border: 2px solid #4d89f9;
}

.logo-atom:hover .logo-medium {
    border: 2px solid #4d89f9;
}

.logo-atom:hover .logo-container-inner {
    border: 1px solid #999;
    background-color: #F9F9F9;
}

.setup-container p { margin: 10px 0; }
.more-setup a { margin-right: 20px; font-weight: bold; }

.config-editor-icon { color: #000; }
.active .config-editor-icon { color: #FFF; }
.nodes.no-display { display: none; }
.nodes-icon { margin-right: 4px; }
.nodes-toggle-advanced:hover { cursor: pointer; }
.box-wrapper { margin-right: 18px; }
.configure-layout textarea, .configure textarea { width: 100%; height: 300px; padding: 6px 8px; margin: 0; font-family: 'consolas', 'Courier New', monospace; line-height: 16px; }

.config-editor-side .well { padding: 8px 0; margin: 0; height: 100%; }

.well.no-border { border: 0; box-shadow: none; }
a.well.no-border { display: block; text-align: center; padding: 40px; margin-top: 10px; }
a.well.no-border:hover { background-color: #EEE; text-decoration: none; }
a.well.no-border i { font-size: 34px; margin-right: 10px; }
a.well.no-border span { font-size: 24px; vertical-align: top; font-weight: bold; padding: 0; }
a.well.no-border p { margin-top: 10px; }

#maintenance form, #repo_form form { margin: 0; }
#workspace table td { vertical-align: middle; }
#workspace table td input, #workspace .stat-box, #indicesTable, #workspace table { margin-bottom: 0; }
#workspace .grid .pad { padding: 10px; }
.grid-table-title .pull-left span .text-left { margin-top: 5px; }

#wrapper.dash { background-color: #F5F5F5; }

/* Bootstrap overrides */
.badge { border-radius: 0; }
.form-control { border-radius: 0; height: 29px; line-height: 1.2rem; vertical-align: middle; }
select.form-control { padding: 4px 5px; }
input.form-control { padding: 4px 8px; }
.form-control:focus { border-color: #BBB; box-shadow: none; }
.btn { border-radius: 0; }
.btn:focus, .btn:active, .btn:active:focus, i.fa:focus { outline: none; }
.alert { padding: 10px; border-radius: 0; margin: 0; }
.table { margin: 0; }
.table-condensed>tbody>tr>td { padding: 4px 8px; }
.well { border-radius: 0; }
.modal-content { border-radius: 0; }
.modal-header { font-weight: bold; font-size: 18px; }
.navbar-inverse { background: url('../img/footer_lodyas.png'); border: none; }
.navbar-inverse .navbar-brand { font-size: 24px; font-weight: bold; color: #EEE; letter-spacing: 2px; text-decoration: none !important; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover { background-color: #222; }
.navbar { margin-bottom: 0; }
.table-border { border: 1px solid #DDD; }
.navbar-inverse .navbar-nav>li>a { color: #BBB; }
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -18px; }
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 0; }
.nav-tabs>li>a { border-radius: 0; }
input.form-control, select.form-control, .btn { font-size: 1.2rem; }
.input-group-addon { border-radius: 0; line-height: 1.1; }
.popover, .popover h3, .input-group-addon { font-size: 1.2rem; }
i.fa-question-circle { font-size: 1.3rem; cursor: help; }
.dropdown-menu { font-size: 1.2rem; border-radius: 0; box-shadow: none; width: 100%; text-align: left; padding: 4px 0; }
.dropdown-menu > li > a { padding: 3px 12px 3px 9px; cursor: pointer; }
.popover { max-width: 350px; }
.popover-content p:last-child { margin-bottom: 0; }
h3.popover-title { font-weight: bold; font-size: 1.3rem; }
pre { border-radius: 0; padding: 0.4rem 0.6rem; }
.tooltip { z-index: 10000; }
.tooltip-inner { border-radius: 0; }
.dropdown-menu .divider { margin: 4px 0; }
.form-horizontal .checkbox, .form-horizontal .radio { min-height: auto; }
.label-warning { background-color: #f0eb4e; color: #000; }
.table>thead>tr>th { vertical-align: middle; }
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #23B55E; border-color: #0C9C46; }
.popover { border-radius: 0; }
.form-control.small { height: auto; padding: 2px 4px; }
.nav>li>a:focus, .nav>li>a:hover { background-color: #F9F9F9; }

.header-pop { cursor: pointer; width: 16px; height: 16px; display: inline-block; }

.nav.nav-list a i { width: 18px; text-align: center; font-size: 13px; }
.nav.nav-list { margin-bottom: 10px; }
.nav.nav-list li.nav-header { font-weight: bold; padding: 7px 14px; background-color: #EEE; margin: 10px 0; }
.nav.nav-list li.nav-header:first-child { margin-top: 0; }
.nav.nav-list li>a { padding: 0 14px 3px 14px; }
.nav.nav-list li>a:hover, .nav.nav-list li>a:focus { background-color: inherit; }

.method_option { display: none; }

.row .grid:not(:first-child):last-child { margin-bottom: 0; }

/* Kibana Nagios Style... */

.dash-highlighter { background-color: #FFFF00; }
.bgPrimary { background: #2891f3; }
.bgSuccess { background: #136bbd; }
.bgWarning { background: #7cc0ff; }
.alert-success.dashboard-notice, .alert-info.dashboard-notice, .alert-warning.dashboard-notice, .alert-error.dashboard-notice { color: #000; margin-bottom: 10px; padding: 10px 20px; }
.icon-check, .icon-check-empty, .icon-list-ol { background: transparent; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-check-empty { color: #BBB; }
.icon-check-empty:before { content: "\f096"; font-size: 14px; }
.icon-check:before { content: "\f046"; font-size: 14px; }
.icon-list-ol:before { content: "\f0cb"; }
.popover.rightTop .arrow { top: 12%; left: -11px; }
.popover.rightTop .arrow:after { bottom: -10px; left: 2px; }
.popover.bottomLeft .arrow { left: 12%; top: -11px; }
.popover.bottomLeft .arrow:after { margin-left: -10px; top: 2px; }
.popover-content span { line-height: 16px; display: inline-block; }
.popover-content span strong { vertical-align: middle; margin-left: 6px; }
.kibana-load .fa-remove:hover, .kibana-load .fa-share:hover { color: #000; text-decoration: none; }
li.dropdown a.dropdown-toggle { text-align: center; }
.top-row-close { margin-right: 10px; }
.panel-error { color: #000; }
.panel-title { overflow: hidden; display: block; }
.panel { display: inline-block; }

.nls-pulldown .nav > li > a { padding: 7px; }
.flot-overlay { cursor: default; }
.modal-body .tabs { margin-bottom: 15px; }
.modal-body h4, .modal-body h5 { margin-top: 0; }
.modal-dialog { margin: 50px auto; }

/* Late added Nagios styles for prettifying */

.configure-layout li a i.fa { color: #000; }
.configure-layout li.spacer { height: 8px; }

table.table > tbody > tr > td { vertical-align: middle; }
table td.actions, .actions { font-size: 14px; text-align: center; }
table td.actions a:last-child, .actions a:last-child { margin: 0; }
table td.actions a:hover { text-decoration: none; }

.status-output { text-transform: uppercase; }
.table-striped tbody>tr:nth-child(odd)>td.critical, .critical { background-color: #FF795F !important; }
.table-striped tbody>tr:nth-child(odd)>td.warning, .warning { background-color: #FEFF5F !important; }
.table-striped tbody>tr:nth-child(odd)>td.ok, .ok { background-color: #B2FF5F !important; }
.table-striped tbody>tr:nth-child(odd)>td.unknown, .unknown { background-color: #FFC45F !important; }

.config-box { }
.config-box textarea { height: 120px; resize: vertical; padding: 10px; border: 1px dashed #BBB; outline: none; }
.config-box .block { padding: 10px; margin-bottom: 10px; background-color: #FFF; cursor: default; }
.config-box .block:last-child { margin-bottom: 0; }
.config-box .block .actions { margin-right: 5px; }
.config-box .block .raw { padding-top: 10px; line-height: 0px; }
.config-box .block .fl.name { margin-right: 10px; height: 20px; }
.config-box .block .fl.name span.name { font-weight: bold; vertical-align: middle; }
.config-box .block .name input { margin: 0; padding: 2px; font-size: 11px; width: 300px; font-weight: bold; height: 20px; }
.config-box .block .actions.pad { margin-top: 5px; }
.config-box .block .label { vertical-align: middle; font-size: 11px; }

.apply-node-box { padding: 5px 0 20px 0; }
.apply-node { padding: 5px 0; }
.apply-node .loader { padding-left: 10px; }
.apply-node .loader img { vertical-align: text-top; }
#verify-message { margin: 0; }
#verify-config-output { margin-top: 10px; }
.dropdown-toggle i, .dropdown-toggle span.text  { margin-right: 5px; }
.dropdown-menu i.fa { margin-right: 5px; }
.config-box .label { margin-right: 5px; }
.toggle-activity:hover { cursor: pointer; }

.whitespace-holder { border: 1px dotted #AAA; width: 100%; height: 40px; margin-bottom: 10px; }
.whitespace-holder:last-child { margin: 0; }
.admin-dash .well { margin: 0; }
@media (min-width: 1200px) {
    .admin-dash .row-fluid .span2 { width: 15.82%; }
    .admin-dash .row-fluid [class*="span"] { margin-left: 1%; }
    .admin-dash .row-fluid [class*="span"]:first-child { margin-left: 0; }
}

.source-setup-container { max-width: 1024px; margin: 0 auto; }
a .fa:hover { text-decoration: none; }
.queries-list td.name a .fa { margin: 0 5px; }
.home-container .well h3 { margin-top: 0; }

/* elastichq overwrites */
.grid-title .pull-left span { width: 350px !important; }

@media print {
    .no-print, .no-print * { display: none !important; }
    .panel-query { background-color: #FFF !important; }
}

@media (max-width: 1500px) {
    .home-container .well { margin-bottom: 10px; }
}
.cool-dash { background-image: url('../images/cool_dashboard.png'); background-repeat: no-repeat; background-size: cover; width: 100%; height: 200px; }
.subcontrol { font-size: 11px; margin-top: 1px; color: #666; }

.modal.ng-scope .tab-content { padding: 0; }

.editor-row { padding-bottom: 10px; }
.editor-row:last-of-type { padding: 0; }

.restore-indices tr { cursor: pointer; }
.restore-indices tr:last-child { border-bottom: 1px solid #ddd; }
.restore-indices input[type="checkbox"] { margin: 0; }

.config-leftbar { background-color: #F9F9F9; }

.container-fluid.no-pad { padding: 0; }
.well.bg { background: #FFF; border: 0; }

.home-dashboard { margin: 20px 10px; }
.home-dashboard .well { background-color: #FFF; border: none; box-shadow: none; }
.home-dashboard .well h3 { margin: 0 0 10px 0; padding: 0; }
.home-dashboard .selbox-links { background-color: #F5F5F5; }
.home-dashboard .selbox-links a { padding: 10px 20px; font-weight: bold; display: inline-block; text-decoration: none; }
.home-dashboard .selbox-links a.active { color: #000; text-decoration: none; background-color: #FFF; }

#chart { width: 100%; height: 300px; }
.dash-num { font-size: 34px; margin-bottom: 10px; font-family: 'robotoblack'; }

.well.report-header { margin: -20px -20px 0 -20px; border-left: 0; border-top: 0; border-right: 0; }
.well.report-header h1 { margin: 0 20px 0 0; padding: 0; line-height: 29px; }
.well.report-header div.date-picker { border-left: 0; border-right: 0; }
.well.report-header input.date-picker { width: 140px; }

.table-bar { margin: 20px 0; }
.table-bar .custom-box { display: none; }
.table-bar .custom-box input { width: 50px; }
.page-numbers a, .page-numbers strong { padding: 10px; }

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

ul.unstyled { padding: 0; }

.fix-height { padding: 0 5px 20px 5px; }
.fix-height .row > div div.well { margin: 0; }

#input-col .well, #filter-col .well, #output-col .well { box-shadow: none; }

.under-underline { margin: 0 15px 30px 15px; }

.config-req { color: red; }

.gray-gradient-bg { color: #000; background-color: #EFEFEF; background: linear-gradient(to right, #EFEFEF, #E0E0E0); }
a.lgray-gradient-bg h1 { font-size: 16px; font-weight: normal; }
a.lgray-gradient-bg div i { font-size: 40px; line-height: 50px; }
a.lgray-gradient-bg:hover h1, a.lgray-gradient-bg:hover div i { color: #03a645; }
a.lgray-gradient-bg { border-left: 4px solid transparent; }
a.lgray-gradient-bg:hover { text-decoration: none; border-left: 4px solid #03a645; }
.lgray-gradient-bg { color: #000; background-color: #F9F9F9; background: linear-gradient(to right, #F9F9F9, #EFEFEF); display: block; }
.green-gradient-bg { color: #FFF; background-color: #03a645; background: linear-gradient(to right, #03a645, #008536); }
.gradient-logo { padding: 20px; display: inline-block; margin-right: 20px; text-align: center; }
.configure-layout .rside .lgray-gradient-bg h1 { display: inline-block; vertical-align: top; padding: 30px 0; line-height: 30px; }
i.fa-xl { font-size: 50px; }
.fa.fa-help { cursor: help; }

#loading { position: fixed; background-color: #FFF; top: 50px; bottom: 0px; width: 100%; opacity: 0.8; text-align: center; }
#loading .holder { margin: 200px auto; font-size: 46px; }

.content-box { margin-bottom: 20px; }

.fix-height a.click-box { height: 100%; width: 100%; color: #333; background-color: #FFF; display: block; text-align: center; padding: 20px; }
.fix-height a.click-box:hover { text-decoration: none; color: #FFF; background-color: #03a645; background: linear-gradient(to right, #03a645, #008536); }
.fix-height a.click-box .box-text { font-weight: bold; margin-top: 10px; }

.code-tooltip  { position: relative; padding-bottom: 5px; }
.code-tooltip:last-child { padding: 0; }
.verify { margin-bottom: 50px; }
#verify-output { margin: 10px 0; padding: 10px; }
#verify-loading { margin-left: 5px; width: 29px; height: 29px; font-size: 16px; }
#verify-loading i { vertical-align: middle; }

/* Bootstrap 3 sub-menu */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu { display: block; }
.dropdown-submenu > a:after{ display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: 0px; }
.dropdown-submenu:hover > a:after { border-left-color: #000; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
