/* Primary theme color: #00466f - dark blue */
/* Secondary theme color: #fb2c30 - bright yellow green */
/* Tertiary theme color: #f2e71f - bright blue */

/*
 * Skin: max width for the boxed layout
 * ----------
 */
.layout-boxed .wrapper {
    max-width: 1600px;
}

/*
 * Skin for Font-Awesome Duotone Icons
 * ----------
 */
.faDuotone-theme {
    /*--fa-primary-color: #FF8000;*/
    /*--fa-secondary-color: #00466f;*/
    --fa-primary-opacity: .9;
    --fa-secondary-opacity: .4;
}

/*
 * Special Duotone skin for the main menu
 * Comment the entries for regualar styling
 */
.faDuotone-navigation .faDuotone-theme {
    --fa-primary-color: #00466f;
    --fa-secondary-color: #fb2c30;
    --fa-primary-opacity: .9;
    --fa-secondary-opacity: .8;
}

/*
 * Skin: Main Application Theme
 * ----------
 */
.skin-default .content-wrapper {
    background-color: #00466f03;
}
.skin-default .main-header .navbar {
    background-color: #00466f;
}

.skin-default .main-header .navbar .nav > li > a {
    color: #ffffff;
}

.skin-default .main-header .navbar .nav > li > a:hover,
.skin-default .main-header .navbar .nav > li > a:active,
.skin-default .main-header .navbar .nav > li > a:focus,
.skin-default .main-header .navbar .nav .open > a,
.skin-default .main-header .navbar .nav .open > a:hover,
.skin-default .main-header .navbar .nav .open > a:focus,
.skin-default .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}

.skin-default .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}

.skin-default .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}

.skin-default .main-header .navbar .sidebar-toggle {
    color: #fff;
}

.skin-default .main-header .navbar .sidebar-toggle:hover {
    background-color: #00466f;
}

@media (max-width: 767px) {
    .skin-default .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-default .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

    .skin-default .main-header .navbar .dropdown-menu li a:hover {
        background: #00466f;
    }
}

.skin-default .main-header .logo {
    background-color: #00466f;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

.skin-default .main-header .logo:hover {
    background-color: #003e63;
}

.skin-default .main-header li.user-header {
    background-color: #00466f;
}

.skin-default .content-header {
    background: transparent;
}

.skin-default .wrapper,
.skin-default .main-sidebar,
.skin-default .left-side {
    background-color: #f9fafc;
}

.skin-default .content-wrapper,
.skin-default .main-footer {
    border-left: 1px solid #d2d6de;
}

.skin-default .user-panel > .info,
.skin-default .user-panel > .info > a {
    color: #444444;
}

.skin-default .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

.skin-default .sidebar-menu > li.header {
    color: #FFFFFF;
    background: #00466f;
}

.skin-default .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}

.skin-default .sidebar-menu > li:hover > a,
.skin-default .sidebar-menu > li.active > a {
    color: #00466f;
    background: #f2e71f;
}

.skin-default .faDuotone-navigation li:hover .faDuotone-theme,
.skin-default .faDuotone-navigation li.active .faDuotone-theme {
    --fa-primary-color: #003e63;
    --fa-secondary-color: #003e63;
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: .5;
}

.skin-default .sidebar-menu > li.active > a {
    border-left-color: #00466f;
}

.skin-default .sidebar-menu > li.active > a {
    font-weight: 600;
}

.skin-default .sidebar-menu > li > .treeview-menu {
    background: #FFFFFF;
}

.skin-default .sidebar a {
    color: #444444;
}

.skin-default .sidebar a:hover {
    text-decoration: none;
}

.skin-default .treeview-menu > li > a {
    color: #777777;
}

.skin-default .treeview-menu > li.active > a,
.skin-default .treeview-menu > li > a:hover {
    color: #00466f;
}

.skin-default .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-default .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

.skin-default .sidebar-form input[type="text"],
.skin-default .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
}

.skin-default .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}

.skin-default .sidebar-form input[type="text"]:focus,
.skin-default .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}

.skin-default .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}

.skin-default .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
    .skin-default.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-default .main-footer {
    border-top-color: #d2d6de;
}

.skin-default.layout-top-nav .main-header > .logo {
    background-color: #00466f;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

.skin-default.layout-top-nav .main-header > .logo:hover {
    background-color: #003e63;
}


/**
 * Datatable
 */
.dataTable.table > thead th:not(.sorting_asc),
.dataTable.table > thead th:not(.sorting_desc) {
    background-color: #00466f12 !important;
    color: #00466f;
}
.dataTable.table > thead th.sorting_asc,
.dataTable.table > thead th.sorting_desc {
    background-color: #00466f !important;
    color: #FFFFFF;
}

table.dataTable.table {
    border-bottom: 1px solid #fb2c30;
}

.dataTable.table > thead > tr > th {
    border-bottom: 2px solid #fb2c30;
}

.table > tbody > tr:first-Child > td,
.table > tbody > tr:first-Child > th {
    border-top: none;
}

.dataTable.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #FCFCFCAA !important;
}

