* { 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, button.btn-link { text-decoration: none; color: #03a645; cursor: pointer; padding: 0 0 0 0; border-width: 0 0 0 0;}
a:hover, a:focus, button.btn-link:hover, button.btn-link: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; }

.form-required::after { content: " *"; color: red; }

.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; }
.table.table-outside-bordered { border: 1px solid #DDD; }

.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; }
.login-input-wrapper .checkbox { width: 90%; }

#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; }
.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: calc(100% - 33px); 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; }
.text-primary {
    color: #03a645;
}

/* 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, .table-condensed>thead>tr>th { 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; }

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

#language-button { color: #212121; }
#language-button:hover, #language-button:focus { background-color: rgba(0,0,0,0.2); }
#login-language-dropdown li a { padding: 10px; }
#login-language-selected { margin-right: 5px; }

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

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

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

.modern-login-wrapper { background-color: #ECEFF1; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; height: calc(100vh - 33px); width: 100%; }
.modern-login-wrapper #loginForm { display: flex; justify-content: center; align-items: center; }
.modern-login-wrapper #loginButton, #autoLoginButton { width: 90%; border-radius: 3px; margin: 5px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.modern-login-wrapper #loginTitle { font-weight: 300; }
.modern-login-wrapper #forgot-password-wrapper {width: 90%; margin: 0 0 20px 0;}
.modern-login-wrapper #contact-card { width: 35vw; min-width: 300px; min-height: 5vh; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); display: flex; justify-content: space-around; align-items: center; border-radius: 3px; background-color: #FFF; }
.modern-login-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; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); border-radius: 3px; align-items: center; justify-content: center; background-color: #FFF; }
.modern-login-wrapper .login-input-wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.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 #username_box.error:not(:focus), .login-input-wrapper #password_box.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; }
}

/* Easy Buttons */
.custom-button-container {
    align-items: center;
    flex-wrap: wrap;
}

.toggle-container {
    flex-direction: column;
    width: 45%;
}

.global-indicator {
    margin-right: 3px;
}

.edit-button-table {
    margin: 10px 0 0 0;
}

#buttons-save {
    margin-bottom: 6px;
}

#global-header {
    width: 50px;
}

#action-header {
    width: 65px;
    text-align: center;
}

#name-header {
    width: 301px;
}

.table-cell-flex {
    display: flex;
    justify-content: center;
}

.query-select {
    width: 298px;
}

/* Sizing */
.width-40 { width: 40%; }
form .width-50p {
    width: 50px;
}

/* Utilities */
.no-show {display: none !important;}
#breadcrumbs { padding: 8px; background-color: #23B55E; border:1px solid #0C9C46;}
#breadcrumbs a { color: white !important; }
#breadcrumbs .separator { opacity: 0.6; margin-left: 5px; margin-right: 5px; }
.no-top-margin {
    margin-top: 0px !important;
}

.no-outline {
    outline: none !important;
}

/* Snapshots & Maintenance */
.alert-margin {
    margin: 10px 0 20px 0;
}

.mt-10 {
    margin-top: 10px;
}

.mr-5 {
    margin-right: 5px;
}

.mb-5
{
    margin-bottom: 5px;
}


input .w-28 {
    width: 28px;
}

tbody tr .w-28 {
    width: 28px;
}

.snapshot-actions
{
    width: 70px;
    text-align: center;
}

.fw-400
{
    font-weight: 400;
}

.max-400
{
    max-width: 400px;
}

.max-150
{
    max-width: 150px;
}

.snapshot-radio
{
    margin: 0;
    vertical-align: middle;
}

.btn-create-repo
{
    margin: 6px 5px 0 0;
}

.width-80
{
    width: 80px;
}

.width-160
{
    width: 160px;
}

#repo_form td:first-child
{
    width: 160px;
    vertical-align: middle;
}

#repo_form td input
{
    width: 280px;
}

.modal-body-container
{
    margin-top: 5px;
}

.modal-body-container table
{
    margin-top: 15px;
}

.modal-body-container th
{
    padding: 5px 8px;
    line-height: 18px;
}

.deletion-progress
{
    height: 100%;
    padding-bottom: 0px;
}

.flex {
    display: flex;
}

.justify-between {
    justify-content: space-between;
}

.justify-end {
    justify-content: end;
}

.modal-md {
    width: 500px;
}

/* Toggle Switch */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
  }

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #0C9C46;
}

input:focus + .slider {
    box-shadow: 0 0 1px #0C9C46;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

  /* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}

#nlp_disclaimer{
    margin:0px;
}

.ip-ai-port-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap:10px;
}

.ip-ai-port-container .col-sm-9:first-of-type {
    padding-bottom:10px; /* adjust the 20px to increase or decrease spacing */
}