/* ========== GENERAL STYLE ========== */
/* dropdown icon rtl version */
html[direction="rtl"] .dropdown-toggle.btn:after{
    margin-left:0px;
    margin-right: 0.5rem;
}
/* SWEETALERT Style */
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    display: inline-block;
    min-height: auto;
}
.swal2-modal .swal2-icon{
    font-size: 40px;
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    border-width: 3px;
    line-height: 1.3;
    margin: 0 auto;
    margin-bottom: 10px;
}
.swal2-icon-content {
    font-size: 1.25em !important;
}
.spinner:before {
    display: none;
}
.aside-minimize .brand .brand-logo svg{
    display: none;
}
.table .badge-block.badge-primary {
    background: none;
    color: #0091CC;
}
.table .badge-block.badge-success {
    background: none;
    color: #3cc051;
}
.table .badge-block.badge-info {
    background: none;
    color: #8950FC;
}
.table .badge-block.badge-warning {
    background: none;
    color: #FFA800;
}
.table .badge-block.badge-danger {
    background: none;
    color: #F64E60;
}
/*------------------------*/
.table .label-dot.badge-primary {
    background: #0091CC;
}
.table .label-dot.badge-success {
    background: #3cc051;
}
.table .label-dot.badge-info {
    background: #8950FC;
}
.table .label-dot.badge-warning {
    background: #FFA800;
}
.table .label-dot.badge-danger {
    background: #F64E60;
}
/* ===== CARD STYLE ===== */
.card.card-custom {
    width: 100%;
    margin-bottom: 20px;
}
.card.card-custom:last-of-type {
    margin-bottom: 0;
}
.card.card-custom > .card-header {
    min-height: 60px;
}
.card-body {
    padding-bottom: calc(2.25rem - 10px);
}
.card-footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* ====== WSS CLASSES ====== */
#wss-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 98;
    background: transparent;
}
.wss-canvas#wss-overlay{
    display: block;
}
.wss-alert-danger {
    background-color: #fddcdf !important;
    border-color: #fccdd2 !important;
    color: rgba(246, 78, 96, 1) !important;
}
.wss-fw-bold{
    font-weight: bold;
}
.wss-info {
    display: flex;
    align-items: center;
    font-size: 0.925rem;
    color: #B5B5C3 !important;
    margin-top: 2px;
}
.wss-info p{
    margin: 0px;
}
.wss-info i{
    font-size: 1rem;
}
.wss-text-danger {
    color: #F64E60 !important;
}
.wss-width-15 {
    width: 15% !important;
}
.wss-width-35 {
    width: 35% !important;
}
.wss-width-65 {
    width: 65% !important;
}
.wss-width-85 {
    width: 85% !important;
}
.wss-border-radius-noleft {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.wss-border-radius-noright {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.wss-inline-footer {
    border-top: 1px solid #ECF0F3;
    padding-top: 25px;
}
.wss-custom-select{
    box-shadow: none;
    max-height: 32.6px;
    border-radius: 4px;
}
html[direction="rtl"] .wss-table-select-tax .selectize-control.single .selectize-input,
html[direction="rtl"] .wss-table-select-tax .selectize-dropdown.single {
    text-align: right;
}
.wss-user-icon {
    font-size: 15px;
    color: #0091CC;
    background: rgba(93,120,255,.1);
    padding: 5px 8px 3px;
    border-radius: 50%;
    margin-left: 5px;
} 
/*======================*/
/*TREE TABLE*/
.table.wss-tree-table tbody td,
.table.wss-tree-table tbody th {
    vertical-align: top;
    padding-left: 0px;
}
.table.wss-tree-table tbody td img{
    cursor: pointer;
}
.table.wss-tree-table tbody td img:focus{
    outline:none;
}
/****************/
/*Selectize new style*/
.selectize-control .item{
    padding-left: 20px;
}
.selectize-control.multi .selectize-input,
.selectize-dropdown.multi,
.selectize-control.multi .selectize-input input,
.selectize-control.single .selectize-input,
.selectize-dropdown.single,
.selectize-control.single .selectize-input input {
    background-color: #fff !important;
    border-color: #E5EAEE;
    border-radius: 0.28rem;
    color: #464E5F;
    padding-top: 6.5px;
    padding-bottom: 6.5px;
}
.selectize-dropdown-content .active {
    background-color: #0091CC;
    color: #fff;
    border-radius: 0px;
}
.selectize-dropdown .option{
    border: none;
    border-radius: 0px;
}
.selectize-control.multi .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    left: 5px !important;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
}
.selectize-control.single .selectize-input:after,
.selectize-control.multi .selectize-input:after {
    content: "\f109";
    font-family: "Ki";
    font-size: 10px;
    border: none;
    margin-top: 0px;
    left: 20px !important;
    top: 9px;
    transition: 0.15s all ease;
}
.selectize-control.single .selectize-input.dropdown-active:after {
    border: none;
    margin-top: 0px !important;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    border-color: #69b3ff;
    outline: 0;
}
.selectize-control.multi .selectize-input [data-value] {
    box-shadow: none;
    background-image: none;
    color: #0091CC;
    border: none;
    padding: 1.5px 5px;
    background-color: #E1F0FF;
    font-size: 12px;
}
.selectize-control.multi .selectize-input [data-value].active {
    box-shadow: none;
    background-image: none;
    border: 0;
    /*padding: 6px;*/
    background-color: #0091CC;
}
/**********/
/* CHECKBOX */
.md-checkbox label > span.inc{
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}
.md-checkbox label > .box,
.md-checkbox label > .check {
    border-color: #0091CC;
}
/**********/
/* TABLE */
table .dropdown-menu li:hover {
    background: #0091CC;
    color: #fff;
}
table .dropdown-menu li:hover a,
table .dropdown-menu li:hover i{
    color: #fff;
    transition: 0s color ease !important;
}
.table-responsive{
    overflow: visible !important;
}
table .dropdown-toggle.btn:after{
    margin-left: 0px;
    margin-right: 0.5rem;
}
.table th,
.table td {
    vertical-align: middle;
    outline: none;
}
.table thead th{
    vertical-align: middle;
}
.table tr.clickableRow a {
    cursor: pointer;
    /*padding: 5px;*/
}
.table tr.clickableRow a i.ki {
    transform: rotate(90deg);
    display: block;
}
.table legend > label {
    color: #B5B5C3;
}
.table .wss-table-no-content {
    color: #0091CC;
    background-color: #E1F0FF;
    border-color: #E1F0FF;
    border-radius: 0px;
}
.wss-info-content {
    color: #0091CC !important;
    background-color: #E1F0FF !important;
    border-color: #E1F0FF !important;
}
/* Custom style */
.wss-inline-table .selectize-control{
    margin-top: 2px;
}
.wss-clickable-table-row,
.wss-clickable-table-row:focus {
    outline: none;
    cursor: pointer;
}
.wss-active-table-row:focus{
    background: lightblue;
}
.table tbody .wss-clickable-table-row.active,
.table tbody .wss-clickable-table-row:hover {
    color: #fff;
    background-color: #0091CC;
}
.table tbody .wss-active-table-row:hover label {
    color: #fff;
}
.table tr .md-checkbox label > .box{
    width: 15px;
    height: 15px;
    border-width: 1.5px;
}
.table tr .md-checkbox label > .check {
    top: 0px;
    width: 8px;
    height: 15px;
}
/*****************/
/* PAGINATION */
.wss-pagination,
.wss-pagination-special,
.wss-pagination-special .pagination li,
.wss-pagination .pagination li,
.pagination li {
    display: flex;
    align-items: center;
}
.pagination li a,
.wss-pagination-special .pagination li a,
.wss-pagination .pagination li a{
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 0.28rem;
    line-height: 18px;
    font-size: 14px;
}
.wss-light-blue th,
.wss-light-blue td,
.wss-pagination li[ng-if="boundaryLinks"] > a,
.wss-pagination li[ng-if="directionLinks"] > a,
.wss-pagination li[ng-if="::directionLinks"] > a,
.wss-pagination-special li.wss-pagination-control > a{
    color: #0091CC;
    background-color: #E1F0FF;
}
.pagination li.active a,
.pagination li.active a:hover,
.pagination li a:hover {
    background: #0091CC;
    color: #fff;
}
.pagination-goto {
    flex: 1;
    display: flex;
    margin: 10px 0;
    justify-content: flex-end;
}
.pagination-goto > input,
.pagination-goto > select{
    padding: 5px;
    border-radius: 0px;
}

.pagination-goto > select::placeholder ,
.pagination-goto > input::placeholder{
    font-size: 11px;
}

.pagination li.disabled a:hover {
    color: #0091CC;
    background-color: #E1F0FF;
}
.wss-pagination li[ng-if="boundaryLinks"].disabled > a,
.wss-pagination li[ng-if="directionLinks"].disabled > a,
.wss-pagination li[ng-if="::directionLinks"].disabled > a,
.wss-pagination-special li.wss-pagination-control.disabled > a {
    opacity: 0.45;
}
/*****/
ul.pagination-controle li {
    margin-right: 10px;
}
/* -------- ERROR INPUT STYLE -------- */
.has-error input.form-control {
    /*border-color: rgba(246,78,96,0.6);*/
}
.has-error .selectize-input,
.has-error input.form-control,
input.has-error.form-control {
    border: solid #ff8b8b 1px !important;
}
/************************/
/*ACCORDION card*/
.accordion > .card {
    display: flex;
}
.accordion .card ul{
    list-style: none;
    padding: 0px;
}
.accordion .card .card-header .card-title .card-label > i {
    font-size: 1.4rem;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}
html[direction="rtl"] .accordion .card .card-header .card-title .card-label > i {
    margin-left: 1rem;
}
html[direction="ltr"] .accordion .card .card-header .card-title .card-label > i {
    margin-right: 1rem;
}
.accordion .card .card-header .card-title:not(.collapsed) .card-label > i {
    color: #0091CC;
}
/*****************/
.wss-special-list.ver-inline-menu a {
    display: flex;
    align-items: center;
    max-width: 250px;
    padding: 10px;
    margin-bottom: 5px;
    font-size: 15px;
    background: #F3F6F9;
    /*color: #0091CC;*/
    color: #80808f;
}
.wss-special-list.ver-inline-menu a i{
    color: #B5B5C3;
}
.wss-special-list li:focus{
    outline: none;
}
.wss-special-list li a:hover i,
.wss-special-list li.active a i {
    color: #fff;
}
.wss-special-list li:hover a,
.wss-special-list li.active a {
    color: #fff;
    background-color: #0091CC;
}
/***************/
.wss-inline-panel{
    border: 1px solid #ECF0F3;
}
.wss-inline-panel .panel-heading {
    padding: 10px;
    margin-bottom: 5px;
    background-color: #F3F6F9;
    border-color: #ECF0F3;
}
.wss-inline-panel .panel-heading h4{
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}

/* ****** MODAL ******* */
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 700px;
    }
    .modal-dialog.modal-lg,
    .modal-dialog.modal-xl {
        max-width: 800px;
    }
}
/******************/
/* =======  WSS CALENDAR ======= */
.WSSCalender.form-control {
    height: 32px;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.calender-btn .WSSCalenderSwitch {
    height: 32px;
    border-radius: 4px 0 0 4px !important;
}
.table tr .WSSCalender.form-control {
   width: 85%;
}
.table tr .calender-btn {
    width: 15%;
}
/**************/
.wss-header-notification {
    list-style: none;
    max-height: 300px;
    /*margin-bottom: 0px;*/
    overflow: hidden;
    overflow-y: auto;
}
.wss-header-notification li {
    position: relative;
}
.wss-header-notification li > a {
    height: 50px;
    padding-right: 50px;
}
.wss-header-notification li > a::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    /*background: #FFE2E5;*/
    background: #E1F0FF;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
}
.wss-header-notification li > a:after {
    font-size: 15px;
    content: "\f1b5";
    font-family: Flaticon;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    right: 17px;
    /*color: #F64E60;*/
    color: #0091CC;
}
.wss-header-notification li > a span{
    font-size: 15px;
    line-height: 38px;
    color: #8d8b8b;
}
.wss-header-notification li:hover a span{
    color: #0091CC;
}
/************************************/
/* ===================== WSS Mobile New Grid Details STYLE ===================== */
.wss-details-btn-wrap {
    width: 50px;
}
.data-hidden{
    display:none;
}
tr.new-details > td {
    padding: 0;
    border-left-color: transparent;
    border-right-color: transparent;
}
.new-details table {
    border-collapse: initial;
    border-spacing: 5px;
}
.wss-details td {
    background: #E1F0FF;
    border-radius: 8px;
}
.wss-details span.header-label {
    margin-left: 5px;
    font-weight: bold;
    color: #0091CC;
}
.wss-details span.td-content {
    padding: 0 5px;
}
/************************************/
/* ===================== Overwrite Primary - Warning Color Classes ===================== */
.btn-primary {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn-primary:hover {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn-primary:focus,
.btn-primary.focus {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: #0091CC;
    border-color: #0091CC;
}


.btn-outline-primary {
    color: #0091CC;
    border-color: #0091CC;
}
.btn-outline-primary:hover {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0091CC;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #0091CC;
    border-color: #0091CC;
}


.badge-primary {
    background-color: #0091CC;
}
a.badge-primary:hover,
a.badge-primary:focus {
    background-color: #0091CC;
}
.bg-primary {
    background-color: #0091CC !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0091CC !important;
}

.text-primary {
    color: #0091CC !important;
}
a.text-primary:hover, a.text-primary:focus {
    color: #0091CC !important;
}

.bg-hover-primary:hover {
    background-color: #0091CC !important;
}
a.text-hover-primary:hover,
.text-hover-primary:hover {
    color: #0091CC !important;
}

a.text-hover-primary:hover i,
.text-hover-primary:hover i {
    color: #0091CC !important;
}
a.text-hover-primary:hover .svg-icon svg g [fill],
.text-hover-primary:hover .svg-icon svg g [fill] {
    fill: #0091CC;
}


.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link {
    border-bottom-color: #0091CC;
    color: #0091CC;
}
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-text {
    color: #0091CC;
}
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-icon i {
    color: #0091CC;
}
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-icon .svg-icon svg g [fill] {
    fill: #0091CC;
}
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-arrow {
    color: #0091CC;
}
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .show > .nav-link {
    border-bottom-color: #0091CC !important;
}


.nav.nav-pills.nav-primary .show > .nav-link,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) {
    color: #0091CC;
}
.nav.nav-pills.nav-primary .show > .nav-link .nav-text,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-text {
    color: #0091CC;
}
.nav.nav-pills.nav-primary .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon i {
    color: #0091CC;
}
.nav.nav-pills.nav-primary .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    fill: #0091CC;
}

