html.dark, html.dark body {
    background-color: #1d2127;
}
    html.dark body {
        color: #808697;
    }
    html.dark .header,
    html.header-dark .header {
        background: #34495e;
        border-bottom-color: #161a1e;
        border-top-color: #1d2127;
        border-color: #1d1d1d !important;
    }
    html.dark .footer {
        width: 100%;
        /*background: #a8aab0ed;*/
        background-color: #34495e;
        color: #fff;
        border-top: solid 1px #a8aab0ed;
    }
    html.dark .footer-bottom, html.dark .footer-bottom {
        background: #34495e;
    }
        /*html.dark .footer-bottom .left {
            background: #a8aab0ed;
        }*/
    html.dark .bg-primary-header-color {
        background-color: #282d36 !important;
        border-color: #1d2127;
    }

    @media only screen and (max-width: 767px) {
        html.dark .header .logo-container, html.header-dark .header .logo-container {
                background: #1d2127;
                border-bottom-color: #161a1e;
                border-top-color: #1d2127;
            }

            html.dark .header .header-right,
            html.header-dark .header .header-right {
                background: #1d2127;
            }
        }

        html .dark .header .separator, html.header-dark .header .separator {
    background-color: #1d2127;
    background-image: -webkit-linear-gradient(#1d2127 10%, #121518);
    background-image: linear-gradient(#1d2127 10%, #121518);
}

html.dark .header .input-search input, html.dark .header .input-search input:focus,
html.header-dark .header .input-search input,
html.header-dark .header .input-search input:focus {
    background: #282d36;
    border-color: #161a1e;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    color: #FFF;
}

html.dark .header .input-search .input-group-btn .btn-default,
html.header-dark .header .input-search .input-group-btn .btn-default {
    background: transparent;
    color: #c3c3c3;
}
html.dark h1, html.dark .h1, html.dark h2, html.dark .h2, html.dark h3, html.dark .h3, html.dark h4, html.dark .h4, html.dark h5, html.dark .h5, html.dark h6, html.dark .h6 {
    color: #FFF;
}

html.dark .notifications > li .notification-icon,
html.header-dark .notifications > li .notification-icon {
    background: #282d36;
}

    html.dark .notifications > li .notification-icon i,
    html.header-dark .notifications > li .notification-icon i {
        color: #c3c3c3;
        font-size: 1.8rem;
    }
html.dark .notification-menu .title {
    color: #c8c8da;
}
html.dark .dropdown-menu {
    background-color: #282d36;
}
/* Header Dark - Userbox */
html.dark .userbox:after,
html.header-dark .userbox:after {
    background: #121518;
}

html.dark .userbox .name,
html.dark .userbox .custom-caret,
html.header-dark .userbox .name,
html.header-dark .userbox .custom-caret {
    color: #c3c3c3;
}

html.dark .userbox.open .dropdown-menu .name,
html.dark .userbox.open .dropdown-menu .custom-caret,
html.header-dark .userbox.open .dropdown-menu .name,
html.header-dark .userbox.open .dropdown-menu .custom-caret {
    color: #c3c3c3;
}

html.dark .userbox.open .dropdown-menu a,
html.header-dark .userbox.open .dropdown-menu a {
    color: #c3c3c3;
}

    html.dark .userbox.open .dropdown-menu a:hover,
    html.header-dark .userbox.open .dropdown-menu a:hover {
        color: #FFF;
    }

html.dark .userbox .dropdown-menu,
html.header-dark .userbox .dropdown-menu {
    background: #282d36;
}

    html.dark .userbox .dropdown-menu .divider,
    html.header-dark .userbox .dropdown-menu .divider {
        background: #1d2127;
    }

    html.dark .userbox .dropdown-menu a,
    html.header-dark .userbox .dropdown-menu a {
        color: #c3c3c3;
    }

html.dark .ozmenu ul.ozmenu-nav > li a {
    color: #c3c3c3;
}
html.dark .page-header, html.header-dark .page-header {
    background-color: #2e353e;
    border-color: #1d1d1d !important;
}
html.dark .ozmenu ul.ozmenu-nav > li a {
    background-color:transparent;
}
html.dark .ozmenu ul.ozmenu-nav .dropdown ul li a {
    background-color: #1d2127 !important;
    color: #c8c8da !important;
}

html.dark .ozmenu ul li.dropdownitem .dropdown ul {
    background-color: #1d2127;
}
html.dark .ozmenu ul li .dropdown {
    background-color: #1d2127 !important;
    border-color: #1d2127;
}
@media screen and (max-width: 993px) {
    html.dark .ozmenu .ozmenu-nav {
        background-color: rgb(91 91 93);
    }
    
}

html.dark .widget-summary .summary .title-x, html.dark .widget-summary .summary .btn {
    color: #EEE;
}
html.dark .text-muted {
    color: #81848d !important;
}

html.dark .widget-voyage-profile {
    background-color: #282d36 !important;
    border-color: #1d2127;
}

html.dark .panel-body {
    background: #2e353e;
}
html.dark .widget-voyage-profile .profile-quote {
    background-color: #2e353e;
    color:#FFF
}

/*tab*/
html.dark .tabs .nav-tabs {
    border-color: #282d36;
}
html.dark .nav-tabs li {
    background: #2e353e;
}
html.dark .tabs .tab-content {
    background: #2e353e;
    border-color: #2e353e;
}

html.dark .tabs .nav-tabs li a.active, html.dark .tabs .nav-tabs li a.active:hover, html.dark .tabs .nav-tabs li a.active:focus, html.dark .tabs .nav-tabs.nav-justified li aactive, html.dark .tabs .nav-tabs.nav-justified li a.active:hover, html.dark .tabs .nav-tabs.nav-justified li a.active:focus {
    background: #2e353e;
    border-left-color: #2e353e;
    border-right-color: #2e353e;
    border-bottom:0;
}
html.dark .tabs .nav-tabs li a, html.dark .tabs .nav-tabs li a:focus {
    border-top-color: #282d36;
    border-left-color: #282d36;
    border-right-color: #282d36;
    background: #282d36;
}
/* Tabs */
html body .tabs-primary .nav-tabs li a,
html.dark body .tabs-primary .nav-tabs li a,
html body .tabs-primary .nav-tabs.nav-justified li a,
html.dark body .tabs-primary .nav-tabs.nav-justified li a,
html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	color: #0088cc;
}

html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	border-top-color: #0088cc;
}

    html body .tabs-primary .nav-tabs li a.active,
    html.dark body .tabs-primary .nav-tabs li a.active,
    html body .tabs-primary .nav-tabs.nav-justified li a.active,
    html.dark body .tabs-primary .nav-tabs.nav-justified li a.active,
    html body .tabs-primary .nav-tabs li a.active:hover,
    html.dark body .tabs-primary .nav-tabs li a.active:hover,
    html body .tabs-primary .nav-tabs.nav-justified li a.active:hover,
    html.dark body .tabs-primary .nav-tabs.nav-justified li a.active:hover,
    html body .tabs-primary .nav-tabs li a.active:focus,
    html.dark body .tabs-primary .nav-tabs li a.active:focus,
    html body .tabs-primary .nav-tabs.nav-justified li a.active:focus,
    html.dark body .tabs-primary .nav-tabs.nav-justified li a.active:focus {
        border-top-color: #0088cc;
        color: #0088cc;
        border-top: solid 3px;
        font-weight:600;
    }



