﻿.vue-tabs .nav-tabs {
    border-bottom: 1px solid #aaa;
}

    .vue-tabs .nav-tabs > li.active > a, .vue-tabs .nav-tabs > li.active > a:hover, .vue-tabs .nav-tabs > li.active > a:focus {
        border: 1px solid #aaa;
        border-bottom-color: transparent;
    }

.navbar .navbar-header {
    background: #9b1341 !important;
}

    .navbar .navbar-header a, .navbar .navbar-header button {
        line-height: 55px !important;
        height: 60px;
    }


/* PANEL RED */
.panel-csl-red, .partition-csl-red {
    background-color: #9b1341;
    position: relative;
    color: #ffffff;
}

    .panel-csl-red .panel-heading, .partition-csl-red .panel-heading {
        background-color: #9b1341;
        border: none;
    }

    .panel-csl-red .panel-tools .btn, .panel-csl-red .panel-tools > a, .partition-csl-red .panel-tools .btn, .partition-csl-red .panel-tools > a {
        color: rgba(255, 255, 255, 0.8) !important;
    }

        .panel-csl-red .panel-tools .btn:hover, .panel-csl-red .panel-tools > a:hover, .partition-csl-red .panel-tools .btn:hover, .partition-csl-red .panel-tools > a:hover {
            color: #ffffff !important;
        }

/* PANEL ORANGE */
.panel-csl-orange, .partition-csl-orange {
    background-color: #c1650e;
    position: relative;
    color: #ffffff;
}

    .panel-csl-orange .panel-heading, .partition-csl-orange .panel-heading {
        background-color: #c1650e;
        border: none;
    }

    .panel-csl-orange .panel-tools .btn, .panel-csl-orange .panel-tools > a, .partition-csl-orange .panel-tools .btn, .partition-csl-orange .panel-tools > a {
        color: rgba(255, 255, 255, 0.8) !important;
    }

        .panel-csl-orange .panel-tools .btn:hover, .panel-csl-orange .panel-tools > a:hover, .partition-csl-orange .panel-tools .btn:hover, .partition-csl-orange .panel-tools > a:hover {
            color: #ffffff !important;
        }



/* btn-csl-orange */
.btn-csl-orange {
    background-color: #c1650e;
    border-color: #c1650e;
    color: #ffffff;
}

.open .btn-csl-orange.dropdown-toggle {
    background-color: #C77D55;
    border-color: #C77D55;
}

.btn-csl-orange:hover {
    background-color: #C5753D !important;
    border-color: #C5753D;
    color: #ffffff;
}

.btn-csl-orange:active, .btn-csl-orange.active, .btn-csl-orange.active:focus, .btn-csl-orange:active:focus, .btn-csl-orange:active:hover, .btn-csl-orange.dropdown-toggle:active:hover {
    background-color: #e7aa12 !important;
    border-color: #e7aa12;
}

.btn-csl-orange:focus {
    background-color: #C77D55;
    border-color: #C77D55;
    color: #ffffff;
}

.btn-csl-orange.disabled:hover, .btn-csl-orange.disabled:focus, .btn-csl-orange.disabled:active, .btn-csl-orange.disabled.active, .btn-csl-orange[disabled], .btn-csl-orange[disabled]:hover, .btn-csl-orange[disabled]:focus, .btn-csl-orange[disabled]:active, .btn-csl-orange[disabled].active, fieldset[disabled] .btn-csl-orange:hover, fieldset[disabled] .btn-csl-orange:focus, fieldset[disabled] .btn-csl-orange:active, fieldset[disabled] .btn-csl-orange.active {
    background-color: #C8856D;
    border-color: #C8856D;
    color: #ffffff;
}

