.theme-purple .profile-page .profile-sub-header .box-list ul li a:hover, .theme-purple .menu > ul > li > ul.normal-sub > li a:hover, .theme-purple .menu > ul > li > ul > li > ul > li a:hover {
    background-color: #910048
}
.theme-purple .navbar-brand {
    color: #910048 !important
}

    .theme-purple .navbar-brand:hover, .theme-purple .navbar-brand:active, .theme-purple .navbar-brand:focus {
        color: #910048
    }

.theme-purple .navbar {
    background: linear-gradient(45deg, #df88b3, #910048)
}

.theme-purple .nav > li > a {
    color: #fff
}

    .theme-purple .nav > li > a:hover, .theme-purple .nav > li > a:focus {
        background-color: transparent
    }

.theme-purple .nav .open > a {
    background-color: transparent
}

    .theme-purple .nav .open > a:hover, .theme-purple .nav .open > a:focus {
        background-color: transparent
    }

.theme-purple .bars {
    color: #fff
}

.theme-purple .sidebar .menu .list li.active {
    background-color: transparent
}

    .theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span {
        color: #910048
    }

.theme-purple .sidebar .menu .list a:hover {
    color: #910048
}

.theme-purple .checkbox input[type="checkbox"]:checked + label::after {
    border: 1px solid #910048
}

.theme-purple .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #910048;
    transition: all 150ms linear
}

.theme-purple .nav-tabs .nav-link.active {
    border: 1px solid #910048 !important
}

.theme-purple .card .header h2:before {
    background: #6f0837
}

.theme-purple .card .header h2 strong {
    color: #6f0837
}

.theme-purple .blog-page .single-blog-post .img-holder .date-box {
    background-color: #910048
}

/******************************/
.theme-red .profile-page .profile-sub-header .box-list ul li a:hover, .theme-red .menu > ul > li > ul.normal-sub > li a:hover, .theme-red .menu > ul > li > ul > li > ul > li a:hover {
    background-color: #910048
}

.theme-red .navbar-brand {
    color: #910048 !important
}

    .theme-red .navbar-brand:hover, .theme-red .navbar-brand:active, .theme-red .navbar-brand:focus {
        color: #910048
    }

.theme-red .navbar {
    background: linear-gradient(45deg, #df88b3, #910048)
}

.theme-red .nav > li > a {
    color: #fff
}

    .theme-red .nav > li > a:hover, .theme-red .nav > li > a:focus {
        background-color: transparent
    }

.theme-red .nav .open > a {
    background-color: transparent
}

    .theme-red .nav .open > a:hover, .theme-red .nav .open > a:focus {
        background-color: transparent
    }

.theme-red .bars {
    color: #fff
}

.theme-red .sidebar .menu .list li.active {
    background-color: transparent
}

    .theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span {
        color: #910048
    }

.theme-red .sidebar .menu .list a:hover {
    color: #910048
}

.theme-red .checkbox input[type="checkbox"]:checked + label::after {
    border: 1px solid #910048
}

.theme-red .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #910048;
    transition: all 150ms linear
}

.theme-red .nav-tabs .nav-link.active {
    border: 1px solid #910048 !important
}

.theme-red .card .header h2:before {
    background: #6f0837
}

.theme-red .card .header h2 strong {
    color: #6f0837
}

.theme-red .blog-page .single-blog-post .img-holder .date-box {
    background-color: #910048
}
/******************************/

/******************************/
.theme-evergreen .profile-page .profile-sub-header .box-list ul li a:hover, .theme-evergreen .menu > ul > li > ul.normal-sub > li a:hover, .theme-evergreen .menu > ul > li > ul > li > ul > li a:hover {
    background-color: #044439
}

.theme-evergreen .navbar-brand {
    color: #044439 !important
}

    .theme-evergreen .navbar-brand:hover, .theme-evergreen .navbar-brand:active, .theme-evergreen .navbar-brand:focus {
        color: #044439
    }

.theme-evergreen .navbar {
    background-color: #044439;
    /*background: linear-gradient(45deg, #044439, #044439)*/
}

.theme-evergreen > .navbar   {
    background-color: #044439;
}

.theme-evergreen > .navbar > .navbar-header {
    background-color: #044439;
}

.theme-evergreen .nav > li > a {
    color: #fff
}

    .theme-evergreen .nav > li > a:hover, .theme-evergreen .nav > li > a:focus {
        background-color: transparent
    }

.theme-evergreen .nav .open > a {
    background-color: transparent
}

    .theme-evergreen .nav .open > a:hover, .theme-evergreen .nav .open > a:focus {
        background-color: transparent
    }

.theme-evergreen .bars {
    color: #fff
}

.theme-evergreen .sidebar .menu .list li.active {
    background-color: transparent
}

    .theme-evergreen .sidebar .menu .list li.active > :first-child i, .theme-evergreen .sidebar .menu .list li.active > :first-child span {
        color: #044439
    }

