.theme-purple ::selection {
    color: #fff;
    background: #a27ce6
}

.theme-purple .page-loader-wrapper {
    background: #a27ce6
}

.theme-purple #left-sidebar .nav-tabs .nav-link.active {
    color: #a27ce6
}

.theme-purple:before, .theme-purple:after {
    background: #a27ce6
}

.theme-purple #wrapper:before, .theme-purple #wrapper:after {
    background: #a27ce6
}

.theme-purple .sidebar-nav .metismenu > li.active > a {
    border-left-color: #a27ce6
}

.theme-purple .navbar-nav ul.menu-icon {
    background: #a27ce6
}

.theme-purple .fancy-checkbox input[type="checkbox"]:checked + span:before {
    background: #a27ce6;
    border-color: #a27ce6
}

.theme-purple .chat-widget li.right .chat-info {
    background: #a27ce6;
    color: #fff
}

    .theme-purple .chat-widget li.right .chat-info:before {
        border-left: 10px solid #a27ce6
    }

.theme-purple .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header {
    background: #a27ce6;
    border-color: #a27ce6;
    color: #fff
}

.theme-purple .blog-page .single_post .footer .stats li a:hover {
    color: #a27ce6
}

.theme-purple .auth-main .btn-primary {
    background: #a27ce6;
    border-color: #a27ce6
}

.theme-purple .sidebar-nav .metismenu > li i {
    color: #a27ce6
}

.theme-purple .right_chat li a:hover .media-object {
    border-color: #a27ce6
}

.theme-blue ::selection {
    color: #fff;
    background: #3eacff
}

.theme-blue .page-loader-wrapper {
    background: #3eacff
}

.theme-blue #left-sidebar .nav-tabs .nav-link.active {
    color: #3eacff
}

.theme-blue:before, .theme-blue:after {
    background: #3eacff
}

.theme-blue #wrapper:before, .theme-blue #wrapper:after {
    background: #3eacff
}

.theme-blue .sidebar-nav .metismenu > li.active > a {
    border-left-color: #3eacff
}

.theme-blue .navbar-nav ul.menu-icon {
    background: #3eacff
}

.theme-blue .fancy-checkbox input[type="checkbox"]:checked + span:before {
    background: #3eacff;
    border-color: #3eacff
}

.theme-blue .chat-widget li.right .chat-info {
    background: #3eacff;
    color: #fff
}

    .theme-blue .chat-widget li.right .chat-info:before {
        border-left: 10px solid #3eacff
    }

.theme-blue .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header {
    background: #3eacff;
    border-color: #3eacff;
    color: #fff
}

.theme-blue .blog-page .single_post .footer .stats li a:hover {
    color: #3eacff
}

.theme-blue .auth-main .btn-primary {
    background: #3eacff;
    border-color: #3eacff
}

.theme-blue .sidebar-nav .metismenu > li i {
    color: #3eacff
}

.theme-blue .right_chat li a:hover .media-object {
    border-color: #3eacff
}



.theme-gray ::selection {
    color: #fff;
    background: #777
}

.theme-gray .page-loader-wrapper {
    background: #777
}

.theme-gray #left-sidebar .nav-tabs .nav-link.active {
    color: #777
}

.theme-gray:before, .theme-gray:after {
    background: #777
}

.theme-gray #wrapper:before, .theme-gray #wrapper:after {
    background: #777
}

.theme-gray .sidebar-nav .metismenu > li.active > a {
    border-left-color: #777
}

.theme-gray .navbar-nav ul.menu-icon {
    background: #777
}

.theme-gray .fancy-checkbox input[type="checkbox"]:checked + span:before {
    background: #777;
    border-color: #777
}

.theme-gray .chat-widget li.right .chat-info {
    background: #777;
    color: #fff
}

    .theme-gray .chat-widget li.right .chat-info:before {
        border-left: 10px solid #777
    }

.theme-gray .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header {
    background: #777;
    border-color: #777;
    color: #fff
}

.theme-gray .blog-page .single_post .footer .stats li a:hover {
    color: #777
}

.theme-gray .auth-main .btn-primary {
    background: #777;
    border-color: #777
}

.theme-gray .sidebar-nav .metismenu > li i {
    color: #777
}

.theme-gray .right_chat li a:hover .media-object {
    border-color: #777
}



.theme-blush ::selection {
    color: #fff;
    background: #e47297
}

.theme-blush .page-loader-wrapper {
    background: #e47297
}

.theme-blush #left-sidebar .nav-tabs .nav-link.active {
    color: #e47297
}