.nav.nav-pills.nav-primary .show > .nav-link:after,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active):after {
    color: #0091CC;
}
.nav.nav-pills.nav-primary .nav-link.active {
    background-color: #0091CC;
}
.nav.nav-pills.nav-light-primary .show > .nav-link,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) {
    color: #0091CC;
}
.nav.nav-pills.nav-light-primary .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-text {
    color: #0091CC;
}
.nav.nav-pills.nav-light-primary .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon i {
    color: #0091CC;
}
.nav.nav-pills.nav-light-primary .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    fill: #0091CC;
}
.nav.nav-pills.nav-light-primary .show > .nav-link:after,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active):after {
    color: #0091CC;
}
.nav.nav-pills.nav-light-primary .nav-link.active {
    color: #0091CC;
}
.nav.nav-pills.nav-light-primary .nav-link.active .nav-text {
    color: #0091CC;
}
.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon i {
    color: #0091CC;
}
.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
    fill: #0091CC;
}
.nav.nav-pills.nav-light-primary .nav-link.active:after {
    color: #0091CC;
}
.btn.btn-primary {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn.btn-primary:hover:not(.btn-text), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn.btn-primary.disabled, .btn.btn-primary:disabled {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn.btn-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-primary.dropdown-toggle,
.show .btn.btn-primary.btn-dropdown {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn.btn-outline-primary {
    color: #0091CC;
    border-color: #0091CC;
}
.btn.btn-outline-primary i {
    color: #0091CC;
}
.btn.btn-outline-primary .svg-icon svg g [fill] {
    fill: #0091CC;
}
.btn.btn-outline-primary.dropdown-toggle:after {
    color: #0091CC;
}
.btn.btn-outline-primary:hover:not(.btn-text), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text) {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn.btn-outline-primary.disabled, .btn.btn-outline-primary:disabled {
    color: #0091CC;
    border-color: #0091CC;
}
.btn.btn-outline-primary.disabled i, .btn.btn-outline-primary:disabled i {
    color: #0091CC;
}
.btn.btn-outline-primary.disabled .svg-icon svg g [fill], .btn.btn-outline-primary:disabled .svg-icon svg g [fill] {
    fill: #0091CC;
}
.btn.btn-outline-primary.disabled.dropdown-toggle:after, .btn.btn-outline-primary:disabled.dropdown-toggle:after {
    color: #0091CC;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-outline-primary.dropdown-toggle,
.show .btn.btn-outline-primary.btn-dropdown {
    background-color: #0091CC;
    border-color: #0091CC;
}
.btn.btn-light-primary {
    color: #0091CC;
}
.btn.btn-light-primary i {
    color: #0091CC;
}
.btn.btn-light-primary .svg-icon svg g [fill] {
    fill: #0091CC;
}
.btn.btn-light-primary.dropdown-toggle:after {
    color: #0091CC;
}
.btn.btn-light-primary:hover:not(.btn-text), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text) {
    background-color: #0091CC;
}
.btn.btn-light-primary.disabled, .btn.btn-light-primary:disabled {
    color: #0091CC;
}
.btn.btn-light-primary.disabled i, .btn.btn-light-primary:disabled i {
    color: #0091CC;
}
.btn.btn-light-primary.disabled .svg-icon svg g [fill], .btn.btn-light-primary:disabled .svg-icon svg g [fill] {
    fill: #0091CC;
}
.btn.btn-light-primary.disabled.dropdown-toggle:after, .btn.btn-light-primary:disabled.dropdown-toggle:after {
    color: #0091CC;
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-light-primary.dropdown-toggle,
.show .btn.btn-light-primary.btn-dropdown {
    background-color: #0091CC;
}
.btn.btn-hover-light-primary:hover:not(.btn-text), .btn.btn-hover-light-primary:focus:not(.btn-text), .btn.btn-hover-light-primary.focus:not(.btn-text) {
    color: #0091CC;
}
.btn.btn-hover-light-primary:hover:not(.btn-text) i, .btn.btn-hover-light-primary:focus:not(.btn-text) i, .btn.btn-hover-light-primary.focus:not(.btn-text) i {
    color: #0091CC;
}
.btn.btn-hover-light-primary:hover:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
    fill: #0091CC;
}
.btn.btn-hover-light-primary:hover:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-primary.focus:not(.btn-text).dropdown-toggle:after {
    color: #0091CC;
}
.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-light-primary.dropdown-toggle,
.show .btn.btn-hover-light-primary.btn-dropdown {
    color: #0091CC;
}
.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-light-primary.dropdown-toggle i,
.show .btn.btn-hover-light-primary.btn-dropdown i {
    color: #0091CC;
}
.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show > .btn.btn-hover-light-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg g [fill] {
    fill: #0091CC;
}
.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-hover-light-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-primary.btn-dropdown.dropdown-toggle:after {
    color: #0091CC;
}

.checkbox.checkbox-primary > input:checked ~ span {
    background-color: #0091CC !important;
}
.checkbox.checkbox-light-primary > input:checked ~ span {
    background-color: #0091CC !important;
}
.checkbox.checkbox-outline.checkbox-primary > input:checked ~ span {
    border-color: #0091CC;
}

.radio.radio-primary > input:checked ~ span {
    background-color: #0091CC;
}
.radio.checkbox-light-primary > input:checked ~ span {
    background-color: #0091CC !important;
}
.radio.radio-outline.radio-primary > input:checked ~ span {
    border-color: #0091CC;
}
.radio.radio-outline.radio-primary > input:checked ~ span:after {
    background-color: #0091CC;
    border-color: #0091CC;
}

.switch.switch-primary:not(.switch-outline) input:empty ~ span:before {
    background-color: #0091CC;
}
.switch.switch-primary:not(.switch-outline) input:checked ~ span:before {
    background-color: #0091CC;
}
.switch.switch-primary:not(.switch-outline) input:checked ~ span:after {
    color: #0091CC;
}
.switch.switch-outline.switch-primary input:checked ~ span:before {
    border: 2px solid #0091CC;
}
.switch.switch-outline.switch-primary input:checked ~ span:after {
    background-color: #0091CC;
}

.separator.separator-primary {
    border-bottom-color: #0091CC;
}

.label.label-primary {
    background-color: #0091CC;
}
.label.label-outline-primary {
    color: #0091CC;
    border: 1px solid #0091CC;
}
.label.label-outline-primary.label-outline-2x {
    border: 2px solid #0091CC;
}
.label.label-light-primary {
    color: #0091CC;
}
.loader.loader-primary {
    background-color: #0091CC;
}

.svg-icon.svg-icon-primary svg g [fill] {
    fill: #0091CC !important;
}
.svg.svg-fill-primary {
    fill: #0091CC !important;
}
.timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-primary {
    background-color: #0091CC;
}
.btn.btn-hover-primary:hover:not(.btn-text),
.btn.btn-hover-primary:focus:not(.btn-text),
.btn.btn-hover-primary.focus:not(.btn-text) {
    background-color: #0091CC !important;
    border-color: #0091CC !important
}
.nav .show > .nav-link .nav-text,
.nav .nav-link:hover:not(.disabled) .nav-text,
.nav .nav-link.active .nav-text,
.navi .navi-item .navi-link:hover .navi-text {
    color: #0091CC;
}
.nav .show > .nav-link, .nav .nav-link:hover:not(.disabled), .nav .nav-link.active,
.nav .show > .nav-link .nav-icon i, .nav .nav-link:hover:not(.disabled) .nav-icon i, .nav .nav-link.active .nav-icon i {
    color: #0091CC;
}
@media (min-width: 992px) {
    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
        color: #0091CC;
    }
}
/*************/
/* Baloon tooltip color */
[data-balloon]:after {
    background: #0091CC;
}
/*************/
/* ====== WARNING CLASS ====== */
.btn-warning {
    background-color: #FFC107;
    border-color: #FFC107;
}

    .btn-warning:hover {
        background-color: #FFC107;
        border-color: #FFC107;
    }

    .btn-warning:focus,
    .btn-warning.focus {
        background-color: #FFC107;
        border-color: #FFC107;
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        background-color: #FFC107;
        border-color: #FFC107;
    }

    .btn-warning:not(:disabled):not(.disabled):active,
    .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        background-color: #FFC107;
        border-color: #FFC107;
    }


.btn-outline-warning {
    color: #FFC107;
    border-color: #FFC107;
}

    .btn-outline-warning:hover {
        background-color: #FFC107;
        border-color: #FFC107;
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #FFC107;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        background-color: #FFC107;
        border-color: #FFC107;
    }


.badge-warning {
    background-color: #FFC107;
}

a.badge-warning:hover,
a.badge-warning:focus {
    background-color: #FFC107;
}

.bg-warning {
    background-color: #FFC107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #FFC107 !important;
}

.text-warning {
    color: #FFC107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #FFC107 !important;
}

.bg-hover-warning:hover {
    background-color: #FFC107 !important;
}

a.text-hover-warning:hover,
.text-hover-warning:hover {
    color: #FFC107 !important;
}

    a.text-hover-warning:hover i,
    .text-hover-warning:hover i {
        color: #FFC107 !important;
    }

    a.text-hover-warning:hover .svg-icon svg g [fill],
    .text-hover-warning:hover .svg-icon svg g [fill] {
        fill: #FFC107;
    }


.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link {
    border-bottom-color: #FFC107;
    color: #FFC107;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-text,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-text,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-text {
        color: #FFC107;
    }

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon i,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon i,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-icon i {
        color: #FFC107;
    }

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon .svg-icon svg g [fill],
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-icon .svg-icon svg g [fill] {
        fill: #FFC107;
    }

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-arrow,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-arrow,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-arrow {
        color: #FFC107;
    }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .show > .nav-link {
    border-bottom-color: #FFC107 !important;
}


.nav.nav-pills.nav-warning .show > .nav-link,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) {
    color: #FFC107;
}

    .nav.nav-pills.nav-warning .show > .nav-link .nav-text,
    .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-text {
        color: #FFC107;
    }

    .nav.nav-pills.nav-warning .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon i {
        color: #FFC107;
    }

    .nav.nav-pills.nav-warning .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        fill: #FFC107;
    }

    .nav.nav-pills.nav-warning .show > .nav-link:after,
    .nav.nav-pills.nav-warning .nav-link:hover:not(.active):after {
        color: #FFC107;
    }

