/* Set when the navbar collapses */
@media (max-width: 1023px) {
    #verticalNav {
        border-top: 1px solid #272b30;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding-top: 5px;
    }
    #top-navbar-right {
        max-height: 30px;
        height: 30px;
    }
    #nav-username img {
        background-color: #ddd;
        border: 1px solid #ddd;
        -moz-box-shadow: 0 0 2px #888;
        -webkit-box-shadow: 0 0 2px #888;
        box-shadow: 0 0 2px #888;
    }
}

@media (min-width: 1024px) {
    #nav-username {
        margin-top: -1px;
    }
    #nav-username img {
        background-color: #007ab8;
        border: 1px solid #007ab8;
        -moz-box-shadow: 0 0 2px #888;
        -webkit-box-shadow: 0 0 2px #888;
        box-shadow: 0 0 2px #888;
    }
}

#verticalNav .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #272b30;
}

.dropdown-menu .divider-thin {
    margin: 4px 0;
}

.navbar-default .navbar-brand {
    color: #ffffff;
}

#nav-username {
    height: 50px;
}

.adminAlert {
    color: #da4f49 !important;
}
.adminAlert > img {
    border: 1px solid #da4f49 !important;
}

.text-muted {
    color: #a4a4a4;
}

body{
    background: url(../../../img/background.png) no-repeat center fixed;
    background-color: #292d32 !important; /* #1F2428 2e3238 */
}

header h5 {
    color: #7ea4cd;
}

/* Smaller Navbar */
select, textarea, input[type="date"] {
    background-color:#d1d1d1 !important;
}
select[size] option:hover, select[multiple] option:hover, 
select[size] option:focus, select[multiple] option:focus,
select[size] option:active, select[multiple] option:active,
select[size] option:checked, select[multiple] option:checked {
    background: linear-gradient(#999999, #999999);
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
    background-color : #d1d1d1;
}

/* Used to create the "placeholder" lighter text effect for select lists */
/* Note that this ONLY works for selects with the "required" attribute! */
select:required:invalid {
    color: gray;
}
select option {
    color: #272b30;
}

/* Links */
a {
    color: #7ea4cd;
}

a:hover {
    color: #BADFFF;
}

.btn-link {
    color: #7ea4cd;
}
.btn-link:hover {
    color: #BADFFF;
}

.nav-tabs {
    /* background-color:#2e3238; */
}

.nav-tabs > li > a {
    background-color: #1c1e22;
    color: #c8c8c8;
}

#top-navbar {
    background-color: #325881;
}

#top-navbar-logo {
    padding: 5px 10px 0 5px;
}

.st-clock-text {
    color: #c8c8c8;
}

/* Make the navbar brand hover pretty */
.navbar-brand, .navbar-domain {
    text-shadow: 0 1px 1px #555;
}

.navbar-domain:hover {
    text-shadow: 0 0 10px #bcbcff;
    cursor: help;
}

.navbar-brand:hover {
    color: rgba(255, 255, 255, 0.97);
}

.top-nav-opened {
    color: #ffffff;
    background-color: #121415;
    border-color: #000000;
}

/* query builder generated url */
.apiURL {
    color: #000000;
    background: #FFFFFF;
    border-color: rgba(0,0,0,0.6);
}

span.form-control {
    background-color:#bfbfbf;
    border-color:#000000;
}

.glyphicon.white {
    color:#fff;
}

.user-name {
    font-family: arial sans-serif;
    color: #7ea4cd
}
.blue {
    /* light blue */
    color: #add8e6;
}
.red {
    color:#ff0000;
}
.green {
    color:#00ff00;
}
.white {
    color:#ffffff;
}

.label-info {
    background: #325881;
}

.form-group label {
    color: #ffffff;
    background-color: #3399ff;
}

.input-group :first-child {
    border-right: 0 !important;
}

.input-group input, .input-group select {
    border-color: #272b30;
}

.input-group-addon  {
    background-color: #272b30;
    border: 1px solid rgba(0, 0, 0, 0.6) !important;
    /*border-right:0 !important;*/
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 0px;
}

.required-highlight,
.form-group.field-required .control-label {
    color: #f89406; /* red: #ee5f5b; blue: #7ea4cd */
}
.form-group.field-required .input-group-addon {
    background-color: #f89406 !important;
}
.form-group.field-required .input-group-addon,
.form-group.field-required input,
.form-group.field-required select,
.form-group.field-required textarea
{
    border-color: #f89406 !important;
}