.theme-evergreen .sidebar .menu .list a:hover {
    color: #044439
}

.theme-evergreen .checkbox input[type="checkbox"]:checked + label::after {
    border: 1px solid #044439
}

.theme-evergreen .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #044439;
    transition: all 150ms linear
}

.theme-evergreen .nav-tabs .nav-link.active {
    border: 1px solid #044439 !important
}

.theme-evergreen .card .header h2:before {
    background: #6896b0
}

.theme-evergreen .card .header h2 strong {
    color: #6896b0
}

.theme-evergreen .blog-page .single-blog-post .img-holder .date-box {
    background-color: #044439;
}

.theme-evergreen .bars a:not(.btn):not(.dropdown-item) {
    background-color: #blue;
}

.theme-evergreen .navbar-nav > li > a i {
    font-size: 20px;
    font-size: 0.7rem;
    color: #fff;
}
.zmdi-swap:before {
    content: '\f30d';
}

.theme-evergreen  .ls-toggle-btn {
        display: normal;
}

/******************************/

/******************************/
.theme-blue .profile-page .profile-sub-header .box-list ul li a:hover, .theme-blue .menu > ul > li > ul.normal-sub > li a:hover, .theme-blue .menu > ul > li > ul > li > ul > li a:hover {
    background-color: #77abc9
}

.theme-blue .navbar-brand {
    color: #77abc9 !important
}

    .theme-blue .navbar-brand:hover, .theme-blue .navbar-brand:active, .theme-blue .navbar-brand:focus {
        color: #77abc9
    }

.theme-blue .navbar {
    background: linear-gradient(45deg, #64b5f6, #42a5f5)
}

.theme-blue .nav > li > a {
    color: #fff
}

    .theme-blue .nav > li > a:hover, .theme-blue .nav > li > a:focus {
        background-color: transparent
    }

.theme-blue .nav .open > a {
    background-color: transparent
}

    .theme-blue .nav .open > a:hover, .theme-blue .nav .open > a:focus {
        background-color: transparent
    }

.theme-blue .bars {
    color: #fff
}

.theme-blue .sidebar .menu .list li.active {
    background-color: transparent
}

    .theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span {
        color: #77abc9
    }

.theme-blue .sidebar .menu .list a:hover {
    color: #77abc9
}

.theme-blue .checkbox input[type="checkbox"]:checked + label::after {
    border: 1px solid #77abc9
}

.theme-blue .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #77abc9;
    transition: all 150ms linear
}

.theme-blue .nav-tabs .nav-link.active {
    border: 1px solid #77abc9 !important
}

.theme-blue .card .header h2:before {
    background: #6896b0
}

.theme-blue .card .header h2 strong {
    color: #6896b0
}

.theme-blue .blog-page .single-blog-post .img-holder .date-box {
    background-color: #77abc9
}
/*****/


.theme-cyan .menu > ul > li > ul.normal-sub > li a:hover, .theme-cyan .menu > ul > li > ul > li > ul > li a:hover {
    background-color: #b9d9eb
}

.theme-cyan .navbar-brand {
    color: #b9d9eb !important
}

    .theme-cyan .navbar-brand:hover, .theme-cyan .navbar-brand:active, .theme-cyan .navbar-brand:focus {
        color: #b9d9eb
    }

.theme-cyan .navbar {
    background: linear-gradient(45deg, #49cdd0, #ab9ae5)
}

.theme-cyan .nav > li > a {
    color: #fff
}

    .theme-cyan .nav > li > a:hover, .theme-cyan .nav > li > a:focus {
        background-color: transparent
    }

.theme-cyan .nav .open > a {
    background-color: transparent
}

    .theme-cyan .nav .open > a:hover, .theme-cyan .nav .open > a:focus {
        background-color: transparent
    }

.theme-cyan .bars {
    color: #fff
}

.theme-cyan .sidebar .menu .list li.active {
    background-color: transparent
}

    .theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span {
        color: #b9d9eb
    }

.theme-cyan .sidebar .menu .list a:hover {
    color: #b9d9eb
}

.theme-cyan .checkbox input[type="checkbox"]:checked + label::after {
    border: 1px solid #b9d9eb
}

.theme-cyan .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #b9d9eb;
    transition: all 150ms linear
}

.theme-cyan .nav-tabs .nav-link.active {
    border: 1px solid #ab9ae5 !important
}

.theme-cyan .card .header h2:before {
    background: #00acc1
}

.theme-cyan .card .header h2 strong {
    color: #00acc1
}

.theme-cyan .blog-page .single-blog-post .img-holder .date-box {
    background-color: #b9d9eb
}

.theme-green .profile-page .profile-sub-header .box-list ul li a:hover, .theme-green .menu > ul > li > ul.normal-sub > li a:hover, .theme-green .menu > ul > li > ul > li > ul > li a:hover {
    background-color: #28939D
}

.theme-green .navbar-brand {
    color: #28939D !important
}

    .theme-green .navbar-brand:hover, .theme-green .navbar-brand:active, .theme-green .navbar-brand:focus {
        color: #28939D
    }