.btn-csl-orange.btn-o {
    border: 1px solid #e7aa12;
    color: #e7aa12;
}

    .btn-csl-orange.btn-o .caret {
        border-top-color: #e7aa12;
    }

    .btn-csl-orange.btn-o:hover {
        color: #ffffff;
        border-color: #e7aa12;
        background: #e7aa12 !important;
    }

        .btn-csl-orange.btn-o:hover .caret {
            border-top-color: #ffffff;
        }

    .btn-csl-orange.btn-o:active, .btn-csl-orange.btn-o.active, .btn-csl-orange.btn-o.active:focus, .btn-csl-orange.btn-o:active:focus, .btn-csl-orange.btn-o:active:hover {
        background-color: #e7aa12 !important;
        border-color: #e7aa12 !important;
        color: #ffffff !important;
    }

        .btn-csl-orange.btn-o:active .caret, .btn-csl-orange.btn-o.active .caret, .btn-csl-orange.btn-o.active:focus .caret, .btn-csl-orange.btn-o:active:focus .caret, .btn-csl-orange.btn-o:active:hover .caret {
            border-top-color: #ffffff;
        }

    .btn-csl-orange.btn-o:focus {
        background-color: #C77D55;
        border-color: #C77D55;
        color: #ffffff;
    }

        .btn-csl-orange.btn-o:focus .caret {
            border-top-color: #ffffff;
        }

    .btn-csl-orange.btn-o.disabled:hover, .btn-csl-orange.btn-o.disabled:focus, .btn-csl-orange.btn-o.disabled:active, .btn-csl-orange.btn-o.disabled.active, .btn-csl-orange.btn-o[disabled], .btn-csl-orange.btn-o[disabled]:hover, .btn-csl-orange.btn-o[disabled]:focus, .btn-csl-orange.btn-o[disabled]:active, .btn-csl-orange.btn-o[disabled].active, fieldset[disabled] .btn-csl-orange.btn-o:hover, fieldset[disabled] .btn-csl-orange.btn-o:focus, fieldset[disabled] .btn-csl-orange.btn-o:active, fieldset[disabled] .btn-csl-orange.btn-o.active {
        border-color: #C8856D;
        color: #C8856D;
    }

.btn-csl-orange .caret {
    border-top-color: #ffffff;
}

.dropup .btn-csl-orange .caret {
    border-bottom: 4px solid #ffffff;
}

/* btn-csl-blue */
.btn-csl-blue {
    background-color: #013e7f;
    border-color: #013e7f;
    color: #ffffff;
}

.open .btn-csl-blue.dropdown-toggle {
    background-color: #0756c6;
    border-color: #0756c6;
}

.btn-csl-blue:hover {
    background-color: #054EAE !important;
    border-color: #054EAE;
    color: #ffffff;
}

.btn-csl-blue:active, .btn-csl-blue.active, .btn-csl-blue.active:focus, .btn-csl-blue:active:focus, .btn-csl-blue:active:hover, .btn-csl-blue.dropdown-toggle:active:hover {
    background-color: #1c2c63 !important;
    border-color: #1c2c63;
}

.btn-csl-blue:focus {
    background-color: #0756c6;
    border-color: #0756c6;
    color: #ffffff;
}

.btn-csl-blue.disabled:hover, .btn-csl-blue.disabled:focus, .btn-csl-blue.disabled:active, .btn-csl-blue.disabled.active, .btn-csl-blue[disabled], .btn-csl-blue[disabled]:hover, .btn-csl-blue[disabled]:focus, .btn-csl-blue[disabled]:active, .btn-csl-blue[disabled].active, fieldset[disabled] .btn-csl-blue:hover, fieldset[disabled] .btn-csl-blue:focus, fieldset[disabled] .btn-csl-blue:active, fieldset[disabled] .btn-csl-blue.active {
    background-color: #085EDE;
    border-color: #085EDE;
    color: #ffffff;
}