.form-group.has-error .control-label,
.form-group.field-required.has-error .control-label {
    color: #ee5f5b !important;
}
.form-group.has-error .input-group-addon,
.form-group.field-required.has-error .input-group-addon {
    background-color: #ee5f5b !important;
}
.form-group.has-error .input-group-addon,
.form-group.has-error input,
.form-group.has-error select,
.form-group.has-error textarea,
.form-group.field-required.has-error .input-group-addon,
.form-group.field-required.has-error input,
.form-group.field-required.has-error select,
.form-group.field-required.has-error textarea
{
    border-color: #ee5f5b !important;
}
.form-group.has-success .control-label,
.form-group.field-required.has-success .control-label {
    color: #62c462 !important;
}
.form-group.has-success .input-group-addon,
.form-group.field-required.has-success .input-group-addon {
    background-color: #62c462 !important;
}
.form-group.has-success .input-group-addon,
.form-group.has-success input,
.form-group.has-success select,
.form-group.has-success textarea,
.form-group.field-required.has-success .input-group-addon,
.form-group.field-required.has-success input,
.form-group.field-required.has-success select,
.form-group.field-required.has-success textarea
{
    border-color: #62c462 !important;
}

pre {
    background-color: #dddddd;
}

/* This was moved from inline styles to here, but I don't
   think we need it. Keeping just in case I'm wrong. */
/*table>thead>tr {
    background-color: #565656;
    color:#FFFFFF;
}*/

table.directory {
    border-color : #ababab;
}

/*** DataTables ***/
.dataTables_wrapper thead>tr {
    background: #565656;
    color: white;
}
/* datatable footer search fields */
.dataTables_wrapper th input[type="search"] {
    /** without this, datatable autoWidth calculation is wrong and fails **/
    width:100%;
}

.dataTables_wrapper input:enabled {
    background-color: #d1d1d1 !important;
}

#boxscore .dataTables_wrapper table>tfoot>tr {
    background-color: #565656;
}

#sitestats .dataTables_empty {
    background-color: #62c462;
    color: black;
    font-weight: bold;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
    color: black;
}


hr {
    size: 1px;
    background-color: #565656;
    border-top: 1px solid black;
}

.panel-info>.panel-heading {
    background-color: #7ea4cd;
}

.panel-st > .panel-heading {
    color: #FFFFFF;
    background-color: #325881;
    font-weight: bold;
}

.alert-danger {
    background-color: #da4f49; /* #7b403f; #905252; */
    border-color: #e1726d;
    font-weight: bold;
}

.alert-warning {
    background-color: #cc8e36;
    border-color: #dbaf72;
}

.alert-info {
    background-color: #3f5c7b;
    border-color: #657c95;
}

.alert-success {
    background-color: #3f7b56;
    border-color: #659577;
}

.alert-unclass {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #3f7b56; /* official green: #009900 */
    border-color: #659577;
}

.st-info {
    background-color: #3f5c7b; /* 263122 #325881; #565656; */
}
.st-success {
    background-color: #3f7b56;
}
.st-danger {
    background-color: #905252;
}
.st-warning {
    background-color: #cc8e36;
}

.panel-st-primary > .panel-heading {
    background-color: #514B57; /* #325881; #565656; */
    text-transform: uppercase;
}
.panel-st-primary > .panel-heading::after {
    /* content: ':'; */
}

.panel-st-secondary > .panel-heading {
    background-color: #3f5c7b; /* 263122 #325881; #565656; */
}

.panel-st-help > .panel-heading {
    color: #FFFFFF;
}
.panel-st-help > .panel-heading.sub-header {
    color: #FFFFFF;
}

.panel-transparent {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.1 opacity */
    background: rgba(0, 0, 0, 0.25);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.page-header {
    border-bottom: 2px groove #565656;
}

#help-legend dt {
    margin-top: 1em;
}
#legend dt::after {
    content: ":";
}
#help-legend dd {
    color: #a4a4a4;
    text-indent: 10px;
}


/*** Popover Styles ***/
.popover {
    background-color: #1c1e22;
}
/* Popover Header */
.popover-title {
    color: #FFFFFF;
}

/* Popover Body */
.popover-content {
    color: #a4a4a4;
    background-color: #1c1e22;
}
.popover.bottom>.arrow:after {
    border-bottom-color: #1c1e22;
}

