/* Normal desktop :1200px. */
/* Normal desktop :992px. */
/* Tablet desktop :768px. */
/* small mobile :320px. */
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400&display=swap");

.CRM_dropdown.dropdown .dropdown-toggle:hover, .CRM_dropdown.dropdown .dropdown-toggle:focus {
    background: -webkit-gradient(linear, left top, right top, from(#7C32FF), color-stop(70%, #A235EC), to(#C738D8));
    background: -o-linear-gradient(left, #7C32FF 0%, #A235EC 70%, #C738D8 100%);
    background: linear-gradient(90deg, #7C32FF 0%, #A235EC 70%, #C738D8 100%);
}

.profile_info .profile_info_iner .profile_author_name {
    background-image: linear-gradient(to bottom right, #863ee2, #571f9e);
}

/**************** common css start ****************/
.default {
    --white_card_body: #fff;
    --main_content: #EEFEFF;
    --header_iner: #0073c7;
    --logo: linear-gradient(to right, #1488cc, #2b32b2);
    --sidebar: linear-gradient(to right, #1488cc, #2b32b2);
    --sidebar_box-shadow: 0 12px 20px rgba(33, 93, 189, 0.45);
    --sidebar_menu-a: white;
    --sidebar_menu-a-hover: #105299;
    --sidebar_menu-background: linear-gradient(to right, #1488cc, #2b32b2);
    --sidebar_menu-background-hover: #BAF5F5;
    --white_card_header: #0073c7;
    --white_card_header-border-bottom: 1px solid #EEE;
    --icon: white;
    --icon-hover: #108699;
    --icon-color: #8950FC;
    --title: white;
    --navbar-header: #73A2EC;
    --accordion-header-open: linear-gradient(to right, #9cecfb, #65c7f7, #73A2EC);
    --accordion-header-close: linear-gradient(to right, #9cecfb, #65c7f7, #73A2EC);
    --footer: linear-gradient(to right, #3a7bd5, #00d2ff);
    --themehover: #BAF5F5;
    --titleactive: #105299;
    --syiran-side-bar: linear-gradient(to right, rgba(255, 255, 255, 0), #0073c78f);
    --dropdownheader: #0073c7;
}

.cimb {
    --white_card_body: #fffbfb;
    --main_content: #fff;
    --header_iner: #f40101;
    --logo: linear-gradient(to right, #7b0000,#fe0000);
    --sidebar: linear-gradient(to right, #7b0000,#fe0000);
    --sidebar_box-shadow: 0 12px 20px rgba(33, 93, 189, 0.45);
    --sidebar_menu-a: #fff;
    --sidebar_menu-a-hover: #fff;
    --sidebar_menu-background: linear-gradient(to right, #7b0000,#fe0000);
    --sidebar_menu-background-hover: #ffd557;
    --white_card_header: #f40101;
    --white_card_header-border-bottom: 1px solid #EEE;
    --icon: #fff;
    --icon-hover: #eb3131;
    --icon-color: #ffd557;
    --title: white;
    --navbar-header: #ff5d5d;
    --accordion-header-open: #ffd557;
    --accordion-header-close: #ffd557;
    --footer: linear-gradient(to right, #e53935, #e35d5b);
    --themehover: #ffd557;
    --titleactive: #fff;
    --syiran-side-bar: linear-gradient(to right, rgba(255, 255, 255, 0), #f401018f);
    --dropdownheader: #ff5d5d;
}

.gradient {
    --white_card_body: #fffbfb;
    --main_content: #F5F5F5;
    --header_iner: #008080b3;
    /*    --logo: linear-gradient(to right, #283048, #859398);*/
    --sidebar: linear-gradient(to right,#008080,#00808075);
    --sidebar_box-shadow: 0 12px 20px rgba(33, 93, 189, 0.45);
    --sidebar_menu-a: #fff;
    --sidebar_menu-a-hover: linear-gradient(to right, #283048, #859398);
    /*    --sidebar_menu-background: linear-gradient(to right,#008080,#00808075);*/
    --sidebar_menu-background-hover: #e1f5c4;
    --white_card_header: #008080b3;
    --white_card_header-border-bottom: 1px solid #EEE;
    --icon: #fff;
    --icon-hover: black;
    --icon-color: #ff5d5d;
    --title: white;
    --navbar-header: #008080b3;
    --accordion-header-open: linear-gradient(to right, #c2e59c, #64b3f4);
    --accordion-header-close: linear-gradient(to right, #c2e59c, #64b3f4);
    --footer: linear-gradient(145deg, #49bddc 0, #0ce7d3 100%);
    --themehover: #e1f5c4;
    --syiran-side-bar: linear-gradient(to right, rgba(255, 255, 255, 0), #008080b3);
    --dropdownheader: #008080b3;
}

body {
    font-family: "Mulish", sans-serif;
    padding: 0;
    margin: 0;
    font-size: 14px;
    position: relative;
    background: var(--main_content);
}

#theme-selector {
    position: absolute;
    z-index: 1;
    width: 30px;
    background: transparent;
    border: transparent;
    padding-bottom: 0px;
    /*    padding-top: 0px;
*/ margin-bottom: 0px;
    /*    margin-top: -5px;
*/ margin-right: -2px;
    color: #343a40;
    -webkit-appearance: none;
}

.login {
    background-size: cover; /* Resize the background image to cover the entire container */
    background: linear-gradient(to right,#f05053, #e1eec3);
}

.white_card_login {
    background-color: #FFFFFF99 !important;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1310px;
    }
}

.body_white_bg {
    background: #fff;
}

.br_5 {
    border-radius: 5px;
}

.border_bottom_1px {
    border-bottom: 1px solid #E0E2E8;
}

.message_submit_form:focus {
    outline: none;
}

input:hover, input:focus {
    outline: none !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}

:focus {
    outline: -webkit-focus-ring-color auto 0;
}

/*.custom-file-input:focus ~ .custom-file-label {
    border-color: transparent;
    box-shadow: none;
}*/

.custom-file-input {
    border-color: #BBC1C9;
}

    .custom-file-input:focus {
        box-shadow: 0 0 0 0rem transparent !important;
        border-color: #BBC1C9;
    }


.form-control {
    border-color: #BBC1C9;
}

    .form-control:focus {
        box-shadow: 0 0 0 0rem transparent !important;
        border-color: #BBC1C9;
    }

.dropdown-menu {
    margin: 0;
    padding: 0;
}

.section_padding {
    padding: 120px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .section_padding {
        padding: 80px 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_padding {
        padding: 70px 0px;
    }
}

@media (max-width: 575.98px) {
    .section_padding {
        padding: 70px 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section_padding {
        padding: 70px 0px;
    }
}

.padding_top {
    padding-top: 120px;
}

@media (max-width: 991px) {
    .padding_top {
        padding-top: 70px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .padding_top {
        padding-top: 80px;
    }
}

.padding_bottom {
    padding-bottom: 120px;
}

@media (max-width: 991px) {
    .padding_bottom {
        padding-bottom: 70px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .padding_bottom {
        padding-bottom: 80px;
    }
}

a {
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    a:hover {
        text-decoration: none;
    }

h1, h2, h3, h4, h5, h6 {
    color: #474D58;
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    line-height: 1.2;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}

li {
    list-style: none;
}

ul, ol {
    margin: 0;
    padding: 0;
}

p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0px;
    color: #212529;
    font-family: "Gill Sans", sans-serif;
    font-weight: 300;
}

a:focus, .button:focus, button:focus, .btn:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
    -webkit-transition: 1s;
    transition: 1s;
}

.p_30 {
    padding: 30px;
}

@media (max-width: 991px) {

    .p_30 {
        padding: 20px;
    }
}

.p_20 {
    padding: 20px;
}

.p_15 {
    padding: 20px 20px 15px;
}

.pb_20 {
    padding-bottom: 20px;
}


.mt_60 {
    margin-top: 60px;
}

@media (max-width: 991px) {

    .mt_60 {
        margin-top: 30px;
    }
}

.mt_25 {
    margin-top: 25px;
}

.mt_30 {
    margin-top: 30px;
}

@media (max-width: 991px) {

    .mt_30 {
        margin-top: 15px;
    }
}

.mt_10 {
    margin-top: 10px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_15_imp {
    margin-bottom: 13px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}


.mb_20_imp {
    margin-bottom: 20px;
}

.mb_25 {
    margin-bottom: 20px;
}

.mb_50 {
    margin-bottom: 50px;
}

@media (max-width: 575.98px) {

    .mb_50 {
        margin-bottom: 30px;
    }
}

.mt_50 {
    margin-top: 50px;
}

@media (max-width: 575.98px) {

    .mt_50 {
        margin-top: 25px;
    }
}

.mt_20 {
    margin-top: 20px;
}

.mb_10 {
    margin-bottom: 10px !important;
}

th:focus, td:focus {
    outline: -webkit-focus-ring-color auto 0;
}

table.dataTable tbody th, table.dataTable tbody td {
    vertical-align: middle;
}

.mt_40 {
    margin-top: 40px;
}

.section_bg {
    background-color: #fef1f2;
}

.cs_checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .cs_checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .cs_checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: transparent;
        border: 1px solid #e4e8ec;
    }

.section_tittle {
    text-align: center;
}

    .section_tittle h2 {
        font-size: 36px;
        margin-bottom: 25px;
        line-height: 33px;
    }

@media (max-width: 991px) {

    .section_tittle h2 {
        margin-bottom: 15px;
        font-size: 25px;
    }
}

@media (max-width: 991px) {

    .section_tittle h2 {
        font-size: 30px;
    }
}

.section_tittle p {
    margin-bottom: 72px;
}

@media (max-width: 991px) {

    .section_tittle p {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .section_tittle p {
        margin-bottom: 50px;
    }
}

/* Create the checkmark/indicator (hidden when not checked) */

.cs_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */

.cs_checkbox input:checked ~ .checkmark:after {
    display: block;
    left: 6px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #7e7172;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: "";
}

.cs_checkbox span {
    padding: 0 !important;
}

.custom_checkbox tr th:first-child, .custom_checkbox tr td:first-child {
    padding: 16px 0 16px 0 !important;
}

.border_1px {
    border-right: 1px solid rgba(130, 139, 178, 0.3);
    height: 40px;
    margin-right: 20px;
    margin-left: 8px;
}

.nice_Select {
    border: 0;
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 30px;
    color: #415094;
    border-radius: 5px;
    border: 1px solid #A1A4B9;
}

    .nice_Select .nice-select-search-box {
        width: 100% !important;
    }

    .nice_Select.bgLess {
        background: transparent;
        border: 0 !important;
    }

    .nice_Select:after {
        content: "\e62a";
        font-family: 'themify';
        border: 0;
        transform: rotate(0deg);
        margin-top: -16px;
        font-size: 12px;
        font-weight: 500;
        right: 18px;
        transform-origin: none;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        margin-top: -22px;
    }

    .nice_Select.open::after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-top: 15px;
        margin-top: 12px;
        right: 12px;
    }

    .nice_Select:focus {
        box-shadow: none;
    }

    .nice_Select.open .list {
        min-width: 200px;
        left: 0;
        overflow-y: auto;
    }

        .nice_Select.open .list li:first-child {
            color: #000;
        }

    .nice_Select .current {
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .nice_Select .list {
        width: 100%;
        left: auto;
        right: 0;
        border-radius: 0px 0px 10px 10px;
        margin-top: 1px;
        z-index: 9999 !important;
        box-shadow: 0px 10px 20px rgba(108, 39, 255, 0.3);
        overflow: auto;
    }

        .nice_Select .list li {
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
        }

.nice_Select2 {
    border: 0;
    border-radius: 0px;
    padding-left: 0;
    padding-right: 5px;
    color: #0FC171;
    background: #E4FFFA;
    border: 0;
    padding-left: 18px;
    padding-right: 38px;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    text-transform: capitalize;
}

    .nice_Select2 .nice-select-search-box {
        width: 100% !important;
        margin-top: 5px;
        display: none !important;
    }

    .nice_Select2:after {
        content: "\e64b";
        font-family: 'themify';
        border: 0;
        transform: rotate(0deg);
        margin-top: -16px;
        font-size: 12px;
        font-weight: 500;
        right: 18px;
        transform-origin: none;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        margin-top: -16px;
        right: 20px;
        margin-top: -15px;
        right: 25px;
        color: #0FC171;
    }

    .nice_Select2:active, .nice_Select2.open, .nice_Select2:focus {
        border-color: none;
        border: 0;
    }

        .nice_Select2.open::after {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            margin-top: 8px;
            right: 20px;
        }

    .nice_Select2:focus {
        box-shadow: none;
        border: 0;
    }

    .nice_Select2:hover {
        border: 0;
    }

    .nice_Select2.open .list {
        min-width: 100%;
        margin-top: 5px;
        padding-top: 0 !important;
        left: 0;
        overflow-y: auto;
    }

        .nice_Select2.open .list li:first-child {
            color: #000;
        }

    .nice_Select2 .current {
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .nice_Select2 .list {
        width: 100%;
        left: auto;
        right: 0;
        border-radius: 0px 0px 10px 10px;
        margin-top: 1px;
        z-index: 9999 !important;
        box-shadow: 0px 10px 20px rgba(108, 39, 255, 0.3);
    }

        .nice_Select2 .list li {
            font-size: 10px;
            font-weight: 500;
            text-transform: uppercase;
        }

.white_box {
    background-color: #fff;
    padding: 20px;
}

@media (max-width: 991px) {

    .white_box {
        padding: 20px 20px;
    }
}

@media (max-width: 575.98px) {

    .white_box {
        padding: 25px 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .white_box {
        padding: 30px 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {

    .white_box {
        padding: 30px 20px;
    }
}

.white_box h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 22px;
    font-family: "Mulish", sans-serif;
}

@media (max-width: 991px) {

    .white_box h3 {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .white_box h3 {
        margin-bottom: 10px;
    }
}

.white_box h3 span {
    font-weight: 300;
    color: #7e7172;
}

.progress-bar {
    text-align: right;
    padding-right: 8px;
}

.white_box_p_30 {
    padding: 30px;
    background-color: #fff;
}

@media (max-width: 991px) {

    .white_box_p_30 {
        padding: 25px 15px;
    }
}

.cu_dropdown .btn {
    border: 1px solid #f1f2f3;
    background-color: #fef1f2;
    color: #7e7172;
    font-size: 12px;
    font-weight: 300;
    padding: 5px 15px;
}

.cu_dropdown .btn_1 {
    padding: 11px 20px;
}

.cu_dropdown .dropdown-toggle::after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: 0;
    content: "\e64b";
    border-top: none;
    font-family: 'themify';
    font-size: 10px;
}

.cu_dropdown .dropdown-menu {
    min-width: auto;
    background-color: #474D58;
    min-width: 102px;
    left: 0 !important;
    border-radius: 0 0 5px 5px;
    top: -2px !important;
    padding: 17px 0;
}

    .cu_dropdown .dropdown-menu .dropdown-item {
        font-size: 12px;
        font-weight: 300;
        text-transform: capitalize;
        padding: 7px 20px;
        padding: 7px 20px;
        color: #fff;
    }

.cu_dropdown .left_arrow:hover {
    background-color: transparent;
    padding-left: 38px;
}

.cu_dropdown .left_arrow:after {
    left: 18px;
    top: 11px;
}

.switch {
    -webkit-appearance: none;
/*    background-color: gray;
*/    border-radius: 43px;
    position: relative;
    cursor: pointer;
/*    padding: 14px 25px !important;
*/    margin-right: 20px;
/*    height: 30px;
*/
margin-left:737px !important;
}

    .switch::after {
        top: 6px;
        left: 6px;
        content: '';
        width: 15px;
        height: 15px;
/*        background-color: #2E4765;
*/        position: absolute;
        border-radius: 100%;
        transition: 1s;
    }

    .switch:checked {
        background-color: #2E4765 !important;
    }

        .switch:checked::after {
            background-color: #fff !important;
        }

        .switch:checked::after {
            transform: translateX(25px);
        }

    .switch:focus {
        outline-color: transparent;
    }

.menu_bropdown {
    display: inline-block;
}

    .menu_bropdown .dropdown-menu {
        min-width: 168px !important;
        right: 0;
    }

@media (max-width: 991px) {

    .sidebar_widget {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .sidebar_widget {
        margin-top: 0;
    }
}

.text_underline {
    color: #474D58;
    text-decoration: underline;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .text_underline:hover {
        color: #474D58;
        text-decoration: underline;
    }

.check_box_item {
    margin-top: 11px;
}

    .check_box_item .single_check_box {
        padding: 15px 0;
        border-bottom: 1px solid #e4e8ec;
    }

        .check_box_item .single_check_box .switch {
            -webkit-appearance: none;
            background-color: transparent;
            padding: 14px 27px !important;
            margin-right: 0;
            border: 1px solid #e4e8ec;
        }

            .check_box_item .single_check_box .switch:after {
                top: 4px;
                width: 20px;
                height: 20px;
            }

            .check_box_item .single_check_box .switch:checked::after {
                background-color: #7e7172 !important;
                left: 4px;
            }

            .check_box_item .single_check_box .switch:checked {
                background-color: transparent !important;
            }

.list_header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    align-items: center;
}

@media (max-width: 575.98px) {

    .list_header {
        display: block;
    }
}

.list_header p {
    color: #474D58;
    font-weight: 400;
    font-size: 14px;
    color: #7F8B9F;
    font-weight: 400;
}

.list_header .nice_Select {
    margin-left: 15px;
}

@media (max-width: 575.98px) {

    .list_header .nice_Select {
        margin-left: 10px;
    }
}

.list_header .list_header_filter {
    display: flex;
    align-items: center;
}

@media (max-width: 575.98px) {

    .list_header .list_header_filter {
        margin-top: 15px;
    }
}

.list_header .list_header_filter img {
    width: 17px;
    margin-right: 8px;
}


.cs_modal .modal-content {
    background-color: #fef1f2;
    padding: 0 30px;
}

@media (max-width: 575.98px) {

    .cs_modal .modal-content {
        padding: 0 20px;
    }
}

.cs_modal .modal-header {
    padding: 34px 0 30px 0px;
    align-items: center;
    border-bottom: 0px solid transparent;
}

    .cs_modal .modal-header h5 {
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 10px;
    }

    .cs_modal .modal-header .close {
        padding: 0;
        margin: 0;
        opacity: 1;
    }

        .cs_modal .modal-header .close i {
            font-size: 14px;
            color: #707070;
        }

.cs_modal .modal-body {
    padding: 35px 30px !important;
    background: #fff;
    border-radius: 5px;
}

@media (max-width: 575.98px) {

    .cs_modal .modal-body {
        padding: 25px 20px !important;
    }
}

.cs_modal .modal-body .chose_thumb_title {
    font-size: 12px;
    font-weight: 300;
    color: #222222;
    text-align: left;
    margin: 0;
    margin-bottom: 0px;
    display: block;
    margin-bottom: 8px;
}

.cs_modal .modal-body .input_wrap label {
    font-size: 12px;
    font-weight: 300;
    color: #222222;
    text-align: left;
    margin: 0;
    margin-bottom: 0px;
    display: block;
    margin-bottom: 8px;
}

.cs_modal .modal-body .input_wrap textarea {
    height: 100px;
    padding: 0;
    line-height: 28px;
    padding: 13px 25px;
}

.cs_modal .modal-body .nice_Select, .cs_modal .modal-body input, .cs_modal .modal-body textarea {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border: 1px solid #eee1e2;
    padding: 10px 25px;
    color: #7e7172;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    display: block;
    margin-bottom: 21px;
    font-weight: 300;
    border-radius: 3px;
}

    .cs_modal .modal-body .nice_Select::placeholder, .cs_modal .modal-body input::placeholder, .cs_modal .modal-body textarea::placeholder {
        color: #7e7172;
        font-weight: 300;
        opacity: 1;
    }

.cs_modal .modal-body .nice_Select {
    line-height: 30px;
}

    .cs_modal .modal-body .nice_Select :after {
        left: 22px;
    }

.cs_modal .modal-body ::placeholder {
    color: #474D58;
}

.cs_modal .modal_btn {
    display: flex;
    justify-content: start;
    align-items: center;
}

    .cs_modal .modal_btn .btn_1 {
        padding: 16px 26px !important;
        margin: 0 5px;
        text-align: center;
    }

.cs_modal .modal-footer {
    border-top: 0px solid transparent;
    padding: 30px 0 40px 0;
}

.form_box .from_group {
    display: block;
    width: 100%;
    margin-bottom: 23px;
}

    .form_box .from_group label {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 13px;
        color: #707070;
    }

    .form_box .from_group .nice_Select, .form_box .from_group input, .form_box .from_group textarea {
        width: 100%;
        display: block;
        background-color: #fef1f2;
        border: 1px solid #f1f2f3;
        height: 50px;
        line-height: 50px;
        border-radius: 5px;
        padding: 10px 20px;
    }

    .form_box .from_group textarea {
        height: 115px;
        line-height: 27px;
    }

    .form_box .from_group .bootstrap-tagsinput input {
        border: none !important;
        width: auto !important;
        display: inline-block !important;
        background-color: transparent !important;
    }

    .form_box .from_group .bootstrap-tagsinput .badge [data-role="remove"]:after {
        background-color: transparent !important;
    }

    .form_box .from_group .bootstrap-tagsinput .badge {
        margin: 0 5px;
        padding: 9px 8px;
        line-height: 12px;
        font-weight: 500;
        font-size: 13px;
    }

    .form_box .from_group .badge-info {
        color: #fff;
        background-color: #2EC9B8;
    }

    .form_box .from_group .nice_Select {
        line-height: 30px;
    }

.note-editable {
    background-color: #fef1f2;
}

.note-btn-group.note-style {
    display: none;
}

.plr_30 {
    padding: 0 30px !important;
}

@media (max-width: 767.98px) {

    .plr_30 {
        padding: 0 15px !important;
    }
}

.mb_8 {
    margin-bottom: 8px !important;
}

.mb_7 {
    margin-bottom: 7px !important;
}

.ml-10 {
    margin-left: 10px;
}

.mb_30 {
    margin-bottom: 30px !important;
}

@media (max-width: 575.98px) {

    .lms_block {
        display: block !important;
    }
}

@media (max-width: 575.98px) {

    .add_button {
        margin-top: 15px;
        margin-left: 0;
    }
}

.lms_pagination_wrap {
    margin-top: 30px;
}

    .lms_pagination_wrap ul li {
        display: inline-block;
        margin: 0 .8px;
    }

        .lms_pagination_wrap ul li a {
            width: 40px;
            height: 40px;
            display: inline-block;
            background: #fff;
            line-height: 40px;
            color: #cec1c2;
            text-align: center;
            border-radius: 3px;
            font-size: 14px;
        }

            .lms_pagination_wrap ul li a.active {
                background: #fe1724;
                color: #fff;
            }

            .lms_pagination_wrap ul li a:hover {
                background: #fe1724;
                color: #fff;
            }

@media (min-width: 768px) {

    .modal-dialog.custom-modal-dialog {
        max-width: 650px;
    }
}

@media (min-width: 992px) {

    .modal-dialog.custom-modal-dialog {
        max-width: 950px;
    }
}

@media (min-width: 1200px) {

    .modal-dialog.custom-modal-dialog {
        max-width: 1050px;
    }
}

.file_upload {
    border: 1px solid #eee1e2 !important;
    padding: 9px 24px;
    border-radius: 3px;
    /* input file style */
}

    .file_upload label {
        margin-bottom: 0 !important;
    }

    .file_upload .form-group {
        padding: 0;
        margin-bottom: 0;
    }

    .file_upload .btn_file_upload {
        color: #fff;
        padding: 0;
        height: 30px;
        line-height: 30px;
        border: 0;
        display: inline-block;
    }

        .file_upload .btn_file_upload:hover, .file_upload .btn_file_upload:focus {
            color: #888888;
            border-color: #888888;
        }

    .file_upload .input-file, .file_upload .input-file2 {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }


        .file_upload .input-file + .js-labelFile, .file_upload .input-file + .js-labelFile2, .file_upload .input-file2 + .js-labelFile, .file_upload .input-file2 + .js-labelFile2 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0 10px;
            cursor: pointer;
        }

    .file_upload .btn {
        padding: 0px 16px !important;
        border-radius: 5px;
        background-color: #fe1724;
        display: inline-block !important;
        font-size: 14px;
        color: #fff !important;
        border-radius: 30px;
        bottom: 0;
        margin-bottom: 0;
    }

        .file_upload .btn:hover {
            background-color: #2E4765;
            color: #fff;
            border: 0;
        }

    .file_upload .form-group {
        background-color: #fff;
        width: 100%;
        padding: 0px;
        border-radius: 5px;
    }

td:focus, th:focus {
    outline: none !important;
}

.mb_20 {
    margin-bottom: 20px;
}

.mr_10 {
    margin-right: 10px !important;
}

.checkbox_wrap p {
    font-size: 13px;
    font-weight: 300;
    color: #7e7172;
    margin-bottom: 0;
}

.lms_checkbox_1 {
    display: inline-block;
    height: 30px;
    position: relative;
    width: 50px;
    margin-bottom: 0;
    margin-right: 15px;
}

    .lms_checkbox_1 input {
        display: none !important;
    }


    .lms_checkbox_1 .slider-check {
        background-color: #7e7172;
        bottom: 0;
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: .4s;
    }


        .lms_checkbox_1 .slider-check.round {
            border-radius: 34px;
        }

        .lms_checkbox_1 .slider-check::before {
            background-color: #222222;
            bottom: 5px;
            content: "";
            height: 20px;
            left: 4px;
            position: absolute;
            transition: .4s;
            width: 20px;
        }

        .lms_checkbox_1 .slider-check.round:before {
            border-radius: 50%;
        }

    .lms_checkbox_1 input:checked + .slider-check {
        background-color: #fef1f2;
        color: #fff;
        content: "oui";
    }

        .lms_checkbox_1 input:checked + .slider-check:before {
            transform: translateX(20px);
            background: #fe1724;
        }

.input_wrap label {
    font-size: 12px;
    font-weight: 300;
    color: #222222;
    text-align: left;
    margin: 0;
    margin-bottom: 0px;
    display: block;
    margin-bottom: 8px;
}

@media (min-width: 991px) {

    .medium_modal_width .modal-dialog {
        max-width: 780px;
    }
}

.list_header_btn_wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    width: 100%;
    margin-right: 60px;
}

@media (max-width: 575.98px) {

    .list_header_btn_wrapper {
        display: block;
        margin-bottom: 15px;
        margin-right: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .list_header_btn_wrapper {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .list_header_btn_wrapper {
        margin-right: 0;
        display: block;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .list_header_btn_wrapper {
        margin-right: 0;
        display: block;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {

    .list_header_btn_wrapper {
        margin-right: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .list_header_block {
        display: block;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .list_header_block .success_faild_btn {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {

    .list_header_block .serach_field_2 {
        width: 300px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .list_header_block .serach_field_2 {
        width: 380%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .list_header_block .box_right {
        justify-content: space-between;
    }
}

.gj-datepicker .fa-calendar-alt {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #cec1c2;
    right: 25px;
}

.white_box_border {
    border: 1px solid rgba(202, 206, 213, 0.7);
}

.nowrap {
    white-space: nowrap;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mr-10 {
    margin-right: 10px;
}

.mr_5 {
    margin-right: 5px;
}

.mb_30 {
    margin-bottom: 30px;
}


.mt_10px {
    margin-top: 10px;
}

.pt_30 {
    padding-top: 30px !important;
}

.wrapper .progress {
    margin-bottom: 15px;
}

.apexcharts-datalabels-group {
    position: relative;
    top: -13px !important;
}

.cs_modal {
    background-color: #fef1f2;
}

    .cs_modal .modal-header {
        background-color: #F7FAFF;
        padding: 23px 30px;
        border-bottom: 0px solid transparent;
    }

        .cs_modal .modal-header h5 {
            font-size: 22px;
            font-weight: 600;
        }


        .cs_modal .modal-header span {
            font-size: 14px;
            color: #707070;
            opacity: 1;
        }


    .cs_modal .modal-body {
        padding: 35px 30px;
    }


        .cs_modal .modal-body input, .cs_modal .modal-body .nice_Select {
            height: 50px;
            line-height: 50px;
            padding: 10px 20px;
            border: 1px solid #F1F3F5;
            color: #707070;
            font-size: 14px;
            font-weight: 500;
            background-color: #fff;
            width: 100%;
        }

        .cs_modal .modal-body .nice_Select {
            line-height: 29px;
        }

            .cs_modal .modal-body .nice_Select:after {
                right: 22px;
            }

            .cs_modal .modal-body .nice_Select .list {
                width: 100%;
            }


        .cs_modal .modal-body .form-group {
            margin-bottom: 12px;
        }

        .cs_modal .modal-body textarea {
            height: 168px;
            padding: 15px 20px;
            border: 1px solid #F1F3F5;
            color: #707070;
            font-size: 14px;
            font-weight: 500;
        }


        .cs_modal .modal-body p {
            font-size: 16px;
            font-weight: 500;
            margin-top: 25px;
            color: #707070;
            text-align: center;
        }

            .cs_modal .modal-body p a {
                color: #2E4765;
            }

        .cs_modal .modal-body .btn_1 {
            width: 100%;
            display: block;
            margin-top: 20px;
        }

        .cs_modal .modal-body .social_login_btn .btn_1 {
            color: #fff;
            background-color: #3B5998;
            border: 1px solid #3B5998;
            margin-top: 0;
        }

            .cs_modal .modal-body .social_login_btn .btn_1:hover {
                color: #fff !important;
            }

            .cs_modal .modal-body .social_login_btn .btn_1 i {
                margin-right: 10px;
            }

        .cs_modal .modal-body .social_login_btn .form-group:last-child .btn_1 {
            background-color: #4285F4;
            border: 1px solid #4285F4;
        }

        .cs_modal .modal-body .pass_forget_btn {
            color: #707070;
            margin-top: 20px;
            font-size: 16px;
            text-align: center;
            font-weight: 500;
            display: inline-block;
        }

            .cs_modal .modal-body .pass_forget_btn:hover {
                color: #2E4765;
            }

.border_style {
    width: 100%;
    display: block;
    text-align: center;
    padding: 13px 0 17px;
    position: relative;
    z-index: 1;
}

    .border_style span {
        padding: 0 25px;
        text-align: center;
        display: inline-block;
        background-color: #fff;
    }

    .border_style:after {
        position: absolute;
        content: "";
        height: 1px;
        width: 100%;
        background-color: #BBC1C9;
        top: 24px;
        left: 0;
        z-index: -1;
    }

p a {
    color: #7e7172;
}

    p a:hover {
        color: #2E4765;
    }


.cs_check_box {
    display: flex;
    margin-top: 20px;
}

    .cs_check_box input, .cs_check_box label {
        line-height: 20px !important;
        height: auto !important;
        width: auto !important;
        max-width: auto;
    }

    .cs_check_box .common_checkbox {
        display: none;
    }

    .cs_check_box label {
        position: relative;
        padding-left: 34px;
        margin-bottom: 0;
    }

    .cs_check_box .common_checkbox + label {
        display: block;
        cursor: pointer;
        color: #7e7172;
    }

        .cs_check_box .common_checkbox + label:after {
            position: absolute;
            left: 0;
            top: 0;
            height: 20px;
            width: 20px;
            border: 1px solid #7e7172;
            border-radius: 5px;
            content: "";
        }

    .cs_check_box .common_checkbox:checked + label:after {
        content: '\f00c';
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        padding: 2px;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
    }

    .cs_check_box .common_checkbox {
        display: none !important;
    }

.hide_pils.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    border: 0 !important;
}

.mr_20 {
    margin-right: 20px;
}

@media (max-width: 575.98px) {

    .mb-sm-15 {
        margin-bottom: 15px;
    }
}

.heading_6 {
    font-size: 14px;
    font-weight: 600;
    font-family: "Mulish", sans-serif;
    color: #2E4765;
    margin-bottom: 0;
}

.card_height_100 {
    height: calc(100% - 30px);
}

.height_100 {
    height: 100%;
}

.card_height_50 {
    height: calc(50% - 30px);
}

.page-item.active .page-link {
    background-color: #884FFB;
    border-color: #884FFB;
}

    .page-item.active .page-link:hover {
        color: #fff;
        background-color: #884FFBe6;
        border-color: #884FFBe6;
    }

.page-link {
    color: #884FFB;
}

    .page-link:hover {
        color: #fff;
        background-color: #884FFBe6;
        border-color: #884FFBe6;
    }

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: dodgerblue !important;
        border-color: dodgerblue !important;
    }

@media (max-width: 991px) {

    .sm_padding_15px {
        padding: 15px !important;
    }
}

.dashboard_header .dashboard_header_title h3 {
    font-size: 33px;
    font-weight: 600;
    color: #2E4765;
    margin-bottom: 7px;
}

    .dashboard_header .dashboard_header_title h3 span {
        color: #884FFB;
    }


.dashboard_header .dashboard_header_title p {
    font-size: 20px;
    font-weight: 400;
    color: #7F8B9F;
}

@media (max-width: 991px) {

    .dashboard_breadcam {
        text-align: left !important;
        padding-top: 10px !important;
    }
}

.dashboard_breadcam ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .dashboard_breadcam ul li {
        font-size: 17px;
        font-weight: 400;
        color: #884FFB;
        padding-left: 14px;
        position: relative;
    }

        .dashboard_breadcam ul li:first-child {
            padding-left: 0;
        }

            .dashboard_breadcam ul li:first-child::before {
                display: none;
            }

        .dashboard_breadcam ul li::before {
            color: #884FFB;
            content: "/";
            position: absolute;
            left: 4px;
            top: 50%;
            transform: translateY(-50%);
        }

        .dashboard_breadcam ul li a {
            width: 30px;
            height: 30px;
            background: #FFE7DF;
            border-radius: 50%;
            display: inline-block;
            line-height: 26px;
            text-align: center;
            margin-right: 10px;
        }

            .dashboard_breadcam ul li a img {
                line-height: 30px;
            }

.header_prise h4 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

.header_prise h5 {
    font-size: 16px;
    font-weight: 500;
    color: #884FFB;
    margin-bottom: 0;
}

.pink_bg {
    background: #FE80B2 !important;
}

.parpel_bg {
    background: #833CDF !important;
}

.parpel_bg2 {
    background: #F65365 !important;
}

.map-js-height {
    height: 450px;
}

@media (max-width: 1365.98px) {

    .map-js-height {
        height: 350px;
    }
}

.border_radius_0 {
    border-radius: 0 !important;
}

.white_bg {
    background: #fff;
}

.border_1px {
    border: 1px solid #eee;
}

.card_footer {
    padding: 50px;
    border-top: 1px solid #f2f4ff;
    position: relative;
    overflow: hidden;
}

.SubTitle {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    margin-bottom: 8px;
    font-size: 18px;
}

.p-20 {
    padding: 20px;
}

.bg-primary {
    background-color: #4c2fbf !important;
    color: #fff;
}

.bg-secondary {
    background-color: #2e9de4 !important;
    color: #fff;
}

.bg-success {
    background-color: #80cf00 !important;
    color: #fff;
}

.bg-info {
    background-color: #06b5dd !important;
    color: #fff;
}

.bg-warning {
    background-color: #ffc717 !important;
    color: #fff;
}

.bg-danger {
    background-color: #fd517d !important;
    color: #fff;
}

.bg-light {
    background-color: var(--header_iner) !important;
    color: #fff;
}

.bg-dark {
    background-color: #2c323f !important;
    color: #fff;
}

.color-box > div > div {
    border-radius: 15px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.btn-light {
    border: 1px solid #e8ecf4;
}

.font-size-10 {
    font-size: 10px !important;
}

.text-primary {
    color: #5664d2 !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.line-height-2 {
    line-height: 2;
}

.text_white {
    color: #fff;
}

.f_w_400 {
    font-weight: 400;
}

.f_w_700 {
    font-weight: 700;
}

.f_s_11 {
    font-size: 11px;
}

.f_s_12 {
    font-size: 12px;
}

.f_s_13 {
    font-size: 13px;
}

.f_s_14 {
    font-size: 14px;
}

.f_s_15 {
    font-size: 15px;
}

.f_s_16 {
    font-size: 16px;
}

.f_s_18 {
    font-size: 18px;
}

.f_s_19 {
    font-size: 19px;
}

.f_s_20 {
    font-size: 20px !important;
}

.f_s_17 {
    font-size: 17px;
}

.f_s_28 {
    font-size: 28px;
}

.f_s_40 {
    font-size: 40px;
}

.f_s_60 {
    font-size: 60px;
}

.ml_25 {
    margin-left: 25px;
}

.ml_15 {
    margin-left: 15px;
}

.ml_18 {
    margin-left: 18px;
}

.color_theme {
    color: #474D58;
}

.color_theme2 {
    color: #101038;
}

.color_gray {
    color: #8890B5;
}

.color_gray2 {
    color: #B1B6C9;
}

.pt_25 {
    padding-top: 25px !important;
}

.pulse .pulse-ring {
    display: block;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    -webkit-animation: animation-pulse 3.5s ease-out;
    animation: animation-pulse 3.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    border-width: 3px;
    border-style: solid;
    border-color: #e4e6ef;
}

    .pulse .pulse-ring.notification_count_pulse {
        right: -18px;
        top: -14px;
    }

.pulse.pulse-primary .pulse-ring {
    border-color: rgba(54, 153, 255, 0.75);
}

.pulse.pulse-secondary .pulse-ring {
    border-color: rgba(228, 230, 239, 0.75);
}

.pulse.pulse-success .pulse-ring {
    border-color: rgba(27, 197, 189, 0.75);
}

.pulse.pulse-info .pulse-ring {
    border-color: rgba(137, 80, 252, 0.75);
}

.pulse.pulse-warning .pulse-ring {
    border-color: rgba(255, 168, 0, 0.75);
}

.pulse.pulse-danger .pulse-ring {
    border-color: rgba(246, 78, 96, 0.75);
}

.pulse.pulse-light .pulse-ring {
    border-color: rgba(243, 246, 249, 0.75);
}

.pulse.pulse-dark .pulse-ring {
    border-color: rgba(24, 28, 50, 0.75);
}

.pulse.pulse-white .pulse-ring {
    border-color: rgba(255, 255, 255, 0.75);
}

.pulse.theme_color .pulse-ring {
    border-color: rgba(255, 255, 255, 0.75);
}

@-webkit-keyframes animation-pulse {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0;
    }

    60% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0;
    }

    65% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@keyframes animation-pulse {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0;
    }

    60% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0;
    }

    65% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

.header_more_tool .dropdown .dropdown-toggle::after {
    display: none !important;
}

.header_more_tool .dropdown span {
    padding-left: 0px;
}

    .header_more_tool .dropdown span i {
        font-size: 12px;
        font-weight: 400;
        display: inline-block;
        color: #9AA5CE;
        position: relative;
        top: -1px;
        margin-right: 0px;
    }

.header_more_tool .dropdown .dropdown-menu {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 13px;
    top: 5px !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(80, 143, 244, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(80, 143, 244, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(80, 143, 244, 0.2);
}

    .header_more_tool .dropdown .dropdown-menu a {
        padding: 8px 15px;
        font-size: 13px;
    }

        .header_more_tool .dropdown .dropdown-menu a:hover {
            color: #59748A;
        }

            .header_more_tool .dropdown .dropdown-menu a:hover i {
                color: #59748A;
            }

        .header_more_tool .dropdown .dropdown-menu a i {
            font-size: 13px;
            vertical-align: middle;
            position: relative;
            top: -3px;
            margin-right: 5px;
        }


.common_input input {
    height: 40px;
    line-height: 40px;
    background-color: #F5F6FF;
    border: 0;
    padding: 10px 25px;
    color: #8890B5;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    display: block;
    border-radius: 5px;
}


    .common_input input::placeholder {
        color: #7e7172;
        font-weight: 300;
        opacity: 1;
        background: #F5F6FF;
    }

.nav-link-notify {
    position: relative;
}

    .nav-link-notify:before {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        right: -7px;
        border-radius: 50%;
        top: -10px;
        background-color: #F65365;
        -webkit-animation: notify-pulse 1s infinite;
    }

@-webkit-keyframes notify-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(246, 83, 101, 0.7);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}

@keyframes notify-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(246, 83, 101, 0.7);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}


#back-top {
    position: fixed;
    right: 20px;
    bottom: 30px;
    cursor: pointer;
    z-index: 9999999;
    display: none;
}


    #back-top a {
        display: inline-block;
        height: 40px;
        width: 40px;
        text-align: center;
        display: block;
        color: #fff;
        line-height: 40px;
        background: #884FFB;
        font-size: 15px;
        border-radius: 30px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-box-shadow: 0px 10px 20px 0px rgba(76, 110, 248, 0.4);
        -moz-box-shadow: 0px 10px 20px 0px rgba(76, 110, 248, 0.4);
        box-shadow: 0px 10px 20px 0px rgba(76, 110, 248, 0.4);
    }

.img-thumbnail {
    background-color: #F5F6FF !important;
    border: 1px solid #F5F6FF !important;
    border-radius: 20px !important;
}

.default_border_1px {
    border: 1px solid #E0E2E8;
    box-shadow: none !important;
}


.shadow_none {
    box-shadow: none !important;
}

/******** base color css ********/

.btn_1 {
    background-color: #884FFB;
    border: 1px solid #884FFB;
    color: #fff;
    display: inline-block;
    padding: 11px 25px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    white-space: nowrap;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .btn_1 i {
        font-size: 15px;
        padding-right: 7px;
    }

    .btn_1:hover {
        color: #fff;
        background-color: #884FFB;
        box-shadow: 0 3px 11px rgba(136, 79, 251, 0.4);
    }

    .btn_1.light {
        background-color: rgba(46, 71, 101, 0.1);
        border: 1px solid transparent;
        color: #2E4765;
    }

    .btn_1.green {
        background-color: rgba(46, 201, 184, 0.1);
        border: 1px solid transparent;
        color: #2EC9B8;
    }

    .btn_1.orange_btn {
        background: #2D1967;
        font-size: 16px;
        border: 0;
        font-weight: 400;
        padding: 22px 29px;
    }

        .btn_1.orange_btn:hover {
            background: #2D1967;
            color: #fff;
        }

    .btn_1.sm {
        font-size: 12px;
        padding: 6px 15px;
    }

    .btn_1.big_btn {
        padding: 11px 36px;
    }

    .btn_1.form_big_btn_1 {
        padding: 16px 62px !important;
    }

@media (max-width: 575.98px) {

    .btn_1.form_big_btn_1 {
        padding: 16px 30px !important;
    }
}

.btn_1.big_btn2 {
    padding: 11px 37px;
}


.btn_2 {
    color: #F65365;
    border: 1px solid #F65365;
    display: inline-block;
    padding: 11px 23px;
    text-transform: capitalize;
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    background-color: transparent;
    white-space: nowrap;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .btn_2:hover {
        background-color: #F65365;
        border: 1px solid #F65365;
        color: #fff;
    }

.btn_3 {
    color: #474D58;
    border: 1px solid #e4e8ec;
    display: inline-block;
    padding: 11px 27px;
    text-transform: capitalize;
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    background-color: #fff;
    white-space: nowrap;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .btn_3.border_color_1 {
        border: 1px solid #eee1e2;
    }

    .btn_3:hover {
        background-color: #2E4765;
        border: 1px solid #2E4765;
        color: #fff;
    }

.btn_4 {
    display: inline-block;
    border: 1px solid #e4e8ec;
    border-radius: 5px;
    color: #7e7172;
    text-align: center;
    padding: 9px 15px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 300;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .btn_4:hover {
        background-color: #2E4765;
        border: 1px solid #2E4765;
        color: #fff;
    }

.btn_5 {
    border: 1px solid #fff;
    display: inline-block;
    padding: 16px 26px !important;
    text-transform: capitalize;
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    background-color: #fff;
    white-space: nowrap;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #fff !important;
    text-shadow: none !important;
    opacity: 1;
    color: #222222;
}

    .btn_5:hover {
        background-color: #2E4765 !important;
        border: 1px solid #2E4765 !important;
        color: #fff;
        opacity: 1 !important;
    }

    .btn_5.small_btn {
        padding: 11px 26px !important;
    }

@media (max-width: 575.98px) {

    .btn_5.small_btn {
        padding: 11px 19px !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .btn_5.small_btn {
        padding: 11px 19px !important;
    }
}

.btn_6 {
    color: #474D58;
    border: 1px solid #eee1e2;
    display: inline-block;
    padding: 11px 25px;
    text-transform: capitalize;
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    background-color: #fff;
    white-space: nowrap;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .btn_6:hover {
        background-color: #2E4765;
        border: 1px solid #2E4765;
        color: #fff;
    }

.sm_btn {
    line-height: 15px;
    background-color: #fff;
    height: 34px;
    padding: 9px 20px;
    color: #212e40;
    width: 150px;
    text-transform: capitalize;
    border: 1px solid #eee1e2;
}

.view_archive_btn {
    border: 1px solid #e4e8ec;
    color: #7e7172;
    padding: 16px 30px;
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 16px;
    background-color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .view_archive_btn i {
        margin-right: 15px;
    }

    .view_archive_btn:hover {
        color: #2E4765;
        border: 1px solid #2E4765;
    }

.white_btn {
    display: inline-block;
    color: #7e7172;
    font-size: 12px;
    font-weight: 400;
    background: #fff;
    transition: .3s;
    padding: 6px 20px;
    border-radius: 3px;
}

    .white_btn:hover {
        background: #2D1967;
        color: #fff;
    }

.default_btn {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #2D1967;
    transition: .3s;
    padding: 15px 25px;
    border-radius: 3px;
}

    .default_btn:hover {
        color: #fff;
    }

.close.white_btn2 {
    border: 1px solid #fff;
    display: inline-block;
    padding: 16px 26px !important;
    text-transform: capitalize;
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    background-color: #fff;
    white-space: nowrap;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #fff !important;
    text-shadow: none !important;
    opacity: 1;
    color: #222222;
    margin-right: 10px;
}

    .close.white_btn2:hover {
        background-color: #2E4765 !important;
        border: 1px solid #2E4765 !important;
        color: #fff;
        opacity: 1 !important;
    }

.white_btn3 {
    border: 1px solid #fff;
    display: inline-block;
    padding: 14px 30px !important;
    text-transform: capitalize;
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    background-color: #fff;
    white-space: nowrap;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #fff !important;
    text-shadow: none !important;
    opacity: 1;
    color: #101038;
    box-shadow: 0 3px 11px rgba(0, 0, 0, 0.17);
}

    .white_btn3:hover {
        background-color: #884FFB !important;
        border: 1px solid #884FFB !important;
        color: #fff;
        opacity: 1 !important;
    }

.status_btn {
    display: inline-block;
    padding: 2px 15px;
    font-size: 11px;
    font-weight: 300;
    color: #fff !important;
    background: #05d34e;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-transform: capitalize;
    white-space: nowrap;
    min-width: 70px;
    text-align: center;
}

    .status_btn.yellow_btn {
        background: #ffba00;
    }

    .status_btn:hover {
        color: #fff;
    }

.dropdown .dropdown-toggle.lms_drop_1 {
    background: #fff;
    padding: 4px 15px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 300;
    text-transform: capitalize;
    text-align: left;
    color: #7e7172;
    display: inline-block;
    width: 102px;
    border: 0;
    border: 1px solid #eee1e2;
    position: relative;
    transition: .3s;
}

    .dropdown .dropdown-toggle.lms_drop_1::after {
        content: "\f0d7";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        right: 0;
        top: 12px;
        color: #cec1c2;
        font-size: 12px;
        font-weight: 900;
        margin: 0;
        padding: 0;
        border: 0;
        border: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 14px;
    }

    .dropdown .dropdown-toggle.lms_drop_1.lms_drop_2 {
        min-width: 140px;
    }

.dropdown.show .dropdown-toggle.lms_drop_1 {
    background: #2D1967;
    padding: 4px 15px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 300;
    text-transform: capitalize;
    text-align: left;
    color: #7e7172;
    display: inline-block;
    width: 102px;
    border: 0;
    color: #fff;
    border: 1px solid #2D1967;
}

    .dropdown.show .dropdown-toggle.lms_drop_1::after {
        content: "\f0d8";
    }

.dropdown .dropdown-menu {
    border: 0;
/*    padding: 6px 0 10px 0;
*/    margin: 0;
    border-radius: 0 !important;
}

    .dropdown .dropdown-menu .dropdown-item {
        font-size: 16px;
        font-weight: 300;
        padding: 4px 20px;
        color: #242934;
    }

        .dropdown .dropdown-menu .dropdown-item:hover {
            color: #fff;

            background: var(--themehover);
        }

    .dropdown .dropdown-menu.dropdown-menu-w140 {
        min-width: 140px;
    }

.white_btn_line {
    white-space: nowrap;
    height: 50px;
    background: transparent;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    border: 0;
    padding: 0 19px;
    border-radius: 3px;
    border: 1px solid #eee1e2;
    color: #7e7172;
    transition: .3s;
}

    .white_btn_line i {
        font-size: 13px;
        color: #7e7172;
        margin-right: 6px;
    }

    .white_btn_line:hover {
        background: #2D1967;
        color: #fff;
        border: 1px solid #2D1967;
    }

        .white_btn_line:hover i {
            color: #fff;
            transition: .3s;
        }

.white_btn_line2 {
    white-space: nowrap;
    height: 30px;
    background: transparent;
    font-size: 12px;
    font-weight: 300;
    display: inline-block;
    text-transform: capitalize;
    border: 0;
    border: 1px solid #eee1e2;
    color: #7e7172;
    transition: .3s;
    border-radius: 30px;
    line-height: 28px;
    padding: 0 18px;
}

    .white_btn_line2:hover {
        background: #2D1967;
        color: #fff !important;
        border: 1px solid #2D1967;
    }

        .white_btn_line2:hover i {
            color: #fff;
            transition: .3s;
        }

.theme_text_btn {
    font-size: 14px;
    color: #46D293;
    font-weight: 700;
}

    .theme_text_btn:hover {
        color: #46D293;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    content: "\e61a";
    font-family: 'themify';
    font-size: 8px;
    line-height: 14px;
    font-weight: 600;
    background-color: #fef1f2;
    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.08), -6px -6px 12px white;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    content: "\e622";
    box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.08), inset -6px -6px 12px white;
}



.dropdown-menu.option_width_8 {
    min-width: 150px;
}

.action_btn {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #EFF4F9;
    line-height: 30px;
    text-align: center;
    color: var(--icon-color);
    font-size: 12px;
    transition: .3s;
    display: inline-block;
    flex: 32px 0 0;
}

    .action_btn:hover {
        background: var(--icon-color);
        color: #fff;
        box-shadow: 0 5px 10px rgba(136, 79, 251, 0.26);
    }

.color_button {
    background-color: var(--icon-color);
    border: 0;
    color: #fff;
    display: inline-block;
    padding: 13px 25px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    white-space: nowrap;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .color_button.color_button2 {
        background: #9AFDD2;
        color: #313131;
    }

        .color_button.color_button2:hover {
            background: #9AFDD2;
            color: #313131;
        }


    .color_button.color_button3 {
        background: #FFCA60;
        color: #313131;
    }

        .color_button.color_button3:hover {
            background: #FFCA60;
            color: #313131;
        }

    .color_button:hover {
        background-color: var(--icon-color);
        color: #fff;
    }

.export_btn {
    background: #FF7A88;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border-radius: 4px;
    padding: 10px 30px;
    display: inline-block;
    border: 0;
}

    .export_btn:focus {
        outline: none;
    }

/******** header css here *********/

.header_iner {
    background-color: var(--header_iner);
    position: fixed;
    top: 0;
    z-index: 99;
    padding: 30px;
    /*position: relative;*/
    border-radius: 0px;
    margin: 0;
    background: var(--header_iner);
    border-radius: 0;
    /*margin: 30px 30px 0px 30px;*/
    /*border-radius: 30px;*/
    height: 109px;
    width: 100%;
    padding-left: 300px;
    left: 0px;
}

    .header_iner.default_header {
        background: #F65365;
        border-radius: 0;
    }

    .header_iner.miniside {
        padding-left: 166px;
    }

@media (max-width: 575.98px) {

    .header_iner {
        justify-content: flex-end !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .header_iner {
        justify-content: flex-end !important;
    }
}

@media (max-width: 991px) {

    .header_iner {
        justify-content: flex-end !important;
        padding: 20px;
        margin: 0;
    }
}

@media (max-width: 575.98px) {

    .header_iner {
        margin: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .header_iner {
        margin: 0;
    }
}

.header_iner .page_tittle h3 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: #222222;
    margin-bottom: 2px;
}

@media (max-width: 991px) {

    .header_iner .page_tittle h3 {
        margin-right: 15px;
    }
}

.header_iner .page_tittle .page_subtitle {
    font-size: 12px;
    font-weight: 300;
    color: #7e7172;
    margin-bottom: 0;
}

    .header_iner .page_tittle .page_subtitle .page_subtitle_inenr {
        color: #7e7172;
    }

        .header_iner .page_tittle .page_subtitle .page_subtitle_inenr.active_subcat {
            color: #fe1724;
            white-space: nowrap;
        }

        .header_iner .page_tittle .page_subtitle .page_subtitle_inenr i {
            margin-left: 10px;
            margin-right: 7px;
            font-size: 12px;
        }

        .header_iner .page_tittle .page_subtitle .page_subtitle_inenr svg {
            position: relative;
            margin: 0 7px 0 10px;
            top: -1px;
        }

@media (max-width: 575.98px) {

    .header_iner .page_tittle .page_subtitle .page_subtitle_inenr svg {
        margin: 0 2px 0 2px;
    }
}

.header_iner .btn_1 {
    margin: 0 30px;
}

@media (max-width: 991px) {

    .header_iner .notification {
        margin: 0 10px;
    }
}

.header_iner .notification i {
    color: #707070;
    position: relative;
    font-size: 20px;
}

    .header_iner .notification i:after {
        position: absolute;
        content: "";
        right: -1px;
        top: 0;
        height: 9px;
        width: 9px;
        background-color: #2E4765;
        border-radius: 50%;
    }

@media (max-width: 767.98px) {

    .header_iner .serach_field-area {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .header_iner .serach_field-area {
        width: auto;
        left: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .header_iner .serach_field-area {
        width: auto;
        margin-right: 70px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .header_iner .serach_field-area {
        width: auto;
        margin-right: 70px;
    }
}

.header_iner .header_right .header_notification_warp {
    margin-right: 50px;
    margin-left: 40px;
}

@media (max-width: 575.98px) {

    .header_iner .header_right .header_notification_warp {
        margin-right: 25px;
        margin-left: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .header_iner .header_right .header_notification_warp {
        margin-right: 35px;
        margin-left: 25px;
    }
}

.header_iner .header_right .header_notification_warp li {
    display: inline-block;
    position: relative;
}

    .header_iner .header_right .header_notification_warp li .serach_button {
        width: 32px;
        height: 32px;
        background: #884FFB;
        border-radius: 50%;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
        margin-right: 20px;
        position: relative;
    }

        .header_iner .header_right .header_notification_warp li .serach_button i {
            color: #fff;
            font-size: 16px;
            line-height: 32px;
        }

        .header_iner .header_right .header_notification_warp li .serach_button .serach_field-area {
            position: absolute;
            right: 0;
            top: 0px;
            top: 0px;
            background: #fff;
            border-radius: 10px;
            opacity: 0;
            transition: .3s;
            visibility: hidden;
            right: 50px;
            top: -4px;
        }

            .header_iner .header_right .header_notification_warp li .serach_button .serach_field-area.active {
                opacity: 1;
                visibility: visible;
            }

            .header_iner .header_right .header_notification_warp li .serach_button .serach_field-area i {
                color: rgba(137, 80, 252, 0.7);
            }

            .header_iner .header_right .header_notification_warp li .serach_button .serach_field-area input {
                border-radius: 10px;
            }

    .header_iner .header_right .header_notification_warp li:last-child a {
        margin-right: 0;
    }

    .header_iner .header_right .header_notification_warp li > a {
        position: relative;
        margin-right: 29px;
    }

        .header_iner .header_right .header_notification_warp li > a img {
            width: 17px;
        }


        .header_iner .header_right .header_notification_warp li > a span {
            position: absolute;
            width: 22px;
            height: 22px;
            text-align: center;
            color: #fff;
            display: inline-block;
            background: #fff;
            font-size: 11px;
            border-radius: 50%;
            right: -12px;
            top: -12px;
            background: #F64E60;
            line-height: 22px;
        }

@media (max-width: 575.98px) {

    .header_iner .header_right .select_style {
        display: none !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .header_iner .header_right .select_style {
        display: none !important;
    }
}

.header_iner .nice_Select {
    color: #929BB5;
}

.profile_info {
    position: relative;
    z-index:20;
}

    .profile_info img {
        max-width: 42px;
        max-height: 42px;
        border-radius: 50%;
        cursor: pointer;
    }

@media (max-width: 991px) {

    .profile_info img {
        max-width: 30px;
    }
}

.profile_info .profile_info_iner {
    position: absolute;
    right: 0;
    background-color: #fff;
    text-align: left;
    width: 215px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    top: 77px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

    .profile_info .profile_info_iner::before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        top: -10px;
        right: 15px;
        border-width: 0 11px 12px 11px;
        border-color: transparent transparent #567AED transparent;
        z-index: 2;
    }

    .profile_info .profile_info_iner .profile_author_name {
        padding: 20px 25px;
        background: #567AED;
        border-radius: 10px 15px 0px 0px;
    }

    .profile_info .profile_info_iner a {
        display: block;
    }

    .profile_info .profile_info_iner p {
        font-size: 16px;
        font-weight: 400;
        color: #fff;
    }

    .profile_info .profile_info_iner h5 {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
    }

.profile_info:hover .profile_info_iner {
    opacity: 1;
    visibility: visible;
    top: 77px;
}

.profile_info .profile_info_details {
    padding: 20px 25px;
}

    .profile_info .profile_info_details a {
        color: #2E4765;
        font-size: 14px;
        display: block;
        padding: 10px 0;
        font-weight: 400;
    }

        .profile_info .profile_info_details a:hover {
            color: #2E4765;
        }

            .profile_info .profile_info_details a:hover i {
                color: #2E4765;
            }

    .profile_info .profile_info_details i {
        color: #2E4765;
        font-size: 12px;
        margin-left: 20px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

.sidebar_icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    left: 20px;
}

@media (max-width: 575.98px) {

    .sidebar_icon {
        right: auto;
        left: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .sidebar_icon {
        right: auto;
        left: 20px;
    }
}

.sidebar_icon i {
    font-size: 20px;
    color: #000;
}

/******** header css end *********/

.serach_field-area {
    width: 310px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .serach_field-area {
        width: 310px;
    }
}

.serach_field-area .search_inner {
    width: 100%;
}

    .serach_field-area .search_inner input {
        color: #86898E;
        font-size: 12px;
        height: 40px;
        width: 100%;
        padding-left: 50px;
        border: 0;
        padding-right: 15px;
        background: transparent;
        border-radius: 30px;
        border: 0;
        border: 1px solid rgba(137, 80, 252, 0.7);
        font-weight: 400;
    }

        .serach_field-area .search_inner input::placeholder {
            font-size: 12px;
            font-weight: 400;
            color: #86898E;
            font-family: "Mulish", sans-serif;
        }

        .serach_field-area .search_inner input:focus {
            outline: none;
        }

    .serach_field-area .search_inner button {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background: transparent;
        font-size: 12px;
        border: 0;
        padding-left: 20px;
        padding-right: 13px;
    }

        .serach_field-area .search_inner button i {
            font-size: 14px;
            color: #818E94;
        }

.serach_field-area2 {
    width: 480px;
    position: relative;
}

@media (max-width: 991px) {

    .serach_field-area2 {
        width: auto;
    }
}

.serach_field-area2 .search_inner input {
    color: #000;
    font-size: 17px;
    height: 55px;
    width: 100%;
    padding-left: 82px;
    border: 0;
    padding-right: 15px;
    border-bottom: 1px solid #F4F7FC;
    background: #F5F7FD;
    border-radius: 30px;
}

    .serach_field-area2 .search_inner input::placeholder {
        font-size: 16px;
        font-weight: 400;
        color: #818E94;
        font-family: "Mulish", sans-serif;
    }

    .serach_field-area2 .search_inner input:focus {
        outline: none;
    }

.serach_field-area2 .search_inner button {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: transparent;
    font-size: 12px;
    border: 0;
    padding-left: 40px;
    padding-right: 11px;
}

    .serach_field-area2 .search_inner button i {
        font-size: 14px;
        color: #818E94;
    }

.serach_field_2 {
    width: 430px;
    position: relative;
    margin-right: 0px;
}

@media (max-width: 575.98px) {

    .serach_field_2 {
        width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .serach_field_2 {
        width: 190px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .serach_field_2 {
        width: 230px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .serach_field_2 {
        width: 300px;
    }
}

.serach_field_2 .search_inner input, .search_inner input {
    color: #000;
    font-size: 13px;
    height: 40px;
    width: 100%;
    border-radius: 5px;
    padding-left: 55px;
    border: 1px solid #2D1967;
    padding-right: 15px;
}

    .serach_field_2 .search_inner input::placeholder {
        font-size: 13px;
        font-weight: 300;
        color: #7e7172;
    }

    .serach_field_2 .search_inner input:focus {
        outline: none;
    }

.serach_field_2 .search_inner button {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: transparent;
    font-size: 12px;
    border: 0;
    padding-left: 19px;
    padding-right: 11px;
}

    .serach_field_2 .search_inner button i {
        font-size: 12px;
        color: #2D1967;
    }

    .serach_field_2 .search_inner button::before {
        position: absolute;
        width: 1px;
        height: 24px;
        content: '';
        background: #2D1967;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
    }

table.dataTable {
    width: 100% !important;
    margin: 0 auto;
    clear: both;
/*    border-collapse: separate;
*/    border-spacing: 0;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0 !important;
}

#dataTable tbody tr.active {
    background:var(--white_card_header);
}

#calendar {
    width: 100%;
    height: 800px;
}


.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 10px;
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 700;
}

/************ sidebar css here ************/

.sidebar {
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 99;
    padding-bottom: 50px;
    position: fixed;
    width: 17rem !important;
    z-index: 999;
    overflow: hidden;
    overflow-y: auto;
    background: var(--sidebar);
    box-shadow: var(--sidebar_box-shadow);
    transition: .3s;
}


    .sidebar .small_logo {
        display: none;
    }

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .sidebar.hide_vertical_menu {
        left: -20%;
    }
}

@media (min-width: 1201px) {

    .sidebar.hide_vertical_menu {
        left: -270px;
    }
}

@media (max-width: 991px) {

    .sidebar {
        left: -280px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        top: 0;
        width: 280px;
        background: #fff;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .sidebar {
        width: 20%;
    }

    .header_iner {
        padding-left: 23%;
    }
}

.sidebar .logo {
    margin: 0px;
    background: var(--logo);
    padding: 22px;
    margin-bottom: 20px;
    position: absolute;
    z-index: 1;
    width: inherit;
/*    background: white;
*/    height: 142px;
    /*    box-shadow: 0px 1px 10px 10px whitesmoke;
*/
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .sidebar .logo {
        width: 20%;
    }
}

.sidebar .logo .large_logo img {
    width: 100px;
}

@media (max-width: 991px) {

    .sidebar .logo {
        padding: 30px;
    }
}

.sidebar .menu-text {
    font-size: 12px;
    color: #B1BDCB;
    font-weight: 600;
    margin: 0;
    padding: 12px 0 12px 24px;
    text-transform: uppercase;
}

    .sidebar .menu-text i {
        display: none;
    }

.sidebar .single_sidebar_tittle i {
    font-size: 18px;
    margin-right: 12px;
    color: #f8dbdd;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.sidebar .single_sidebar_tittle a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #222222;
    padding: 10px 25px 10px 40px;
    width: 100%;
    display: flex;
    align-items: center;
    transition: .3s;
    position: relative;
    z-index: 0;
    border-top: 1px solid transparent;
    background: transparent;
}

    .sidebar .single_sidebar_tittle a::before {
        position: absolute;
        right: 0;
        background: #2E4765;
        width: 0px;
        top: 0;
        bottom: 0;
        content: '';
        opacity: 0;
        transition: .3s;
        right: 0px;
        visibility: hidden;
    }

    .sidebar .single_sidebar_tittle a.current_active i {
        color: #2E4765;
    }

    .sidebar .single_sidebar_tittle a.current_active::before {
        opacity: 1;
        width: 3px;
        visibility: visible;
    }

    .sidebar .single_sidebar_tittle a:hover::before {
        opacity: 1;
        right: 0;
        visibility: visible;
        width: 3px;
    }

    .sidebar .single_sidebar_tittle a.normal_title {
        padding: 28px 25px 18px 40px;
        background: #fff7f8;
        border-top: 1px solid #eee1e2;
    }

        .sidebar .single_sidebar_tittle a.normal_title:after {
            position: absolute;
            right: 40px;
            top: 55%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            content: "\f0d8";
            font-family: "Font Awesome 5 Free";
            color: #cec1c2;
            font-weight: 600;
            font-size: 14px;
        }

        .sidebar .single_sidebar_tittle a.normal_title.collapsed {
            padding: 10px 25px 10px 40px;
            background: #fff;
            border-top: 1px solid transparent;
        }

            .sidebar .single_sidebar_tittle a.normal_title.collapsed:after {
                position: absolute;
                right: 40px;
                top: 50%;
                transform: translateY(-50%);
                content: "\f0d7";
                font-family: "Font Awesome 5 Free";
                color: #cec1c2;
                font-weight: 600;
                font-size: 14px;
            }

.sidebar .single_sidebar_tittle:hover {
    background-color: #192434;
}

    .sidebar .single_sidebar_tittle:hover i {
        color: #2E4765;
    }

.sidebar .single_menu_item {
    padding-left: 36px;
    margin: 6px 0;
    line-height: 21px;
}

    .sidebar .single_menu_item:hover {
        padding-left: 55px !important;
    }

.sidebar .sidebar_iner ul li {
    list-style: none;
}

    .sidebar .sidebar_iner ul li .submenu {
        background: #fff7f8;
        padding: 0px 0px 0px 70px !important;
        border-bottom: 1px solid #eee1e2;
    }


        .sidebar .sidebar_iner ul li .submenu li a {
            font-size: 13px;
            line-height: 36px;
            color: #7e7172;
            font-weight: 400;
        }

        .sidebar .sidebar_iner ul li .submenu li:last-child {
            padding-bottom: 18px;
        }

@media (max-width: 991px) {

    .active_sidebar {
        left: 0;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    }
}

.sidebar_close_icon i {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    position: absolute;
    right: 10px;
    font-size: 25px;
    top: 45px;
    cursor: pointer;
    color: #222222;
}

.sidebar_widget .white_box {
    padding: 30px;
}

@media (max-width: 991px) {

    .sidebar_widget .white_box {
        padding: 25px 15px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {

    .sidebar_widget .white_box {
        padding: 15px;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1679px) {

    .sidebar_widget .white_box {
        padding: 25px 15px;
    }
}

.sidebar_widget .white_box .btn_2 {
    margin-top: 25px;
    width: 100%;
    text-align: center;
    padding: 16px 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .sidebar_widget .white_box .btn_2 {
        padding: 12px 7px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {

    .sidebar_widget .white_box .btn_1 {
        padding: 8px 10px;
        font-size: 11px;
    }
}

.sidebar_widget .date_range {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 6px 0 18px;
}

    .sidebar_widget .date_range .btn_3 {
        border-radius: 5px;
        font-size: 13px;
        font-weight: 300;
    }

    .sidebar_widget .date_range i {
        display: none;
    }

    .sidebar_widget .date_range .start_date, .sidebar_widget .date_range .end_date {
        width: 115px;
    }

        .sidebar_widget .date_range .start_date input, .sidebar_widget .date_range .end_date input {
            width: 100%;
            border: 1px solid #e4e8ec;
            color: #7e7172;
            font-size: 13px;
            padding: 11px 20px;
            border-radius: 5px;
            font-weight: 300;
        }

        .sidebar_widget .date_range .start_date ::placeholder, .sidebar_widget .date_range .end_date ::placeholder {
            color: #7e7172;
        }
.ps__rail-y {
    z-index:1000;
}
/************ sidebar css end ************/
.sidebar .sidebar_menu {
    margin-top: 155px;
    position: relative;
}

    .sidebar .sidebar_menu > li {
        margin-left: 0px;
    }

        .sidebar .sidebar_menu > li a {
            font-size: 16px;
            font-weight: 400;
            color: var(--sidebar_menu-a);
            padding: 0px 25px 0px 0px;
            background: #5DDAE1;
            transition: .3s;
            position: relative;
            z-index: 0;
            display: grid;
            grid-template-columns: 34px auto;
            grid-gap: 15px;
            align-items: center;
            position: relative;
            background: transparent;
            color: #8890B5;
            font-family: "Mulish", sans-serif;
            padding: 10px 10px 10px 26px;
/*            background: #5DDAE1;
*/            border-radius: 15px;
        }

            .sidebar .sidebar_menu > li a:hover {
                color: var(--sidebar_menu-a-hover);
                background: var(--sidebar_menu-background-hover);
                border-radius: 3px;
            }

            .sidebar .sidebar_menu > li a.active {
                color: var(--sidebar_menu-a-hover);
                background: var(--sidebar_menu-background-hover);
                border-radius: 3px;
                margin-bottom: 3px;
            }

            .sidebar .sidebar_menu > li a::after {
                color: #fff;
                transform: rotate(-90deg) translate(0, -50%);
                opacity: 1;
                font-size: 10px;
                right: 15px;
                color: #78D8DD;
            }

            .sidebar .sidebar_menu > li a i {
                font-size: 20px;
                margin-right: 12px;
                color: var(--icon);
                -webkit-transition: 0.5s;
                transition: 0.5s;
                text-align: center;
                display: inline-block;
                width: 100%;
            }
            
            .sidebar .sidebar_menu > li a:hover i:hover {
                color: var(--icon-hover);
            }
            .sidebar .sidebar_menu > li a:active i:active {
                color: var(--icon-hover);
            }

}

.sidebar .sidebar_menu > li a:hover::before {
    width: 6px;
    opacity: 1;
    visibility: visible;
}

.sidebar .sidebar_menu > li > a {
    color: var(--sidebar_menu-a);
    background: var(--sidebar_menu-background);
}

.sidebar .sidebar_menu > li.mm-active > a {
    background: #fff;
    border-radius: 30px;
    color: var(--sidebar_menu-a);
    border-radius: 4px 4px 0 0;
    background: transparent;
}

    .sidebar .sidebar_menu > li.mm-active > a::after {
        color: #8890B5;
        transform: rotate(0deg) translate(0, -50%);
        opacity: 1;
        font-size: 10px;
        right: 15px;
    }

.sidebar .sidebar_menu > li.mm-active.metis_dropmenu > a {
    padding-top: 29px;
    padding-bottom: 30px;
    color: #A5ADC6;
}

.sidebar .sidebar_menu > li.mm-active > a i {
    color: #A5ADC6;
}

.sidebar .sidebar_menu > li.mm-active > a::before {
    opacity: 1;
    width: 6px;
    visibility: visible;
}

.sidebar .sidebar_menu > li ul {
    padding: 0px 0px 5px 40px;
    background: transparent;
    border-radius: 0 0 4px 4px;
    margin-left: 30px;
/*    background: #fff;
*/}

    .sidebar .sidebar_menu > li ul li:last-child a {
        padding-bottom: 30px;
    }

    .sidebar .sidebar_menu > li ul li a {
        font-size: 14px;
        color: #ffff;
        font-weight: 400;
        padding: 0;
        white-space: nowrap;
        padding: 0;
        padding: 10px 0 10px 8px !important;
        margin-top: 0;
        margin-left: 0;
        text-transform: capitalize;
    }

        .sidebar .sidebar_menu > li ul li a::before {
            display: none;
        }

        .sidebar .sidebar_menu > li ul li a.active {
            color: var(--titleactive);
        }

    .sidebar .sidebar_menu > li ul li ul {
        padding-left: 5px;
    }

.admin_profile_Wrap {
    margin-bottom: 30px;
}

    .admin_profile_Wrap ul li {
        background: #fff7f8;
        border-top: 1px solid #eee1e2;
        border-bottom: 1px solid #eee1e2;
        padding: 30px 0 30px 30px;
    }

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .admin_profile_Wrap ul li {
        padding: 30px 0 30px 20px;
    }
}

.admin_profile_Wrap ul li a {
    display: block;
}

    .admin_profile_Wrap ul li a .admin_profile_inner .thumb img {
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }


@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .admin_profile_Wrap ul li a .admin_profile_inner .welcome_rext span {
        font-size: 11px;
    }
}

.admin_profile_Wrap ul li ul {
    padding-left: 70px;
}

    .admin_profile_Wrap ul li ul li {
        padding: 0;
        border: 0;
    }

        .admin_profile_Wrap ul li ul li a {
            font-size: 13px;
            color: #7e7172;
            font-weight: 400;
            padding-bottom: 17px;
        }

        .admin_profile_Wrap ul li ul li:last-child a {
            padding-bottom: 0;
        }

        .admin_profile_Wrap ul li ul li:first-child a {
            margin-top: 29px;
        }

.admin_profile_Wrap .metismenu .has-arrow::after {
    top: 38%;
}

.sidebar::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
    background-color: #ddd;
}

.sidebar::-webkit-scrollbar, body::-webkit-scrollbar {
    width: 6px;
    background-color: #ddd;
}

.sidebar::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
    background-color: #f8dbdd;
}

body::-webkit-scrollbar {
    width: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .metismenu .has-arrow::after {
        right: 25px;
    }
}

.sidebar .sidebar_menu li a img {
    width: 14px;
    height: auto;
}

.sidebar .sidebar_menu li a .icon_menu {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 32px;
}

.sidebar.dark_sidebar {
    background: #1e1e2d;
}

    .sidebar.dark_sidebar .logo {
        background: transparent;
    }

    .sidebar.dark_sidebar .sidebar_menu > li ul {
        background: #1e1e2d;
    }

    .sidebar.dark_sidebar .sidebar_menu > li.mm-active > a {
        background: #1e1e2d;
    }

    .sidebar.dark_sidebar .sidebar_menu > li > a {
        color: #fff;
        background: transparent;
    }

    .sidebar.dark_sidebar .sidebar_menu > li ul li a.active {
        background: transparent;
        color: #F65365 !important;
    }

    .sidebar.dark_sidebar .sidebar_menu > li ul li a {
        color: #fff;
        background: transparent;
    }

    .sidebar.dark_sidebar .sidebar_menu > li {
        margin-left: 0px;
        margin-right: 20px;
    }

        .sidebar.dark_sidebar .sidebar_menu > li a::after {
            color: #fff;
        }

.body_content {
    display: flex;
}

.main-title h3 {
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--title);
    padding: 20px 0 0 20px;
}

.main-title span {
    font-size: 12px;
    font-weight: 400;
    color: #757575;
    display: block;
    margin-top: 6px;
}

.box_header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;
}

@media (max-width: 575.98px) {

    .box_header.box_header_block {
        flex-direction: column;
        align-items: flex-start !important;
    }
}

@media (max-width: 575.98px) {

    .box_header.box_header_block .main-title {
        margin-bottom: 15px;
    }
}

.box_header .title_info p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    color: #a3a0fb;
}

.legend_style li {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    margin-right: 10px;
}

    .legend_style li span {
        display: inline-block;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #4400eb;
        margin-right: 4px;
    }

    .legend_style li.inactive {
        opacity: .29;
    }

.title_btn {
    margin-bottom: 20px;
}

    .title_btn ul li {
        display: inline-block;
    }

        .title_btn ul li a {
            display: inline-block;
            padding: 4px;
            background: #fff;
            font-size: 11px;
            text-transform: capitalize;
            color: #706F9A;
            border-radius: 5px;
            line-height: 25px;
            padding: 0 10px;
            transition: .3s;
        }

            .title_btn ul li a:hover {
                background: #A66DD4;
                color: #fff;
            }

            .title_btn ul li a.active {
                background: #A66DD4;
                color: #fff;
            }


.blud_card {
    background: #4567EE !important;
    background-repeat: no-repeat;
    background-position: bottom;
}

    .blud_card p {
        color: #BCD3FF;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 20px;
        margin-top: 10px;
    }


    .blud_card img {
        width: 100%;
    }

/******** main content  *********/

.main_content {
    padding-left: 270px;
    width: 100%;
    padding-top: 0px !important;
    transition: .5s;
    position: relative;
    min-height: 100vh;
    padding-bottom: 99px;
}

    .main_content.full_main_content {
        padding-left: 136px;
    }

    .main_content.main_content_padding_hide {
        padding-left: 0px;
        padding-top: 100px !important;
    }

@media (max-width: 991px) {

    .main_content {
        padding: 90px 0 100px 0;
    }
}

@media (max-width: 575.98px) {

    .main_content {
        padding: 120px 0 100px 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .main_content {
        padding: 120px 0 100px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .main_content {
        padding: 120px 0 100px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .main_content {
        padding-left: 20%;
    }
}

.main_content.default_content .main_content_iner {
    margin: 0;
    border-radius: 0;
}

.main_content .main_content_iner {
    min-height: 68vh;
    transition: .5s;
    background: var(--main_content);
    margin: 0;
    z-index: 22;
    border-radius: 0px;
    padding: 6px 30px;
    margin-top: 0px;
}

    .main_content .main_content_iner.default_main_contaner_iner {
        background: #FFFFFF;
    }


        .main_content .main_content_iner.default_main_contaner_iner::before {
            display: none;
        }

@media (max-width: 991px) {

    .main_content .main_content_iner {
        margin: 100px 0 0 0;
        padding: 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {

    .main_content .main_content_iner.main_content_iner_padding {
        padding: 0 30px 0 30px;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1679px) {

    .main_content .main_content_iner.main_content_iner_padding {
        padding: 0 60px 0 60px;
    }
}

@media (min-width: 1680px) {

    .main_content .main_content_iner.main_content_iner_padding {
        padding: 0 135px 0 135px;
    }
}

@media (max-width: 575.98px) {

    .main_content .main_content_iner {
        margin-bottom: 20px;
    }
}

.address_book_hint p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 8px;
}


.single_element h4 {
    margin-bottom: 30px;
}

.single_element .quick_activity_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    margin-bottom: 30px;
}

@media (max-width: 575.98px) {

    .single_element .quick_activity_wrap {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single_element .quick_activity_wrap {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .single_element .quick_activity_wrap {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .single_element .quick_activity_wrap {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {

    .single_element .quick_activity_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

.single_element .single_quick_activity {
    background-color: #fff;
    border-radius: 10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 20px;
    position: relative;
}

    .single_element .single_quick_activity .notification_btn {
        position: absolute;
        right: 22px;
        top: 32px;
    }

@media (max-width: 575.98px) {

    .single_element .single_quick_activity {
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single_element .single_quick_activity {
        padding: 20px 15px;
    }
}

.single_element .single_quick_activity .count_content {
    position: relative;
    z-index: 9;
    margin-bottom: 40px;
}

    .single_element .single_quick_activity .count_content .blue_color {
        color: #20B1B9 !important;
    }

    .single_element .single_quick_activity .count_content .red_color {
        color: #FF4409 !important;
    }

    .single_element .single_quick_activity .count_content .deep_blue {
        color: #016DD8 !important;
    }

    .single_element .single_quick_activity .count_content .green_color {
        color: #01D874 !important;
    }

.single_element .single_quick_activity h3 {
    font-size: 28px;
    margin-bottom: 0;
    font-weight: 700;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #474D58;
    margin-bottom: 0px;
    font-family: "Mulish", sans-serif;
    line-height: 1;
}

.single_element .single_quick_activity p {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 14px;
    font-weight: 700;
    color: #8890B5;
    font-family: "Mulish", sans-serif;
    line-height: 1;
    margin-bottom: 15px;
}

.common_white_text {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}


.text_white {
    color: #fff !important;
}

.orange_bg {
    background: #FF4409 !important;
}

.blue_bg {
    background: #016DD8 !important;
}

.green_bg {
    background: #20B1B9 !important;
}

/******** main content css end *********/

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1001;
}

.serach_field-area.d-flex.align-items-center span {
    display: none;
}

.page_title_box {
    padding-bottom: 30px;
}

.breadcrumb.page_bradcam {
    padding-left: 0;
    background: transparent;
    padding: 0;
}

    .breadcrumb.page_bradcam.default_bradcam li {
        color: #59748A;
    }

        .breadcrumb.page_bradcam.default_bradcam li a {
            color: #59748A;
        }

    .breadcrumb.page_bradcam.default_bradcam .breadcrumb-item + .breadcrumb-item::before {
        content: ">";
        color: #59748A;
    }

    .breadcrumb.page_bradcam li {
        font-size: 13px;
        font-weight: 400;
        color: white;
    }

        .breadcrumb.page_bradcam li a {
            font-size: 13px;
            font-weight: 400;
            color: #757575;
        }

    .breadcrumb.page_bradcam .breadcrumb-item + .breadcrumb-item::before {
        content: "/";
        color: white;
    }

.page_title_left h3 {
    color: white;
    font-size: 25px;
    font-weight: 900;
}

.common_bootstrap_button span {
    background: #F64E60;
    padding: 7px 12px;
    text-transform: capitalize;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    min-height: 36px;
}

.page_date_button {
    padding: 7px 13px;
    text-transform: capitalize;
    color: #F64E60;
    border: 1px solid #F64E60;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    min-height: 36px;
}

@media (max-width: 575.98px) {

    .page_date_button {
        margin: 10px 0;
    }
}

.page_date_button:hover {
    background: #F64E60;
    color: #fff;
}

.page_title_right {
    display: flex;
    flex-wrap: wrap;
}

    .page_title_right .page_date_button {
        margin-right: 10px;
    }

.dashboard_part .notification_tab {
    padding: 27px 25px;
    background-color: #F5ECEC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .dashboard_part .notification_tab p {
        font-size: 16px;
        color: #474D58;
    }

        .dashboard_part .notification_tab p a {
            color: #2E4765;
        }

.dashboard_part .hide_icon {
    cursor: pointer;
}

    .dashboard_part .hide_icon i {
        color: #2E4765;
        font-size: 10px;
    }

.white_box {
    padding: 30px;
    background-color: #FFFFFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

@media (max-width: 575.98px) {

    .white_box {
        padding: 30px 25px;
    }
}

.white_box .white_box_tittle h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

@media (max-width: 991px) {

    .white_box .white_box_tittle h4 {
        margin-bottom: 15px;
    }
}

.white_card {
    background-color: var(--white_card_body);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

    .white_card .white_card_header {
        padding: 10px 15px 15px 20px;
        font-size: x-large;
        font-family: sans-serif;
        border-bottom: var(--white_card_header-border-bottom);
        margin-bottom: 15px;
        background-color: var(--white_card_header);
        border-radius: 10px 10px 0px 0px;
    }

    .white_card .white_card_headers {
        padding: 0px 15px 15px 20px;
        font-size: x-large;
        font-family: sans-serif;
        border-bottom: var(--white_card_header-border-bottom);
        margin-bottom: 15px;
        background-color: var(--white_card_header);
        border-radius: 10px 10px 0px 0px;
    }

    .white_card .white_card_body {
        padding: 5px 30px 25px 30px;
    }

.white_box_50px {
    padding: 43px 45px 38px 50px;
    background-color: #FFFFFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media (max-width: 575.98px) {

    .white_box_50px {
        padding: 30px 25px;
    }
}

.white_box_50px .white_box_tittle h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

@media (max-width: 991px) {

    .white_box_50px .white_box_tittle h4 {
        margin-bottom: 15px;
    }
}

.white_box2 {
    padding: 40px 40px 25px 40px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

@media (max-width: 575.98px) {

    .white_box2 {
        padding: 30px 25px;
    }
}

.white_box2 .white_box_tittle h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

@media (max-width: 991px) {

    .white_box2 .white_box_tittle h4 {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .chart_box_1 .box_header {
        flex-direction: column;
    }
}


.chart_box_1 .box_header .box_header_left {
    flex-basis: 50%;
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .chart_box_1 .box_header .box_header_left {
        flex-basis: 55%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .chart_box_1 .box_header .box_header_left {
        flex-basis: 55%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .chart_box_1 .box_header .box_header_left {
        flex-basis: 100%;
        width: 100%;
        margin-bottom: 20px;
    }
}

.chart_box_1 .box_header .box_header_left ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .chart_box_1 .box_header .box_header_left ul li {
        display: inline-block;
        text-align: center;
    }

@media (max-width: 575.98px) {

    .chart_box_1 .box_header .box_header_left ul li {
        flex: 50% 0 0;
        margin-bottom: 20px;
    }
}

.chart_box_1 .box_header .box_header_left ul li h4 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0px;
}

.chart_box_1 .box_header .box_header_left ul li p {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
}

.chart_box_1 .box_header .box_header_right .legend_circle ul li {
    color: #828BB2;
    font-size: 12px;
    font-weight: 400;
    margin-right: 30px;
    display: inline-block;
}

@media (max-width: 575.98px) {

    .chart_box_1 .box_header .box_header_right .legend_circle ul li {
        margin-right: 14px;
    }
}

.chart_box_1 .box_header .box_header_right .legend_circle ul li:last-child {
    margin-right: 0;
}

.chart_box_1 .box_header .box_header_right .legend_circle ul li span {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

.dashboard_breadcam p {
    color: #6F658D;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

    .dashboard_breadcam p i {
        margin: 0 5px;
    }

    .dashboard_breadcam p a {
        color: #6F658D;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0;
    }

.form_style .form-group label, .form_style .form-group p {
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
    margin-bottom: 13px;
    color: #7e7172;
}

.form_style .form-group input {
    border: 1px solid #e4e8ec;
    font-size: 13px;
    font-weight: 300;
    color: #7e7172;
    padding: 15px 25px;
    background-color: #fef1f2;
    height: auto;
    line-height: 18px;
}



.form_group {
    margin-top: 24px;
}

    .form_group input {
        width: 100%;
        background-color: #fef1f2;
        border-radius: 5px;
        border: 1px solid #F1F3F5;
        padding: 12px 20px;
    }

    .form_group .single_form_item label {
        width: 100%;
        display: block;
    }

    .form_group .single_form_item input {
        width: auto;
        display: inline-block;
        padding: 12px 20px;
        max-width: 85px;
        color: #9C9C9C;
    }

    .form_group #CVV {
        max-width: 118px !important;
    }

    .form_group .nice_Select {
        background-color: #fef1f2;
        margin-right: 10px;
        color: #9C9C9C;
    }

.checkbox label {
    margin-bottom: 0;
    margin-top: 25px;
    color: #9C9C9C;
    margin-left: 8px;
}

/************** footer css ****************/

.footer_part {
    text-align: center;
    padding-top: 6px;
    background: var(--footer);
    padding-left: 9px;
    position: inherit;
    left: 270px;
    right: 0;
    bottom: -10px;
    padding-bottom: 6px;
    font-family: "Mulish", sans-serif;
    color: white;
    width: calc(100% - 270px);
}


.footer_part.fixed_footer {
    position: fixed;
    z-index: 99;
    border-radius: 0;
    padding-bottom: 0;
    background: transparent;
}

        .footer_part.fixed_footer .footer_iner {
            border-top: 2px solid #884FFB;
        }

    .footer_part.full_footer {
        text-align: center;
        padding-top: 6px;
        background: var(--footer);
        padding-left: 9px;
        position: absolute;
        left: 134px;
        right: 0;
        bottom: -10px;
        font-family: "Mulish", sans-serif;
        color: white;
    }


    .footer_part.default_footer {
        background: #F5F6FF;
    }

        .footer_part.default_footer .footer_iner {
            background: transparent !important;
        }

@media only screen and (min-width: 320px) and (max-width: 768px) {

    .footer_part {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .footer_part {
        padding-left: 20%;
    }
}

.footer_part .footer_iner.text-center {
    background: #FFFFFF;
    padding: 27px 0;
    margin: 0 15px;
    border-radius: 15px;
    background: #FFFFFF;
}

.footer_part p {
    font-size: 12px;
    font-weight: 500;
    color: #818E94;
}

    .footer_part p span {
        margin: 0 10px;
    }

    .footer_part p a {
        color: #884FFB;
    }

        .footer_part p a:hover {
            text-decoration: underline;
        }

/************** footer css end ****************/
/********* breadcrumd css here **********/

.breadcrumb_content {
    background-color: #fff;
    padding: 19px 30px;
    line-height: 22px;
}

@media (max-width: 991px) {

    .breadcrumb_content {
        padding: 25px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .breadcrumb_content {
        display: block !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .breadcrumb_content {
        display: block !important;
    }
}


.breadcrumb_content .active {
    color: #2E4765;
}

.breadcrumb_content h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

@media (max-width: 575.98px) {

    .breadcrumb_content h2 {
        margin-bottom: 15px;
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .breadcrumb_content h2 {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .breadcrumb_content h2 {
        margin-bottom: 15px;
    }
}

.breadcrumb_content .sa_breadcrumb_iner a {
    position: relative;
    color: #7e7172;
    padding-left: 30px;
}


    .breadcrumb_content .sa_breadcrumb_iner a:after {
        content: "";
        position: absolute;
        left: 10px;
        top: 3px;
        clip-path: polygon(0 0, 100% 55%, 0 100%);
        background-color: #7e7172;
        width: 10px;
        height: 10px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .breadcrumb_content .sa_breadcrumb_iner a:first-child {
        padding-left: 0;
    }

        .breadcrumb_content .sa_breadcrumb_iner a:first-child:after {
            display: none;
        }

    .breadcrumb_content .sa_breadcrumb_iner a:hover {
        color: #2E4765;
    }

        .breadcrumb_content .sa_breadcrumb_iner a:hover:after {
            background-color: #2E4765;
        }

    .breadcrumb_content .sa_breadcrumb_iner a:last-child {
        color: #2E4765;
    }


        .breadcrumb_content .sa_breadcrumb_iner a:last-child:after {
            background-color: #2E4765;
        }

/********* breadcrumd css end **********/

#morris_bar {
    height: 300px;
}

#morris_bar_bold {
    height: 300px;
}

tspan {
    font-size: 13px;
    font-weight: 300;
    color: #7e7172;
    text-transform: capitalize;
}

canvas#highlights {
    height: 300px !important;
    overflow: hidden;
}

.lms_category_wrap {
    margin-bottom: 50px;
}

    .lms_category_wrap .category_header {
        background: #fef1f2;
        border-radius: 5px;
        padding: 17px 30px;
    }

        .lms_category_wrap .category_header .category_left h4 {
            font-size: 16px;
            font-weight: 500;
            color: #222;
            margin-bottom: 0;
        }

        .lms_category_wrap .category_header .category_left p {
            color: #7e7172;
            font-size: 12px;
            font-weight: 300;
            margin-bottom: 0;
        }

@media (max-width: 575.98px) {

    .lms_category_wrap .category_header .category_right {
        margin-top: 15px;
    }
}

.lms_category_wrap ul li {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 15px 30px;
    background: #fff;
    align-items: center;
    border-bottom: 1px solid #eee1e2;
    transition: .3s;
}

@media (max-width: 575.98px) {

    .lms_category_wrap ul li {
        padding: 15px 20px;
    }
}

.lms_category_wrap ul li .category_info p {
    font-size: 13px;
    font-weight: 300;
    color: #7e7172;
}

.lms_category_wrap ul li:hover {
    background: #fff7f8;
}

.owl-carousel .owl-nav button {
    width: 39px;
    height: 39px;
    border-radius: 7px;
    background: #EFF1F7;
    position: absolute;
    top: -89px;
    right: 0;
    font-size: 18px !important;
    background: #EFF1F7 !important;
    color: #141124;
}

    .owl-carousel .owl-nav button.owl-prev {
        right: 50px;
    }

    .owl-carousel .owl-nav button:hover {
        background: #16BBE5 !important;
        color: #fff;
    }

.Activity_timeline {
    position: relative;
}

    .Activity_timeline ul li {
        position: relative;
        margin-bottom: 15px;
    }

        .Activity_timeline ul li:last-child {
            margin-bottom: 0px;
        }

        .Activity_timeline ul li .activity_bell {
            background: #884FFB;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            position: absolute;
            top: 6px;
        }

            .Activity_timeline ul li .activity_bell.bell_lite {
                opacity: .19;
            }

        .Activity_timeline ul li .activity_wrap {
            position: relative;
            padding-left: 27px;
        }

            .Activity_timeline ul li .activity_wrap h6 {
                font-size: 16px;
                font-weight: 600;
                color: #2D1967;
                margin-bottom: 0;
                line-height: 28px;
            }

            .Activity_timeline ul li .activity_wrap p {
                font-size: 14px;
                line-height: 28px;
                color: #ADB8C7;
                font-weight: 400;
            }

.activity_progressbar .single_progressbar h6 {
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.barfiller {
    width: 100%;
    height: 8px;
    background: #F8F9FF;
    position: relative;
    margin-bottom: 30px;
    border-radius: 30px;
}

    .barfiller .fill {
        display: block;
        position: relative;
        width: 0px;
        height: 100%;
        z-index: 1;
        border-radius: 30px;
    }

    .barfiller .tipWrap {
        display: none;
    }

    .barfiller .tip {
        margin-top: -23px;
        padding: 2px 4px;
        font-size: 11px;
        color: #000;
        left: 0px;
        position: absolute;
        z-index: 2;
    }

    .barfiller#bar1 .tip {
        color: #508FF4;
    }


    .barfiller#bar2 .tip {
        color: #FFBF43;
    }

    .barfiller#bar3 .tip {
        color: #4BE69D;
    }

    .barfiller#bar4 .tip {
        color: #9267FF;
    }

.grid_4rap {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}

@media (min-width: 1600px) {

    .grid_4rap {
        grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .lms_sm_block {
        display: block;
    }
}

@media (max-width: 575.98px) {

    .lms_xs_small_btn a {
        padding: 11px 20px;
    }
}

@media (max-width: 575.98px) {

    .mb_xs_20px {
        margin-bottom: 20px !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .mb_sm_20px {
        margin-bottom: 20px;
    }
}

.lms_supper_text {
    vertical-align: super !important;
}

.gj-picker-md {
    border: 1px solid #fef1f2;
    padding: 10px;
}

    .gj-picker-md table tr td.today div {
        color: #fff;
        background: #FF4409;
        border-radius: 50%;
    }

    .gj-picker-md table tr td.gj-cursor-pointer div:hover {
        border-radius: 50%;
        background: #FF4409;
        color: #fff;
    }

    .gj-picker-md div[role="navigator"] div:first-child, .gj-picker-md div[role="navigator"] div:last-child {
        max-width: 42px;
        background: #fef1f2;
        color: #000;
        border-radius: 50%;
        font-size: 14px;
        line-height: 44px;
        height: 42px;
        font-weight: 900;
    }

        .gj-picker-md div[role="navigator"] div:first-child i, .gj-picker-md div[role="navigator"] div:last-child i {
            font-weight: 900;
            font-size: 14px;
        }

.dropdown-menu.show .dropdown-toggle.lms_drop_1::after {
    color: #fff !important;
}

.dropdown-menu.option_width {
    min-width: 102px;
}

.dropdown.show .dropdown-toggle.lms_drop_1::after {
    color: #fff;
}

.lms_common_header .lms_common_title h4 {
    margin-bottom: 3px;
}

.lms_common_header .lms_common_title p {
    font-size: 12px;
    font-weight: 300;
    color: #7e7172;
    margin-bottom: 0;
}

.common_line_separator {
    display: inline-block;
    width: 2px;
    height: 11px;
    background: #b9b3b3;
    margin: 0 7px 0 7px;
}


.discription_list_wrap p {
    font-size: 13px;
    font-weight: 300;
    color: #7e7172;
    line-height: 26px;
    margin-bottom: 17px;
}

.discription_list_wrap h5 {
    font-size: 12px;
    font-weight: 400;
    color: #222222;
    margin-top: 19px;
    margin-bottom: 14px;
}

.common_list_style li {
    font-size: 13px;
    font-weight: 300;
    color: #7e7172;
    line-height: 26px;
    position: relative;
    padding-left: 15px;
}

    .common_list_style li:before {
        position: absolute;
        left: 0;
        top: 10px;
        width: 3px;
        height: 3px;
        background: #7e7172;
        content: '';
        border-radius: 50%;
    }

.result_modal_table_form .modal-body {
    margin: 30px 0;
    padding: 120px 100px 104px 100px !important;
}

@media (max-width: 991px) {

    .result_modal_table_form .modal-body {
        padding: 30px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .result_modal_table_form .modal-body {
        padding: 50px 50px !important;
    }
}

.result_modal_table_form .table thead th {
    border-bottom: 0 solid transparent;
    background-color: #fef1f2;
    padding: 17px 30px;
    line-height: 16px;
    border: 0px solid transparent;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #222222;
    white-space: nowrap;
}


.result_modal_table_form .table tbody th, .result_modal_table_form .table tbody td {
    color: #7e7172;
    font-size: 13px !important;
    color: #7e7172;
    font-weight: 300;
    border-bottom: 1px solid #eee1e2;
    padding: 10px 25px !important;
}

.result_modal_table_form .result_header_modal {
    margin-bottom: 45px;
}

    .result_modal_table_form .result_header_modal h2 {
        font-size: 36px;
        font-weight: 500;
        color: #222222;
        margin-bottom: 15px;
    }

@media (max-width: 575.98px) {

    .result_modal_table_form .result_header_modal h2 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .result_modal_table_form .result_header_modal h2 {
        font-size: 20px;
    }
}

.result_modal_table_form .result_header_modal p {
    font-size: 14px;
    font-weight: 300;
    color: #7e7172;
    line-height: 26px;
}

.result_modal_table_form .result_header_modal .passed_text {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-top: 29px;
    margin-bottom: 35px;
}

@media (max-width: 575.98px) {

    .result_modal_table_form .result_header_modal .passed_text {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .result_modal_table_form .result_header_modal .passed_text {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .result_modal_table_form .result_header_modal .passed_text {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}


.student_list_img img {
    width: 50px;
    height: 50px;
}

.common_date_picker input {
    width: 100%;
    border: 1px solid #F1F3F5;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #222;
    padding: 0px 25px;
    font-weight: 500;
}


.website_settings_wrap .modal-body {
    padding: 0 !important;
}

.input_form_persent {
    position: relative;
}

    .input_form_persent:before {
        content: "\f295";
        border-bottom: 0;
        border-right: 0;
        display: block;
        margin-top: 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        width: auto;
        right: 25px;
        border: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        color: #cec1c2;
        transform: translateY(-50%);
        font-size: 13px;
    }

.tagInput_field {
    margin-bottom: 21px;
}

    .tagInput_field label {
        font-size: 12px;
        font-weight: 300;
        color: #222222;
        text-align: left;
        margin: 0;
        margin-bottom: 0px;
        display: block;
        margin-bottom: 8px;
    }

    .tagInput_field .bootstrap-tagsinput {
        text-align: left;
        border: 1px solid #eee1e2;
        padding: 9px 25px 4px 25px;
        box-shadow: none;
        border-radius: 3px;
        min-height: 50px;
    }

        .tagInput_field .bootstrap-tagsinput input {
            border: none !important;
            width: auto !important;
            display: inline-block !important;
            background-color: transparent !important;
            height: 0;
            margin: 0;
            min-width: 20px;
            padding: 7px !important;
        }

        .tagInput_field .bootstrap-tagsinput .badge {
            margin: 0 5px 5px 0;
            height: 30px;
            line-height: 30px;
            padding: 0 30px 0 20px;
            font-size: 12px;
            color: #FF4409;
            font-weight: 400;
            background: #ffff;
            border: 1px solid #FF4409;
            border-radius: 30px;
            position: relative;
        }

            .tagInput_field .bootstrap-tagsinput .badge [data-role="remove"]::after {
                font-size: 10px;
                font-family: 'themify';
                content: "\e646";
                background: none;
                padding: 0;
                margin: 0;
                margin-left: 0px;
                background: transparent;
                margin-left: 5px;
                padding: 0;
                border: 1px solid transparent;
                padding: 2px;
            }

            .tagInput_field .bootstrap-tagsinput .badge [data-role="remove"]:hover::after {
                background: #FF4409;
                color: #fff;
                border-color: #FF4409;
            }

    .tagInput_field span.badge.badge-info span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 8px;
    }

.custom_striped_progressbar .progress {
    height: 24px;
    background: transparent;
    border-radius: 30px;
    width: 256px;
}

.custom_striped_progressbar .progress-bar {
    position: relative;
    border-radius: 30px;
    text-align: left;
    font-size: 15px;
    padding-left: 15px;
    color: #fff;
    font-weight: 300;
    background: transparent;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.list_counter_wrapper .single_list_counter {
    border-bottom: 1px solid #F1F3F5;
    padding: 35px 0 26px 87px;
}

    .list_counter_wrapper .single_list_counter:last-child {
        border: 0;
    }

    .list_counter_wrapper .single_list_counter h3 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 0px;
    }

        .list_counter_wrapper .single_list_counter h3 span {
            font-size: 30px;
            font-weight: 700;
        }

    .list_counter_wrapper .single_list_counter p {
        font-size: 17px;
        color: #6F658D;
        margin-bottom: 0;
        padding-top: 15px;
    }

.green_color {
    color: #01D874 !important;
}

.blue_color {
    color: #20B1B9 !important;
}

.deep_blue {
    color: #016DD8 !important;
}

.deep_blue_2 {
    color: #4567EE !important;
}

.red_color {
    color: #FF4409 !important;
}

.activity_progressbar .single_progressbar {
    display: grid !important;
    grid-template-columns: 150px auto;
    margin-bottom: 25px;
    align-items: center;
}

    .activity_progressbar .single_progressbar h6 {
        font-size: 16px;
        font-weight: 400;
        color: #2D1967;
    }

    .activity_progressbar .single_progressbar .barfiller {
        margin-bottom: 0;
    }

        .activity_progressbar .single_progressbar .barfiller .tip {
            color: #2D1967 !important;
            font-size: 12px;
        }

.legend_style_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 25px;
    margin-top: 50px;
}

@media (max-width: 991px) {

    .legend_style_grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.legend_style_grid li {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 8px;
}

    .legend_style_grid li span {
        width: 18px;
        height: 18px;
        border-radius: 3px;
        display: inline-block;
    }

.bulder_tab_wrapper ul {
    border-bottom: 1px solid #E4E6EF;
}

    .bulder_tab_wrapper ul li .nav-link {
        padding-top: 2rem;
        padding-bottom: 2rem;
        font-weight: 500;
        color: #7E8299;
        text-transform: capitalize;
        border-bottom: 1px solid transparent;
    }

        .bulder_tab_wrapper ul li .nav-link.active {
            color: #3699FF;
            border-bottom: 1px solid #3699FF;
        }

.assign_list li {
    display: inline-block;
    margin-right: 5px;
}

    .assign_list li:last-child {
        margin-right: 0;
    }

    .assign_list li a img {
        width: 100%;
        border-radius: 50%;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        width: 23px;
        height: 23px;
        transform: translateY(0px);
    }

        .assign_list li a img:hover {
            transform: translateY(-2px);
        }

.dataTables_paginate {
    margin-top: 0;
    margin-top: 30px;
}

    .dataTables_paginate a {
        width: 32px;
        height: 32px;
        background: #FFFFFF !important;
        border-radius: 3px !important;
        text-align: center !important;
        line-height: 32px;
        padding: 0 !important;
        margin: 0 !important;
        margin: 0 5px !important;
    }

        .dataTables_paginate a.current {
            background: #884FFB !important;
            box-shadow: 0px 5px 10px rgba(59, 118, 239, 0.3) !important;
            border: 0 !important;
            color: #fff !important;
        }

        .dataTables_paginate a:hover {
            background: #884FFB !important;
            box-shadow: 0px 5px 10px rgba(59, 118, 239, 0.3);
            border: 0 !important;
            color: #fff !important;
        }

            .dataTables_paginate a:hover i {
                color: #fff !important;
            }

        .dataTables_paginate a i {
            line-height: 32px;
            font-size: 12px;
            color: #415094;
        }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #fff !important;
    border: 0;
}

#DataTables_Table_0_info {
    font-size: 14px;
    color: #415094;
    font-weight: 400;
    margin-top: 35px;
    padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active a, .dataTables_wrapper .dataTables_paginate .paginate_button.active a:hover {
    color: #fff !important;
    border: 1px solid #884FFB;
    background-color: #884FFB !important;
    box-shadow: 0px 5px 10px rgba(136, 79, 251, 0.04) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0 !important;
}

.min_400 {
    min-height: 380px;
}

@media (min-width: 1900px) {

    .min_400 {
        min-height: 450px;
    }
}

.min_430 {
    min-height: 430px;
}

@media (min-width: 1900px) {

    .min_430 {
        min-height: 460px;
    }
}

.mb-55 {
    margin-bottom: 55px;
}

.icon-wrapper .icon-wrapper-bg.bg-light {
    opacity: .08;
}

.bg-focus {
    background-color: #444054 !important;
}

.bg-primary {
    background-color: #3f6ad8 !important;
}

.accordion_custom h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;
}

.accordion_custom .card {
    margin-bottom: 15px;
    border: 0;
    overflow: visible;
}

    .accordion_custom .card .card-header {
        border: 0;
        padding: 0;
        border-radius: 10px !important;
    }

        .accordion_custom .card .card-header h2 {
            padding: 0;
        }

            .accordion_custom .card .card-header h2 a {
                padding: 0;
                font-size: 14px;
                font-weight: 500;
                width: 100%;
                text-align: left;
                position: relative;
                position: relative;
                padding: 13px 20px;
                background: var(--accordion-header-open);
                box-shadow: 0px 5px 10px rgba(76, 110, 248, 0.3);
                color: black;
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
                border: 0;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }

                .accordion_custom .card .card-header h2 a::before {
                    content: "\f35b";
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    font-family: 'Font Awesome 5 Free';
                    font-size: 14px;
                    right: 30px;
                    color: #415094;
                    font-weight: 900;
                }

                .accordion_custom .card .card-header h2 a.collapsed {
                    background: var(--accordion-header-close);
                    color: black;
                    box-shadow: none;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }

                    .accordion_custom .card .card-header h2 a.collapsed::before {
                        content: "\f358";
                        color: #415094;
                    }

                .accordion_custom .card .card-header h2 a:focus {
                    text-decoration: none;
                }


    .accordion_custom .card .card-body {
        padding: 24px 20px 30px 20px;
    }

@media (max-width: 575.98px) {

    .accordion_custom .card .card-body {
        padding: 15px;
    }
}

.accordion_custom .card .card-body p {
    font-size: 14px;
    line-height: 26px;
    color: #555555;
    font-weight: 300;
    margin-bottom: 28px;
}

    .accordion_custom .card .card-body p:last-child {
        margin-bottom: 0;
    }

.primary_checkbox {
    accent-color: var(--icon-color);
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0;
    flex: 20px 0 0;
    line-height: 20px;
}


    .primary_checkbox .checkmark {
        position: relative;
        width: 20px;
        height: 20px;
        top: 0;
        left: 0;
        display: block;
        cursor: pointer;
        line-height: 20px;
        flex: 20px 0 0;
        border-radius: 5px;
    }


    .primary_checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
    }


        .primary_checkbox input:checked ~ .checkmark:after {
            width: 100%;
            height: 100%;
            border: 0;
            transition: .3s;
            transform: scale(0);
        }


        .primary_checkbox input:checked ~ .checkmark {
            background: #884FFB !important;
            box-shadow: 0px 5px 10px rgba(59, 118, 239, 0.3) !important;
            transition: .3s;
        }

            .primary_checkbox input:checked ~ .checkmark::before {
                content: "\e64c";
                font-family: "themify";
                position: absolute;
                display: block;
                top: 0px;
                left: 3px;
                text-indent: 1px;
                color: #828BB2;
                background-color: transparent;
                border: 0px;
                -webkit-transform: rotate(8deg);
                -moz-transform: rotate(8deg);
                -ms-transform: rotate(8deg);
                -o-transform: rotate(8deg);
                transform: rotate(8deg);
                font-size: 10px;
                font-weight: 600;
                line-height: 20px;
                z-index: 99;
                color: #fff;
                transition: .3s;
            }

    .primary_checkbox .checkmark:after {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        background: transparent;
        border-radius: 5px;
        border: 0;
        transition: .3s;
        transform: scale(1);
        background: rgba(201, 247, 201, 0.34);
    }

    .primary_checkbox .checkmark.red_check::after {
        background: rgba(255, 226, 229, 0.34);
    }

.blue_button {
    font-size: 12px;
    font-weight: 600;
    color: #2F90F7;
    background: #E7F3FE;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 30px;
}

.notification_btn {
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    background: #508FF4;
    display: inline-block;
    border-radius: 3px;
    padding: 4px 14px;
}

    .notification_btn:hover {
        color: #fff;
    }

    .notification_btn.yellow_btn {
        background: #FFBF43;
        color: #fff;
    }

    .notification_btn.green_btn {
        background: #4BE69D;
        color: #fff;
    }

    .notification_btn.violate_btn {
        background: #9267FF;
        color: #fff;
    }

.f_w_100 {
    font-weight: 100;
}

.f_w_200 {
    font-weight: 200;
}

.f_w_300 {
    font-weight: 300;
}

.f_w_400 {
    font-weight: 400;
}

.f_w_500 {
    font-weight: 500;
}

.f_w_600 {
    font-weight: 600;
}

.f_w_700 {
    font-weight: 700;
}

.f_w_800 {
    font-weight: 800;
}

.f_w_900 {
    font-weight: 900;
}

.f_15 {
    font-size: 15px;
}

.f_16 {
    font-size: 16px;
}

.color_blue {
    color: #2F90F7;
}


.color_parpel {
    color: #833CDF;
}

.color_parpel2 {
    color: #F65365;
}

.color_pink {
    color: #FE80B2;
}

.color_yellow {
    color: #FFCB24;
}

.theme_bg_1 {
    background: #2D1967 !important;
}

.theme_color_1 {
    color: #2D1967 !important;
}

.theme_color_2 {
    color: #833CDF !important;
}

.theme_color_3 {
    color: #FE80B2 !important;
}

.theme_color_4 {
    color: #FE80B2 !important;
}


.theme_color_5 {
    color: #2FF0F7 !important;
}


.theme_color_6 {
    color: var(--icon-color) !important;
}

.theme_bg_6 {
    background: var(--icon-color) !important;
}

.mb_40 {
    margin-bottom: 40px;
}

.box_shadow {
    box-shadow: 0 12px 30px rgba(46, 71, 101, 0.1);
}

.primary-color ul li {
    padding: 10px 15px;
}

    .primary-color ul li:nth-child(1) {
        background-color: #8a75dd;
    }

        .primary-color ul li:nth-child(1)::before {
            content: "#8a75dd";
            display: block;
            color: #fff;
            text-align: center;
        }

    .primary-color ul li:nth-child(2) {
        background-color: #846edb;
    }

        .primary-color ul li:nth-child(2)::before {
            content: "#8a75dd";
            display: block;
            color: #fff;
            text-align: center;
        }

    .primary-color ul li:nth-child(3) {
        background-color: #7f68da;
    }

        .primary-color ul li:nth-child(3)::before {
            content: "#7f68da";
            display: block;
            color: #fff;
            text-align: center;
        }

    .primary-color ul li:nth-child(4) {
        background-color: #7a62d8;
    }

        .primary-color ul li:nth-child(4)::before {
            content: "#7a62d8";
            display: block;
            color: #fff;
            text-align: center;
        }

    .primary-color ul li:nth-child(5) {
        background-color: #755cd7;
    }

        .primary-color ul li:nth-child(5)::before {
            content: "#755cd7";
            display: block;
            color: #fff;
            text-align: center;
        }

    .primary-color ul li:nth-child(6) {
        background-color: #7056d5;
    }

        .primary-color ul li:nth-child(6)::before {
            content: "#7056d5";
            display: block;
            color: #fff;
            text-align: center;
        }

    .primary-color ul li:nth-child(7) {
        background-color: #6a50d4;
    }

        .primary-color ul li:nth-child(7)::before {
            content: "#6a50d4";
            display: block;
            color: #fff;
            text-align: center;
        }

    .primary-color ul li:nth-child(8) {
        background-color: #654ad2;
    }

        .primary-color ul li:nth-child(8)::before {
            content: "#654ad2";
            display: block;
            color: #fff;
            text-align: center;
        }

.secondary-color ul li {
    padding: 10px 15px;
}

    .secondary-color ul li:nth-child(1) {
        background-color: #69b9ec;
    }

        .secondary-color ul li:nth-child(1)::before {
            content: "#69b9ec";
            display: block;
            color: #fff;
            text-align: center;
        }

    .secondary-color ul li:nth-child(2) {
        background-color: #64b6eb;
    }

        .secondary-color ul li:nth-child(2)::before {
            content: "#64b6eb";
            display: block;
            color: #fff;
            text-align: center;
        }

    .secondary-color ul li:nth-child(3) {
        background-color: #60b4ea;
    }

        .secondary-color ul li:nth-child(3)::before {
            content: "#60b4ea";
            display: block;
            color: #fff;
            text-align: center;
        }

    .secondary-color ul li:nth-child(4) {
        background-color: #5bb2ea;
    }

        .secondary-color ul li:nth-child(4)::before {
            content: "#5bb2ea";
            display: block;
            color: #fff;
            text-align: center;
        }

    .secondary-color ul li:nth-child(5) {
        background-color: #57b0e9;
    }

        .secondary-color ul li:nth-child(5)::before {
            content: "#57b0e9";
            display: block;
            color: #fff;
            text-align: center;
        }

    .secondary-color ul li:nth-child(6) {
        background-color: #52aee9;
    }

        .secondary-color ul li:nth-child(6)::before {
            content: "#52aee9";
            display: block;
            color: #fff;
            text-align: center;
        }

    .secondary-color ul li:nth-child(7) {
        background-color: #4eace8;
    }

        .secondary-color ul li:nth-child(7)::before {
            content: "#4eace8";
            display: block;
            color: #fff;
            text-align: center;
        }

    .secondary-color ul li:nth-child(8) {
        background-color: #49aae8;
    }

        .secondary-color ul li:nth-child(8)::before {
            content: "#49aae8";
            display: block;
            color: #fff;
            text-align: center;
        }

.success-color ul li {
    padding: 10px 15px;
}

    .success-color ul li:nth-child(1) {
        background-color: #d7ff97;
    }

        .success-color ul li:nth-child(1)::before {
            content: "#d7ff97";
            display: block;
            color: #fff;
            text-align: center;
        }

    .success-color ul li:nth-child(2) {
        background-color: #d1ff88;
    }

        .success-color ul li:nth-child(2)::before {
            content: "#d1ff88";
            display: block;
            color: #fff;
            text-align: center;
        }

    .success-color ul li:nth-child(3) {
        background-color: #ccff78;
    }

        .success-color ul li:nth-child(3)::before {
            content: "#ccff78";
            display: block;
            color: #fff;
            text-align: center;
        }

    .success-color ul li:nth-child(4) {
        background-color: #c6ff69;
    }

        .success-color ul li:nth-child(4)::before {
            content: "#c6ff69";
            display: block;
            color: #fff;
            text-align: center;
        }

    .success-color ul li:nth-child(5) {
        background-color: #c0ff5a;
    }

        .success-color ul li:nth-child(5)::before {
            content: "#c0ff5a";
            display: block;
            color: #fff;
            text-align: center;
        }

    .success-color ul li:nth-child(6) {
        background-color: #b4ff3b;
    }

        .success-color ul li:nth-child(6)::before {
            content: "#b4ff3b";
            display: block;
            color: #fff;
            text-align: center;
        }

    .success-color ul li:nth-child(7) {
        background-color: #aeff2c;
    }

        .success-color ul li:nth-child(7)::before {
            content: "#aeff2c";
            display: block;
            color: #fff;
            text-align: center;
        }

    .success-color ul li:nth-child(8) {
        background-color: #a9ff1d;
    }

        .success-color ul li:nth-child(8)::before {
            content: "#a9ff1d";
            display: block;
            color: #fff;
            text-align: center;
        }


.ui-sortable-handle {
    cursor: move;
}


.common_tab_btn a {
    color: #7E8299;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    padding: 5px 13px;
}

    .common_tab_btn a.active {
        color: #fff;
        background-color: #884FFB;
    }

.common_tab_btn2 a {
    color: #7E8299;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    padding: 5px 13px;
}

    .common_tab_btn2 a.active {
        color: #fff;
        background-color: #F64E60;
    }

.white_card_body.renew_report_card {
    padding: 39px 50px;
}

.dashboard_w_map {
    height: 270px;
}

    .dashboard_w_map .jvectormap-zoomin, .dashboard_w_map .jvectormap-zoomout {
        width: 20px;
        height: 20px;
    }

    .dashboard_w_map .jvectormap-zoomin {
        top: 10px;
    }


    .dashboard_w_map .jvectormap-zoomin, .dashboard_w_map .jvectormap-zoomout, .dashboard_w_map .jvectormap-goback {
        position: absolute;
        left: auto;
        right: 0;
        display: inline-block;
        border-radius: 50%;
        background: #f8f8fc;
        padding: 5px;
        color: #435177;
        cursor: pointer;
        line-height: 20px;
        text-align: center;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

.single_progressbar h6 {
    font-size: 14px;
    font-weight: 400;
    color: #474D58;
}

.single_progressbar .barfiller span {
    color: #8890B5 !important;
    font-size: 11px;
}


.card_container {
    padding: 20px;
}

.notification_wrapper .single_notification {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

    .notification_wrapper .single_notification .notification_info h4 {
        color: #2E4765;
        margin-bottom: 0;
    }

    .notification_wrapper .single_notification .notification_info p {
        font-size: 13px;
        font-weight: 400;
        color: #7F8B9F;
    }

.color_bg {
    width: 27px;
    height: 28px;
    border-radius: 5px;
    background: #C9F7F5;
    flex: 27px 0 0;
}

    .color_bg.color_lite_pink {
        background: #FFE2E5;
    }


    .color_bg.color_lite_violate {
        background: #E2E4FF;
    }

    .color_bg.color_lite_green {
        background: #E2FFF0;
    }

    .color_bg.color_lite_yellow {
        background: #FDFFE2;
    }


.mr_15 {
    margin-right: 15px;
    margin-top: 7px;
}

.option_icon {
    cursor: pointer;
}

.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
    display: none;
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 30px 0 0px;
    padding: 15px 0;
}

.default-datepicker .datepicker-inline .datepicker {
    width: auto;
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        font-size: 14px;
        font-family: "Mulish", sans-serif;
        color: #2b2b2b;
        font-size: 14px;
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
        color: #2b2b2b;
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
        font-weight: 700;
        font-size: 18px;
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
        height: 51px;
        color: #2b2b2b;
    }

        .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day:hover {
            background: #884FFB;
            border: 2px solid #884FFB;
            color: #fff;
        }

    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        color: #FF3000;
        font-size: 18px;
        font-weight: 900;
        font-family: "Mulish", sans-serif;
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        border-radius: 8px;
        padding: 0 8px;
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--nav {
        border-bottom: none;
        padding: 0;
        text-transform: capitalize;
        margin-top: -12px;
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        margin-left: 10px;
        font-weight: 400;
        font-size: 30px;
        color: #2b2b2b;
        font-family: "Mulish", sans-serif;
        color: #884FFB;
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--day-name {
        color: #000;
        font-weight: bold;
    }

.default-datepicker .datepicker--days-names {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px;
}

.default-datepicker .datepicker--cells {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.default-datepicker .datepicker--cell-day {
    width: 14.28571%;
    height: 34px;
}

.default-datepicker .datepicker--cell {
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1;
}

.default-datepicker .datepicker--nav-title, .default-datepicker .datepicker--nav-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.default-datepicker .datepicker--cell.-current- {
    color: #fff !important;
    border-radius: 15px;
    font-weight: bold;
    border: 2px solid #884FFB;
    background: #884FFB;
}

.default-datepicker .datepicker--cell.-focus- {
    background: #884FFB;
    border: 2px solid #884FFB;
    color: #fff;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede;
}

.date_picker_wrapper {
    padding: 0;
    padding: 45px 50px;
    border-radius: 15px;
    background: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.datepicker--cell.-selected- {
    border: none;
    background: #884FFB;
    color: #fff;
}

    .datepicker--cell.-selected-.-current- {
        border: none;
        background: #884FFB;
        color: #fff;
    }

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
    background: #884FFB;
    color: #fff;
    border-radius: 15px;
    position: relative;
}

.datepicker--cell.-focus- {
    background: #884FFB;
    color: #fff;
}

.datepicker--cell.-current- {
    color: #000;
    border-radius: 5px;
    font-weight: bold;
    border: 2px solid #884FFB;
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
    color: #8890B5;
}

.erroe_page_wrapper .errow_wrap {
    display: flex;
    padding: 40px 0;
    align-items: center;
    justify-content: center;
}

    .erroe_page_wrapper .errow_wrap img {
        width: 100px;
        margin: auto;
    }

    .erroe_page_wrapper .errow_wrap .error_heading {
        margin-top: 60px;
    }

        .erroe_page_wrapper .errow_wrap .error_heading h3.headline {
            font-size: 200px;
            font-weight: 800;
            line-height: 1;
        }

@media (max-width: 991px) {

    .erroe_page_wrapper .errow_wrap .error_heading h3.headline {
        font-size: 120px;
    }
}

.erroe_page_wrapper .errow_wrap p {
    font-size: 18px;
    letter-spacing: 1px;
    color: #000;
    font-weight: 400;
    margin-top: 30px;
    line-height: 35px;
    margin-bottom: 30px;
}

.card_box {
    border-radius: 15px;
}

    .card_box .white_box_tittle {
        background-color: #fff;
        padding: 50px;
        border-bottom: 1px solid #f2f4ff;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        position: relative;
        overflow: hidden;
    }

    .card_box .box_body {
        padding: 50px;
    }

        .card_box .box_body .card {
            margin-bottom: 40px;
            border: 0px;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            letter-spacing: 0.5px;
            border-radius: 40px;
            -webkit-box-shadow: 0px 0px 25px 0px rgba(126, 55, 216, 0.05);
            box-shadow: 0px 0px 25px 0px rgba(126, 55, 216, 0.05);
        }

            .card_box .box_body .card:last-child {
                margin-bottom: 0;
            }

            .card_box .box_body .card .card-header {
                background-color: #fff;
                padding: 50px;
                border-bottom: 1px solid #f2f4ff;
                border-top-left-radius: 40px;
                border-top-right-radius: 40px;
                position: relative;
                overflow: hidden;
                padding: 0.75rem 1.25rem;
            }

                .card_box .box_body .card .card-header h5 {
                    margin-bottom: 0;
                    text-transform: capitalize;
                    font-weight: 800;
                    line-height: 1;
                    margin-bottom: 2px;
                }

                    .card_box .box_body .card .card-header h5 button {
                        font-weight: 600;
                        color: #1b3155;
                    }

            .card_box .box_body .card .card-body {
                padding: 50px;
                background-color: rgba(0, 0, 0, 0);
            }

.default-according.arrow_style button::before {
    right: 25px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    content: "\e648";
    font-family: 'themify';
    font-size: 14px;
}

.default-according.arrow_style button.collapsed::before {
    right: 25px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    content: "\e64b";
    font-family: 'themify';
    font-size: 14px;
}

.typography small {
    padding-left: 10px;
    color: #2c323f;
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


.Menu_NOtification_Wrap {
    background: #FFFFFF;
    box-shadow: 0px 10px 15px rgba(6, 0, 8, 0.22);
    border-radius: 10px;
    position: absolute;
    right: 0;
    width: 350px;
    transform: translateY(30px) translateX(20px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

@media (max-width: 575.98px) {

    .Menu_NOtification_Wrap {
        width: 300px;
        transform: translateY(30px) translateX(55px);
    }
}

.Menu_NOtification_Wrap.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(20px) translateX(20px);
}

@media (max-width: 575.98px) {

    .Menu_NOtification_Wrap.active {
        transform: translateY(16px) translateX(55px);
    }
}

.Menu_NOtification_Wrap .notification_Header {
    padding: 15px 20px;
    border-radius: 10px 10px 0px 0px;
    background: var(--icon-color);
}

    .Menu_NOtification_Wrap .notification_Header h4 {
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 0;
    }

.Menu_NOtification_Wrap .Notification_body {
    padding: 20px 20px;
    height: 300px;
    overflow: auto;
}


    .Menu_NOtification_Wrap .Notification_body .single_notify {
        margin-bottom: 10px;
    }

        .Menu_NOtification_Wrap .Notification_body .single_notify:last-child {
            margin-bottom: 0;
        }

        .Menu_NOtification_Wrap .Notification_body .single_notify .notify_thumb {
            margin-right: 15px;
        }

            .Menu_NOtification_Wrap .Notification_body .single_notify .notify_thumb img {
                width: 40px;
                height: 40px;
                border-radius: 5px;
            }

        .Menu_NOtification_Wrap .Notification_body .single_notify .notify_content a h5 {
            margin-bottom: 0;
            font-size: 16px;
            font-weight: 500;
        }

        .Menu_NOtification_Wrap .Notification_body .single_notify .notify_content p {
            font-size: 13px;
            font-weight: 400;
            margin-bottom: 0;
        }

.Menu_NOtification_Wrap .nofity_footer {
    padding: 13px 20px;
    background: #F5F7F9;
    border-radius: 0 0 10px 10px;
}

    .Menu_NOtification_Wrap .nofity_footer .submit_button a {
        font-size: 12px;
    }

.colord_bg_1 div {
    background-color: #2D1967 !important;
}

.colord_bg_2 div {
    background-color: #2F90F7 !important;
}

.colord_bg_3 div {
    background-color: #833CDF !important;
}

.colord_bg_4 div {
    background-color: #FE80B2 !important;
}

.colord_bg_5 div {
    background-color: #FFCB24 !important;
}

.colord_bg_6 div {
    background-color: #2FF0F7 !important;
}

.loader--spinner {
    display: inline-block;
    position: relative;
    color: official;
    height: 60px;
    width: 60px;
}

    .loader--spinner div {
        animation: loader--spinner 1.2s linear infinite;
        transform-origin: 30px 30px;
    }

        .loader--spinner div:after {
            display: block;
            position: absolute;
            top: 3px;
            left: 27px;
            border-radius: 20%;
            content: " ";
            height: 10px;
            width: 5px;
        }

        .loader--spinner div:nth-child(1) {
            animation-delay: -1.1s;
            transform: rotate(0deg);
        }

        .loader--spinner div:nth-child(2) {
            animation-delay: -1s;
            transform: rotate(30deg);
        }

        .loader--spinner div:nth-child(3) {
            animation-delay: -0.9s;
            transform: rotate(60deg);
        }

        .loader--spinner div:nth-child(4) {
            animation-delay: -0.8s;
            transform: rotate(90deg);
        }

        .loader--spinner div:nth-child(5) {
            animation-delay: -0.7s;
            transform: rotate(120deg);
        }

        .loader--spinner div:nth-child(6) {
            animation-delay: -0.6s;
            transform: rotate(150deg);
        }

        .loader--spinner div:nth-child(7) {
            animation-delay: -0.5s;
            transform: rotate(180deg);
        }

        .loader--spinner div:nth-child(8) {
            animation-delay: -0.4s;
            transform: rotate(210deg);
        }

        .loader--spinner div:nth-child(9) {
            animation-delay: -0.3s;
            transform: rotate(240deg);
        }

        .loader--spinner div:nth-child(10) {
            animation-delay: -0.2s;
            transform: rotate(270deg);
        }

        .loader--spinner div:nth-child(11) {
            animation-delay: -0.1s;
            transform: rotate(300deg);
        }

        .loader--spinner div:nth-child(12) {
            animation-delay: 0s;
            transform: rotate(330deg);
        }

@keyframes loader--spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}



/* Spinner default */
.loader--default {
    display: inline-block;
    position: relative;
    height: 64px;
    width: 64px;
}

    .loader--default div {
        position: absolute;
        animation: loader--default 1.2s linear infinite;
        border-radius: 50%;
        height: 5px;
        width: 5px;
    }

        .loader--default div:nth-child(1) {
            animation-delay: 0s;
            top: 29px;
            left: 53px;
        }

        .loader--default div:nth-child(2) {
            animation-delay: -0.1s;
            top: 18px;
            left: 50px;
        }

        .loader--default div:nth-child(3) {
            animation-delay: -0.2s;
            top: 9px;
            left: 41px;
        }

        .loader--default div:nth-child(4) {
            animation-delay: -0.3s;
            top: 6px;
            left: 29px;
        }

        .loader--default div:nth-child(5) {
            animation-delay: -0.4s;
            top: 9px;
            left: 18px;
        }

        .loader--default div:nth-child(6) {
            animation-delay: -0.5s;
            top: 18px;
            left: 9px;
        }

        .loader--default div:nth-child(7) {
            animation-delay: -0.6s;
            top: 29px;
            left: 6px;
        }

        .loader--default div:nth-child(8) {
            animation-delay: -0.7s;
            top: 41px;
            left: 9px;
        }

        .loader--default div:nth-child(9) {
            animation-delay: -0.8s;
            top: 50px;
            left: 18px;
        }

        .loader--default div:nth-child(10) {
            animation-delay: -0.9s;
            top: 53px;
            left: 29px;
        }

        .loader--default div:nth-child(11) {
            animation-delay: -1s;
            top: 50px;
            left: 41px;
        }


        .loader--default div:nth-child(12) {
            animation-delay: -1.1s;
            top: 41px;
            left: 50px;
        }

@keyframes loader--default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}

/* Spinner elipses */

.loader--ellipsis {
    display: inline-block;
    position: relative;
    height: 64px;
    width: 64px;
}


    .loader--ellipsis div {
        position: absolute;
        top: 27px;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
        border-radius: 50%;
        height: 11px;
        width: 11px;
    }


        .loader--ellipsis div:nth-child(1) {
            left: 6px;
            animation: loader--ellipsis1 0.6s infinite;
        }

        .loader--ellipsis div:nth-child(2) {
            left: 6px;
            animation: loader--ellipsis2 0.6s infinite;
        }

        .loader--ellipsis div:nth-child(3) {
            left: 26px;
            animation: loader--ellipsis2 0.6s infinite;
        }

        .loader--ellipsis div:nth-child(4) {
            left: 45px;
            animation: loader--ellipsis3 0.6s infinite;
        }

@keyframes loader--ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes loader--ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes loader--ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

/* Spinner grid */

.loader--grid {
    display: inline-block;
    position: relative;
    height: 64px;
    width: 64px;
}

    .loader--grid div {
        position: absolute;
        animation: loader--grid 1.2s linear infinite;
        border-radius: 50%;
        height: 13px;
        width: 13px;
    }

        .loader--grid div:nth-child(1) {
            top: 6px;
            left: 6px;
            animation-delay: 0s;
        }

        .loader--grid div:nth-child(2) {
            top: 6px;
            left: 26px;
            animation-delay: -0.4s;
        }

        .loader--grid div:nth-child(3) {
            top: 6px;
            left: 45px;
            animation-delay: -0.8s;
        }

        .loader--grid div:nth-child(4) {
            top: 26px;
            left: 6px;
            animation-delay: -0.4s;
        }

        .loader--grid div:nth-child(5) {
            top: 26px;
            left: 26px;
            animation-delay: -0.8s;
        }

        .loader--grid div:nth-child(6) {
            top: 26px;
            left: 45px;
            animation-delay: -1.2s;
        }

        .loader--grid div:nth-child(7) {
            top: 45px;
            left: 6px;
            animation-delay: -0.8s;
        }

        .loader--grid div:nth-child(8) {
            top: 45px;
            left: 26px;
            animation-delay: -1.2s;
        }

        .loader--grid div:nth-child(9) {
            top: 45px;
            left: 45px;
            animation-delay: -1.6s;
        }

@keyframes loader--grid {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

/* Spinner ripple */
.loader--ripple {
    display: inline-block;
    position: relative;
    height: 64px;
    width: 64px;
}

    .loader--ripple div {
        position: absolute;
        animation: loader--ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
        border: 4px solid;
        border-radius: 50%;
        opacity: 1;
    }

        .loader--ripple div:nth-child(2) {
            animation-delay: -0.5s;
        }

@keyframes loader--ripple {
    0% {
        top: 28px;
        left: 28px;
        opacity: 1;
        height: 0;
        width: 0;
    }

    100% {
        top: -1px;
        left: -1px;
        opacity: 0;
        height: 58px;
        width: 58px;
    }
}

/* Spinner dual ring */
.loader--dual-ring {
    display: inline-block;
    height: 64px;
    width: 64px;
}

    .loader--dual-ring:after {
        display: block;
        animation: loader--dual-ring 1.2s linear infinite;
        border: 5px solid #fff;
        border-radius: 50%;
        content: " ";
        margin: 1px;
        height: 46px;
        width: 46px;
    }

@keyframes loader--dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/**
 * Spinners colours
 * ---------------------------------------------------------
 */
/* Blue loaders in white background */
.section--white {
    color: #00539f;
    background: #fff;
}

    .section--white .loader--spinner div:after,
    .section--white .loader--roller div:after,
    .section--white .loader--default div,
    .section--white .loader--ellipsis div,
    .section--white .loader--grid div,
    .section--white .loader--facebook div {
        background: #00539f;
    }

    .section--white .loader--ripple div {
        border-color: #00539f;
    }

    .section--white .loader--ring div {
        border-color: #00539f transparent transparent transparent;
    }

    .section--white .loader--dual-ring:after {
        border-color: #00539f transparent #00539f transparent;
    }

/* White loaders in blue background */
.section--blue {
    color: #fff;
    background: #00539f;
}

    .section--blue .loader--spinner div:after,
    .section--blue .loader--roller div:after,
    .section--blue .loader--default div,
    .section--blue .loader--ellipsis div,
    .section--blue .loader--grid div,
    .section--blue .loader--facebook div {
        background: #fff;
    }

    .section--blue .loader--ripple div {
        border-color: #fff;
    }

    .section--blue .loader--ring div {
        border-color: #fff transparent transparent transparent;
    }

    .section--blue .loader--dual-ring:after {
        border-color: #fff transparent #fff transparent;
    }

.btn-outline-light {
    color: #ddd !important;
    border-color: #ddd !important;
}

.icon-lists div {
    cursor: pointer;
    line-height: 60px;
    white-space: nowrap;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .icon-lists div i {
        margin: 0 15px 0 10px;
        font-size: 24px;
    }

.thumb_34 {
    width: 34px;
    height: 34px;
}

.thumb_62 {
    width: 62px;
    height: 62px;
}

.thumb_54 {
    width: 54px;
    height: 54px;
}

.social_media {
    width: 54px;
    height: 54px;
    border-radius: 8px;
    background: #7799FF;
    font-size: 30px;
    text-align: center;
    color: #fff;
    line-height: 54px;
}

    .social_media.insta_bg {
        background: #FF72C2;
    }

    .social_media.twitter_bg {
        background: #56D5FF;
    }

    .social_media.youtube_bg {
        background: #FF7171;
    }

.radius_50 {
    border-radius: 50%;
}

.color_text_1 {
    color: #BDA5F8 !important;
}

.color_text_2 {
    color: #FFB98A !important;
}

.color_text_3 {
    color: #A48CBC !important;
}

.color_text_4 {
    color: #97C0FF !important;
}

.badge_btn_1 {
    font-size: 11px;
    font-weight: 700;
    background: #FFF0EB;
    display: inline-block;
    border-radius: 2px;
    padding: 5px 17px;
    color: #FF7F57;
}

    .badge_btn_1:hover {
        color: #FF7F57;
    }

.badge_btn_2 {
    font-size: 11px;
    font-weight: 700;
    background: #FDEBFF;
    display: inline-block;
    border-radius: 2px;
    padding: 5px 17px;
    color: #C85ED4;
}

    .badge_btn_2:hover {
        color: #C85ED4;
    }

.badge_btn_3 {
    font-size: 11px;
    font-weight: 700;
    background: #E6F8FF;
    display: inline-block;
    border-radius: 2px;
    padding: 5px 17px;
    color: #0893C8;
}

    .badge_btn_3:hover {
        color: #0893C8;
    }

.badge_btn_4 {
    font-size: 11px;
    font-weight: 700;
    background: #E8FFEB;
    display: inline-block;
    border-radius: 2px;
    padding: 5px 17px;
    color: #50D863;
}

    .badge_btn_4:hover {
        color: #50D863;
    }

.badge_btn_5 {
    font-size: 14px;
    font-weight: 700;
    background: #E8FFEB;
    display: inline-block;
    border-radius: 4px;
    padding: 2px 10px;
    background: #D1EEE7;
    color: #7BCA9E;
}

    .badge_btn_5:hover {
        color: #7BCA9E;
    }

.badge_btn_6 {
    font-size: 10px;
    font-weight: 700;
    background: #E8FFEB;
    display: inline-block;
    border-radius: 2px;
    padding: 6px 17px;
    background: #F16060;
    color: #fff;
    transition: .3s;
}

    .badge_btn_6:hover {
        color: #fff;
        box-shadow: 0 4px 7px rgba(255, 0, 0, 0.31);
    }

.badge_btn_7 {
    font-size: 10px;
    font-weight: 700;
    background: #E8FFEB;
    display: inline-block;
    border-radius: 2px;
    padding: 6px 17px;
    background: #567AED;
    color: #fff;
    transition: .3s;
}

    .badge_btn_7:hover {
        color: #fff;
        box-shadow: 0 4px 7px rgba(86, 122, 237, 0.31);
    }

.badge_btn_8 {
    font-size: 10px;
    font-weight: 700;
    background: #E8FFEB;
    display: inline-block;
    border-radius: 2px;
    padding: 6px 17px;
    background: #884FFB;
    color: #fff;
    transition: .3s;
}

    .badge_btn_8:hover {
        color: #fff;
        box-shadow: 0 4px 7px rgba(136, 79, 251, 0.43);
    }

.badge_btn_semi {
    font-size: 11px;
    font-weight: 700;
    background: #567AED;
    display: inline-block;
    border-radius: 2px;
    padding: 11px 70px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
}

    .badge_btn_semi:hover {
        color: #fff;
        box-shadow: 0 3px 11px #508ff4;
    }

.badge_complete {
    font-size: 12px;
    font-weight: 700;
    background: #E2FFE2;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 17px;
    color: #64E355;
}

    .badge_complete:hover {
        background: #E2FFE2;
        color: #64E355;
    }

.badge_active {
    font-size: 12px;
    font-weight: 700;
    background: #E2FFE2;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 17px;
    color: #64E355;
}

    .badge_active:hover {
        background: #E2FFE2;
        color: #64E355;
    }

.badge_active2 {
    font-size: 12px;
    font-weight: 700;
    background: #E2F2FF;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 17px;
    color: #59A0DF;
}

    .badge_active2:hover {
        background: #E2F2FF;
        color: #59A0DF;
    }

.badge_active3 {
    font-size: 12px;
    font-weight: 700;
    background: #FFEAE6;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 17px;
    color: #FF816D;
}

    .badge_active3:hover {
        background: #FFEAE6;
        color: #FF816D;
    }

.badge_active4 {
    font-size: 12px;
    font-weight: 700;
    background: #FFF8D5;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 17px;
    color: #D2BF62;
}

    .badge_active4:hover {
        background: #FFF8D5;
        color: #D2BF62;
    }

.mark_complete {
    font-size: 12px;
    font-weight: 700;
    background: #FFEFF1;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 17px;
    color: #FE8794;
}

    .mark_complete:hover {
        background: #FFEFF1;
        color: #FE8794;
    }

.text_color_1 {
    font-size: 11px;
    font-weight: 700;
    color: #FF6D6D !important;
}

.text_color_2 {
    font-size: 11px;
    font-weight: 700;
    color: #62D45E !important;
}

.text_color_3 {
    font-size: 11px;
    font-weight: 700;
    color: #6FA5EC !important;
}

.text_color_4 {
    color: #E64B55 !important;
}

.text_color_5 {
    color: #4BE69D !important;
}

.text_color_6 {
    color: #706F9A !important;
}

.text_color_7 {
    color: #59748A !important;
}

.text_color_8 {
    color: #A48CBC !important;
}

.text_color_9 {
    color: #A4CBFF !important;
}

.text_color_10 {
    color: #AF81DC !important;
}

.text_color_11 {
    color: #96D89C !important;
}

.switch_toggle {
    display: inline-block;
    height: 22px;
    position: relative;
    width: 40px;
    margin-bottom: 0;
    margin-left:30px;
}

    .switch_toggle input {
        opacity: 0;
    }

    .switch_toggle .slider:before {
        bottom: 0px;
        content: "";
        height: 13px;
        left: 0px;
        left: 2px;
        position: absolute;
        transition: .3s;
        width: 13px;
        top: 1.4px;
        border: 3px solid var(--icon-color);
    }

    .switch_toggle input:checked + .slider {
        background: transparent;
    }

        .switch_toggle input:checked + .slider:before {
            transform: translateX(17px);
        }

    .switch_toggle .slider.round {
        border-radius: 34px;
    }

        .switch_toggle .slider.round:before {
            border-radius: 50%;
        }

    .switch_toggle .switch_toggle input {
        display: none;
    }

    .switch_toggle .slider {
        bottom: 0;
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: .3s;
        border: 3px solid var(--icon-color);
        background: transparent;
    }

.board_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .board_wrapper .single_board {
        width: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        max-height: 100%;
        padding-right: 12px;
        padding-bottom: 12px;
        outline: none !important;
        position: relative;
    }

        .board_wrapper .single_board .main_board_card {
            max-height: 100%;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            margin-bottom: 12px;
            border-radius: 4px;
            padding: 20px;
            background: #f1f5fa;
        }

            .board_wrapper .single_board .main_board_card .board_card_list .card {
                -webkit-box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.03);
                box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.03);
                margin-bottom: 24px;
                background-color: #fff;
                border: 1px solid #eceff5;
            }

                .board_wrapper .single_board .main_board_card .board_card_list .card .card-body {
                    -webkit-box-flex: 1;
                    -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
                    min-height: 1px;
                    padding: 1.25rem;
                }

.font-16 {
    font-size: 16px !important;
}

.text-warning {
    color: #ffb822 !important;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}


.text-muted {
    color: #a4abc5 !important;
}

.ribbon1 {
    position: absolute;
    top: -6.1px;
    right: 10px;
}

    .ribbon1 span {
        display: block;
        padding: 6px 4px 0px;
        border-top-right-radius: 6px;
        width: 60px;
        font-size: 11px;
        font-weight: 500;
    }

        .ribbon1 span.rib1-primary::before, .ribbon1 span.rib1-primary {
            background: #884FFB;
        }

    .ribbon1.rib1-primary::after {
        border-top-color: #884FFB;
    }

    .ribbon1::after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 10px solid;
        border-top-color: currentcolor;
    }

    .ribbon1 span.rib1-primary::before, .ribbon1 span.rib1-primary {
        background: #884FFB;
    }

    .ribbon1 span::before {
        height: 6px;
        width: 4px;
        left: -4px;
        top: 0;
    }

    .ribbon1 span::before, .ribbon1 span::after {
        position: absolute;
        content: "";
    }

    .ribbon1 span.rib1-primary::after {
        background: #884FFB;
    }

    .ribbon1 span::after {
        height: 6px;
        width: 6px;
        left: -6px;
        top: 0;
        border-radius: 8px 8px 0 0;
    }

    .ribbon1 span::before, .ribbon1 span::after {
        position: absolute;
        content: "";
    }

.single-pro-detail .quantity input {
    width: 14%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: calc(24px + 12px);
}

.single-pro-detail .custom-border {
    width: 60px;
    height: 2px;
    background-color: #1d2c48;
}

.single-pro-detail .product-review li {
    margin: 0;
}

    .single-pro-detail .product-review li i {
        font-size: 16px;
    }

.single-pro-detail .pro-price {
    color: #303e67;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}

.single-pro-detail .pro-features {
    margin-bottom: 20px;
}

    .single-pro-detail .pro-features li {
        line-height: 26px;
        color: #a4abc5;
    }

        .single-pro-detail .pro-features li:before {
            content: "\f00c" !important;
            font-family: 'Font Awesome 5 Free' !important;
            font-weight: 600;
            font-size: 12px;
            color: #03d87f !important;
            display: inline-block;
            margin-right: 8px;
        }

.todo_wrapper .single_todo {
    margin-bottom: 25px;
}

    .todo_wrapper .single_todo .lodo_left .todo_head h5 {
        color: #474D58;
        line-height: 24px;
    }

    .todo_wrapper .single_todo .lodo_left .todo_head p {
        line-height: 16px;
    }

.bar_line {
    height: 49px;
    width: 4px;
    background: #64E355;
    border-radius: 5px;
}

    .bar_line.red_line {
        background: #FE8794;
    }

.world_list_wraper {
    background: #E1F0FF;
    border-radius: 15px;
    padding-top: 25px;
    padding-right: 15px;
    padding-left: 15px;
}

.project_complete .single_pro {
    margin-bottom: 25px;
}

    .project_complete .single_pro .probox {
        width: 14px;
        height: 13px;
        border-radius: 3px;
        background: rgba(244, 135, 107, 0.34);
        margin-right: 10px;
        position: relative;
        top: 5px;
        flex: 14px 0 0;
    }

        .project_complete .single_pro .probox.blue_box {
            background: rgba(47, 98, 165, 0.34);
        }

    .project_complete .single_pro .box_content h4 {
        font-size: 25px;
        font-weight: 900;
        color: #F4876B;
        margin-bottom: 0;
    }

        .project_complete .single_pro .box_content h4.bluish_text {
            color: #2F62A5;
        }

    .project_complete .single_pro .box_content span {
        font-size: 12px;
        color: #C5BAB7;
        font-weight: 600;
    }


.sidebar.mini_sidebar {
    width: 136px;
    z-index: 1;
    overflow: visible !important;
    min-width: 136px;
    max-width: 136px;
    position: absolute;
    z-index: 9999999;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
}

    .sidebar.mini_sidebar .menu-text {
        font-size: 12px;
        color: #B1BDCB;
        font-weight: 600;
        margin: 0;
        padding: 12px 0 12px 24px;
        text-transform: uppercase;
        text-align: center;
        padding-left: 0;
    }

        .sidebar.mini_sidebar .menu-text span {
            display: none;
        }


        .sidebar.mini_sidebar .menu-text i {
            display: block;
        }

    .sidebar.mini_sidebar .mini_logo {
        display: block;
        width: 136px;
    }

    .sidebar.mini_sidebar .logo {
        width: 136px;
        padding: 10px 0;
        margin: 0;
        justify-content: center !important;
        height: 109px;
    }

    .sidebar.mini_sidebar .large_logo {
        display: none;
    }

    .sidebar.mini_sidebar .small_logo {
        display: block;
    }

    .sidebar.mini_sidebar .has-arrow::before {
        display: none;
    }

    .sidebar.mini_sidebar .sidebar-header {
        padding-left: 11px;
    }

    .sidebar.mini_sidebar .update_sidebar img {
        max-width: 40px !important;
    }

    .sidebar.mini_sidebar .sidebar_menu ul li ul {
        overflow: visible;
        position: absolute;
        z-index: 999;
        left: 100% !important;
        top: 100%;
    }

    .sidebar.mini_sidebar .sidebar_menu > li {
        position: relative;
        width: 136px;
        text-align: center;
    }

        .sidebar.mini_sidebar .sidebar_menu > li ul {
            margin-left: 0;
            padding-left: 0;
        }

            .sidebar.mini_sidebar .sidebar_menu > li ul li a {
                white-space: nowrap;
                padding-left: 18px;
                color: var(--sidebar_menu-a);
                width: 194px;
                padding-left: 20px !important;
            }

        .sidebar.mini_sidebar .sidebar_menu > li > a {
            padding-left: 0px;
            display: grid;
            grid-template-columns: 44px auto !important;
        }

            .sidebar.mini_sidebar .sidebar_menu > li > a.has-arrow::after {
                display: none;
            }

            .sidebar.mini_sidebar .sidebar_menu > li > a .nav_icon_small {
                width: 136px;
            }

            .sidebar.mini_sidebar .sidebar_menu > li > a .nav_title {
                display: none;
            }

            .sidebar.mini_sidebar .sidebar_menu > li > a:hover, .sidebar.mini_sidebar .sidebar_menu > li > a:active {
                width: 330px;
            }

                .sidebar.mini_sidebar .sidebar_menu > li > a:hover .nav_icon_small, .sidebar.mini_sidebar .sidebar_menu > li > a:active .nav_icon_small {
                    display: inline-block;
                }

                .sidebar.mini_sidebar .sidebar_menu > li > a:hover .nav_title, .sidebar.mini_sidebar .sidebar_menu > li > a:active .nav_title {
                    display: inline-block;
                }

                .sidebar.mini_sidebar .sidebar_menu > li > a:hover.has-arrow::after, .sidebar.mini_sidebar .sidebar_menu > li > a:active.has-arrow::after {
                    display: inline-block;
                }

        .sidebar.mini_sidebar .sidebar_menu > li:hover > a, .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a {
            width: 330px !important;
        }

            .sidebar.mini_sidebar .sidebar_menu > li:hover > a:hover, .sidebar.mini_sidebar .sidebar_menu > li:hover > a.active, .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a:hover, .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a.active {
                width: 330px;
            }

                .sidebar.mini_sidebar .sidebar_menu > li:hover > a:hover .nav_icon_small, .sidebar.mini_sidebar .sidebar_menu > li:hover > a.active .nav_icon_small, .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a:hover .nav_icon_small, .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a.active .nav_icon_small {
                    display: inline-block;
                }

                .sidebar.mini_sidebar .sidebar_menu > li:hover > a:hover .nav_title, .sidebar.mini_sidebar .sidebar_menu > li:hover > a.active .nav_title, .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a:hover .nav_title, .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a.active .nav_title {
                    display: inline-block;
                }

                .sidebar.mini_sidebar .sidebar_menu > li:hover > a:hover.has-arrow::after, .sidebar.mini_sidebar .sidebar_menu > li:hover > a.active.has-arrow::after, .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a:hover.has-arrow::after, .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a.active.has-arrow::after {
                    display: inline-block;
                }

        .sidebar.mini_sidebar .sidebar_menu > li.mm-active:hover {
            overflow: visible;
        }

        .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a {
            background: #fff;
        }

            .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a .nav_icon_small {
                display: inline-block;
            }

            .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a .nav_title {
                display: inline-block;
            }

            .sidebar.mini_sidebar .sidebar_menu > li.mm-active > a.has-arrow::after {
                display: inline-block;
            }

        .sidebar.mini_sidebar .sidebar_menu > li.mm-active ul {
            left: 100%;
            left: 136px;
            position: absolute;
            top: 100%;
            width: 194px;
            z-index: 1000;
            margin-left: 0;
            padding-left: 0;
        }


#main-content.mini_main_content {
    margin-left: 70px;
    width: calc(100% - 70px);
}

@media (max-width: 1370px) {
    #main-content.mini_main_content {
        width: calc(100% - 70px);
    }
}

@media (min-width: 1200px) {
    #main-content.mini_main_content {
        padding: 30px 30px;
    }
}

@media (max-width: 991px) {
    #main-content.mini_main_content {
        width: 100%;
        margin-top: 0;
    }
}

.sidebar.mini_sidebar ul li ul {
    background: var(--sidebar_menu-a);
    opacity: .9;
    position: absolute;
    left: 100%;
}

.collaspe_icon.open_miniSide {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 991px) {
    .collaspe_icon.open_miniSide {
        display: none;
    }
}

.collaspe_icon.open_miniSide i {
    color: var(--sidebar_menu-a);
    cursor: pointer;
    font-size: 18px;
    margin-right: 15px;
}

.sidebar.mini_sidebar .sidebar_menu > li.metis_submenu_up_collaspe ul {
    top: auto;
    bottom: 100%;
}

.sidebar.mini_sidebar .sidebar_menu li ul li.metis_submenu {
    position: relative;
}

    .sidebar.mini_sidebar .sidebar_menu li ul li.metis_submenu ul {
        top: 100%;
        left: 0 !important;
        position: relative;
        background: rgba(0, 0, 0, 0.05);
    }

.sidebar.dark_sidebar.mini_sidebar .sidebar_menu > li > a:hover, .sidebar.dark_sidebar.mini_sidebar .sidebar_menu > li > a:active {
    background: #1e1e2d;
}

.sidebar.dark_sidebar.mini_sidebar .sidebar_menu > li.mm-active > a {
    background: #1e1e2d;
    color: #F65365 !important;
}

.sidebar.mini_sidebar.dark_sidebar .sidebar_menu > li ul {
    background: #1e1e2d;
    opacity: 1;
}

.sidebar.dark_sidebar.mini_sidebar .sidebar_menu > li ul li a {
    color: #fff;
    width: 194px;
}

.sidebar.dark_sidebar.mini_sidebar .sidebar_menu > li ul li a {
    color: #fff;
    width: 194px;
}

.sidebar.dark_sidebar.mini_sidebar .sidebar_menu > li.mm-active ul {
    width: 194px;
}

.custom-card {
    overflow: hidden;
    padding: 30px;
}

@media (max-width: 575.98px) {
    .custom-card {
        padding: 0;
    }
}

.custom-card.card {
    margin-bottom: 30px;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);
    box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);
    border: none !important;
}

    .custom-card.card .card-header {
        background-color: #fff;
        padding: 0px;
        border-bottom: 1px solid #ecf3fa;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        position: relative;
    }

        .custom-card.card .card-header img {
            border-radius: 50%;
            margin-top: -100px;
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
        }

.custom-card .card-profile {
    text-align: center;
}

    .custom-card .card-profile img {
        height: 150px;
        padding: 7px;
        background-color: #fff;
        z-index: 1;
        position: relative;
    }


.custom-card .card-social {
    text-align: center;
}

    .custom-card .card-social li {
        display: inline-block;
        padding: 15px 0;
    }

        .custom-card .card-social li a {
            padding: 13px;
            color: #bcc6de;
            font-size: 16px;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

.custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: rgba(43, 43, 43, 0.7);
    font-size: 14px;
}

.custom-card .card-footer {
    padding: 0;
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

@media (max-width: 575.98px) {
    .custom-card .card-footer {
        padding: 0 15px 15px 15px;
    }
}

.custom-card .card-footer > div h6 {
    font-size: 14px;
    color: rgba(43, 43, 43, 0.7);
}

@media (max-width: 575.98px) {
    .custom-card .card-footer > div h6 {
        font-size: 13px;
    }
}

.custom-card .card-footer > div h3 {
    margin-bottom: 0;
    font-size: 24px;
}

@media (max-width: 575.98px) {
    .custom-card .card-footer > div h3 {
        font-size: 20px;
    }
}

.custom-card .card-footer > div + div {
    border-left: 1px solid #efefef;
}

.custom-card .card-footer > div {
    padding: 15px;
    text-align: center;
}

@media (max-width: 575.98px) {
    .custom-card .card-footer > div {
        padding: 15px 13px;
    }
}


.QA_section .QA_table .table {
    background: var(--white_card_body);
    border-radius: 10px;
    margin-bottom: 35px;
    padding-top: 20px;
}

.QA_section .QA_table th, .QA_section .QA_table td {
    font-weight: 400;
    padding: 10px 15px;
    vertical-align: middle;
}

.QA_section .QA_table .question_content {
    color: #7e7172;
    font-size: 13px;
}

    .QA_section .QA_table .question_content:hover {
        color: #2E4765;
    }

.QA_section .QA_table thead {
    padding-bottom: 10px;
}

    .QA_section .QA_table thead th {
        white-space: nowrap;
        padding-left: 0;
        border-bottom: 1px solid rgba(130, 139, 178, 0.3) !important;
    }

.QA_section .QA_table tbody tr:first-child td {
    padding-top: 20px;
}

.QA_section .QA_table tbody th {
    font-size: 14px;
    color: #415094;
    font-weight: 400 !important;
}

.QA_section .QA_table tbody .btn_1 {
    background: #65F9B3;
    color: #fff;
    border: 0;
    font-size: 8px;
    padding: 0;
    height: 18px;
    width: 26px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.QA_section .QA_table tbody img.user_thumb {
    width: 36px;
    height: 36px;
    border-radius: 3px;
}

.QA_section .QA_table tbody img.check_status {
    width: 21px;
    height: 18px;
    border-radius: 3px;
}

.QA_section .QA_table tbody th, .QA_section .QA_table tbody td {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 0;
}

    .QA_section .QA_table tbody th.pending, .QA_section .QA_table tbody td.pending {
        color: #E09079;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
    }

    .QA_section .QA_table tbody th.priority_hight, .QA_section .QA_table tbody td.priority_hight {
        font-size: 14px;
        color: #D7598F;
        font-weight: 400;
    }

.QA_section .QA_table tbody tr {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .QA_section .QA_table tbody tr:hover {
        background: #fff;
    }

.QA_section .QA_table .view_btn {
    color: #2E4765;
}

    .QA_section .QA_table .view_btn:hover {
        text-decoration: underline;
    }

.QA_section .QA_table .table {
    margin-bottom: 0 !important;
}

    .QA_section .QA_table .table thead th {
        border-bottom: 0 solid transparent;
        padding: 13px 15px;
        border: 0px solid transparent;
        font-size: 14px;
        font-weight: 700;
        color: #757575;
        white-space: nowrap;
        text-transform: capitalize;
        font-family: "Mulish", sans-serif;
        border: 0;
        background: #fff;
        border: 0 !important;
        background: transparent;
        border-bottom: 1px solid #FFCCD2 !important;
        border-radius: 0 !important;
    }

        .QA_section .QA_table .table thead th:first-child {
            border-radius: 5px 0px 0px 5px;
        }


        .QA_section .QA_table .table thead th:last-child {
            border-radius: 0px 5px 5px 0px;
        }

.table tfoot {
    display: table-header-group;
}

.dataTables_wrapper .dataTables_filter {
    text-align: right;
    display: none;
}

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0.5em;
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

/**************** Map styles start ****************/
.no-opt {
    opacity:1 !important;
}
.map-container {
    position: relative;
    height: 75em;
}

#map-gmap, #map-ol {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#map-tooltip {
    position: absolute;
    left: 0;
    top: 0;
}

#map-places-input {
    position: absolute;
    top: 1.5em;
    left: calc(50px + 15.5em);
    width: 25%;
    min-width: 200px;
}

.map-radio {
    position: absolute;
    left: -9999px;
}

    .map-radio + label > img {
        opacity: 0.5;
        max-height: 50px;
        border: 3px solid black;
        border-radius: 10px;
        cursor: pointer;
    }
        .map-radio + label > img:hover {
            border: 3px solid var(--sidebar_menu-background-hover);
            opacity: 1;
        }

    .map-radio:checked + label > img {
        opacity: 1;
        border: 3px solid var(--sidebar_menu-background-hover);
    }

.map-togle-btn {
    position: absolute;
    top: 6.5em;
    right: .5em;
    width: 34px;
    height: 34px;
    padding: 0 !important;
}
.map-search-btn {
    position: absolute;
    top: 6.5em;
    right: 3em;
    width: 34px;
    height: 34px;
    padding: 0 !important;
}

.map-side-bar {
    width: 8em;
    height: 100%;
    position: absolute;
    background-image: var(--syiran-side-bar);
    right: 0;
    top: 0;
}

.map-add-group {
    position: absolute;
    top: 39.5em;
    right: 0;
    border-bottom: 1px dotted #74797e;
    width: 8em;
}
    .map-add-group > ul {
        margin: auto;
        width: 100%;
        padding: 0em 4em 1em 3em;
    }


.map-layer-group {
    position: absolute;
    top: 20.5em;
    right: 0;
    border-bottom: 1px dotted #74797e;
    width: 8em;
}

    .map-layer-group > ul {
        margin: auto;
        width: 100%;
        padding: 0em 4em 1em 3em;
    }

.map-type-group {
    position: absolute;
    top: 1.5em;
    right: 0;
    border-bottom: 1px dotted #74797e;
    width: 8em;
}
    .map-type-group > ul {
        margin: auto;
        width: 100%;
        padding: 0em 4em 1em 3em;
    }

.map-panel {
    position: absolute;
    top: 4.0em;
    right: .5em;
    width: 155px;
}

.map-legend {
    position: absolute;
    left: 21.5em;
    bottom: 5em;
}

.map-legend-box {
    display: inline-block;
    width: 1em;
    height: 1em;
}

    .map-legend-box.black {
        background-color: black;
    }

    .map-legend-box.blue {
        background-color: blue;
    }

    .map-legend-box.purple {
        background-color: purple;
    }

.map-search-box {
    position: absolute;
    top: .5em;
    left: calc(50px + 16.5em);
    display: flex;
    flex-direction: column;
}

    .map-search-box > .card.open {
        max-height: 560px;
    }

.map-feature-list2 {
    position: absolute;
    top: 4em;
    left: calc(50px + 16.5em);
    width: 15%;
    min-width: 200px;
    height: 40em;
}

.map-rci-info2 {
    position: absolute;
    top: 4em;
    left: calc(50px + 16.5em);
    width: 35em;
    min-width: 200px;
    height: 40em;
}


.map-rci-info {
    position: absolute;
    top: 0;
    right: 8em;
    width: 35em;
    max-height: 100vh;
}
    .map-rci-info table {
        border-collapse: collapse;
    }
        .map-rci-info table tr td {
            border-collapse: collapse;
            border: 1px solid #c8c8c8;
            padding: 10px;
        }
    .map-feature-list, .map-feature-list div {
        overflow: auto;
    }

.map-feature-list {
    position: absolute;
    top: 0;
    right: 8em;
    width: 25%;
    max-height: 100vh;
}

    .map-feature-list table {
        border-collapse: collapse;
    }

        .map-feature-list table tr td {
            border-collapse: collapse;
            border: 1px solid #c8c8c8;
            padding: 10px;
        }

.map-feature-list, .map-feature-list div {
    overflow: auto;
}

.map-alert {
    position: absolute;
    top: 10px;
    left: 25%;
    right: 25%;
}

/**************** Map styles end ****************/
/*Disable Style*/
.not-allowed {
    cursor: not-allowed;
}

.maillog {
    font-size: 75px;
    color: #a5adc6;
}
.inline {
    display: inline-block;
    text-align: center;
    padding: 0px 5px 0px 5px;
}
/*Word wrap*/
.wrap {
    word-break: break-word;
    vertical-align: middle;
}
table.dataTable tbody td {
    word-break: break-word;
    vertical-align: middle;
}
.form-control2 {
    border-color: #BBC1C9;
    width: 90%;
    height: calc(1.5em);
    margin-top:0.4em;
}

div.sticky {
    position: sticky;
    z-index: 10;
    top: 0;
    /* background-color: yellow; */
    padding: 0px 0px 8px 0px;
/*    margin-right:20px;
*/    /*font-size: 20px;*/
}

div.sticky2 {
    background-color: #91E5EC !important;
}

.sticky_card {
    background-color: #f4f6f6;
    -webkit-border-radius: 5px;
    z-index: -1000;

}

nav.sticky {
    position: sticky;
    margin-right: 0px;
    margin-left: 0px;
    z-index: 1;
    top: 0em;
    /* background-color: yellow; */
    padding: 20px;
    font-size: 16px;
}


.background-disable {
    background: #dddddd;
}

.checkboxes {
    width: 100%;
    display: inline-block;
    padding-right: 10px;
    white-space: nowrap;
}

.checkboxes input {
    vertical-align: middle;
    margin:0px 0px 8px 0px;
}

    .checkboxes label {
        vertical-align: middle;
        margin: 0px 0px 8px 0px;
    }
}

ul.bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    padding-top:10px;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    position: absolute;
    bottom: -1.6em;
    left: 100%;
    padding: 4px 4px 4px 8px;
    color: #222;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #cccccc);
    background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);
    background-image: -ms-linear-gradient(top, #f8f8f8, #cccccc);
    background-image: -o-linear-gradient(top, #f8f8f8, #cccccc);
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}

[data-title] {
    position: relative;
}

.big-icon {
    font-size: 20px;
    color: var(--icon);
}

.topbar-divider {
    width: 0;
    border-right: 1px solid #e3e6f0;
    height: calc(4.375rem - 2rem);
    margin: auto 1rem;
}
.dropdown.no-arrow .dropdown-toggle::after {
    display: none;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #858796;
    white-space: nowrap;
}

.dropdown-header {
    background-color: var(--dropdownheader);
/*    border: 1px solid #4e73df;
*/    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #fff;
}


.dropdown-list {
    padding: 0;
    border: none;
    overflow: hidden;
}

    .dropdown-list .dropdown-header {
        background-color: var(--navbar-header);
        border: 1px solid var(--navbar-header);
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        color: #fff;
    }

    .dropdown-list .dropdown-item {
        white-space: normal;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        border-left: 1px solid #e3e6f0;
        border-right: 1px solid #e3e6f0;
        border-bottom: 1px solid #e3e6f0;
        line-height: 1.3rem;
    }

         .dropdown-list .dropdown-item .dropdown-list-image {
            position: relative;
            height: 2.5rem;
            width: 2.5rem;
        }

             .dropdown-list .dropdown-item .dropdown-list-image img {
                height: 2.5rem;
                width: 2.5rem;
            }

             .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
                background-color: #eaecf4;
                height: 0.75rem;
                width: 0.75rem;
                border-radius: 100%;
                position: absolute;
                bottom: 0;
                right: 0;
                border: 0.125rem solid #fff;
            }

         .dropdown-list .dropdown-item .text-truncate {
            max-width: 10rem;
        }

         .dropdown-list .dropdown-item:active {
            background-color: #eaecf4;
            color: #3a3b45;
        }

.animated--grow-in {
    -webkit-animation-name: growIn;
    animation-name: growIn;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
    animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}
@media (min-width: 576px) {
     .dropdown {
        position: relative;
    }

         .dropdown .dropdown-menu {
            width: auto;
            right: 0;
        }

     .dropdown-list {
        width: 20rem !important;
    }

         .dropdown-list .dropdown-item .text-truncate {
            max-width: 13.375rem;
        }
}

.dropdown-item2 {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #3a3b45;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.dropdown-item2:hover, .dropdown-item2:focus {
    color: #2e2f37;
    text-decoration: none;
    background-color: #eaecf4;
}

.dropdown-item2.active, .dropdown-item2:active {
    color: #fff;
    text-decoration: none;
    background-color: #4e73df;
}

.dropdown-item2.disabled, .dropdown-item2:disabled {
    color: #b7b9cc;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-item2-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #3a3b45;
}


.topbar .dropdown-list .dropdown-item2 {
    white-space: normal;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-left: 1px solid #e3e6f0;
    border-right: 1px solid #e3e6f0;
    border-bottom: 1px solid #e3e6f0;
    line-height: 1.3rem;
}

    .topbar .dropdown-list .dropdown-item2 .dropdown-list-image {
        position: relative;
        height: 2.5rem;
        width: 2.5rem;
    }

        .topbar .dropdown-list .dropdown-item2 .dropdown-list-image img {
            height: 2.5rem;
            width: 2.5rem;
        }

        .topbar .dropdown-list .dropdown-item2 .dropdown-list-image .status-indicator {
            background-color: #eaecf4;
            height: 0.75rem;
            width: 0.75rem;
            border-radius: 100%;
            position: absolute;
            bottom: 0;
            right: 0;
            border: 0.125rem solid #fff;
        }

    .topbar .dropdown-list .dropdown-item2 .text-truncate {
        max-width: 10rem;
    }

    .topbar .dropdown-list .dropdown-item2:active {
        background-color: #eaecf4;
        color: #3a3b45;
    }

nav.head {
    position: relative;
    top: 0em;
    /* background-color: yellow; */
    padding: 8px;
    font-size: 16px;
}

.uploadbutton {
    line-height: 1.2;
}

.alertAppend {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    margin: .1rem .1rem;
}

.floating-alert {
    margin: .1rem !important;
}

.page-center {
    justify-content: center !important;
    display: flex !important;
}

.page-right {
    justify-content: right !important;
    display: flex !important;
}

.page-left {
    justify-content: left !important;
    display: flex !important;
}

.custom-btn {
    /*    background-image: linear-gradient(to right, #808080 0%, #3fada8 51%, #808080 100%);
*/ background-color: #488dc7;
    margin: 4px;
    padding: 10px 13px;
    text-align: center;
    transition: 33.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
/*    display: block;
*/    font-size: 1rem;
    border-radius: 0.25rem;

}

    .custom-btn:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }

.select2-selection__rendered {
    line-height: 31px !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
    display: block !important;
}

.select2-container--default {
    display: block !important;
}

.select2-selection__arrow {
    height: 34px !important;
}

.custom-btn2 {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.custom-btn2-dark {
    color: #fff;
    background-color: grey;
    border-color: grey;
}

.custom-btn2-crimson {
    color: #fff;
    background-color: mediumpurple;
    border-color: mediumpurple;
}


/* checkbox-rect */
.checkbox-rect input[type="checkbox"] {
    display: none;
}

    .checkbox-rect input[type="checkbox"] + label {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 20px;
/*        font: 14px/20px "Open Sans", Arial, sans-serif;
*/        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .checkbox-rect input[type="checkbox"]:hover + label:hover {
        color: rgb(23, 86, 228);
    }

    .checkbox-rect input[type="checkbox"]:hover + label:before {
        background: #50565a;
        box-shadow: inset 0px 0px 0px 2px #f7f2f2;
    }

    .checkbox-rect input[type="checkbox"] + label:last-child {
        margin-bottom: 0;
    }

    .checkbox-rect input[type="checkbox"] + label:before {
        content: "";
        display: block;
        width: 1.4em;
        height: 1.4em;
        border: 1px solid #343a3f;
        border-radius: 0.2em;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all 0.2s, background 0.2s ease-in-out;
        transition: all 0.2s, background 0.2s ease-in-out;
        background: #f3f3f3;
    }

    .checkbox-rect input[type="checkbox"]:checked + label:before {
        width: 1.3em;
        height: 1.3em;
        border-radius: 0.2em;
        border: 2px solid #fff;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background: blue;
        box-shadow: 0 0 0 1px #000;
    }
/* checkbox-rect end */

.required label {
    font-weight: bold !important;
    color: #e32 !important;
    content: ' * !important';
    display: inline !important;
}

    .required label:after {
        color: #e32 !important;
        content: ' *';
        display: inline !important;
    }


profile-pic {
    text-align: right;
}

.profile-pic > img {
    border-radius: 0;
    position: relative;
    border: 5px solid #fff;
    top: -25px;
    left: 10px;
    display: inline-block;
    text-align: right;
    z-index: 4;
    max-width: 130px;
    margin-bottom: -30px;
}

.btn-info {
    background-color: #F1C40F !important;
    color: #fff !important;
    border-color: #F1C40F !important;
}

.btn-edit {
    background-color: #8E44AD !important;
    color: #fff !important;
    border-color: #8E44AD !important;
}

.btn-reset {
    background-color: #A52A2A !important;
    color: #fff !important;
    border-color: #A52A2A !important;
}

.btn-access {
    background-color: #808000 !important;
    color: #fff !important;
    border-color: #808000 !important;
}

/* Color Variables */
/* Social Icon Mixin */
/* Social Icons */
.social-icons {
    display: flex;
}

.social-icon {
   /* display: flex;
    align-items: center;
    justify-content: center;*/
    position: relative;
    /*width: 80px;*/
    height: 25px;
/*    margin: 0 0.5rem;*/
    border-radius: 50%;
    cursor: pointer;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
/*    font-size: 2.5rem;
*/    text-decoration: none;
    transition: all 0.15s ease;
/*    color:dodgerblue;
*/}

    .social-icon:hover {
        color: #fff;
    }

        .social-icon:hover .tooltip {
            visibility: visible;
            color: #fff;
            opacity: 1;
            transform: translate(-50%, -150%);
        }

    .social-icon:active {
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
    }

.social-icon--info {
    background: #fff;
    color: dodgerblue;
}

    .social-icon--info .tooltip {
        background: dodgerblue;
        color: currentColor;
    }

        .social-icon--info .tooltip:after {
            border-top-color: dodgerblue;
        }


.social-icon i {
    position: relative;
    top: 1px;
}

/* Tooltips */
.tooltip {
    display: block;
    position: absolute;
    top: 12px;
    left: 17%;
    padding: 0.5rem 0.5rem;
    border-radius: 10px;
    font-size: -8.2rem;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -100%);
    transition: all 0.3s ease;
    z-index: 1;
}

    .tooltip:after {
        display: block;
        position: absolute;
        bottom: 1px;
        left: 5%;
        width: 0;
        height: 0;
        content: "";
        border: solid;
        border-width: 10px 10px 10px 0px;
        border-color: transparent;
        transform: translate(-50%, 100%);
    }

.switch {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}

    .switch > span {
        position: absolute;
        top: 11px;
        pointer-events: none;
        font-family: 'Helvetica', Arial, sans-serif;
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
        width: 50%;
        text-align: center;
    }

input.check-toggle-round-flat:checked ~ .off {
    color: #ff4266;
}

input.check-toggle-round-flat:checked ~ .on {
    color: #fff;
}

.switch > span.on {
    left: 0;
    padding-left: 2px;
    color: #ff4266;
}

.switch > span.off {
    right: 0;
    padding-right: 4px;
    color: #fff;
}

.check-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .check-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

input.check-toggle-round-flat + label {
    padding: 2px;
    width: 100px;
    height: 40px;
    background-color: #ff4266;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

    input.check-toggle-round-flat + label:before, input.check-toggle-round-flat + label:after {
        display: block;
        position: absolute;
        content: "";
    }

    input.check-toggle-round-flat + label:before {
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 2px;
        background-color: #ff4266;
        -webkit- -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
    }

    input.check-toggle-round-flat + label:after {
        top: 4px;
        left: 4px;
        bottom: 4px;
        width: 48px;
        background-color: #fff;
        -webkit-border-radius: 52px;
        -moz-border-radius: 52px;
        -ms-border-radius: 52px;
        -o-border-radius: 52px;
        border-radius: 52px;
        -webkit-transition: margin 0.2s;
        -moz-transition: margin 0.2s;
        -o-transition: margin 0.2s;
        transition: margin 0.2s;
    }

input.check-toggle-round-flat:checked + label {
}

    input.check-toggle-round-flat:checked + label:after {
        margin-left: 44px;
    }

/* Opened submenu icon */
[aria-expanded="true"] .submenu-icon::after {
    content: " \f13a";
    font-family: FontAwesome;
    text-align: right;
    padding-right: 20px;
    position: absolute;
    right: 0;
}
[aria-expanded="false"] .submenu-icon::after {
    content: " \f138";
    font-family: FontAwesome;
    text-align: right;
    padding-right: 20px;
    position: absolute;
    right: 0;
}

.topbars {
    width: 0;
    border-right: 3px solid var(--header_iner);
    height: calc(8.375rem - 2rem);
    margin: auto 1rem;
}

.carimage {
    height: 75px;
    width: auto;
    mix-blend-mode: multiply;
}
.headerbar {
    margin-top: -22px;
    background: #F2F0F070;
    height: 143px;
}
.field-validation-error{
    color:red;
}