::selection {
    color: #fff;
    background: #811a1a
}

a, .btn-link {
    color: #811a1a
}

.custom-checkbox .custom-control-label::before {
    border-color: #d45d57 !important
}
.text-green, .text-info, .text-success, .text-danger, .text-primary, .text-warning, .mail-star.active, .page-title {
    color: #811a1a !important
}

.badge-default {
    background: #3f3d56;
    color: #f1f1f1
}

.loader {
    color: #811a1a
}

.badge-primary {
    background-color: #811a1a
}

.btn-primary {
    background: #811a1a;
    color: #fff;
    border-color: #811a1a
}

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

.nav-tabs .nav-link.active {
    border-color: #811a1a;
    color: #811a1a
}

.form-control:focus {
    box-shadow: 0 0 0 .2rem rgba(90,82,120,.25)
}

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

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

.bg-pending {
    background-color: #0b5394 !important;
    border: transparent
}
.bg-delivered {
    background-color: #38761d !important;
    border: transparent
}
.bg-rejected {
    background-color: #f44336 !important;
    border: transparent
}
.bg-inZone {
    background-color: #38761d !important;
    border: transparent
}
.bg-outZone {
    background-color: #cc0000 !important;
    border: transparent
}
.bg-prepare {
    background-color: #f6b26b !important;
    border: transparent
}
.bg-review {
    background-color: #38761d !important;
    border: transparent
}
.bg-exit {
    background-color: #783f04 !important;
    border: transparent
}
.bg-shipped {
    background-color: #1d617a !important;
    border: transparent
}


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

.btn-outline-primary {
    color: #811a1a;
    border-color: #811a1a
}

    .btn-outline-primary:hover {
        background-color: #811a1a;
        border-color: #811a1a
    }

.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: #811a1a;
    background-color: #811a1a
}

.custom-switch-input:checked ~ .custom-switch-indicator {
    background: #811a1a
}

.selectgroup-input:checked + .selectgroup-button {
    border-color: #811a1a;
    color: #811a1a;
    background: rgba(90,82,120,.2)
}

.imagecheck-figure:before {
    color: #e8769f !important
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active, .wizard > .actions a, .wizard > .actions a:hover {
    background: #811a1a
}

.wizard > .steps .done a, .wizard > .steps .done a:hover {
    background: rgba(90,82,120,.2);
    color: #811a1a
}

.table th {
    color: #2c2945
}

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

.right_chat li.online .status {
    background: #811a1a
}

.bg-blue, .bg-azure, .bg-indigo, .bg-purple, .bg-red, .bg-orange {
    background-color: #811a1a !important
}

.bg-pink, .bg-yellow, .bg-lime, .bg-green, .bg-teal, .bg-cyan {
    background-color: #e8769f !important
}

.bg-light-blue, .bg-light-azure, .bg-light-indigo, .bg-light-lime, .bg-light-green, .bg-light-teal {
    background-color: rgba(90,82,120,.1);
    color: #811a1a
}

.bg-light-pink, .bg-light-red, .bg-light-orange, .bg-light-yellow, .bg-light-cyan {
    background-color: rgba(232,118,159,.1);
    color: #e8769f
}

.bg-light-purple {
    background-color: rgba(228,189,81,.1);
    color: #e4bd51
}

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

.avatar.avatar-blue {
    background-color: rgba(90,82,120,.1);
    color: #811a1a
}

.avatar.avatar-azure {
    background-color: rgba(90,82,120,.1);
    color: #811a1a
}

.avatar.avatar-indigo {
    background-color: rgba(90,82,120,.1);
    color: #811a1a
}

.avatar.avatar-purple {
    background-color: rgba(90,82,120,.1);
    color: #811a1a
}

.avatar.avatar-pink {
    background-color: rgba(90,82,120,.1);
    color: #811a1a
}

.avatar.avatar-red {
    background-color: rgba(90,82,120,.1);
    color: #811a1a
}

.avatar.avatar-orange {
    background-color: rgba(90,82,120,.1);
    color: #811a1a
}

.avatar.avatar-yellow {
    background-color: rgba(232,118,159,.1);
    color: #e8769f
}

.avatar.avatar-lime {
    background-color: rgba(232,118,159,.1);
    color: #e8769f
}

.avatar.avatar-green {
    background-color: rgba(232,118,159,.1);
    color: #e8769f
}

.avatar.avatar-teal {
    background-color: rgba(232,118,159,.1);
    color: #e8769f
}

.avatar.avatar-cyan {
    background-color: rgba(232,118,159,.1);
    color: #e8769f
}

body {
    background-color: #f1f1f1;
    color: #2c2945
}

.page-header .right .nav-pills .nav-link {
    color: #2c2945
}

#header_top .brand-logo {
    background: #811a1a
}

.header {
    background: #811a1a
}

    .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: #811a1a
    }

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

#header_top .nav-link {
    color: #2c2945
}

.header_top.dark {
    background-color: #811a1a !important
}

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

.card {
    background-color: #fff
}

    .card .card-options a {
        color: #811a1a
    }

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

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

.metismenu a {
    color: #2c2945
}

    .metismenu a:hover {
        color: #811a1a;
        border-color: #811a1a
    }

.metismenu .active > a {
    color: #811a1a;
    border-color: #811a1a
}

.metismenu .active ul .active a {
    color: #811a1a;
    background: 0 0
}

.metismenu.grid > li.active > a, .metismenu.grid > li > a:hover {
    background: rgba(90,82,120,.1);
    color: #811a1a
}

.inbox .detail {
    background: #fff
}

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

.auth .auth_left {
    background: #fff
}

.gender_overview {
    background: #f1f1f1
}

.table-calendar-link {
    background: #811a1a
}

    .table-calendar-link:hover {
        background: #811a1a
    }

    .table-calendar-link::before {
        background: #811a1a
    }

.theme_div {
    background: #fff
}

.ribbon .ribbon-box.green {
    background: #cedd7a
}

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

.ribbon .ribbon-box.orange {
    background: #811a1a
}

    .ribbon .ribbon-box.orange::before {
        border-color: #811a1a;
        border-right-color: transparent
    }

.ribbon .ribbon-box.pink {
    background: #e8769f
}

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

.ribbon .ribbon-box.indigo {
    background: #e4bd51
}

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

.text-orange {
    color: #e4bd51 !important
}

.tag-info {
    background: #811a1a
}

.tag-success, .tag-green {
    background: #cedd7a
}

.tag-orange {
    background: #e8769f
}

.tag-danger {
    background: #e8769f
}

.bg-success {
    background: #cedd7a !important
}

.bg-danger {
    background-color: #e8769f !important
}

.auth .auth_left {
    background: #811a1a
}

    .auth .auth_left .card {
        padding: 20px;
        right: -150px;
        z-index: 99999
    }

@media only screen and (max-width:1024px) {
    .auth .auth_left .card {
        right: -50px
    }
}

@media only screen and (max-width:992px) {
    .auth .auth_left .card {
        right: auto
    }
}

.top_dark {
    background-color: #811a1a !important
}

.sidebar_dark #left-sidebar {
    background-color: #811a1a !important
}

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

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

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

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

.gradient .custom-switch-input:checked ~ .custom-switch-indicator {
    background: linear-gradient(45deg,#811a1a,#e8769f) !important
}

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

.gradient .btn-primary {
    background: linear-gradient(45deg,#811a1a,#e8769f) !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,#811a1a,#e8769f) !important
}

.metismenu.grid > li > a {
    border-color: #811a1a
}