body.dark {
    background-color: #171E30 !important;
}

body.dark #header {
    background-color: #005051;
}

body.dark #main {
    background-color: #171E30 !important;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark a,
body.dark p,
body.dark li,
tbody.dark d,
tbody.dark h,
body.dark label {
    font-family: 'Poppins', sans-serif;
    color: #FFFFFF;
}

/* Color Background */
body.dark .bg-white {
    background-color: #171E30 !important;
}

body.dark .bg-secondary {
    background-color: #005051 !important;
}

body.dark .bg-primary, .btn.btn-primary {
    background-color: #141A2C !important;
    border-color: #141A2C !important;
}

/* Typography */
body.dark .text-dark {
    color: #FFF !important;
}

/* Card */

body.dark .card {
    background-color: #283045;
}

/* Form */

body.dark select.form-select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    border: 1px solid #3B4357;
    color: #FFF;
    background-color: #3B4357;
}

/* Sidebar */
body.dark .sidebar {
    background-color: #272F45 !important;
}

body.dark .sidebar-nav .nav-link {
    color: #FFF !important;
    background-color: #272F45 !important;
}

body.dark .sidebar-nav .nav-link.active {
    color: #FFF !important;
}

body.dark .sidebar-nav .nav-link.active span, body.dark .sidebar-nav .nav-link.active i {
    color: #FFF !important;
    font-weight: 700;
}

body.dark .sidebar-nav .nav-link:hover {
    color: #FFF !important;
    background-color: #3B4357 !important;
}

/* Breadcump */
body.dark .breadcump ul li a {
    color: #707693 !important;
}

body.dark .breadcump ul li::after {
    color: #707693 !important;
}

body.dark .border-right, body.dark .border-left, body.dark .border-top, body.dark .border-bottom {
    border-color: #141A2C !important;
}

body.dark .border-dark {
    border-color: #FFF !important;
}

body.dark .border-grey {
    border-color: #707070 !important;
}

/* table */
body.dark .table {
    border-color: #141A2C !important;
}
body.dark .table td, body.dark .table th {
    color: #FFF !important;
}

/* nav-tabs */
body.dark .nav-tabs {
    border: none !important;
}

body.dark .nav-tabs .nav-link {
    color: #FFF !important;
}

body.dark .nav-tabs .nav-item {
    font-size: 0.7rem;
}

body.dark .nav-tabs-bordered .nav-link.active {
    color: #FFF !important;
    border-bottom: 1px solid #FFF;
    background-color: #171E30 !important;
}

/* Input */
body.dark .form-control {
    background-color: #3B4357 !important;
    border-color: #707070 !important;
    color: #FFF !important;
}

body.dark .input-group input.form-control {
    border: none !important;
}

body.dark .input-group {
    border: 1px solid #707070 !important;
}

body.dark .input-group-text {
    background-color: #3B4357 !important;
    border-color: #707070 !important;
    color: #FFF !important;
    font-size: .7rem;
    border: none;
}

body.dark input.form-check {
    background: #141A2C80 !important;
    border: 1px #707070 solid !important;
}

/* Select2 */
body.dark .select2-container--default .select2-selection--single {
    background-color: #3B4357;
    border: 1px solid #3B4357;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
}

body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 28px;
    font-size: 12px;
}

body.dark .select2-results__option {
    padding: 3px 6px;
    font-size: 12px;
}

body.dark .select2-search--dropdown .select2-search__field {
    color: #fff;
    background-color: #141A2C;
}

body.dark .select2-dropdown {
    border: 1px solid #3B4357;
    background-color: #3B4357;
}

body.dark .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #dfdfdf;
}

/* Modal */
body.dark .modal-content {
    background-color: #272F45 !important;
}

body.dark .modal-header, body.dark .modal-footer {
    border: none !important;
}

body.dark .modal-header .btn-close {
    color: #FFF !important;
}

body.dark .card-title svg path {
    fill: #fff;
    stroke: #fff;
}

/* Dropdown */
body.dark .dropdown-menu {
    background-color: #272F45 !important;
}

body.dark .header-nav .profile .dropdown-header h6 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
    color: #fff;
}

body.dark .dropdown-menu .dropdown-footer a {
    color: #fff;
    text-decoration: underline;
}

body.dark .dropdown-menu-arrow::before {
    background: #272F45 !important;
    border-top: 1px solid #272F45;
    border-left: 1px solid #272F45;
}

/* Datepicker */
body.dark .table-condensed td, body.dark .table-condensed th {
    color: #fff;
}