a.docPopunder:hover {
    color: #7ea4cd;
}

a.docPopunder, a.docPopunder:visited {
    color: #325881;
}

footer.footer {
    width: 100%;
    border-top: 2px groove #565656;
    background-color: #292d32;
}

/*** Ops Panel - Expiration Tab ***/
.ops-expiration-expired {
    color: #272b30;
    background-color: #da4f49;
    font-weight: bold;
}
.ops-expiration-warning {
    color: #272b30;
    background-color: #ff9900;
    font-weight: bold;
}

#ops-expiration-legend ul>li {
    margin-top: 5px;
}
#ops-expiration-legend li>span {
    padding: 3px 5px 3px 5px;
}

div.expandable_text {
    color: #7ea4cd;
    font-weight:bold;
    cursor:pointer;
}
div.expandable_text i {
    color: #FFFFFF;
}
div.section_indent {
    margin-left: 25px;
    margin-right: 25px;
}

ul#latest_tle li:nth-child(even) {
    background-color: inherit;
}
ul#latest_tle li:nth-child(odd) {
    background-color: #272b30;
}

.control-label, .form-group label {
    background-color: transparent;
    color: #c8c8c8;
}

.social-media-icon {
    height: 23px;
    width: 23px;
}

.subscribed-header {
    background-color: #3f7b56;
    color: white;
}

.unsubscribed-header {
    background-color: #3f5c7b;
    color: white;
}

/*** Buttons ***/
.btn {
    text-transform: uppercase;
}
/* set the primary button color to green just like success */
.btn-primary {
    color:#ffffff;
    background-color:#62c462;
    border-color:#62c462;
}
.btn-primary:focus,
.btn-primary.focus {
    color:#ffffff;
    background-color:#42b142;
    border-color:#2d792d;
}
.btn-primary:hover {
    color:#ffffff;
    background-color:#42b142;
    border-color:#40a940;
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color:#ffffff;
    background-color:#42b142;
    border-color:#40a940;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    color:#ffffff;
    background-color:#399739;
    border-color:#2d792d;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color:#62c462;
    border-color:#62c462;
}