html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #0088cc;
}

html body .tabs-primary.tabs-bottom .nav-tabs li a.active,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a.active,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a.active,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a.active,
html body .tabs-primary.tabs-bottom .nav-tabs li a.active:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a.active:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a.active:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a.active:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li a.active:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a.active:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a.active:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a.active:focus {
    border-top-color: #FFF;
    border-bottom-color: #0088cc;
}

html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #0088cc;
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #0088cc;
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #0088cc;
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #0088cc;
}


/* table */
html.dark .table-striped > tbody > tr:nth-child(odd) {
    background-color: #282d36;
}
html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #282d36;

}
html.dark .table-last-row {
    border-bottom-color: black;
}

/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 2px solid #dddddd;
}*/
html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #282d36;
}

html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered {
    border-color: #414141;
/*    background-color: transparent;*/
    color: #FFF;
}


html.dark .form-control, html.dark .form-select {
    background-color: #282d36;
    border-color: #282d36;
    color: #FFF;
} 

    html.dark .form-control[disabled],
    html.dark .form-control[readonly],
    html.dark fieldset[disabled] .form-control {
        /*background-color: #21262d;*/
        background-color: #3d485799;
        color: #9f9f9f;
    }

html.dark .input-group-addon {
    background-color: #21262d;
    border-color: #21262d;
    color: #FFF;
}
html.dark .card-title {
    color: #FFF;
}
html.dark .card-body {
    background-color: #575f6d;
    border-color: #121316e6;
    color: #FFF;
    border-radius: 5px;
}

html.dark .leaflet-layer,
html.dark .leaflet-control-zoom-in,
html.dark .leaflet-control-zoom-out,
html.dark .leaflet-control-attribution {
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

html.dark .alert-info {
    background-color: #144a558f
}
    html.dark .alert-info .card-text {
        color: #b2caca;
    }
        html.dark .alert-info .card-text .text-muted {
            color: lightgray !important;
        }

html.dark .btn-link {
    color: #53b6e8
}
html.dark .text-primary {
    color: #53b6e8!important;
}

html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
    background: #0088cc;
    border-color: #0077b3;
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
    color: #0088cc;
}
/* Radios */
html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
    background: #0088cc;
    -webkit-box-shadow: 0px 0px 1px #0088cc;
    box-shadow: 0px 0px 1px #0088cc;
}
html.dark #inner-loader {
    background-color: rgb(18 18 18 / 63%)
}

html.dark .select2-container--default .select2-selection--multiple {
    background-color: #282d36;
    border-color: #282d36;
}




html.dark .breadcrumb3-lg .last-item {
    background-color: #0088cc;
    color: var(--_hover-color);
}

html.dark .breadcrumb3-lg .last-item:before{border-left-color: #0088cc;}
html.dark .breadcrumb3-lg .last-item:after {
    border-left: 15px solid #0088cc;
    margin-left: 1px;
    z-index: 2;
}


html.dark .breadcrumb3-item {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    color: #b4b4b4;
    background-color: #507397;
    height: 40px;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    padding-right: 10px;
    padding-left: 25px;
    text-decoration: none;
}

html.dark .breadcrumb3-item:before {
    border-left: 15px solid #507397;
    margin-left: 0px;
    z-index: 3;
}

html.dark .breadcrumb3-item:hover:not(.no-hover-effect), html.dark .breadcrumb3-item:focus:not(.no-hover-effect) {
    background-color: #0088cc;
    color: var(--_hover-color);
}


html.dark .breadcrumb3-item:hover:not(.no-hover-effect):before, html.dark .breadcrumb3-item:focus:not(.no-hover-effect):before {
    border-left-color: #0088cc;
}

html.dark .carousel-indicators button.active {
    background-color: #fff;
}
html.dark label-weight-500 {
    font-weight: 500;
    color: #babcc3;
}

html.dark .manual-scroll-arrow-color {
    color: white;
}


html.dark .broadcast-icon-cont i {
    color: #c3c3c3;
}