.nav.nav-pills.nav-warning .nav-link.active {
    background-color: #FFC107;
}

.nav.nav-pills.nav-light-warning .show > .nav-link,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) {
    color: #FFC107;
}

    .nav.nav-pills.nav-light-warning .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-text {
        color: #FFC107;
    }

    .nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon i {
        color: #FFC107;
    }

    .nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        fill: #FFC107;
    }

    .nav.nav-pills.nav-light-warning .show > .nav-link:after,
    .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active):after {
        color: #FFC107;
    }

.nav.nav-pills.nav-light-warning .nav-link.active {
    color: #FFC107;
}

    .nav.nav-pills.nav-light-warning .nav-link.active .nav-text {
        color: #FFC107;
    }

    .nav.nav-pills.nav-light-warning .nav-link.active .nav-icon i {
        color: #FFC107;
    }

    .nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
        fill: #FFC107;
    }

    .nav.nav-pills.nav-light-warning .nav-link.active:after {
        color: #FFC107;
    }

.btn.btn-warning {
    background-color: #FFC107;
    border-color: #FFC107;
}

    .btn.btn-warning:hover:not(.btn-text), .btn.btn-warning:focus:not(.btn-text), .btn.btn-warning.focus:not(.btn-text) {
        background-color: #FFC107;
        border-color: #FFC107;
    }

    .btn.btn-warning.disabled, .btn.btn-warning:disabled {
        background-color: #FFC107;
        border-color: #FFC107;
    }

    .btn.btn-warning:not(:disabled):not(.disabled):active:not(.btn-text),
    .btn.btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn.btn-warning.dropdown-toggle,
    .show .btn.btn-warning.btn-dropdown {
        background-color: #FFC107;
        border-color: #FFC107;
    }