.theme-green .navbar {
    background: linear-gradient(45deg, #46dbaa, #28939D)
}

.theme-green .nav > li > a {
    color: #fff
}

    .theme-green .nav > li > a:hover, .theme-green .nav > li > a:focus {
        background-color: transparent
    }

.theme-green .nav .open > a {
    background-color: transparent
}

    .theme-green .nav .open > a:hover, .theme-green .nav .open > a:focus {
        background-color: transparent
    }

.theme-green .bars {
    color: #fff
}

.theme-green .sidebar .menu .list li.active {
    background-color: transparent
}

    .theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span {
        color: #28939D
    }

.theme-green .sidebar .menu .list a:hover {
    color: #28939D
}

.theme-green .checkbox input[type="checkbox"]:checked + label::after {
    border: 1px solid #28939D
}

.theme-green .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #28939D;
    transition: all 150ms linear
}

.theme-green .nav-tabs .nav-link.active {
    border: 1px solid #28939D !important
}

.theme-green .card .header h2:before {
    background: #43a047
}

.theme-green .card .header h2 strong {
    color: #43a047
}

.theme-green .blog-page .single-blog-post .img-holder .date-box {
    background-color: #28939D
}

.theme-orange .profile-page .profile-sub-header .box-list ul li a:hover, .theme-orange .menu > ul > li > ul.normal-sub > li a:hover, .theme-orange .menu > ul > li > ul > li > ul > li a:hover {
    background-color: #ff9800
}

.theme-orange .navbar-brand {
    color: #ff9800 !important
}

    .theme-orange .navbar-brand:hover, .theme-orange .navbar-brand:active, .theme-orange .navbar-brand:focus {
        color: #ff9800
    }

.theme-orange .navbar {
    background: linear-gradient(45deg, #ffb74d, #ffa726)
}

.theme-orange .nav > li > a {
    color: #fff
}

    .theme-orange .nav > li > a:hover, .theme-orange .nav > li > a:focus {
        background-color: transparent
    }

.theme-orange .nav .open > a {
    background-color: transparent
}

    .theme-orange .nav .open > a:hover, .theme-orange .nav .open > a:focus {
        background-color: transparent
    }

.theme-orange .bars {
    color: #fff
}

.theme-orange .sidebar .menu .list li.active {
    background-color: transparent
}

    .theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span {
        color: #ff9800
    }

.theme-orange .sidebar .menu .list a:hover {
    color: #ff9800
}

.theme-orange .checkbox input[type="checkbox"]:checked + label::after {
    border: 1px solid #ff9800
}

.theme-orange .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #ff9800;
    transition: all 150ms linear
}

.theme-orange .nav-tabs .nav-link.active {
    border: 1px solid #ff9800
}

.theme-orange .card .header h2:before {
    background: #ff9800
}

.theme-orange .card .header h2 strong {
    color: #455a64
}

.theme-orange .blog-page .single-blog-post .img-holder .date-box {
    background-color: #ff9800
}

.theme-blush .profile-page .profile-sub-header .box-list ul li a:hover, .theme-blush .menu > ul > li > ul.normal-sub > li a:hover, .theme-blush .menu > ul > li > ul > li > ul > li a:hover {
    background-color: #ffafbd
}

.theme-blush .navbar-brand {
    color: #ff6681 !important
}

    .theme-blush .navbar-brand:hover, .theme-blush .navbar-brand:active, .theme-blush .navbar-brand:focus {
        color: #ffafbd
    }

.theme-blush .navbar {
    background: linear-gradient(45deg, #ffafbd, #ffc2a0)
}

.theme-blush .nav > li > a {
    color: #fff
}

    .theme-blush .nav > li > a:hover, .theme-blush .nav > li > a:focus {
        background-color: transparent
    }

.theme-blush .nav .open > a {
    background-color: transparent
}

    .theme-blush .nav .open > a:hover, .theme-blush .nav .open > a:focus {
        background-color: transparent
    }

.theme-blush .bars {
    color: #fff
}

.theme-blush .sidebar .menu .list li.active {
    background-color: transparent
}

    .theme-blush .sidebar .menu .list li.active > :first-child i, .theme-blush .sidebar .menu .list li.active > :first-child span {
        color: #ff6681
    }

.theme-blush .sidebar .menu .list a:hover {
    color: #ff6681
}

.theme-blush .checkbox input[type="checkbox"]:checked + label::after {
    border: 1px solid #ffafbd
}

.theme-blush .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #ffafbd;
    transition: all 150ms linear
}

.theme-blush .nav-tabs .nav-link.active {
    border: 1px solid #ff6681 !important
}

.theme-blush .card .header h2:before {
    background: #ff6681
}

.theme-blush .card .header h2 strong {
    color: #ff6681
}

.theme-blush .blog-page .single-blog-post .img-holder .date-box {
    background-color: #ff6681
}