.theme-blush:before, .theme-blush:after {
    background: #e47297
}

.theme-blush #wrapper:before, .theme-blush #wrapper:after {
    background: #e47297
}

.theme-blush .sidebar-nav .metismenu > li.active > a {
    border-left-color: #e47297
}

.theme-blush .navbar-nav ul.menu-icon {
    background: #e47297
}

.theme-blush .fancy-checkbox input[type="checkbox"]:checked + span:before {
    background: #e47297;
    border-color: #e47297
}

.theme-blush .chat-widget li.right .chat-info {
    background: #e47297;
    color: #fff
}

    .theme-blush .chat-widget li.right .chat-info:before {
        border-left: 10px solid #e47297
    }

.theme-blush .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header {
    background: #e47297;
    border-color: #e47297;
    color: #fff
}

.theme-blush .blog-page .single_post .footer .stats li a:hover {
    color: #e47297
}

.theme-blush .auth-main .btn-primary {
    background: #e47297;
    border-color: #e47297
}

.theme-blush .sidebar-nav .metismenu > li i {
    color: #e47297
}

.theme-blush .right_chat li a:hover .media-object {
    border-color: #e47297
}


/*.background_theme, .background_theme ::selection {
    background: #038B4C !important;
}
.color_theme {
    color: #038B4C !important;
}
.background_color_theme {
    background-color: #038B4C !important;
}

.border_color_theme {
    border-color: #038B4C !important;
}


*/





.theme-red ::selection {
    color: #fff;
    background: #C1202E
}

.theme-red .page-loader-wrapper {
    background: white
}

.theme-red #left-sidebar .nav-tabs .nav-link.active {
    color: #C1202E
}

.theme-red:before, .theme-red:after {
    background: #C1202E
}

.theme-red #wrapper:before, .theme-red #wrapper:after {
    background: #C1202E
}

.theme-red .sidebar-nav .metismenu > li.active > a {
    border-left-color: #C1202E
}

.theme-red .navbar-nav ul.menu-icon {
    background: #C1202E
}

.theme-red .fancy-checkbox input[type="checkbox"]:checked + span:before {
    background: #C1202E;
    border-color: #C1202E
}

.theme-red .chat-widget li.right .chat-info {
    background: #C1202E;
    color: #fff
}

    .theme-red .chat-widget li.right .chat-info:before {
        border-left: 10px solid #C1202E
    }

.theme-red .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header {
    background: #C1202E;
    border-color: #C1202E;
    color: #fff
}

.theme-red .blog-page .single_post .footer .stats li a:hover {
    color: #C1202E
}

.theme-red .auth-main .btn-primary {
    background: #C1202E;
    border-color: #C1202E
}

.theme-red .sidebar-nav .metismenu > li i {
    color: #C1202E
}

.theme-red .right_chat li a:hover .media-object {
    border-color: #C1202E
}

.theme-red .btn-secondary {
    color: white !IMPORTANT;
    background-color: #C1202E !important;
}

.theme-red a {
    color: #C1202E !important;
}
    .theme-green ::selection {
    color: #fff;
    background: #038B4C
}

.theme-red .breadcrumb-item.active {
    color: #C1202E !important;
}

.theme-red .dxbButton_Material {
    background-color: #C1202E !important;
}

.theme-green .page-loader-wrapper {

background: #038B4C

}

.theme-green #left-sidebar .nav-tabs .nav-link.active {
    color: #038B4C
}

.theme-green:before, .theme-green:after {
    background: #038B4C
}

.theme-green #wrapper:before, .theme-green #wrapper:after {
    background: #038B4C
}

.theme-green .sidebar-nav .metismenu > li.active > a {
    border-left-color: #038B4C
}

.theme-green .navbar-nav ul.menu-icon {
    background: #038B4C
}

.theme-green .fancy-checkbox input[type="checkbox"]:checked + span:before {
    background: #038B4C;
    border-color: #038B4C
}

.theme-green .chat-widget li.right .chat-info {
    background: #038B4C;
    color: #fff
}

    .theme-green .chat-widget li.right .chat-info:before {
        border-left: 10px solid #038B4C
    }

.theme-green .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header {
    background: #038B4C;
    border-color: #038B4C;
    color: #fff
}

.theme-green .blog-page .single_post .footer .stats li a:hover {
    color: #038B4C
}

.theme-green .auth-main .btn-primary {
    background: #038B4C;
    border-color: #038B4C
}

.theme-green .sidebar-nav .metismenu > li i {
    color: #038B4C
}

.theme-green .right_chat li a:hover .media-object {
    border-color: #038B4C
}