.btn.btn-outline-warning {
    color: #FFC107;
    border-color: #FFC107;
}

    .btn.btn-outline-warning i {
        color: #FFC107;
    }

    .btn.btn-outline-warning .svg-icon svg g [fill] {
        fill: #FFC107;
    }

    .btn.btn-outline-warning.dropdown-toggle:after {
        color: #FFC107;
    }

    .btn.btn-outline-warning:hover:not(.btn-text), .btn.btn-outline-warning:focus:not(.btn-text), .btn.btn-outline-warning.focus:not(.btn-text) {
        background-color: #FFC107;
        border-color: #FFC107;
    }

    .btn.btn-outline-warning.disabled, .btn.btn-outline-warning:disabled {
        color: #FFC107;
        border-color: #FFC107;
    }

        .btn.btn-outline-warning.disabled i, .btn.btn-outline-warning:disabled i {
            color: #FFC107;
        }

        .btn.btn-outline-warning.disabled .svg-icon svg g [fill], .btn.btn-outline-warning:disabled .svg-icon svg g [fill] {
            fill: #FFC107;
        }

        .btn.btn-outline-warning.disabled.dropdown-toggle:after, .btn.btn-outline-warning:disabled.dropdown-toggle:after {
            color: #FFC107;
        }

    .btn.btn-outline-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn.btn-outline-warning.dropdown-toggle,
    .show .btn.btn-outline-warning.btn-dropdown {
        background-color: #FFC107;
        border-color: #FFC107;
    }