.btn-csl-blue.btn-o {
    border: 1px solid #1c2c63;
    color: #278383;
}

    .btn-csl-blue.btn-o .caret {
        border-top-color: #1c2c63;
    }

    .btn-csl-blue.btn-o:hover {
        color: #ffffff;
        border-color: #1c2c63;
        background: #1c2c63 !important;
    }

        .btn-csl-blue.btn-o:hover .caret {
            border-top-color: #ffffff;
        }

    .btn-csl-blue.btn-o:active, .btn-csl-blue.btn-o.active, .btn-csl-blue.btn-o.active:focus, .btn-csl-blue.btn-o:active:focus, .btn-csl-blue.btn-o:active:hover {
        background-color: #1c2c63 !important;
        border-color: #1c2c63 !important;
        color: #ffffff !important;
    }

        .btn-csl-blue.btn-o:active .caret, .btn-csl-blue.btn-o.active .caret, .btn-csl-blue.btn-o.active:focus .caret, .btn-csl-blue.btn-o:active:focus .caret, .btn-csl-blue.btn-o:active:hover .caret {
            border-top-color: #ffffff;
        }

    .btn-csl-blue.btn-o:focus {
        background-color: #0756c6;
        border-color: #0756c6;
        color: #ffffff;
    }

        .btn-csl-blue.btn-o:focus .caret {
            border-top-color: #ffffff;
        }

    .btn-csl-blue.btn-o.disabled:hover, .btn-csl-blue.btn-o.disabled:focus, .btn-csl-blue.btn-o.disabled:active, .btn-csl-blue.btn-o.disabled.active, .btn-csl-blue.btn-o[disabled], .btn-csl-blue.btn-o[disabled]:hover, .btn-csl-blue.btn-o[disabled]:focus, .btn-csl-blue.btn-o[disabled]:active, .btn-csl-blue.btn-o[disabled].active, fieldset[disabled] .btn-csl-blue.btn-o:hover, fieldset[disabled] .btn-csl-blue.btn-o:focus, fieldset[disabled] .btn-csl-blue.btn-o:active, fieldset[disabled] .btn-csl-blue.btn-o.active {
        border-color: #085EDE;
        color: #085EDE;
    }

.btn-csl-blue .caret {
    border-top-color: #ffffff;
}

.dropup .btn-csl-blue .caret {
    border-bottom: 4px solid #ffffff;
}

/* OVERRIDES */
.modal-header {
    height: 40px;
    background-color: #013e7f;
}

.popover-title {
    color: white !important;
    background-color: #c1650e;
    font-weight: bold;
}

.container-fullw {
    padding-top: 10px;
}

.panel-body {
    padding: 10px;
}

.vueTabContent {
    padding-top: 0px;
}

.navbar {
    height: 27px;
    min-height: 27px;
}

.lettericon {
    display: inline-block;
    min-height: 30px;
    min-width: 30px;
}
/*@media all and (min-width:768px)*/
.navbar-nav {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
}

.topnav > li > a {
    margin: 0;
    margin-right: 10px;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 10px !important;
    padding-bottom: 0px !important;
}

.letter-icon-wrapper.size-sm {
    height: 27px;
    width: 27px;
    font-size: 14px;
}

nav navbar-nav no-border {
    font-size: 12px;
}

/*@media all and (min-width:992px)*/
.lyt-4.app-navbar-fixed .main-content {
    margin-top: 30px !important;
}

.livespell_textarea:focus, input[type='text']:focus {
    box-shadow: none !important;
    border-color: #bbbac0 !important;
    background-color: #F8F8F8 !important;
}

.livespell_textarea:hover, input[type='text']:hover {
    border-color: #aeacb4 !important;
}

.livespell_textarea {
    width: 100% !important;
}

.spellCheckLink {
    color: #777;
}

.spellCheckLink:hover {
    color: #333;
}


/* JUST COLORS */
.csl-blue {
    background-color: #013e7f !important;
    color: #fff;
}
.dashboard-stat.csl-blue .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.portlet.box.csl-blue > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.dashboard-stat.csl-blue .more {
    color: #FFFFFF;
}