.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #FFFFFF !important;
}

table.dataTable td.sorting_1 {
    background-color: #f2e71fCC !important;
    color: #00466f;
}

table.dataTable td.sorting_2 {
    background-color: #f2e71f99 !important;
    color: #00466f;
}

table.dataTable td.sorting_3 {
    background-color: #f2e71f66 !important;
    color: #00466f;
}

table.dataTable td.sorting_1 a,
table.dataTable td.sorting_2 a,
table.dataTable td.sorting_3 a {
    color: #00466f;
}

/**
 * Tabs control
 */
.nav-tabs-custom,
.nav-tabs-custom > .nav-tabs {
    /*background-color: #00466f11;*/
    background-color: transparent;
}

.nav-tabs-custom > .nav-tabs > li {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.nav-tabs li:not(.active) {
    background-clip: content-box;
    background-color: #00466f !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-top: 3px solid transparent !important;
    color: #FFFFFF !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.nav-tabs li:not(.active) > a {
    color: #FFFFFFCC !important;
}

.nav-tabs li:not(.active) > a:hover {
    color: #FFFFFF !important;
}

.nav-tabs li.disabled {
    background-color: #00466f33 !important;
    color: #FFFFFF99 !important;
}

.nav-tabs li.disabled > a {
    color: #FFFFFF99 !important;
}

.nav-tabs li.disabled > a:hover {
    color: #FFFFFF99 !important;
}

.nav-tabs > li.active {
    background-color: #00466f !important;
    border-left: 1px solid #00466f !important;
    border-right: 1px solid #00466f !important;
    border-top: 3px solid #fb2c30 !important;
}

.nav-justified > li.active {
    top: 1px;
}

.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: #FFF !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    color: #00466f !important;
}

.nav-tabs-custom > .tab-content {
    border: solid 1px #00466f;
}

/**
 * buttons
 */
.btn { transition: all 0.2s ease-in; }
.btn-default { background-color: #e1e1e1; border-color: #b9b9b9; color:#222222; }
.btn-default:hover { background-color: #e1e1e1B9; border-color: #b9b9b9; box-shadow: 0 1px 4px #e1e1e166; }

.bg-primary { background-color: #00466f; }
.btn-primary { background-color: #00466f; border-color: #00466f; }
.btn-primary:hover { background-color: #00466fB9; border-color: #00466f; box-shadow: 0 1px 4px #00466f66; }

.bg-info { background-color: #f2e71f; }
.btn-info { background-color: #f2e71f; border-color: #f2e71f; color: #00466f; }
.btn-info:hover { background-color: #f2e71fB9; border-color: #f2e71f; color: #00466f; box-shadow: 0 1px 2px  #f2e71f66; }

/**
 * Selectpicker
 */
.bootstrap-select > button.dropdown-toggle.btn-default {
    background-color: #FFFFFF !important;
}
.bootstrap-select > .dropdown-menu.open {
    -moz-box-shadow: 0 2px 2px 0 #CCC;
    -webkit-box-shadow: 0 2px 2px 0 #CCC;
    box-shadow: 0 2px 2px 0 #CCC;
    background-color: #FFFFFF;
    border: solid 1px #00466f;
}
.bootstrap-select.btn-group .dropdown-menu.inner li > a { color: #444444; }
.bootstrap-select.btn-group .dropdown-menu.inner li.selected > a:not(.canMultipleSelect) { background-color: #FFFFFF; color: #00466f; }
.bootstrap-select.btn-group .dropdown-menu.inner li.selected > a { font-weight: bold; color:#00466f; }
/*.bootstrap-select.btn-group .dropdown-menu.inner li.selected > a:not(.canMultipleSelect) .text-muted { color: #FFFFFF99; }*/
.bootstrap-select.btn-group .dropdown-menu.inner li.selected > a .text-muted { font-weight: normal; color:#44444499; }
.bootstrap-select.btn-group .dropdown-menu.inner li:not(.selected):hover > a { background-color: #fb2c30; color: #FFFFFF; }
.bootstrap-select.btn-group .dropdown-menu.inner li.selected:hover > a { background-color: #f2e71f; color: #00466f; }
.bootstrap-select.show-menu-arrow:not(.dropup) .dropdown-toggle::after { border-bottom: 6px solid #00466f !important; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle::after { border-top: 6px solid #00466f !important; }
.bootstrap-select.show-menu-arrow:not(.dropup)  .dropdown-toggle::before { border-bottom: 7px solid #00466f !important; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle::before { border-top: 7px solid #00466f !important; }