.btn.btn-light-warning {
    color: #FFC107;
}

    .btn.btn-light-warning i {
        color: #FFC107;
    }

    .btn.btn-light-warning .svg-icon svg g [fill] {
        fill: #FFC107;
    }

    .btn.btn-light-warning.dropdown-toggle:after {
        color: #FFC107;
    }

    .btn.btn-light-warning:hover:not(.btn-text), .btn.btn-light-warning:focus:not(.btn-text), .btn.btn-light-warning.focus:not(.btn-text) {
        background-color: #FFC107;
    }

    .btn.btn-light-warning.disabled, .btn.btn-light-warning:disabled {
        color: #FFC107;
    }

        .btn.btn-light-warning.disabled i, .btn.btn-light-warning:disabled i {
            color: #FFC107;
        }

        .btn.btn-light-warning.disabled .svg-icon svg g [fill], .btn.btn-light-warning:disabled .svg-icon svg g [fill] {
            fill: #FFC107;
        }

        .btn.btn-light-warning.disabled.dropdown-toggle:after, .btn.btn-light-warning:disabled.dropdown-toggle:after {
            color: #FFC107;
        }

    .btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-warning:not(:disabled):not(.disabled).active,
    .show > .btn.btn-light-warning.dropdown-toggle,
    .show .btn.btn-light-warning.btn-dropdown {
        background-color: #FFC107;
    }