.csl-orange {
    background-color: #c1650e !important;
    color: #fff;
}
.dashboard-stat.csl-orange .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.portlet.box.csl-orange > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.dashboard-stat.csl-orange .more {
    color: #FFFFFF;
}


.csl-red {
    background-color: #9b1341 !important;
    color: #fff;
}
.dashboard-stat.csl-red .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.portlet.box.csl-red > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.dashboard-stat.csl-red .more {
    color: #FFFFFF;
}

.csl-yellow {
    background-color: #fdc346 !important;
    color: #fff;
}
.dashboard-stat.csl-yellow .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.portlet.box.csl-yellow > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.dashboard-stat.csl-yellow .more {
    color: #FFFFFF;
}

.csl-green {
    background-color: #3FABA4 !important;
    color: #fff;
}
.dashboard-stat.csl-green .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.portlet.box.csl-green > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.dashboard-stat.csl-green .more {
    color: #FFFFFF;
}

.csl-gray {
    background-color: #525E64 !important;
    color: #fff;
}
.dashboard-stat.csl-gray .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.portlet.box.csl-gray > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.dashboard-stat.csl-gray .more {
    color: #FFFFFF;
}

/*  MENU OVERRIDES */
.page-header.navbar, .navbar-default {
    background-color: #2b3643 !important;
}

.lettericon {
  display:none;
}

.horizontal-menu .navbar-nav > li.active > a:hover {
    color: #aaa !important;
    background: none !important;
}

.horizontal-menu .navbar-nav > li.active > a {
    background: none !important;
    color: #eee !important;
    font-weight: 600;
    margin-left:10px;

}

.horizontal-menu .navbar-nav > li.open > a {
    color: #eee !important;
    background: none !important;
}

.horizontal-menu .navbar-nav > li.open > a:hover {
    color: #aaa !important;
    background: none !important;
}

.horizontal-menu .navbar-nav > li > a {
    background: none !important;
    color: #eee !important;
}

.horizontal-menu .navbar-nav > li > a:hover {
    background: none !important;
    color: #aaa !important;
}

.menuLi {
margin-top:5px;
}

.main-content {
    background: #fff!important;
}

/* GRID COLORS */
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #dfdfdf;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #d1d1d1;
}

table.dataTable.display tbody tr > .sorting_1:hover, table.dataTable.order-column.stripe tbody tr > .sorting_1:hover {
    background-color: lightgoldenrodyellow !important;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: lightgoldenrodyellow !important;
}

.vue-tabs .nav-tabs > li.active > a, .vue-tabs .nav-tabs > li.active > a:hover, .vue-tabs .nav-tabs > li.active > a:focus {
    color:#013e7f;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}
.select2-container .select2-selection--single {
    height: 36px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #aaa;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="daterange"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border: 1px solid #aaa;
}
.form-control {
    border: 1px solid #aaa;
}

.panel-heading {
    padding: 10px;
    min-height: 30px;
}

.input-group .input-group-addon > i {
    color: #fff !important;
}

.popover {
    min-width: 600px !important;
}

/* TOGGLE SWITCHES */
.toggleswitch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.toggleswitch input {display:none;}

.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: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #013e7f;
}

input:focus + .slider {
  box-shadow: 0 0 1px #013e7f;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.has-error .select2-selection {
    border: 1px solid #a94442;
    border-radius: 4px;
}

/* Spacing for modals (helps with 'jumping' issue) */
.modal-row {
    min-height: 100px !important;
}

/* Color for links in grids */
.lnkTechLog, .lnkDailyLog {
    color: blue !important;
    /*text-decoration: blue solid underline !important;*/
}
.lnkTechLog:hover, .lnkDailyLog:hover {
    color:#47a0ff !important;
    text-decoration: #47a0ff solid underline !important;
}


.printDaily ul.dropdown-menu {
    left: 93.5% !important;
}
