/*
 |--------------------------------------------------------------------------
 | Wadan UOS - brand theme (light)
 |--------------------------------------------------------------------------
 | GENERATED FILE - do not edit by hand.
 | Source: public/dashboard/css/style.css
 | Rebuild: python3 resources/brand/build-theme.py
 |
 | Every stock Datta rule that painted the old sky-blue palette is re-emitted
 | here with the Wadan UOS indigo palette. Load after style.css.
 */

.theme-bg {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.card .card-header h5:after {
    content: "";
    background-color: #4c58c4;
    position: absolute;
    left: -15px;
    top: 0;
    width: 4px;
    height: 20px;}
.card.card-load .card-loader i {
    margin: 0 auto;
    color: #4c58c4;
    font-size: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.dropdown-menu > li.active, .dropdown-menu > li:active, .dropdown-menu > li:focus, .dropdown-menu > li:hover {
    background: rgba(76, 88, 196, 0.1);}
.datta-example .datta-example-btns .datta-example-btn {
    display: inline-block;
    line-height: 1;
    font-weight: 600;
    background: #4c58c4;
    color: #fff;
    padding: 0.1875rem 0.3125rem;
    border-radius: 2px;
    white-space: nowrap;
    font-size: 11px;
    margin: 0 4px;}
.md-datta-example-modal-copy {
    display: block;
    position: fixed;
    top: 90px;
    right: 30px;
    margin-right: 8px;
    font-size: 1.5rem;
    border-radius: 50%;
    padding: 10px 15px;
    background: #4c58c4;
    color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    white-space: nowrap;}
.md-show.md-effect-12 ~ .md-overlay {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.bg-c-blue {
    background: #4c58c4;}
.text-c-blue {
    color: #4c58c4;}
.card-border-c-blue {
    border-top: 4px solid #4c58c4;}
.b-brand .b-bg {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    border-radius: 10px;
    width: 35px;
    height: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
.loader-bg .loader-track .loader-fill:after, .loader-bg .loader-track .loader-fill:before {
    content: "";
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;}
.pcoded-header {
    z-index: 1028;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 70px;
    padding: 0;
    position: relative;
    top: 0;
    background: transparent;
    color: #3b3f66;
    width: calc(100% - 240px);
    margin-left: 240px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.pcoded-header .input-group .input-group-text, .pcoded-header a, .pcoded-header dropdown-toggle {
    color: #3b3f66;}
.pcoded-header .input-group .input-group-text:hover, .pcoded-header a:hover, .pcoded-header dropdown-toggle:hover {
    color: #4c58c4;}
.pcoded-header .navbar-nav > li span.top-icon a {
    background: #4c58c4;
    padding: 5px;
    border-radius: 100%;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 16px;
    display: block;
    border: 1px solid #fff;
    box-sizing: border-box;}
.pcoded-header .main-search.open .input-group .search-btn {
    padding: 5px;
    margin-left: 5px;
    background: #4c58c4;
    border-color: #4c58c4;}
.pcoded-header .dropdown .notification .noti-body li.notification:hover {
    background: rgba(76, 88, 196, 0.1);
    color: #fff !important;}
.pcoded-header .dropdown .profile-notification .pro-head {
    color: #fff;
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 15px;
    position: relative;
    background: #4c58c4;}
.pcoded-header .dropdown .profile-notification .pro-body li.active, .pcoded-header .dropdown .profile-notification .pro-body li:active, .pcoded-header .dropdown .profile-notification .pro-body li:focus, .pcoded-header .dropdown .profile-notification .pro-body li:hover {
    background: rgba(35, 38, 74, 0.1);}
.pcoded-header .dropdown.drp-user .show:before {
    color: #4c58c4;}
.navbar-brand {
    background: #3b3f66;}
.pcoded-navbar {
    display: block;
    z-index: 1029;
    position: fixed;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 1px 0 10px 0 #4c58c4;
    box-shadow: 1px 0 10px 0 #4c58c4;
    width: 240px;
    height: 100vh;
    top: 0;
    background: #4c58c4;
    color: #a9b7d0;}
.pcoded-navbar .pcoded-inner-navbar li.active > a, .pcoded-navbar .pcoded-inner-navbar li:focus > a, .pcoded-navbar .pcoded-inner-navbar li:hover > a {
    color: #5b67d8;}
.pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li.active > a:before, .pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li:focus > a:before, .pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li:hover > a:before {
    background: #5b67d8;}
.pcoded-navbar .pcoded-inner-navbar > li.active:after, .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger:after {
    content: "";
    background-color: #5b67d8;
    z-index: 1027;
    position: absolute;
    left: 0;
    top: 5px;
    width: 3px;
    height: calc(100% - 5px);}
.pcoded-navbar .pcoded-inner-navbar > li.active > a, .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: #363e7e;
    color: #fff;}
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before {
    content: "\6d";
    position: absolute;
    bottom: -34px;
    left: 0;
    font-family: "pct";
    z-index: 1001;
    font-size: 50px;
    line-height: 1;
    padding-left: calc(50% - 25px);
    color: #3b3f66;
    text-shadow: 0 3px 4px rgba(69, 90, 100, 0.05);
    width: 100%;
    height: 40px;
    -webkit-transform: scaleX(1.2);
    transform: scaleX(1.2);}
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.active:after, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-trigger:after {
    content: "";
    background-color: #5b67d8;
    z-index: 1027;
    position: absolute;
    left: 19px;
    top: auto;
    bottom: 5px;
    width: 23px;
    height: 2px;}
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu a {
    color: #3b3f66;
    padding: 10px 20px 10px 30px;}
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li.active > a, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li.pcoded-trigger > a, .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li:hover > a {
    color: #4c58c4;}
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu a {
    color: #3b3f66;
    padding: 10px 20px 10px 30px;}
.pcoded-navbar.theme-horizontal ~ .pcoded-header .b-title {
    color: #3b3f66;}
.pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li.active, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li:active, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li:focus, .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown-menu > li:hover {
    background: rgba(76, 88, 196, 0.1);}
.pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown .notification .noti-body li.notification:hover {
    background: rgba(76, 88, 196, 0.1);}
.pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown .profile-notification .pro-head {
    color: #fff;
    background: #4c58c4;}
.pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] .dropdown.drp-user .show:before {
    color: #4c58c4;}
.theme-horizontal .sidenav-horizontal-next, .theme-horizontal .sidenav-horizontal-prev {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 2.25rem;
    background-color: #3b3f66;
    z-index: 9;}
.menu-styler .style-toggler > a:before {
    content: "\62";
    top: 0;
    font-size: 120px;
    position: absolute;
    right: -45px;
    font-family: "pct";
    z-index: 1001;
    line-height: 0;
    color: #4c58c4;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-shadow:
        1px 0 2px rgba(76, 88, 196, 0.9),
        3px 0 5px rgba(0, 0, 0, 0.1);
    letter-spacing: -44px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);}
.menu-styler .mst-scroll {
    height: calc(100vh - 175px);
    background-color: rgba(76, 88, 196, 0.03);
    padding: 0 15px;}
.menu-styler h6:after {
    content: "";
    background-color: #4c58c4;
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 40px;
    height: 2px;}
.menu-styler .tab-content {
    padding: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(76, 88, 196, 0.03);
    border-top: 2px solid #4c58c4;}
.lay-customizer .theme-color > a span:before, .theme-color > a span:before {
    width: 30%;
    left: 0;
    background: #3b3f66;}
.lay-customizer .theme-color > a.active, .theme-color > a.active {
    -webkit-box-shadow: 0 0 0 3px #4c58c4;
    box-shadow: 0 0 0 3px #4c58c4;}
.lay-customizer .theme-color > a.active:before, .theme-color > a.active:before {
    content: "\e8dc";
    top: -1px;
    font-size: 20px;
    position: absolute;
    left: 12px;
    font-family: "feather";
    z-index: 1001;
    color: #4c58c4;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-shadow:
        0 1px 3px rgba(76, 88, 196, 0.9),
        0 3px 8px rgba(0, 0, 0, 0.1);}
.lay-customizer .theme-color.header-color > a[data-value="header-blue"] > span:nth-child(1):after, .theme-color.header-color > a[data-value="header-blue"] > span:nth-child(1):after {
    background: #4c58c4;}
.lay-customizer .theme-color.header-color.small > a[data-value="header-blue"], .theme-color.header-color.small > a[data-value="header-blue"] {
    background: #4c58c4;}
.lay-customizer .theme-color.header-color > a[data-value="header-lightblue"] > span:nth-child(1):after, .theme-color.header-color > a[data-value="header-lightblue"] > span:nth-child(1):after {
    background: #4c58c4;}
.lay-customizer .theme-color.header-color.small > a[data-value="header-lightblue"], .theme-color.header-color.small > a[data-value="header-lightblue"] {
    background: #4c58c4;}
.lay-customizer .theme-color.navbar-color > a[data-value="navbar-blue"] > span:before, .theme-color.navbar-color > a[data-value="navbar-blue"] > span:before {
    background: #4c58c4;}
.lay-customizer .theme-color.navbar-color > a[data-value="navbar-lightblue"] > span:before, .theme-color.navbar-color > a[data-value="navbar-lightblue"] > span:before {
    background: #4c58c4;}
.lay-customizer .theme-color.brand-color > a[data-value="brand-blue"] > span:nth-child(1):before, .theme-color.brand-color > a[data-value="brand-blue"] > span:nth-child(1):before {
    background: #4c58c4;}
.lay-customizer .theme-color.brand-color.small > a[data-value="brand-blue"], .theme-color.brand-color.small > a[data-value="brand-blue"] {
    background: #4c58c4;}
.lay-customizer .theme-color.brand-color > a[data-value="brand-lightblue"] > span:nth-child(1):before, .theme-color.brand-color > a[data-value="brand-lightblue"] > span:nth-child(1):before {
    background: #4c58c4;}
.lay-customizer .theme-color.brand-color.small > a[data-value="brand-lightblue"], .theme-color.brand-color.small > a[data-value="brand-lightblue"] {
    background: #4c58c4;}
.lay-customizer .theme-color.active-color > a[data-value="active-default"], .theme-color.active-color > a[data-value="active-default"] {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.lay-customizer .theme-color.active-color > a[data-value="active-blue"], .theme-color.active-color > a[data-value="active-blue"] {
    background: #4c58c4;}
.lay-customizer .theme-color.active-color > a[data-value="active-lightblue"], .theme-color.active-color > a[data-value="active-lightblue"] {
    background: #4c58c4;}
.lay-customizer .theme-color.title-color > a[data-value="title-blue"], .theme-color.title-color > a[data-value="title-blue"] {
    background: #4c58c4;}
.lay-customizer .theme-color.title-color > a[data-value="title-lightblue"], .theme-color.title-color > a[data-value="title-lightblue"] {
    background: #4c58c4;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l1"] > span:nth-child(1):before, .theme-color.prelayout-color > a[data-value="l1"] > span:nth-child(1):before {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#4c58c4),
        color-stop(80%, #4c58c4),
        color-stop(80%, #a9b7d0),
        color-stop(90%, #a9b7d0),
        color-stop(91%, #4c58c4),
        to(#4c58c4)
    );
    background: linear-gradient(
        to bottom,
        #4c58c4 0%,
        #4c58c4 80%,
        #a9b7d0 80%,
        #a9b7d0 90%,
        #4c58c4 91%,
        #4c58c4 100%
    );}
.lay-customizer .theme-color.prelayout-color > a[data-value="l1"] > span:nth-child(2):before, .theme-color.prelayout-color > a[data-value="l1"] > span:nth-child(2):before {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#3b3f66),
        color-stop(20%, #3b3f66),
        color-stop(25%, #a9b7d0),
        color-stop(30%, #a9b7d0),
        color-stop(20%, #3b3f66),
        to(#3b3f66)
    );
    background: linear-gradient(
        to right,
        #3b3f66 0%,
        #3b3f66 20%,
        #a9b7d0 25%,
        #a9b7d0 30%,
        #3b3f66 20%,
        #3b3f66 100%
    );}
.lay-customizer .theme-color.prelayout-color > a[data-value="l2"] > span:nth-child(1):before, .theme-color.prelayout-color > a[data-value="l2"] > span:nth-child(1):before {
    background: #3b3f66;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l2"] > span:nth-child(2):before, .theme-color.prelayout-color > a[data-value="l2"] > span:nth-child(2):before {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.lay-customizer .theme-color.prelayout-color > a[data-value="l2-2"] > span:nth-child(1):before, .theme-color.prelayout-color > a[data-value="l2-2"] > span:nth-child(1):before {
    background: #3b3f66;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l3"] > span:nth-child(1):before, .theme-color.prelayout-color > a[data-value="l3"] > span:nth-child(1):before {
    background: #3b3f66;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l3"] > span:nth-child(2):before, .theme-color.prelayout-color > a[data-value="l3"] > span:nth-child(2):before {
    background: #4c58c4;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l4"] > span:nth-child(1):before, .theme-color.prelayout-color > a[data-value="l4"] > span:nth-child(1):before {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.lay-customizer .theme-color.prelayout-color > a[data-value="l5-h"] > span:nth-child(1):after, .lay-customizer .theme-color.prelayout-color > a[data-value="l5-h"] > span:nth-child(1):before, .theme-color.prelayout-color > a[data-value="l5-h"] > span:nth-child(1):after, .theme-color.prelayout-color > a[data-value="l5-h"] > span:nth-child(1):before {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(50%, #4c58c4),
        color-stop(0%, #fff)
    );
    background: linear-gradient(#4c58c4 50%, #fff 0%);
    -webkit-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09);
    box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09);
    z-index: 1;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l-lite"] > span:nth-child(1):after, .lay-customizer .theme-color.prelayout-color > a[data-value="l-lite"] > span:nth-child(1):before, .theme-color.prelayout-color > a[data-value="l-lite"] > span:nth-child(1):after, .theme-color.prelayout-color > a[data-value="l-lite"] > span:nth-child(1):before {
    background: #4c58c4;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l6"] > span:nth-child(1):after, .theme-color.prelayout-color > a[data-value="l6"] > span:nth-child(1):after {
    background: #4c58c4;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l6"] > span:nth-child(1):before, .theme-color.prelayout-color > a[data-value="l6"] > span:nth-child(1):before {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(50%, #4c58c4),
        color-stop(0%, #fff)
    );
    background: linear-gradient(#4c58c4 50%, #fff 0%);
    z-index: 1;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l8"] > span:nth-child(1):after, .theme-color.prelayout-color > a[data-value="l8"] > span:nth-child(1):after {
    background: #4c58c4;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l8"] > span:nth-child(1):before, .theme-color.prelayout-color > a[data-value="l8"] > span:nth-child(1):before {
    background: #4c58c4;}
.lay-customizer .theme-color.prelayout-color > a[data-value="l8"] > span:nth-child(2):before, .theme-color.prelayout-color > a[data-value="l8"] > span:nth-child(2):before {
    background: linear-gradient(
        #fff 0px,
        #fff 5px,
        rgba(76, 88, 196, 0.5) 5px,
        rgba(76, 88, 196, 0.5) 5px,
        rgba(76, 88, 196, 0.5) 8px,
        #fff 8px,
        #fff
    );}
.pcoded-navbar.menu-light {
    background-color: #fff;
    color: #3b3f66;
    -webkit-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09);
    box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09);}
.pcoded-navbar.menu-light .header-logo {
    background-color: #3b3f66;}
.pcoded-navbar.menu-light a {
    color: #3b3f66;}
.pcoded-navbar.menu-light .pcoded-menu-caption {
    color: #3b3f66;}
.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.active a, .pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li.pcoded-trigger a, .pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar > li:hover a {
    color: #3b3f66;
    background: transparent;}
body.layout-1 .pcoded-navbar.menu-light .toggle-sidemenu {
    background: #f1f1f1;
    color: #3b3f66;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(1) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(5) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(7) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(11) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(13) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(17) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(19) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(23) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(25) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(29) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(31) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(35) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(37) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(41) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(43) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored .pcoded-inner-navbar > li:nth-child(47) > a > .pcoded-micon {
    color: #4c58c4;}
.pcoded-navbar.icon-colored.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a > .pcoded-micon, .pcoded-navbar.icon-colored.menu-light .pcoded-inner-navbar > li.active > a > .pcoded-micon {
    color: #3b3f66;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(1) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(5) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(7) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(11) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(13) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(17) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(19) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(23) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(25) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(29) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(31) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(35) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(37) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(41) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(43) > a {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.icon-colored .sidemenu > li:nth-child(47) > a {
    color: #4c58c4;}
.theme-horizontal ~ .pcoded-header {
    background: #fff;
    -webkit-box-shadow: 0 10px 18px 0 rgba(59, 63, 102, 0.15);
    box-shadow: 0 10px 18px 0 rgba(59, 63, 102, 0.15);}
.pcoded-header.header-blue {
    background: #4c58c4;
    color: rgba(255, 255, 255, 0.8);}
.pcoded-header.header-blue .profile-notification li.active, .pcoded-header.header-blue .profile-notification li:active, .pcoded-header.header-blue .profile-notification li:focus, .pcoded-header.header-blue .profile-notification li:hover {
    background: rgba(76, 88, 196, 0.1);}
.pcoded-header.header-blue .dropdown-menu > li.active, .pcoded-header.header-blue .dropdown-menu > li:active, .pcoded-header.header-blue .dropdown-menu > li:focus, .pcoded-header.header-blue .dropdown-menu > li:hover {
    background: rgba(76, 88, 196, 0.1);
    color: #888;}
.pcoded-header.header-blue .main-search .search-close > .input-group-text {
    color: #4c58c4;}
.pcoded-header.header-blue .main-search.open .input-group .search-btn {
    background: #4c58c4;
    border-color: #4c58c4;}
.pcoded-header.header-blue .dropdown .notification .noti-body li.notification:hover {
    background: rgba(76, 88, 196, 0.1);}
.pcoded-header.header-blue .dropdown .profile-notification .pro-head {
    color: #fff;
    background: #4c58c4;}
.pcoded-header.header-blue .dropdown.drp-user .show:before {
    color: #4c58c4;}
.pcoded-header.header-blue .b-bg i {
    color: #4c58c4;
    background-image: #4c58c4;
    -webkit-background-clip: text;
    -webkit-text-fill-color: unset;}
.pcoded-header.header-lightblue {
    background: #4c58c4;
    color: rgba(255, 255, 255, 1);}
.pcoded-header.header-lightblue .profile-notification li.active, .pcoded-header.header-lightblue .profile-notification li:active, .pcoded-header.header-lightblue .profile-notification li:focus, .pcoded-header.header-lightblue .profile-notification li:hover {
    background: rgba(76, 88, 196, 0.1);}
.pcoded-header.header-lightblue .dropdown-menu > li.active, .pcoded-header.header-lightblue .dropdown-menu > li:active, .pcoded-header.header-lightblue .dropdown-menu > li:focus, .pcoded-header.header-lightblue .dropdown-menu > li:hover {
    background: rgba(76, 88, 196, 0.1);
    color: #888;}
.pcoded-header.header-lightblue .main-search .search-close > .input-group-text {
    color: #4c58c4;}
.pcoded-header.header-lightblue .main-search.open .input-group .search-btn {
    background: #4c58c4;
    border-color: #4c58c4;}
.pcoded-header.header-lightblue .dropdown .notification .noti-body li.notification:hover, .pcoded-header.header-lightblue .dropdown .notification .noti-body li.notification.active {
    background: #4c58c4;}
.pcoded-header.header-lightblue .dropdown .profile-notification .pro-head {
    color: #fff;
    background: #4c58c4;}
.pcoded-header.header-lightblue .dropdown.drp-user .show:before {
    color: #4c58c4;}
.pcoded-header.header-lightblue .b-bg i {
    color: #4c58c4;
    background-image: #4c58c4;
    -webkit-background-clip: text;
    -webkit-text-fill-color: unset;}
.pcoded-navbar[class*="brand-"]:not(.brand-default) .b-bg i {
    color: #1de9b6;
    background-image: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.pcoded-navbar.brand-blue .header-logo, .pcoded-navbar[class*="navbar-"].brand-blue .header-logo {
    background: #4c58c4;}
.pcoded-navbar.brand-blue .header-logo .b-bg i, .pcoded-navbar[class*="navbar-"].brand-blue .header-logo .b-bg i {
    color: #4c58c4;
    -webkit-text-fill-color: unset;}
.pcoded-navbar.brand-lightblue .header-logo, .pcoded-navbar[class*="navbar-"].brand-lightblue .header-logo {
    background: #4c58c4;}
.pcoded-navbar.brand-lightblue .header-logo .b-bg i, .pcoded-navbar[class*="navbar-"].brand-lightblue .header-logo .b-bg i {
    color: #4c58c4;
    -webkit-text-fill-color: unset;}
.pcoded-navbar.brand-dark .header-logo .b-bg, .pcoded-navbar[class*="navbar-"].brand-dark .header-logo .b-bg {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.pcoded-navbar.brand-default .header-logo, .pcoded-navbar[class*="navbar-"].brand-default .header-logo {
    background: #3b3f66;}
.pcoded-navbar.navbar-blue {
    background: #4c58c4;}
.pcoded-navbar.navbar-blue .header-logo .b-bg {
    background: #4c58c4;}
.pcoded-navbar.navbar-blue.theme-horizontal .sidenav-horizontal-next, .pcoded-navbar.navbar-blue.theme-horizontal .sidenav-horizontal-prev {
    background: #4c58c4;
    color: rgba(255, 255, 255, 0.8);}
.pcoded-navbar.navbar-blue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before, .pcoded-navbar.navbar-blue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before {
    color: #4c58c4;}
.pcoded-navbar.navbar-lightblue {
    background: #23264a;}
.pcoded-navbar.navbar-lightblue .header-logo .b-bg {
    background: #4c58c4;}
.pcoded-navbar.navbar-lightblue.theme-horizontal .sidenav-horizontal-next, .pcoded-navbar.navbar-lightblue.theme-horizontal .sidenav-horizontal-prev {
    background: #4c58c4;
    color: rgba(255, 255, 255, 0.8);}
.pcoded-navbar.navbar-lightblue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before, .pcoded-navbar.navbar-lightblue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before {
    color: #4c58c4;}
.pcoded-navbar[class*="menu-item-icon-style"] .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before {
    color: #7a86e0;}
.pcoded-navbar.active-blue[class*="menu-item-icon-style"] .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before {
    color: #4c58c4;}
.pcoded-navbar.active-blue .pcoded-inner-navbar li.active > a, .pcoded-navbar.active-blue .pcoded-inner-navbar li:focus > a, .pcoded-navbar.active-blue .pcoded-inner-navbar li:hover > a {
    color: #4c58c4;}
.pcoded-navbar.active-blue .pcoded-inner-navbar li .pcoded-submenu > li.active > a:before, .pcoded-navbar.active-blue .pcoded-inner-navbar li .pcoded-submenu > li:focus > a:before, .pcoded-navbar.active-blue .pcoded-inner-navbar li .pcoded-submenu > li:hover > a:before {
    background: #4c58c4;}
.pcoded-navbar.active-blue .pcoded-inner-navbar > li.active:after, .pcoded-navbar.active-blue .pcoded-inner-navbar > li.pcoded-trigger:after {
    background-color: #4c58c4;}
.pcoded-navbar.active-blue .pcoded-inner-navbar > li.active > a, .pcoded-navbar.active-blue .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: #363e7e;
    color: #fff;}
.pcoded-navbar.active-blue.theme-horizontal .pcoded-inner-navbar > li .pcoded-submenu > li.active > a, .pcoded-navbar.active-blue.theme-horizontal .pcoded-inner-navbar > li .pcoded-submenu > li.pcoded-trigger > a, .pcoded-navbar.active-blue.theme-horizontal .pcoded-inner-navbar > li .pcoded-submenu > li:hover > a, .pcoded-navbar.active-blue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu > li.active > a, .pcoded-navbar.active-blue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu > li.pcoded-trigger > a, .pcoded-navbar.active-blue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu > li:hover > a {
    color: #4c58c4;}
.pcoded-navbar[class*="menu-item-icon-style"] .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before {
    color: #7a86e0;}
.pcoded-navbar.active-red .pcoded-inner-navbar > li.active > a, .pcoded-navbar.active-red .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: #363e7e;
    color: #fff;}
.pcoded-navbar[class*="menu-item-icon-style"] .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before {
    color: #7a86e0;}
.pcoded-navbar.active-purple .pcoded-inner-navbar > li.active > a, .pcoded-navbar.active-purple .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: #363e7e;
    color: #fff;}
.pcoded-navbar[class*="menu-item-icon-style"] .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before {
    color: #7a86e0;}
.pcoded-navbar.active-lightblue[class*="menu-item-icon-style"] .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before {
    color: #4c58c4;}
.pcoded-navbar.active-lightblue .pcoded-inner-navbar li.active > a, .pcoded-navbar.active-lightblue .pcoded-inner-navbar li:focus > a, .pcoded-navbar.active-lightblue .pcoded-inner-navbar li:hover > a {
    color: #4c58c4;}
.pcoded-navbar.active-lightblue .pcoded-inner-navbar li .pcoded-submenu > li.active > a:before, .pcoded-navbar.active-lightblue .pcoded-inner-navbar li .pcoded-submenu > li:focus > a:before, .pcoded-navbar.active-lightblue .pcoded-inner-navbar li .pcoded-submenu > li:hover > a:before {
    background: #4c58c4;}
.pcoded-navbar.active-lightblue .pcoded-inner-navbar > li.active:after, .pcoded-navbar.active-lightblue .pcoded-inner-navbar > li.pcoded-trigger:after {
    background-color: #4c58c4;}
.pcoded-navbar.active-lightblue .pcoded-inner-navbar > li.active > a, .pcoded-navbar.active-lightblue .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: #363e7e;
    color: #fff;}
.pcoded-navbar.active-lightblue.theme-horizontal .pcoded-inner-navbar > li .pcoded-submenu > li.active > a, .pcoded-navbar.active-lightblue.theme-horizontal .pcoded-inner-navbar > li .pcoded-submenu > li.pcoded-trigger > a, .pcoded-navbar.active-lightblue.theme-horizontal .pcoded-inner-navbar > li .pcoded-submenu > li:hover > a, .pcoded-navbar.active-lightblue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu > li.active > a, .pcoded-navbar.active-lightblue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu > li.pcoded-trigger > a, .pcoded-navbar.active-lightblue.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu .pcoded-submenu > li:hover > a {
    color: #4c58c4;}
.pcoded-navbar[class*="menu-item-icon-style"] .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before {
    color: #7a86e0;}
.pcoded-navbar.active-dark .pcoded-inner-navbar > li.active > a, .pcoded-navbar.active-dark .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: #363e7e;
    color: #fff;}
body.layout-1 .pcoded-navbar.active-blue .sidemenu li.active {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.active-blue .sidemenu li.active:after {
    background-color: #4c58c4;}
body.layout-1 .pcoded-navbar.active-lightblue .sidemenu li.active {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar.active-lightblue .sidemenu li.active:after {
    background-color: #4c58c4;}
.pcoded-navbar[class*="navbar-image"] .pcoded-inner-navbar > li.active > a, .pcoded-navbar[class*="navbar-image"] .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: rgba(35, 38, 74, 0.4);}
.pcoded-navbar.title-blue .pcoded-inner-navbar .pcoded-menu-caption {
    color: #4c58c4;}
.pcoded-navbar.title-lightblue .pcoded-inner-navbar .pcoded-menu-caption {
    color: #4c58c4;}
.doc-img > a span:before {
    width: 30%;
    left: 0;
    background: #3b3f66;}
.doc-img > a.active {
    border-color: #4c58c4;}
.doc-img > a.active:before {
    content: "\e83f";
    top: -4px;
    font-size: 20px;
    position: absolute;
    left: 10px;
    font-family: "feather";
    z-index: 1001;
    color: #4c58c4;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-shadow:
        0 3px 8px rgba(76, 88, 196, 0.9),
        0 3px 8px rgba(0, 0, 0, 0.1);}
.doc-img.navbar-color > a[data-value="navbar-blue"] > span:before {
    background: #4c58c4;}
.doc-img.navbar-color > a[data-value="navbar-lightblue"] > span:before {
    background: #4c58c4;}
.doc-img.header-color > a[data-value="header-blue"] > span:nth-child(1):after {
    background: #4c58c4;}
.doc-img.header-color > a[data-value="header-lightblue"] > span:nth-child(1):after {
    background: #4c58c4;}
.doc-img.brand-color > a[data-value="brand-blue"] > span:nth-child(1):before {
    background: #4c58c4;}
.doc-img.brand-color > a[data-value="brand-lightblue"] > span:nth-child(1):before {
    background: #4c58c4;}
.doc-img.active-color > a[data-value="active-default"] {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.doc-img.active-color > a[data-value="active-blue"] {
    background: #4c58c4;}
.doc-img.active-color > a[data-value="active-lightblue"] {
    background: #4c58c4;}
.doc-img.title-color > a[data-value="title-blue"] {
    background: #4c58c4;}
.doc-img.title-color > a[data-value="title-lightblue"] {
    background: #4c58c4;}
.nav-link.active.h-blue {
    background: #4c58c4 !important;}
.nav-link.active.h-lightblue {
    background: #4c58c4 !important;}
.pcoded-navbar.layout-2 {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(253deg),
        color-stop(0, #1de9b6),
        color-stop(70%, #5b67d8)
    );
    background: linear-gradient(253deg, #1de9b6 0, #5b67d8 70%);}
.pcoded-navbar.layout-3 {
    background: #4c58c4;}
.pcoded-navbar.layout-4 .navbar-brand, .pcoded-navbar.layout-4-2 .navbar-brand {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.pcoded-navbar.layout-4 .navbar-brand .b-brand .b-bg i, .pcoded-navbar.layout-4-2 .navbar-brand .b-brand .b-bg i {
    color: #1de9b6;
    background-image: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
body.layout-6 {
    background: #4c58c4;
    background-size: cover;
    background-attachment: fixed;
    background-position: top right;
    position: relative;}
body.layout-6 .pcoded-navbar .navbar-content {
    background: #3b3f66;
    border-radius: 0 10px 0 0;
    -webkit-box-shadow: 0 0 20px 0 #3b3f66;
    box-shadow: 0 0 20px 0 #3b3f66;}
body.layout-8 .pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a, body.layout-8 .pcoded-navbar.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: rgba(76, 88, 196, 0.15);
    color: #4c58c4;}
body.layout-8 .pcoded-navbar.active-blue .pcoded-inner-navbar > li.active > a, body.layout-8 .pcoded-navbar.active-blue .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: rgba(76, 88, 196, 0.15);
    color: #4c58c4;}
body.layout-8 .pcoded-navbar.active-lightblue .pcoded-inner-navbar > li.active > a, body.layout-8 .pcoded-navbar.active-lightblue .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: rgba(76, 88, 196, 0.15);
    color: #4c58c4;}
body.layout-1 .pcoded-navbar .toggle-sidemenu {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #2a2e52;
    width: 40px;
    height: 40px;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 5px 0 0;}
body.layout-1 .pcoded-navbar .sidemenu li.active {
    color: #4c58c4;}
body.layout-1 .pcoded-navbar .sidemenu li.active:after {
    content: "";
    background-color: #4c58c4;
    z-index: 1027;
    position: absolute;
    right: 0;
    top: 7px;
    width: 3px;
    height: calc(100% - 14px);
    border-radius: 3px 0 0 3px;}
.rides-bar i.rides-icon {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    border-radius: 50px;
    padding: 15px;}
.profit-bar i {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    border-radius: 50px;
    padding: 13px;}
.chat-sanders .card-header {
    background: linear-gradient(-135deg, #3b3f66 0%, #3b3f66 100%);}
.chat-sanders .send-chat .msg {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);}
.to-do-list .checkbox-fade label input[type="checkbox"]:checked + .cr {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    border: 0;}
.card-Impression i {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    width: 52px;
    height: 52px;
    border-radius: 5px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);}
#task-container li {
    float: left;
    width: 49%;
    overflow: auto;
    height: auto;
    min-height: 10px;
    background: #fff;
    display: inline-block;
    padding: 20px;
    border: 1px solid #ccc;
    color: #666;
    border-top: 5px solid #4c58c4;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 2%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;}
.job-meta-data i {
    margin-right: 5px;
    color: #4c58c4;}
.datepicker-dropdown {
    padding: 20px;
    color: #fff;
    background: #3b3f66;
    font-size: 14px;}
.datepicker-dropdown:after {
    border-bottom: 6px solid #3b3f66;}
.datepicker-dropdown.datepicker-orient-top:after {
    border-top: 6px solid #3b3f66;}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active, .datepicker table tr td.highlighted, .datepicker table tr td.today, .datepicker table tr td.day:hover, .datepicker table tr td.focused, .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background-color: #363e7e;
    color: #fff;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    padding: 3px 9px !important;
    background-color: #4c58c4;
    color: #fff;}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #4c58c4;
    color: #fff;}
.fullcalendar-card .fc-button {
    background-color: #4c58c4;
    border-color: #fff;
    color: #fff;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    height: 37px;
    padding: 0 15px;}
div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span {
    padding: 3px 0.9em !important;
    background: #4c58c4 !important;
    color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;}
.custom-select:focus, .form-select:focus, .form-control:focus {
    background: #f4f7fa;
    box-shadow: none;
    outline: 0px;
    border-bottom: 1px solid #4c58c4;
    -webkit-transition: border-color ease-in 0.2s;
    transition: border-color ease-in 0.2s;}
.form-control.is-valid, .form-control.is-valid:focus, .was-validated .form-control:valid:focus, .was-validated .form-control:valid {
    border-color: #4c58c4 !important;
    padding-right: inherit !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in 0.2s;
    transition: border-color ease-in 0.2s;}
.checkbox.checkbox-primary input[type="checkbox"]:checked + .cr:before {
    background: #4c58c4;
    border-color: #4c58c4;
    color: #ffffff;}
.checkbox.checkbox-fill.checkbox-primary input[type="checkbox"]:checked + .cr:before {
    background: transparent;
    color: #4c58c4;
    border-color: transparent;}
.checkbox.checkbox-info input[type="checkbox"]:checked + .cr:before {
    background: #7a86e0;
    border-color: #7a86e0;
    color: #ffffff;}
.checkbox.checkbox-fill.checkbox-info input[type="checkbox"]:checked + .cr:before {
    background: transparent;
    color: #7a86e0;
    border-color: transparent;}
.radio input[type="radio"]:checked + .cr:after {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.radio.radio-primary input[type="radio"]:checked + .cr:before {
    border-color: #4c58c4;}
.radio.radio-primary input[type="radio"]:checked + .cr:after {
    background: #4c58c4;}
.radio.radio-info input[type="radio"]:checked + .cr:before {
    border-color: #7a86e0;}
.radio.radio-info input[type="radio"]:checked + .cr:after {
    background: #7a86e0;}
.label.label-primary {
    background: #4c58c4;
    color: #ffffff;}
.label.label-info {
    background: #7a86e0;
    color: #ffffff;}
.table thead th {
    border-bottom: 0px;
    background: #4c58c4;
    color: #fff !important;
    padding: 8px 5px;}
.table-striped tbody tr:nth-of-type(2n + 1) {
    background-color: rgba(76, 88, 196, 0.05);}
.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
    --bs-table-accent-bg: rgba(76, 88, 196, 0.05) !important;}
.table-hover tbody tr:hover {
    background-color: rgba(76, 88, 196, 0.05);}
.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(76, 88, 196, 0.05);}
.table .thead-dark th {
    color: #fff;
    background-color: #37474f;
    border-color: #4c58c4;}
.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #4c58c4;}
.footable .pagination > .active > a, .footable .pagination > .active > span {
    background-color: #4c58c4;
    border-color: #4c58c4;}
.footable .pagination > .active > a:focus, .footable .pagination > .active > a:hover, .footable .pagination > .active > span:focus, .footable .pagination > .active > span:hover {
    background-color: #4c58c4;
    border-color: #4c58c4;}
.auth-wrapper .auth-icon:before {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.auth-wrapper .auth-bg .r:first-child {
    top: -100px;
    right: -100px;
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.auth-wrapper .auth-bg .r.s:nth-child(2) {
    top: 150px;
    right: -150px;
    background: #4c58c4;}
.btn-theme, a.btn-theme {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    border-color: #1de1c2;
    border-radius: 0.25rem;
    padding: 11px 25px;}
.btn-theme:active, .btn-theme:focus, .btn-theme:not(:disabled):not(.disabled):active, a.btn-theme:active, a.btn-theme:focus, a.btn-theme:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;}
.btn-outline-theme.active {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%) !important;
    color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;}
.btn-primary {
    color: #fff;
    background-color: #4c58c4;
    border-color: #4c58c4;}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #4c58c4;
    border-color: #4c58c4;}
.btn-info {
    color: #fff;
    background-color: #7a86e0;
    border-color: #7a86e0;}
.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #7a86e0;
    border-color: #7a86e0;}
.btn-dark:hover {
    color: #fff;
    background-color: #273338;
    border-color: #23264a;}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #23264a;
    border-color: #1d2529;}
.btn-outline-primary {
    color: #4c58c4;
    background-color: transparent;
    background-image: none;
    border-color: #4c58c4;}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #4c58c4;
    border-color: #4c58c4;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #4c58c4;
    background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #4c58c4;
    border-color: #4c58c4;}
.btn-outline-info {
    color: #7a86e0;
    background-color: transparent;
    background-image: none;
    border-color: #7a86e0;}
.btn-outline-info:hover {
    color: #fff;
    background-color: #7a86e0;
    border-color: #7a86e0;}
.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #7a86e0;
    background-color: transparent;}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #7a86e0;
    border-color: #7a86e0;}
.btn-glow-primary {
    -webkit-box-shadow:
        0 1px 6px 2px rgba(76, 88, 196, 0.56),
        0 6px 11px 2px rgba(76, 88, 196, 0.2);
    box-shadow:
        0 1px 6px 2px rgba(76, 88, 196, 0.56),
        0 6px 11px 2px rgba(76, 88, 196, 0.2);}
.btn-glow-primary:hover {
    -webkit-box-shadow:
        0 1px 4px 2px rgba(76, 88, 196, 0.56),
        0 4px 9px 2px rgba(76, 88, 196, 0.1);
    box-shadow:
        0 1px 4px 2px rgba(76, 88, 196, 0.56),
        0 4px 9px 2px rgba(76, 88, 196, 0.1);}
.btn-glow-info {
    -webkit-box-shadow:
        0 1px 6px 2px rgba(122, 134, 224, 0.56),
        0 6px 11px 2px rgba(122, 134, 224, 0.2);
    box-shadow:
        0 1px 6px 2px rgba(122, 134, 224, 0.56),
        0 6px 11px 2px rgba(122, 134, 224, 0.2);}
.btn-glow-info:hover {
    -webkit-box-shadow:
        0 1px 4px 2px rgba(122, 134, 224, 0.56),
        0 4px 9px 2px rgba(122, 134, 224, 0.1);
    box-shadow:
        0 1px 4px 2px rgba(122, 134, 224, 0.56),
        0 4px 9px 2px rgba(122, 134, 224, 0.1);}
.alert-dark .alert-link {
    color: #4c58c4;}
.breadcrumb-item + .breadcrumb-item {
    color: #4c58c4;}
.page-item.active .page-link {
    color: #fff;
    background-color: #4c58c4;
    border-color: #4c58c4;}
.progress-bar {
    background-color: #4c58c4;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);}
.progress-bar.progress-c-blue {
    background: #4c58c4;}
.progress-bar.progress-c-theme {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.nav-tabs .nav-link:hover {
    color: #4c58c4;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background: #4c58c4;
    -webkit-box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.2);}
.header-user-list.open.msg-open:after {
    color: rgba(76, 88, 196, 0.1);}
.h-list-body .userlist-box .live-status {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 35px;
    right: 20px;
    border-radius: 100%;
    color: #fff;
    padding: 2px 0;
    text-align: center;
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);}
.h-list-body .chat-messages .chat-menu-content > div p {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    color: #fff;
    border-radius: 4px;
    margin-bottom: 4px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);}
.toolbar-primary .tool-item {
    background: #4c58c4;}
.toolbar-primary.tool-top .tooltip-arrow {
    border-color: #4c58c4 transparent transparent;}
.toolbar-primary.tool-bottom .tooltip-arrow {
    border-color: transparent transparent #4c58c4;}
.toolbar-primary.tool-left .tooltip-arrow {
    border-color: transparent transparent transparent #4c58c4;}
.toolbar-primary.tool-right .tooltip-arrow {
    border-color: transparent #4c58c4 transparent transparent;}
.btn-toolbar-primary.pressed {
    background-color: #4c58c4;}
.toolbar-dark .tool-item.selected, .toolbar-dark .tool-item:hover {
    background: #4c58c4;}
.toolbar-info .tool-item {
    background: #7a86e0;}
.toolbar-info.tool-top .tooltip-arrow {
    border-color: #7a86e0 transparent transparent;}
.toolbar-info.tool-bottom .tooltip-arrow {
    border-color: transparent transparent #7a86e0;}
.toolbar-info.tool-left .tooltip-arrow {
    border-color: transparent transparent transparent #7a86e0;}
.toolbar-info.tool-right .tooltip-arrow {
    border-color: transparent #7a86e0 transparent transparent;}
.btn-toolbar-info.pressed {
    background-color: #7a86e0;}
.switch input[type="checkbox"]:checked + .cr:before {
    background: linear-gradient(-135deg, #1de9b6 0%, #5b67d8 100%);
    -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);}
.switch.switch-primary input[type="checkbox"]:checked + .cr:before {
    background: #4c58c4;}
.switch.switch-info input[type="checkbox"]:checked + .cr:before {
    background: #7a86e0;}
.wizard-card[data-color="wizard-primary"] .moving-tab {
    background-color: #4c58c4;
    -webkit-box-shadow:
        0 16px 26px -10px rgba(76, 88, 196, 0.56),
        0 4px 25px 0 rgba(0, 0, 0, 0.12),
        0 8px 10px -5px rgba(76, 88, 196, 0.2);
    box-shadow:
        0 16px 26px -10px rgba(76, 88, 196, 0.56),
        0 4px 25px 0 rgba(0, 0, 0, 0.12),
        0 8px 10px -5px rgba(76, 88, 196, 0.2);}
.wizard-card[data-color="wizard-info"] .moving-tab {
    background-color: #7a86e0;
    -webkit-box-shadow:
        0 16px 26px -10px rgba(122, 134, 224, 0.56),
        0 4px 25px 0 rgba(0, 0, 0, 0.12),
        0 8px 10px -5px rgba(122, 134, 224, 0.2);
    box-shadow:
        0 16px 26px -10px rgba(122, 134, 224, 0.56),
        0 4px 25px 0 rgba(0, 0, 0, 0.12),
        0 8px 10px -5px rgba(122, 134, 224, 0.2);}
.sw-theme-default > ul.step-anchor > li.active a, .sw-theme-default > ul.step-anchor > li.active a h6 {
    color: #4c58c4;}
.sw-theme-default > ul.step-anchor > li > a.nav-link:after {
    background: #4c58c4;}
.radial-bar.radial-bar-primary.radial-bar-0 {
    background-image:
        -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(50%, #d6d6d6),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, left top, right top, color-stop(50%, #4c58c4), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(90deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-5 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(108deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-10 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(126deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-15 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(144deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-20 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(162deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-25 {
    background-image:
        -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(50%, #d6d6d6),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, left top, left bottom, color-stop(50%, #4c58c4), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(180deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-30 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(198deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-35 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(216deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-40 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(234deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-45 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(252deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-50 {
    background-image:
        -webkit-gradient(
            linear,
            right top,
            left top,
            color-stop(50%, #4c58c4),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, right top, left top, color-stop(50%, #4c58c4), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            270deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-55 {
    background-image: linear-gradient(
            288deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-60 {
    background-image: linear-gradient(
            306deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-65 {
    background-image: linear-gradient(
            324deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-70 {
    background-image: linear-gradient(
            342deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-75 {
    background-image:
        -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(50%, #4c58c4),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, right top, left top, color-stop(50%, #4c58c4), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            360deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-80 {
    background-image: linear-gradient(
            378deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-85 {
    background-image: linear-gradient(
            396deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-90 {
    background-image: linear-gradient(
            414deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-95 {
    background-image: linear-gradient(
            432deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-primary.radial-bar-100 {
    background-image:
        -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(50%, #4c58c4),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, right top, left top, color-stop(50%, #4c58c4), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            450deg,
            #4c58c4 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #4c58c4 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-0 {
    background-image:
        -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(50%, #d6d6d6),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, left top, right top, color-stop(50%, #7a86e0), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(90deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-5 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(108deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-10 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(126deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-15 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(144deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-20 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(162deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-25 {
    background-image:
        -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(50%, #d6d6d6),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, left top, left bottom, color-stop(50%, #7a86e0), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(180deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-30 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(198deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-35 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(216deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-40 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(234deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-45 {
    background-image: linear-gradient(
            90deg,
            #d6d6d6 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(252deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-50 {
    background-image:
        -webkit-gradient(
            linear,
            right top,
            left top,
            color-stop(50%, #7a86e0),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, right top, left top, color-stop(50%, #7a86e0), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            270deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-55 {
    background-image: linear-gradient(
            288deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-60 {
    background-image: linear-gradient(
            306deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-65 {
    background-image: linear-gradient(
            324deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-70 {
    background-image: linear-gradient(
            342deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-75 {
    background-image:
        -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(50%, #7a86e0),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, right top, left top, color-stop(50%, #7a86e0), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            360deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-80 {
    background-image: linear-gradient(
            378deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-85 {
    background-image: linear-gradient(
            396deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-90 {
    background-image: linear-gradient(
            414deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-95 {
    background-image: linear-gradient(
            432deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.radial-bar.radial-bar-info.radial-bar-100 {
    background-image:
        -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(50%, #7a86e0),
            color-stop(50%, transparent),
            to(transparent)
        ),
        -webkit-gradient(linear, right top, left top, color-stop(50%, #7a86e0), color-stop(50%, #d6d6d6), to(#d6d6d6));
    background-image: linear-gradient(
            450deg,
            #7a86e0 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #7a86e0 50%, #d6d6d6 50%, #d6d6d6);}
.external-events .fc-event {
    color: #fff;
    cursor: move;
    padding: 5px 18px;
    margin-top: 5px;
    background: #4c58c4;
    border-color: #4c58c4;}
.calendar .fc-event, .calendar .fc-event:hover {
    color: #fff;
    cursor: move;
    padding: 5px 18px;
    margin-top: 2px;
    background: #4c58c4;
    border-color: #4c58c4;}
.form-group label span, .form-group .form-label span {
    color: #4c58c4;}
.modal-header {
    padding: 0.5rem 1rem;
    border-bottom: 0px;
    background: #4c58c4;
    color: #fff;}
.dataTables_wrapper .dt-buttons .btn {
    padding: 5px;
    color: #4c58c4 !important;
    background: #fff !important;
    border-color: #4c58c4 !important;
    width: 40px;
    max-width: 40px;}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header, .dtp div.dtp-date, .dtp div.dtp-time, .dtp table.dtp-picker-days tr > td > a.selected {
    background: #4c58c4 !important;}
.dtp .year-picker-item:hover, .dtp .year-picker-item.active {
    color: #4c58c4 !important;}
.dtp .dtp-actual-meridien a.selected {
    background: #4c58c4;}
.form-step .custom-select:focus, .form-step .form-select:focus, .form-step .form-control:focus {
    outline: 0px;
    border-bottom: 1px solid #4c58c4 !important;
    -webkit-transition: border-color ease-in 0.2s;
    transition: border-color ease-in 0.2s;}
.text-primary {
    color: #4c58c4 !important;}
.text-info {
    color: #7a86e0 !important;}
.badge-primary {
    background-color: #4c58c4;}
.badge-info {
    background-color: #7a86e0;}
.class-routine-table tbody td .class-time {
    clear: both;
    color: #fff;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
    background: #4c58c4;
    box-shadow: 0 10px 18px 0 rgba(69, 90, 100, 0.08);}
.fc-toolbar button {
    background: #4c58c4;
    color: #fff;
    opacity: 1;
    border: 0px;
    font-weight: 300;
    box-shadow: none;
    border-radius: 4px !important;}
.fc .fc-button-group > * {
    background: #4c58c4 !important;
    color: #fff !important;
    font-weight: 300 !important;
    box-shadow: none;
    border: 0px;
    border-left: 2px solid #fff !important;}
@media only screen and (max-width: 991px) {
  .pcoded-header {
        background: #3b3f66;
        color: #fff;}
  .pcoded-header .input-group-text, .pcoded-header a, .pcoded-header dropdown-toggle {
        color: #3b3f66;}
  .pcoded-header .input-group-text:hover, .pcoded-header a:hover, .pcoded-header dropdown-toggle:hover {
        color: #4c58c4;}
  .pcoded-header .dropdown-menu, .pcoded-header .dropdown-menu a, .pcoded-header .search-close .input-group-text {
        color: #3b3f66;}
}
@media only screen and (max-width: 991px) {
  .theme-horizontal ~ .pcoded-header {
        background: #3b3f66;}
}
@media only screen and (max-width: 991px) {
  .pcoded-header.header-blue .input-group .input-group-text, .pcoded-header.header-blue a, .pcoded-header.header-blue dropdown-toggle {
        color: #3b3f66;}
  .pcoded-header.header-blue .input-group .input-group-text:hover, .pcoded-header.header-blue a:hover, .pcoded-header.header-blue dropdown-toggle:hover {
        color: #2a2e52;}
}
@media only screen and (max-width: 991px) {
  .pcoded-header.header-red .input-group .input-group-text, .pcoded-header.header-red a, .pcoded-header.header-red dropdown-toggle {
        color: #3b3f66;}
  .pcoded-header.header-red .input-group .input-group-text:hover, .pcoded-header.header-red a:hover, .pcoded-header.header-red dropdown-toggle:hover {
        color: #2a2e52;}
}
@media only screen and (max-width: 991px) {
  .pcoded-header.header-purple .input-group .input-group-text, .pcoded-header.header-purple a, .pcoded-header.header-purple dropdown-toggle {
        color: #3b3f66;}
  .pcoded-header.header-purple .input-group .input-group-text:hover, .pcoded-header.header-purple a:hover, .pcoded-header.header-purple dropdown-toggle:hover {
        color: #2a2e52;}
}
@media only screen and (max-width: 991px) {
  .pcoded-header.header-lightblue .input-group .input-group-text, .pcoded-header.header-lightblue a, .pcoded-header.header-lightblue dropdown-toggle {
        color: #3b3f66;}
  .pcoded-header.header-lightblue .input-group .input-group-text:hover, .pcoded-header.header-lightblue a:hover, .pcoded-header.header-lightblue dropdown-toggle:hover {
        color: #2a2e52;}
}
@media only screen and (max-width: 991px) {
  .pcoded-header.header-dark .input-group .input-group-text, .pcoded-header.header-dark a, .pcoded-header.header-dark dropdown-toggle {
        color: #3b3f66;}
  .pcoded-header.header-dark .input-group .input-group-text:hover, .pcoded-header.header-dark a:hover, .pcoded-header.header-dark dropdown-toggle:hover {
        color: #2a2e52;}
}
@media only screen and (max-width: 991px) {
  body.layout-6 .pcoded-header .input-group .input-group-text, body.layout-6 .pcoded-header .navbar-nav > li > .dropdown > .dropdown-toggle, body.layout-6 .pcoded-header .navbar-nav > li > .dropdown-toggle, body.layout-6 .pcoded-header .navbar-nav > li > a {
        color: #3b3f66;}
}
@media screen and (max-width: 991px) {
  .topbar-title {
        color: #3b3f66;
        display: none;}
}