::selection {
    color: #fff;
    background: #81b5c6;
}

a,
.btn-link {
    color: #90aba0;
}

.text-info,
.text-danger,
.text-primary,
.mail-star.active,
.page-title {
    color: #81b5c6 !important;
}

.badge-default {
    background: #747879;
    color: #f7f7f7;
}

.loader {
    color: #2a2c35;
}

.badge-primary {
    background-color: #2a2c35;
}

.btn-primary {
    background: #2a2c35;
    color: #fff;
    border-color: #2a2c35;
}

.btn-info {
    background-color: #90aba0;
    border-color: #90aba0;
}

.nav-tabs .nav-link.active {
    border-color: #81b5c6;
    color: #81b5c6;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(42, 44, 53, 0.25);
}

.dropify-wrapper,
.btn-primary {
    border: 0;
}

.bg-primary,
.bg-info,
.bg-warning,
.btn-success {
    background-color: #2a2c35 !important;
    border: transparent;
}

.bg-success,
.bg-danger,
.badge-success,
.progress-bar,
.btn-danger,
.btn-warning {
    background-color: #90aba0;
    border: transparent;
}

.btn-outline-primary {
    color: #2a2c35;
    border-color: #2a2c35;
}

    .btn-outline-primary:hover {
        background-color: #2a2c35;
        border-color: #2a2c35;
    }

.custom-control-input:checked ~ .custom-control-label::before,
.custom-radio
.custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-checkbox
.custom-control-input:disabled:checked ~ .custom-control-label::before {
    border-color: #2a2c35;
    background-color: #2a2c35;
}

.custom-switch-input:checked ~ .custom-switch-indicator {
    background: #2a2c35;
}

.selectgroup-input:checked + .selectgroup-button {
    border-color: #2a2c35;
    color: #2a2c35;
    background: rgba(42, 44, 53, 0.2);
}

.imagecheck-figure:before {
    color: #90aba0 !important;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active,
.wizard > .actions a,
.wizard > .actions a:hover {
    background: #2a2c35;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover {
    background: rgba(42, 44, 53, 0.2);
    color: #2a2c35;
}

.list-group-item,
.modal-content {
    background-color: #f7f7f7;
}

.table th {
    color: #747879;
}

.table.table-custom td,
.table.table-custom th {
    background: #f7f7f7;
}

.table.table_custom tr {
    background: #f7f7f7;
}

.right_chat li.online .status {
    background: #2a2c35;
}

.bg-light-blue,
.bg-light-azure,
.bg-light-indigo,
.bg-light-lime,
.bg-light-green,
.bg-light-teal {
    background-color: rgba(42, 44, 53, 0.1);
    color: #2a2c35;
}

.bg-light-pink,
.bg-light-red,
.bg-light-orange,
.bg-light-yellow,
.bg-light-cyan {
    background-color: rgba(144, 171, 160, 0.1);
    color: #90aba0;
}

.bg-light-purple {
    background-color: rgba(201, 85, 81, 0.1);
    color: #c95551;
}

.bg-light-gray {
    background-color: rgba(102, 106, 109, 0.1);
    color: #666a6d;
}

body {
    background-color: #f7f7f7;
    color: #202121;
}

    body::before {
        background: #90aba0;
    }

.page-header {
    border-color: #f7f7f7;
}

    .page-header .right .nav-pills .nav-link {
        color: #202121;
    }

#header_top .brand-logo {
    background: #c95551;
    width: 35px;
}

.header {
    background: #2a2c35;
}

    .header .nav-tabs .nav-link {
        color: #fff;
    }

        .header .nav-tabs .nav-link.active {
            border-color: #fff;
        }

    .header .dropdown-menu .dropdown-item:hover,
    .header .dropdown-menu .dropdown-item.active {
        color: #2a2c35;
    }

.page .section-white,
.page .section-body {
    background: #f7f7f7;
}

#header_top .nav-link {
    color: #202121;
}

.header_top.dark {
    background-color: #2a2c35 !important;
}

    .header_top.dark .nav-link {
        color: #f7f7f7 !important;
    }

.card {
    background-color: #f7f7f7;
}

    .card .card-options a {
        color: #2a2c35;
    }

        .card .card-options a.btn {
            color: #fff;
        }

    .card.card-fullscreen {
        background-color: #f7f7f7 !important;
    }

    .card:hover {
        background: #fff;
        box-shadow: 0 3px 7px rgba(41, 43, 48, 0.1);
    }

    .card.bg-none:hover {
        box-shadow: none;
    }

.theme_btn a.theme4 {
    background: #90aba0;
    border-color: #90aba0;
}

.metismenu a {
    color: #202121;
}

    .metismenu a:hover {
        color: #2a2c35;
        border-color: #2a2c35;
    }

.metismenu .active > a {
    color: #2a2c35;
    border-color: #2a2c35;
}