.btn-primary {
    background-image:-webkit-linear-gradient(#78cc78, #62c462 60%, #53be53);
    background-image:-o-linear-gradient(#78cc78, #62c462 60%, #53be53);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#78cc78), color-stop(60%, #62c462), to(#53be53));
    background-image:linear-gradient(#78cc78, #62c462 60%, #53be53);
    background-repeat:no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78cc78', endColorstr='#ff53be53', GradientType=0);
    -webkit-filter:none;
    filter:none
}

.btn-primary:hover {
    background-image:-webkit-linear-gradient(#2f7d2f, #379337 40%, #3da23d);
    background-image:-o-linear-gradient(#2f7d2f, #379337 40%, #3da23d);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#2f7d2f), color-stop(40%, #379337), to(#3da23d));
    background-image:linear-gradient(#2f7d2f, #379337 40%, #3da23d);
    background-repeat:no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f7d2f', endColorstr='#ff3da23d', GradientType=0);
    -webkit-filter:none;
    filter:none
}


.btn-blue {
    color:#ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #446E9B), to(#3e648d));
    background-image: linear-gradient(#6d94bf, #446E9B 50%, #3e648d);
    background-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
    border: 1px solid #345578;
}

.btn-blue:hover {
    color:#ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5f8ab9), color-stop(50%, #3e648d), to(#385a7f));
    background-image: linear-gradient(#5f8ab9, #3e648d 50%, #385a7f);
    background-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
    border: 1px solid #2e4b69;
}


.tab-info {
    color: #f2f2f2 !important;
    background-image: -webkit-linear-gradient(#8a9196, #7a8288 60%, #70787d);
    background-image: -o-linear-gradient(#8a9196, #7a8288 60%, #70787d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8a9196), color-stop(60%, #7a8288), to(#70787d));
    background-image: linear-gradient(#8a9196, #7a8288 60%, #70787d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a9196', endColorstr='#ff70787d', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border: 1px solid #1c1e22;
    border-bottom-color: transparent;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 2px !important;
}

.tab-lch-alert {
    color: #f2f2f2 !important;
    background-color: #3f7b56; /* #3f7b56 #499c49 */ /* official green #009900 */
    background-image: -webkit-linear-gradient(#3f7b56, #3f7b56 60%, #3f7b56);
    background-image: -o-linear-gradient(#3f7b56, #3f7b56 60%, #3f7b56);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3f7b56), color-stop(60%, #3f7b56), to(#3f7b56));
    background-image: linear-gradient(#3f7b56, #3f7b56 60%, #3f7b56);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f7b56', endColorstr='#ff3f7b56', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border: 1px solid #1c1e22;
    border-bottom-color: transparent;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.modal-header {
    background-color: #3f5c7b;
}


fieldset.regular-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}
/* FireFox-specific hack */
@-moz-document url-prefix() {
    fieldset.regular-border,
    .btn-fieldset-instructions {
        border: 1px solid #7a8288 !important;
    }
}
/* ie-specific hack */
_:-ms-input-placeholder, :root fieldset.regular-border {
    border: 1px solid #7a8288 !important;
    width:auto;
}
fieldset.regular-border legend {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    width:auto;
    padding:0 10px;
    border-bottom:none;
    color: #c8c8c8;
}

fieldset.regular-border.fieldset-sm {
    border: 1px groove #bbb !important;
    margin-bottom: 5px !important;
}
/* ie-specific hack */
_:-ms-input-placeholder, :root fieldset.regular-border.fieldset-sm {
    border: 1px solid #aaa !important;
    width:auto;
}
fieldset.regular-border.fieldset-sm legend {
    font-size: 1em !important;
    color: #bbb;
}
fieldset.regular-border div.fieldset-instructions .well {
    margin-bottom: 0;
}

/* FireFox-specific hack */
@-moz-document url-prefix() {
    #emitterInfoInstructions {
        top: -22px;
    }
}

.bg-info {
    background-color: #5bc0de !important;
}
.border-info {
    border-color: #5bc0de !important;
}

.bg-instructions {
    background-color: #1c1e22 !important;
}

.btn-fieldset-instructions {
    border: 1px groove #ddd;
}

/*** LCH Discussion Styles ***/
.dc-header {
    color: #6f6f6f;
}
.comment-user-lch-staff {
    color: #518747;
}
.comment-user-lowner {
    color: #477687;
}
.comment-user-system {
    color: #da4f49;
}


/*** Scrollbar Styles ***/
/* This applies to all scrollbars, even the main window */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-button {
    width: 0;
    height: 80px;
}
::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0 solid #ffffff;
    border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
    background: #e1e1e1;
}
::-webkit-scrollbar-track {
    background: #666666;
    border: 1px solid #000000;
    border-radius: 2px;
}
::-webkit-scrollbar-track:hover {
    background: #666666;
}
::-webkit-scrollbar-track:active {
    background: #333333;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
div::-webkit-scrollbar-button,
select::-webkit-scrollbar-button {
    height: 0;
}

.discussion-container .form-group {
    margin-left: -5px;
    margin-right: -5px;
}

/* This applies only to the discussion scrollbar */
.discussion-history::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.discussion-history::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.discussion-history::-webkit-scrollbar-thumb {
    background: #c8c8c8;
    border: 1px solid #ffffff;
    border-radius: 4px;
}
.discussion-history::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}
.discussion-history::-webkit-scrollbar-thumb:active {
    background: #000000;
}
.discussion-history::-webkit-scrollbar-track {
    background: #666666;
    border: 1px solid #000000;
    border-radius: 4px;
}
.discussion-history::-webkit-scrollbar-track:hover {
    background: #666666;
}
.discussion-history::-webkit-scrollbar-track:active {
    background: #333333;
}
.discussion-history::-webkit-scrollbar-corner {
    background: transparent;
}

/* Badges */
.badge-secondary {
    color: #272B30;
    background-color: #446E9B !important;
}
.badge-warning {
    color: #272B30;
    background-color: #f89406 !important;
}
.badge-danger {
    color: #272B30;
    background-color: #ee5f5b !important;
}
.badge-info {
    color: #272B30;
    background-color: #5bc0de !important;
}
.badge-success {
    color: #272B30;
    background-color: #62c462 !important;
}


.breadcrumb {
    border: none;
    text-shadow: none;
    background-image: none;
    background-color: transparent;
}


/*** Datepicker styles **/

.datetimepicker {
    background-color: #325881;
}

/* The following styles change the caret color at the top left of the calendar */
.datetimepicker table thead tr th.dow {
    background-color: #514B57;
}

[class*=" datetimepicker-dropdown"]:after {
    border-bottom: 6px solid #325881;
}