.btn.btn-hover-light-warning:hover:not(.btn-text), .btn.btn-hover-light-warning:focus:not(.btn-text), .btn.btn-hover-light-warning.focus:not(.btn-text) {
    color: #FFC107;
}

    .btn.btn-hover-light-warning:hover:not(.btn-text) i, .btn.btn-hover-light-warning:focus:not(.btn-text) i, .btn.btn-hover-light-warning.focus:not(.btn-text) i {
        color: #FFC107;
    }

    .btn.btn-hover-light-warning:hover:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
        fill: #FFC107;
    }

    .btn.btn-hover-light-warning:hover:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-warning.focus:not(.btn-text).dropdown-toggle:after {
        color: #FFC107;
    }

.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-warning:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-light-warning.dropdown-toggle,
.show .btn.btn-hover-light-warning.btn-dropdown {
    color: #FFC107;
}

    .btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-warning:not(:disabled):not(.disabled).active i,
    .show > .btn.btn-hover-light-warning.dropdown-toggle i,
    .show .btn.btn-hover-light-warning.btn-dropdown i {
        color: #FFC107;
    }

    .btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
    .show > .btn.btn-hover-light-warning.dropdown-toggle .svg-icon svg g [fill],
    .show .btn.btn-hover-light-warning.btn-dropdown .svg-icon svg g [fill] {
        fill: #FFC107;
    }

    .btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after,
    .show > .btn.btn-hover-light-warning.dropdown-toggle.dropdown-toggle:after,
    .show .btn.btn-hover-light-warning.btn-dropdown.dropdown-toggle:after {
        color: #FFC107;
    }