.metismenu .active ul .active a {
    color: #2a2c35;
    background: transparent;
}

.metismenu.grid > li.active > a,
.metismenu.grid > li > a:hover {
    background: rgba(42, 44, 53, 0.1);
    color: #2a2c35;
}

.inbox .detail {
    background: #fff;
}

.file_folder a {
    background: #fff;
    border-color: #f7f7f7;
}

.auth {
    background: #2a2c35;
    color: #fff;
}

    .auth .form-group.style2 .form-label {
        color: #2a2c35;
    }

    .auth .btn-primary {
        background: #90aba0;
        border: 0;
    }

    .auth .btn-icon {
        color: #fff;
    }

    .auth .custom-control-label {
        color: #747879;
    }

    .auth .card:hover {
        background: transparent;
    }

.gender_overview {
    background: #f7f7f7;
}

.table-calendar-link {
    background: #2a2c35;
}

    .table-calendar-link:hover {
        background: #2a2c35;
    }

    .table-calendar-link::before {
        background: #2a2c35;
    }

.theme_div {
    background: #f7f7f7;
}

.ribbon .ribbon-box.green {
    background: #81b5c6;
}

    .ribbon .ribbon-box.green::before {
        border-color: #81b5c6;
        border-right-color: transparent;
    }

.ribbon .ribbon-box.orange {
    background: #2a2c35;
}

    .ribbon .ribbon-box.orange::before {
        border-color: #2a2c35;
        border-right-color: transparent;
    }

.ribbon .ribbon-box.pink {
    background: #90aba0;
}

    .ribbon .ribbon-box.pink::before {
        border-color: #90aba0;
        border-right-color: transparent;
    }

.ribbon .ribbon-box.indigo {
    background: #c95551;
}

    .ribbon .ribbon-box.indigo::before {
        border-color: #c95551;
        border-right-color: transparent;
    }

.text-orange {
    color: #c95551 !important;
}

.tag-info {
    background: #2a2c35;
}

.tag-success,
.tag-green {
    background: #81b5c6;
}

.tag-orange {
    background: #90aba0;
}

.tag-danger {
    background: #90aba0;
}

.bg-success {
    background: #81b5c6 !important;
}

.bg-danger {
    background-color: #90aba0 !important;
}

.page-item .page-link {
    color: #90aba0;
}

.page-item.active .page-link {
    background-color: #90aba0;
    border-color: #90aba0;
}

#left-sidebar {
    background-color: #f7f7f7;
}

.dark-mode .btn {
    color: #417082;
}

.dark-mode .metismenu.grid > li > a {
    border-color: rgba(255, 255, 255, 0.2);
}

.dark-mode.sidebar_dark .sidebar .metismenu .active > a {
    color: #2a2c35;
}

.dark-mode.sidebar_dark .sidebar .metismenu .active ul .active a {
    color: #2a2c35;
}

.dark-mode.sidebar_dark .sidebar .metismenu a {
    color: #fff;
}

.dark-mode .nav-tabs .nav-link.active {
    color: #c95551;
}

.top_dark {
    background-color: #2a2c35 !important;
}

.sidebar_dark #left-sidebar {
    background-color: #2a2c35 !important;
}

.sidebar_dark #header_top .nav-link {
    color: #f7f7f7 !important;
}

.sidebar_dark .sidebar .nav-tabs {
    border-color: rgba(255, 255, 255, 0.1);
}

    .sidebar_dark .sidebar .nav-tabs .nav-link.active {
        border-color: #fff;
        color: #fff;
    }

.sidebar_dark .sidebar .metismenu .active > a {
    color: #c95551;
}

.sidebar_dark .sidebar .metismenu .active ul .active a {
    color: #c95551;
}

.iconcolor #header_top .nav-link {
    color: #c95551 !important;
}

.gradient .custom-switch-input:checked ~ .custom-switch-indicator {
    background: linear-gradient(45deg, #2a2c35, #90aba0) !important;
}

.gradient .metismenu.grid > li.active > a,
.gradient .metismenu.grid > li > a:hover {
    background: linear-gradient(45deg, #2a2c35, #2a2c35) !important;
    color: #fff;
    border: 0;
}

.gradient .btn-primary {
    background: linear-gradient(45deg, #2a2c35, #90aba0) !important;
    border: 0;
}

.gradient .btn-dark {
    background: linear-gradient(45deg, #808488, #333537) !important;
}

.gradient .bg-success,
.gradient .bg-danger,
.gradient .badge-success,
.gradient .progress-bar,
.gradient .btn-danger {
    background: linear-gradient(45deg, #2a2c35, #90aba0) !important;
}

.gradient.sidebar_dark #left-sidebar {
    background: linear-gradient(45deg, #2a2c35, #90aba0) !important;
}

@media only screen and (min-width: 1200px) {
    .header_top > .container {
        border-right: 1px solid rgba(255, 255, 255, 0.07);
    }
}