.checkbox.checkbox-warning > input:checked ~ span {
    background-color: #FFC107 !important;
}

.checkbox.checkbox-light-warning > input:checked ~ span {
    background-color: #FFC107 !important;
}

.checkbox.checkbox-outline.checkbox-warning > input:checked ~ span {
    border-color: #FFC107;
}

.radio.radio-warning > input:checked ~ span {
    background-color: #FFC107;
}

.radio.checkbox-light-warning > input:checked ~ span {
    background-color: #FFC107 !important;
}

.radio.radio-outline.radio-warning > input:checked ~ span {
    border-color: #FFC107;
}

    .radio.radio-outline.radio-warning > input:checked ~ span:after {
        background-color: #FFC107;
        border-color: #FFC107;
    }

.switch.switch-warning:not(.switch-outline) input:empty ~ span:before {
    background-color: #FFC107;
}

.switch.switch-warning:not(.switch-outline) input:checked ~ span:before {
    background-color: #FFC107;
}

.switch.switch-warning:not(.switch-outline) input:checked ~ span:after {
    color: #FFC107;
}

.switch.switch-outline.switch-warning input:checked ~ span:before {
    border: 2px solid #FFC107;
}

.switch.switch-outline.switch-warning input:checked ~ span:after {
    background-color: #FFC107;
}

.separator.separator-warning {
    border-bottom-color: #FFC107;
}

.label.label-warning {
    background-color: #FFC107;
}

.label.label-outline-warning {
    color: #FFC107;
    border: 1px solid #FFC107;
}

    .label.label-outline-warning.label-outline-2x {
        border: 2px solid #FFC107;
    }

.label.label-light-warning {
    color: #FFC107;
}

.loader.loader-warning {
    background-color: #FFC107;
}

.svg-icon.svg-icon-warning svg g [fill] {
    fill: #FFC107 !important;
}

.svg.svg-fill-warning {
    fill: #FFC107 !important;
}

.timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-warning {
    background-color: #FFC107;
}
.btn.btn-hover-warning:hover:not(.btn-text),
.btn.btn-hover-warning:focus:not(.btn-text),
.btn.btn-hover-warning.focus:not(.btn-text) {
    background-color: #FFC107 !important;
    border-color: #FFC107 !important
}