body {
    font-family: "Segoe UI";
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.valid.modified {
    border: 1px solid #26b050;
}

.invalid.modified {
    border: 1px solid red;
}

.loader {
    z-index: 99999 !important;
}

.btn:focus-visible {
    background-color: unset !important;
    color: unset !important;
}

.modal.show {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: unset !important;
}

.main_class {
    width: calc(100vw - 278px);
}

img[src=""] {
    display: none;
}

.bg-grey-50 {
    background-color: #efeff1;
}

.deleteRow td {
    background-color: #f500003b;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.form-select {
    font-size: 0.75rem !important;
}

.Active_Options {
    background-color: red;
    width: 100%;
}

.text-red {
    color: #dc3545;
}

.btn {
    border: none;
}

p {
    margin: 0;
}

.text_theme_color {
    color: #4b0eae !important;
}

.nav-link {
    color: #4b0eae;
}

    .nav-link:focus,
    .nav-link:hover {
        color: #4b0eae;
    }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #4b0eae;
    background-color: transparent;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom: 2px solid #4b0eae;
}

.nav-pills .nav-link:hover {
}

.form-select {
    height: 34px;
    line-height: 20px;
}

.btn-theme-common {
    border-radius: 4px;
    background-color: #4b0eae;
    border: 1px solid #4b0eae;
    font-size: 1rem;
    color: #fff;
    transition: all 0.2s ease-in;
    position: relative;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
}

    .btn-theme-common:hover,
    .btn-theme-common:active:focus,
    .btn-theme-common:active,
    .btn-theme-common:focus,
    .btn-theme-common:focus-visible {
        background-color: #8f00ff !important;
        border: 1px solid #4b0eae;
        color: #fff !important;
    }

    .btn-theme-common:disabled,
    .btn-theme-common.disabled {
        cursor: not-allowed;
        pointer-events: all !important;
    }

        .btn-theme-common:disabled:hover,
        .btn-theme-common.disabled:hover {
            background-color: #e3e3e3 !important;
        }

.btn-loader {
    position: relative;
}

    .btn-loader.loading::after {
        content: "";
        display: block;
        width: 1em;
        height: 1em;
        position: absolute;
        left: calc(50% - 0.5em);
        top: calc(50% - 0.5em);
        border: 0.15em solid #fff;
        border-bottom-color: rgba(0, 0, 0, 0);
        border-radius: 50%;
        animation: spin 0.7s linear infinite;
        opacity: 0;
    }

    .btn-loader:hover {
        border: 1px solid #8f00ff;
        background-color: #8f00ff;
        color: #fff;
        transition: all 0.2s ease;
    }

    .btn-loader.loading,
    .btn-loader.loading:focus,
    .btn-loader.loading:hover {
        color: rgba(0, 0, 0, 0) !important;
    }

        .btn-loader.loading:after {
            opacity: 1;
        }

.form-select-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bg-row-odd-even {
    /*max-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;*/
}

    .bg-row-odd-even .row:nth-child(odd) {
        background-color: #ffffff;
        padding: 0.5rem 1rem;
    }

    .bg-row-odd-even .row:nth-child(even) {
        background-color: #eff0f1;
        padding: 0.5rem 1rem;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

a {
    text-decoration: none;
}

p {
    margin-bottom: 0;
}

ul {
    padding: 0;
    margin: 0;
}

    ul li {
        padding: 0;
        margin: 0;
        list-style: none;
    }

.form-control {
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.btn-theme-light {
    color: #252525;
    margin-right: 1rem;
}

    .btn-theme-light:hover {
        background-color: #ece0ff;
        color: #4b0eae;
    }

.title-text {
    font-weight: 600;
    font-size: 24px;
    color: #4b0eae;
    position: absolute;
    top: 88px;
    left: 0;
    right: 0;
}

.btn-check:focus + .btn,
.btn:focus {
    outline: none;
    box-shadow: none;
    border-color: none;
}

.btn:active {
    border-color: rgba(0, 0, 0, 0) !important;
}

::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.clr_thm {
    color: #4b0eae;
}

.clr-green-300 {
    color: #3bb264;
}

.text-red-100 {
    color: #cc4a31;
}

.bg-grey-30,
.grid_filter_wrapper {
    background-color: #eff0f1;
}

.bg-light-900 {
    background-color: #f9fafa;
}

.form-check-input:checked {
    background-color: #3bb264;
    border-color: #3bb264;
}

/*input[type=checkbox]:not(:checked) {
    background-color: #cc4a31;
    border-color: #cc4a31;
    background-image: url("../../assets/images/toggle-switch-white.svg")
}*/

.btn-common-theme-style {
    color: #4b0eae;
    font-size: 14px;
    font-weight: 600;
    /*line-height: 20px;*/
    letter-spacing: 0.02em;
    cursor: pointer;
}

::-webkit-input-placeholder {
    font-family: "Segoe UI";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0em;
}

:-ms-input-placeholder {
    font-family: "Segoe UI";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0em;
}

::placeholder {
    font-family: "Segoe UI";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0em;
}

.card_Enrollment {
    height: calc(100vh - 210px);
    overflow-y: auto;
}

.table-responsive.h-100vh-185px {
    height: calc(100vh - 185px);
    overflow-y: auto;
}

.table-responsive.h-100vh-250px {
    height: calc(100vh - 250px);
    overflow-y: auto;
}

.table-responsive.h-100vh-255px {
    height: calc(100vh - 255px);
    overflow-y: auto;
}

.table-responsive.h-100vh-270px {
    height: calc(100vh - 270px);
    overflow-y: auto;
}

.table-responsive.h-100vh-275px {
    height: calc(100vh - 275px);
    overflow-y: auto;
}

.table-responsive.h-100vh-300px {
    height: calc(100vh - 300px);
    overflow-y: auto;
}

.table-responsive.h-100vh-310px {
    height: calc(100vh - 310px);
    overflow-y: auto;
}

.table-responsive.h-100vh-325px {
    height: calc(100vh - 325px);
    overflow-y: auto;
}

.table-responsive.h-100vh-365px {
    height: calc(100vh - 365px);
    overflow-y: auto;
}

.table-responsive.h-100vh-375px {
    height: calc(100vh - 375px);
    overflow-y: auto;
}

.table-responsive.h-100vh-435px {
    height: calc(100vh - 435px);
    overflow-y: auto;
}

.table-responsive.h-100vh-445px {
    height: calc(100vh - 445px);
    overflow-y: auto;
}

.table-responsive.h-100vh-465px {
    height: calc(100vh - 465px);
    overflow-y: auto;
}

.validation-message {
    color: #cc4a31;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.02em;
    padding: 2px 0 0 0.5rem;
}

.select2.select2-container.select2-container--default
.select2-selection--single {
    height: 34px !important;
}

    .select2.select2-container.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
        line-height: 35px;
        color: #8a2be2;
    }

    .select2.select2-container.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
        top: 6px;
    }

.select2-results__option {
    color: #8a2be2;
}

.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ece0ff;
    color: #8a2be2;
}

.select2-container--default .select2-results__option--selected {
    background-color: #ece0ff;
    color: #8a2be2;
}

.signin_area {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

    .signin_area .company-title {
        letter-spacing: 0.07em;
        font-weight: 900;
        font-size: 2.5rem;
        color: #4b0eae;
        /*position: absolute;*/
        top: 0px;
        left: 0;
        right: 0;
        position: relative;
        margin: 0 auto;
        width: fit-content;
    }

        .signin_area .company-title span {
            color: #8f00ff;
        }

    .signin_area .signin_box {
        width: 50%;
        padding: 1rem;
    }

    .signin_area .company-title::before {
        content: "";
        background-image: url("../images/line-shape-left.svg");
        background-repeat: no-repeat;
        position: absolute;
        left: -100px;
        top: 32px;
        height: 2px;
        width: 95px;
        z-index: 0;
    }

    .signin_area .company-title::after {
        content: "";
        background-image: url("../images/line-shape-right.svg");
        background-repeat: no-repeat;
        position: absolute;
        top: 32px;
        height: 2px;
        width: 95px;
    }

    .signin_area .signin_box .signin_form {
        background-color: #fff;
        border-radius: 6px;
        padding: 2rem 1rem 7rem;
        position: relative;
    }

        .signin_area .signin_box .signin_form .title-text {
            display: none;
        }

        .signin_area .signin_box .signin_form h3 {
            color: #4b0eae;
            font-weight: 700;
            font-size: 28px;
            margin-bottom: 0;
        }

        .signin_area .signin_box .signin_form .form-label {
            font-size: 12px;
            line-height: 150%;
            color: #212529;
        }

        .signin_area .signin_box .signin_form .forgot_password_link {
            text-transform: capitalize;
            font-size: 14px;
            line-height: 150%;
            color: #8f00ff;
            font-weight: 400;
        }

        .signin_area .signin_box .signin_form .show_password {
            position: absolute;
            top: 36px;
            right: 13px;
            z-index: 9;
        }

        .signin_area .signin_box .signin_form .custom_form {
            margin: auto;
            width: 84%;
        }

    .signin_area .signin_main {
        border-radius: 1rem;
        overflow: hidden;
    }

        .signin_area .signin_main .img_box {
            width: 50%;
            position: relative;
            background: #fff;
            margin: 1rem;
            border-radius: 6px;
        }

            .signin_area .signin_main .img_box .right-design-img {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
            }

        .signin_area .signin_main .copyright {
            color: #535ac1;
            font-size: 12px;
            line-height: 16px;
            /* margin-top: 3.5rem;*/
            text-align: center;
        }

            .signin_area .signin_main .copyright a {
                color: #535ac1;
            }

.company-name-version {
    position: absolute;
    bottom: 7px;
    text-align: end;
    width: 100%;
    right: 20px;
}

.img_box .company-full-title {
    color: #8f00ff;
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    top: 20px;
}

.company-name-version .software-version {
    font-size: 14px;
    font-weight: 600;
}

.forgot_password_area .forgot_password_main .fw_form {
    min-height: 524px;
}

    .forgot_password_area .forgot_password_main .fw_form .custom_form .otp_time {
        font-size: 14px;
        letter-spacing: 0.04em;
    }

.forgot_password_area .fw_img_box .right-design-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.alert.custom-alert {
    position: absolute;
    top: 4px;
    /*left: 0;
    right: 0;*/
    left: 40%;
    margin: 0 auto;
    z-index: 1;
    padding: 0.5rem 1.5rem;
    max-width: 50%;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    z-index: 999999;
}

    .alert.custom-alert .toster_msg {
        color: #210154;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0.24px;
        margin-left: 1rem;
    }

    .alert.custom-alert.alert_success {
        border: 1px solid #01d87e;
        background: #c4fce4;
    }

    .alert.custom-alert.alert_error {
        border: 1px solid #cc4a31;
        background-color: #fcf4f6;
    }

    .alert.custom-alert.alert_warning {
        border: 1px solid #be880e;
        background-color: #fefbf4;
    }

    .alert.custom-alert.alert_info {
        border: 1px solid #8a2be2;
        background-color: #ebebeb;
    }

.password_validation {
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 4px 4px;
    padding: 8px 16px;
    margin-top: 14px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

    .password_validation .pv_text {
        font-size: 12px;
        margin-bottom: 1rem;
    }

        .password_validation .pv_text:last-child {
            margin-bottom: 0;
        }

    .password_validation .pv-red {
        color: #cc3535;
    }

    .password_validation .pv-green {
        color: #1d7d1b;
    }

.success_img {
    margin-bottom: 1.5rem;
}

.success_content .success_title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    color: #3f3d56;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.96px;
}

.success_content .success_text {
    font-size: 1rem;
    letter-spacing: 0.64px;
    color: #3f3d56;
    max-width: 330px;
    margin: auto;
    margin-bottom: 1.5rem;
}

.copyright_main {
    position: absolute;
    inset: 0;
    top: unset;
    bottom: 20px;
}

.sidebar_custom {
    width: 69px;
}

    .sidebar_custom .navbar_ctm {
        background-color: #e3e3e3;
        height: 100vh;
        border-right: 1px solid #cacaca;
        padding: 0;
    }

        .sidebar_custom .navbar_ctm .logo {
            position: sticky;
            top: 0;
            background: #e3e3e3;
            width: 100%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            color: #4b0eae;
            font-size: 20px;
            font-weight: 900;
        }

        .sidebar_custom .navbar_ctm ul.navbar-nav {
            height: calc(100vh - 50px);
            overflow-y: auto;
            overflow-x: hidden;
        }

        .sidebar_custom .navbar_ctm .nav-item {
            transition: all 0.3s ease-out;
        }

            .sidebar_custom .navbar_ctm .nav-item .nav-link {
                font-size: 10px;
                line-height: 16px;
                color: #6f7581;
                display: block;
                height: unset;
                border-radius: unset;
            }

            .sidebar_custom .navbar_ctm .nav-item:hover .nav-link {
                color: #4b0eae;
                transition: all 0.3s ease;
            }

            .sidebar_custom .navbar_ctm .nav-item:hover .menu_icon {
                transition: all 0.3s ease;
            }

                .sidebar_custom .navbar_ctm .nav-item:hover .menu_icon.home {
                    background-position: -285px -36px;
                }

                .sidebar_custom .navbar_ctm .nav-item:hover .menu_icon.employee {
                    background-position: -388px -36px;
                }

                .sidebar_custom .navbar_ctm .nav-item:hover .menu_icon.enrollment {
                    background-position: -420px -37px;
                }

                .sidebar_custom .navbar_ctm .nav-item:hover .menu_icon.notification {
                    background-position: -319px -36px;
                }

                .sidebar_custom .navbar_ctm .nav-item:hover .menu_icon.report {
                    background-position: -353px -37px;
                }

                .sidebar_custom .navbar_ctm .nav-item:hover .menu_icon.setting {
                    background-position: -454px -36px;
                }

            .sidebar_custom .navbar_ctm .nav-item .menu_icon {
                /* background-image: url("../images/icons.svg");
                background-repeat: no-repeat;*/
                display: block;
                text-align: center;
                margin: 0 auto;
                font-size: 20px;
            }

                .sidebar_custom .navbar_ctm .nav-item .menu_icon.home {
                    background-position: -285px -2px;
                    width: 18px;
                    height: 20px;
                }

                .sidebar_custom .navbar_ctm .nav-item .menu_icon.employee {
                    background-position: -388px -2px;
                    width: 16px;
                    height: 20px;
                }

                .sidebar_custom .navbar_ctm .nav-item .menu_icon.enrollment {
                    background-position: -420px -3px;
                    width: 20px;
                    height: 18px;
                }

                .sidebar_custom .navbar_ctm .nav-item .menu_icon.notification {
                    background-position: -319px -2px;
                    width: 18px;
                    height: 20px;
                }

                .sidebar_custom .navbar_ctm .nav-item .menu_icon.report {
                    background-position: -353px -3px;
                    width: 18px;
                    height: 18px;
                }

                .sidebar_custom .navbar_ctm .nav-item .menu_icon.setting {
                    background-position: -454px -2px;
                    width: 20px;
                    height: 20px;
                }

            .sidebar_custom .navbar_ctm .nav-item.active {
                background-color: #ece0ff;
                width: 97%;
            }

                .sidebar_custom .navbar_ctm .nav-item.active .nav-link {
                    color: #4b0eae;
                }

                .sidebar_custom .navbar_ctm .nav-item.active .menu_icon.setting {
                    background-position: -454px -36px;
                }

.header_wrapper {
    padding: 0.75rem 1rem;
    background-color: #f5f5f5;
    /*overflow: hidden;*/
    height: 40px;
}

.sidebar_sub_panel {
    padding: 0.25rem;
    width: 30px;
    height: 30px;
    margin-right: -20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #4b0eae !important;
}

.sidebar_sub_panel_i {
    height: 24px;
    width: 24px;
    margin-top: -20px;
    font-size: 25px;
}

@media only screen and (min-width: 641px) {
    .header_wrapper {
        position: sticky;
        top: 0;
        z-index: 1;
    }
}

.header_wrapper .dt_text {
    font-weight: 500;
    font-size: 12px;
    line-height: 14.52px;
    letter-spacing: 0.04em;
    color: #707eae;
}

.header_wrapper .user_area .u_name {
    color: #6b7a99;
    font-weight: 600;
    font-size: 16px;
    display: block;
    /*text-align: center;*/
    color: #4b0eae;
    padding: 0.5rem;
}

    .header_wrapper .user_area .u_name img {
        margin-right: 0.5rem;
    }

.user_area .btn_notification i.fa {
    /*font-size: 22px;*/
    font-size: 1.3rem;
}

.user_area .btn_notification .new_notification {
    position: relative;
}

    .user_area .btn_notification .new_notification::after {
        content: "";
        position: absolute;
        top: -3px;
        right: 1px;
        border-radius: 50%;
        background-color: #ff0000;
        height: 10px;
        width: 10px;
    }

.user_area .btn_notification.dropdown-toggle::after {
    display: none;
}

.user_details_dropdown a.dropdown-item {
    font-size: 14px;
}

    .user_details_dropdown a.dropdown-item i.fa {
        font-size: 18px;
    }

.header_wrapper .user_area .header_icon {
    margin-right: 0.5rem;
    background-color: transparent;
    padding: 6px;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .header_wrapper .user_area .header_icon:last-child {
        margin-right: 0;
        padding: 0;
    }

.dashboard_header_group {
    /*padding: 6px 16px;*/
    background-color: #fff;
    border-bottom: 1px solid #eff0f1;
    margin: 0 4px 4px;
    /*position: relative*/
}

.btn-add,
.btn-bulk,
.btn-device {
    font-family: "Segoe UI";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: center;
    margin-right: 4px;
    padding: 4px 12px;
    cursor: pointer;
    transition: all 0.1s;
}

    .btn-add .icon-add,
    .btn-bulk .icon-add,
    .btn-device .icon-add {
        background-image: url("../images/icons.svg");
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 20px;
        width: 20px;
        margin-right: 6px;
    }

    .btn-add:hover .icon-add,
    .btn-add:active:focus .icon-add,
    .btn-bulk:hover .icon-add,
    .btn-bulk:active:focus .icon-add,
    .btn-device:hover .icon-add,
    .btn-device:active:focus .icon-add {
        background-image: url("../images/icons.svg");
        background-position: 0 -30px;
    }

.btn-bulk,
.btn-device {
    color: #4b0eae;
}

    .btn-bulk .icon-bulk,
    .btn-device .icon-bulk {
        background-image: url("../images/icons.svg");
        background-position: -33px 0px;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }

    .btn-device .icon-device {
        background-image: url("../images/icons.svg");
        background-position: -186px -2px;
        background-repeat: no-repeat;
        width: 12px;
        height: 20px;
        margin-right: 6px;
    }

.dt_title_area .dh_text {
    font-weight: 700;
    font-size: 1.5rem;
    color: #4b0eae;
    line-height: 28px;
    letter-spacing: 0em;
}

.admin_full_layout .top_fixed_header {
    width: 100%;
}

.custom_offcanvas {
    background-color: #eff0f1;
    border-radius: 4px;
}

    .custom_offcanvas .offcanvas-header {
        padding: 1rem;
        margin: 0.5rem 0.5rem 0;
        background-color: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

        .custom_offcanvas .offcanvas-header .offcanvas-title {
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: 0em;
            color: #4b0eae;
        }

    .custom_offcanvas .offcanvas-body {
        padding: 0 1rem;
        margin: 0 0.5rem;
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 135px);
        max-height: calc(100vh - 135px);
    }

        .custom_offcanvas .offcanvas-body .custom-footer-offcanvas {
            width: calc(100% - 9px);
            position: absolute;
            bottom: -5px;
            right: 0px;
            z-index: 1;
            background: #fff;
            margin-right: 0;
            padding: 0.5rem;
        }

    .custom_offcanvas .offcanvas-footer,
    .custom_offcanvas .custom-footer-offcanvas {
        padding: 1rem;
        background-color: #fff;
        margin: 0 0.5rem 0.5rem;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

        .custom_offcanvas .offcanvas-footer .btn,
        .custom_offcanvas .custom-footer-offcanvas .btn {
            min-width: 96px;
            padding: 0.5rem;
            border: none;
            outline: none;
        }

        .custom_offcanvas .offcanvas-footer .btn-cancel,
        .custom_offcanvas .custom-footer-offcanvas .btn-cancel {
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 0.02em;
            text-align: center;
            color: #4b0eae;
        }

.admin_company .top_fixed_header {
    width: 100%;
}

.admin_company .entries_filtered {
    padding: 4px 16px;
}

.search_area {
    position: relative;
}

    .search_area .form-control {
        border-radius: 4px;
        border: 0;
        padding: 0.25rem 1rem;
    }

    .search_area .btn-search {
        position: absolute;
        right: 0;
        top: 2px;
        padding: 0 5px;
    }

.filtered_area {
    display: flex;
    align-items: center;
}

    .filtered_area .select_entries {
        padding: 4px 8px 4px 8px;
        border-radius: 4px;
        border: 1px solid #4b0eae;
        outline: 0;
        box-shadow: none;
        background-image: url("../images/arrow-down.svg");
        width: 60px !important;
    }

    .filtered_area .show_entry {
        color: #6f7581;
        text-align: right;
        font-size: 14px;
        line-height: 24px;
        margin-left: 0.5rem;
    }

    .filtered_area .show_entry_Initial {
        color: #6f7581;
        text-align: left;
        font-size: 14px;
        line-height: 24px;
        margin-right: 1rem;
    }

.form-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #210154;
}

.offcanvas_custom_form .form-control {
    color: #210154;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
}

.offcanvas_custom_form .btn-upload {
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
}

.offcanvas_custom_form .error_element {
    border-color: #cc4a31;
}

.offcanvas_custom_form .error_msg {
    color: #cc4a31;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.02em;
    padding: 2px 0 0 0.5rem;
}

.offcanvas_custom_form .btn-cancel {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: center;
    padding: 4px 12px 4px 12px;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    color: #4b0eae;
}

    .offcanvas_custom_form .btn-cancel:hover {
        color: #000;
    }

.offcanvas_custom_form .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .offcanvas_custom_form .upload-btn-wrapper input[type="file"] {
        position: absolute;
        opacity: 0;
        top: 0;
        cursor: pointer;
        right: 0;
    }

    .offcanvas_custom_form .upload-btn-wrapper .max_file_size_text {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.02em;
        color: #7f7f7f;
        margin-top: 3px;
    }

.offcanvas_custom_form .ImagePreview {
    width: 100%;
    overflow: hidden;
    padding-top: 24px;
    position: relative;
    min-height: 0;
    object-fit: cover;
}

.offcanvas_custom_form .dropdown-toggle::after {
    position: absolute;
    top: 14px;
    right: 10px;
}

.custom_select_dropdown {
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: 0.375rem;
    padding: 4px 0;
    background: white;
}

.btn-delete-block {
    background-image: url("../images/icons.svg");
    width: 16px;
    height: 17px;
    background-position: -244px -4px;
    transition: all 0.3s ease;
}

    .btn-delete-block:hover {
        transition: all 0.3s ease-in;
        background-position: -244px -38px;
    }

.btn .icon-Add-Square-theme {
    background-image: url("../images/icons.svg");
    width: 18px;
    height: 18px;
    background-position: -61px -1px;
    background-repeat: no-repeat;
    margin-right: 0.5rem;
}

.btn:hover .icon-Add-Square-theme {
    background-image: url("../images/icons.svg");
    background-position: -61px -31px;
    transition: all 0.3s ease-in;
}

select {
    border-radius: 4px !important;
    color: #210154 !important;
}

    select option {
        color: #4b0eae;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.02em;
    }

.sidebar_main {
    background-color: #efefef;
    border-right: 1px solid #cacaca;
    width: 209px;
    height: 100vh;
    padding: 0.25rem;
}

    .sidebar_main .sidebar_title_area {
        padding: 0.5rem 1rem;
        text-align: left;
    }

        .sidebar_main .sidebar_title_area .sidebar_title {
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            margin-left: 0.5rem;
        }

    .sidebar_main .menu_items_list {
        height: calc(100vh - 85px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .sidebar_main .menu_accordion .accordion-item {
        border: 0;
        background-color: #efefef;
    }

        .sidebar_main .menu_accordion .accordion-item .accordion-button {
            border: 0;
            box-shadow: none;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: 0em;
            padding: 6px 10px;
            background-color: #efefef;
            color: #6f7581;
            font-weight: 400;
        }

            .sidebar_main .menu_accordion .accordion-item .accordion-button.style_theme {
                font-weight: 600;
                color: #4b0eae;
                background-color: #e1ceff;
            }

            .sidebar_main .menu_accordion .accordion-item .accordion-button::after {
                background-image: url("../images/Chevron.svg");
                transform: rotate(0deg);
                width: 15px;
                height: 15px;
            }

            .sidebar_main
            .menu_accordion
            .accordion-item
            .accordion-button.collapsed::after {
                transform: rotate(180deg);
            }

        .sidebar_main .menu_accordion .accordion-item ul li {
            transition: all 0.4s ease;
            cursor: pointer;
        }

            .sidebar_main .menu_accordion .accordion-item ul li:hover {
                background-color: #ece0ff;
            }

            .sidebar_main .menu_accordion .accordion-item ul li a {
                font-size: 13px;
                font-weight: 500;
                line-height: 24px;
                color: #6f7581;
                display: inline-block;
                width: 100%;
                padding: 0.25rem 0.5rem 0.25rem 1rem;
            }

            .sidebar_main .menu_accordion .accordion-item ul li.active {
                background-color: #ece0ff;
            }

                .sidebar_main .menu_accordion .accordion-item ul li.active a {
                    font-weight: 600;
                    color: #4b0eae;
                }

        .sidebar_main .menu_accordion .accordion-item .accordion-body {
            padding: 0;
        }

.admin_fixed_layout .top_fixed_header {
    width: calc(100vw - 209px);
    background-color: #fff;
}

.dashboard_body_area {
    padding: 1rem;
}

    .dashboard_body_area .offcanvas-body {
        padding: 0.5rem;
        margin: 0 0.5rem;
        background-color: #fff;
    }

        .dashboard_body_area .offcanvas-body .offcanvas_custom_form {
            background-color: #efe9fa;
            padding: 0.5rem;
        }

            .dashboard_body_area .offcanvas-body .offcanvas_custom_form .form-select {
                color: #6f7581;
                outline: 0;
                box-shadow: none;
            }

    .dashboard_body_area .media_object {
        background-color: #f9fafa;
        padding: 1rem 0.5rem;
    }

        .dashboard_body_area .media_object .dt_title_area .dh_text {
            text-transform: uppercase;
        }

    .dashboard_body_area .address_area .address_line1,
    .dashboard_body_area .address_area .address_line2 {
        font-size: 1rem;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.02em;
        color: #6f7581;
    }

    .dashboard_body_area .contact_info_area {
        padding: 1rem;
        background-color: #f9fafa;
    }

        .dashboard_body_area .contact_info_area .btn {
            background-image: url("../images/icons.svg");
            background-position: -61px -1px;
            background-repeat: no-repeat;
            padding: 11px;
            border: 0;
            border-radius: 0;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
        }

            .dashboard_body_area .contact_info_area .btn:hover {
                border: rgba(0, 0, 0, 0);
                background-position: -61px -31px;
            }

            .dashboard_body_area .contact_info_area .btn:active {
                border: rgba(0, 0, 0, 0);
                border-radius: 0;
            }

.upload_emp_profile_pic {
    position: relative;
    width: 96px;
}

    .upload_emp_profile_pic .emp_profile_pic {
        position: absolute;
        height: 96px;
        width: 96px;
        display: inline-block;
        cursor: pointer;
        top: -50px;
    }

        .upload_emp_profile_pic .emp_profile_pic:hover {
            background-color: rgba(0, 0, 0, 0.301);
            border-radius: 8px;
        }

            .upload_emp_profile_pic .emp_profile_pic:hover .blank-profile-pic {
                opacity: 0;
            }

            .upload_emp_profile_pic .emp_profile_pic:hover .upload-icon {
                opacity: 1;
            }

            .upload_emp_profile_pic .emp_profile_pic:hover .preview-img::after {
                opacity: 1;
                border-radius: 8px;
            }

        .upload_emp_profile_pic .emp_profile_pic .upload_emp_img {
            opacity: 0;
            height: 96px;
            width: 96px;
            display: inline-block;
        }

        .upload_emp_profile_pic .emp_profile_pic .blank-profile-pic {
            position: absolute;
            left: 0;
            top: 0;
        }

            .upload_emp_profile_pic .emp_profile_pic .blank-profile-pic::after {
                position: relative;
            }

                .upload_emp_profile_pic .emp_profile_pic .blank-profile-pic::after:hover {
                    content: "";
                    background-color: rgba(0, 0, 0, 0.2784313725);
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    height: 100%;
                    width: 100%;
                    position: absolute;
                    border-radius: 8px;
                    transition: all 0.3s;
                }

        .upload_emp_profile_pic .emp_profile_pic .preview-img {
            width: 96px;
            height: 96px;
            position: absolute;
            top: 0;
            left: 0;
            transition: all 0.3s;
        }

        .upload_emp_profile_pic .emp_profile_pic #confirm-img {
            width: 96px;
            height: 96px;
            border-radius: 0.5rem;
        }

        .upload_emp_profile_pic .emp_profile_pic .upload-icon {
            height: 20px;
            width: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 8px;
            opacity: 0;
            z-index: 1;
        }

.emp_profile_details {
    margin-left: 1rem;
}

    .emp_profile_details .emp_name {
        font-size: var(--fs-24);
        color: var(--white);
        font-weight: 600;
    }

.modal-content {
    /* padding: 1.5rem*/
    padding: 0.75rem;
}

    .modal-content .modal-body {
        padding: 0;
    }

        .modal-content .modal-body .cr-slider {
            padding-top: 1rem;
        }

    .modal-content .modal-footer {
        padding-top: 0.5rem;
    }

        .modal-content .modal-footer .form-btn-cancel {
            width: 50%;
        }

            .modal-content .modal-footer .form-btn-cancel .btn-cancel {
                font-family: "Segoe UI";
                font-size: 14px;
                font-weight: 600;
                line-height: 20px;
                letter-spacing: 0.02em;
                text-align: center;
                color: #4b0eae;
                text-transform: capitalize;
                padding: 6px 40px;
                width: 100%;
            }

                .modal-content .modal-footer .form-btn-cancel .btn-cancel:hover {
                    background-color: #ece0ff;
                }

        .modal-content .modal-footer .form-btn-submit {
            width: 50%;
        }

            .modal-content .modal-footer .form-btn-submit .btn-submit {
                font-family: "Segoe UI";
                font-size: 14px;
                font-weight: 600;
                line-height: 19px;
                letter-spacing: 0.02em;
                text-align: center;
                background-color: #4b0eae;
                color: #fff;
                padding: 6px 40px;
                width: 100%;
            }

input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    color: #b79fdf;
    background-color: #b79fdf;
}

input[type="range"]::-webkit-slider-thumb {
    background: #4b0eae;
    cursor: pointer;
    -webkit-appearance: none;
}

.contact_info_object_media {
    padding: 2rem;
    background-color: #f9fafa;
    border-radius: 0.5rem;
}

    .contact_info_object_media .contact_info_media {
        width: 100%;
        gap: 1rem;
    }

        .contact_info_object_media .contact_info_media .cim_box {
            position: relative;
            padding: 1rem;
            width: 48%;
            background-color: #fff;
            border-radius: 0.25rem;
            transition: all 0.3s;
        }

            .contact_info_object_media .contact_info_media .cim_box .ci_media_img {
                background-color: #ece0ff;
                border-radius: 0.5rem;
            }

            .contact_info_object_media .contact_info_media .cim_box .dh_text {
                font-size: 1rem;
                font-weight: 600;
                line-height: 20px;
                letter-spacing: 0.02em;
            }

            .contact_info_object_media .contact_info_media .cim_box .contact_details {
                font-size: 14px;
                font-weight: 400;
                line-height: 22px;
                letter-spacing: 0.02em;
                color: #6f7581;
            }

                .contact_info_object_media .contact_info_media .cim_box .contact_details img {
                    margin-right: 0.25rem;
                }

        .contact_info_object_media .contact_info_media .edit_btn_group {
            display: none;
            transition: all 0.5s ease;
        }

            .contact_info_object_media
            .contact_info_media
            .edit_btn_group
            .btn_delete
            .delete_red_fill {
                display: none;
            }

        .contact_info_object_media .contact_info_media:hover {
            transition: all 0.5s ease;
        }

            .contact_info_object_media .contact_info_media:hover .edit_btn_group {
                display: block;
                transition: all 0.5s ease;
            }

.table_area_main {
    position: relative;
    background-color: #fff;
}

    .table_area_main .table-responsive {
        max-height: calc(100vh - 60px);
        height: calc(100vh - 60px);
    }

    .table_area_main .main_class {
        width: calc(100% - 250px);
    }

    .table_area_main .card-header #orders-actions .btn i.fa {
        margin-right: 5px;
    }

.table-responsive::-webkit-scrollbar {
    width: 4px;
}

    .table-responsive::-webkit-scrollbar:horizontal {
        height: 10px;
    }

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 9px;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    width: 2px;
}

    .table-responsive::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.table .sticky_cell {
    position: sticky;
    right: 0;
    background: #fff;
    max-width: 80px;
    left: unset;
    height: 38px;
}

.table thead th.table-action {
    right: 0;
    background-color: #eff0f1;
    position: sticky;
}

.web-enroll-search .form-label {
    min-width: 80px;
    margin-right: 8px;
    margin-bottom: 0;
}

.web-enroll-wrapper .user-profile-pic {
    max-width: 70%;
}

.web-enroll-search .form-control {
    width: 200px;
}
/*.img_click_box video{
    height:unset !important;
}*/
.modal-body .single_select li label {
    max-width: 240px;
    width: 240px;
}

@media only screen and (max-width: 650px) {
    .table_area_main .main_class {
        width: 100%;
    }
}

.custom-table {
    margin: 0 !important;
}

    .custom-table thead {
        background-color: #eff0f1 !important;
        position: sticky;
        top: 0;
        z-index: 0;
    }

        .custom-table thead th {
            font-size: 12px;
            color: #210154;
            line-height: 2rem;
            padding: 0 1rem;
            border-bottom: none;
            white-space: nowrap;
            background: none;
        }

        .custom-table thead .thead-row {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            justify-content: flex-start;
            /*min-width: 160px;*/
            max-width: 150px;
        }

/*.custom-table thead .thead-row .thead-name {
                width: 90%
            }*/
.thead-row .thead-name {
    width: 90%;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-table thead .thead-row .thead-filter {
    /*width: 10%;*/
    padding: 0 !important;
    text-align: right;
    margin-left: 1rem;
}

    .custom-table
    thead
    .thead-row
    .thead-filter
    .btn_tbl_filter.dropdown-toggle::after {
        display: none;
    }

    .custom-table thead .thead-row .thead-filter ul.dropdown-menu .form-control {
        font-size: 14px;
    }

.dropdown-menu {
    /*width: 235px;
    background-color: #f5f5f5;*/
    min-width: 160px;
    background-color: #f5f5f5;
    width: auto;
}

.custom-table thead .table-action {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.custom-table tbody {
    background-color: #fff;
}

    .custom-table tbody td {
        /*color: #6f7581;*/
        color: #212121;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.02em;
        vertical-align: middle;
        padding: 0.25rem 1rem;
        line-height: 29px;
        vertical-align: middle;
        /*white-space: nowrap;*/
        max-width: 150px;
        word-wrap: break-word;
    }

        .custom-table tbody td .form-check.form-switch {
            display: flex;
        }

    .custom-table tbody .table-action-btn a {
        margin: 0 5px;
        display: flex;
        align-items: center;
    }

        .custom-table tbody .table-action-btn a i.fa {
            font-size: 20px;
        }

.custom-table .form-switch .form-check-input {
    height: 15px;
    width: 30px;
    margin-right: 0.5rem;
}

.custom-table label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #6f7581;
}

.custom-table-image {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    /*border: 1px solid #4b0eae;*/
}

.table_area_main .card-body {
    background-color: #fff;
}

.table_area_main input:focus {
    outline: 0;
    box-shadow: none;
}

.sort-link {
    cursor: pointer;
    color: #007bff !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-pagination .display_entries {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0em;
    color: #6f7581;
    padding-left: 0.5rem;
}

.custom-pagination .pagination .page-item.disabled {
    opacity: 0.5;
}

.custom-pagination .pagination .page-item .page-link {
    border: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #4b0eae !important;
    cursor: pointer;
}

    .custom-pagination .pagination .page-item .page-link .sr-only {
        display: none;
    }

.custom-pagination .pagination .page-item.active .page-link {
    background-color: #4b0eae;
    color: #ffffff !important;
    font-weight: 600;
}

.column-filter-btn {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.breadcrumb_main {
    background-color: #f9fafa;
}

    .breadcrumb_main .breadcrumb {
        margin: 0 0 0.5rem;
        padding: 0.75rem 0.5rem;
    }

        .breadcrumb_main .breadcrumb .breadcrumb-item {
            margin-right: 0.75rem;
        }

            .breadcrumb_main .breadcrumb .breadcrumb-item a {
                color: #6f7581;
            }

            .breadcrumb_main .breadcrumb .breadcrumb-item:last-child {
                margin-right: 0;
            }

                .breadcrumb_main .breadcrumb .breadcrumb-item:last-child::before {
                    margin-right: 0.75rem;
                }

.grid_count_box_wrapper {
    margin-bottom: 0.25rem;
}

    .grid_count_box_wrapper .grid_count_box {
        font-family: "Segoe UI";
        padding: 0.25rem 0.25rem;
    }

        .grid_count_box_wrapper .grid_count_box .gb_title {
            font-size: 12px;
            font-weight: 400;
            line-height: 16px;
            letter-spacing: 0.02em;
            text-align: center;
            margin-bottom: 0.25rem;
        }

        .grid_count_box_wrapper .grid_count_box .gb_count {
            font-size: 14px;
            font-weight: 700;
            line-height: 16px;
            letter-spacing: 0.02em;
            text-align: center;
        }

        .grid_count_box_wrapper .grid_count_box:hover {
            background-color: #ece0ff;
            border-radius: 4px;
        }

.after_style {
    position: relative;
    padding: 0 0.25rem;
}

    .after_style::after {
        content: "";
        position: absolute;
        height: 24px;
        width: 1px;
        border-radius: 4px;
        background-color: #6f7581;
        left: -8px;
        top: 8px;
        bottom: 0;
    }

.tr_company_table {
    height: calc(100vh - 90px);
}

.table_footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    top: calc(100vh - 120px);
}

.addLocationModalCtm .modal-content {
    padding: 0;
    border-radius: 4px;
}

    .addLocationModalCtm .modal-content .modal-body {
        border-top: 4px solid #4b0eae;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        margin-bottom: 1rem;
        padding: 2rem 1.25rem;
    }

    .addLocationModalCtm .modal-content .modal-title {
        color: #4b0eae;
        text-align: center;
        font-family: "Segoe UI";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 0.48px;
    }

.addLocationModalCtm .btn_close_modal {
    padding: 0.25rem 3rem;
}

.addLocationModalCtm .btn_add_more {
    padding: 0.25rem 2rem;
}

.add_areaBluiding_offcanvas .offcanvas_custom_form {
    background-color: #f9fafa;
    padding: 1rem;
}

.empty_screen_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 43px);
    max-height: calc(100vh - 43px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .empty_screen_area .empty_screen_title {
        font-size: 16px;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: 0.02em;
        text-align: center;
        margin-top: 0.5rem;
        color: #4b0eae;
    }

    .empty_screen_area .empty_screen_text {
        font-size: 14px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: 0.02em;
        text-align: center;
        margin-top: 0.5rem;
        color: #6f7581;
    }

.table_area_main .custom-table tbody .module_label {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: 0.02em;
    color: #210154;
    padding: 0.75rem 1rem;
}

.table_area_main .custom-table tbody .module_checkbox {
    height: 1rem !important;
    width: 1rem !important;
    font-family: "Segoe UI";
}

    .table_area_main .custom-table tbody .module_checkbox:not(:checked) {
        background-color: #fff;
        border-color: #4b0eae;
    }

    .table_area_main .custom-table tbody .module_checkbox.form-check-input:checked {
        background-color: #4b0eae;
        border-color: #4b0eae;
    }

.client_fixed_layout .top_fixed_header {
    width: calc(100vw - 278px);
    background-color: #fff;
}

.breadcrumbs_top_fixed {
    width: 100%;
}

    .breadcrumbs_top_fixed .breadcrumb {
        margin-bottom: 0;
    }

    .breadcrumbs_top_fixed .breadcrumb-item {
        position: relative;
        display: flex;
        align-items: center;
        padding-right: 0.75rem;
    }

        .breadcrumbs_top_fixed .breadcrumb-item::before {
            content: "";
            background-image: url("../images/arrow_breadcrumbs.svg");
            width: 6px;
            height: 12px;
            background-position: -1px 0;
            background-repeat: no-repeat;
            position: absolute;
            right: -10px;
        }

        .breadcrumbs_top_fixed .breadcrumb-item a {
            font-family: "Segoe UI";
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 0em;
            text-align: center;
            color: #6f7581;
            padding-left: 0.75rem;
        }

        .breadcrumbs_top_fixed .breadcrumb-item .active_breadcrumb {
            padding-left: 0.75rem;
        }

.main-body {
    padding: 0.25rem;
    position: relative;
}

.ib_header_main_fixed {
    font-family: "Segoe UI";
    padding: 0.25rem 1rem;
    background-color: #fff;
    border-bottom: 1px solid #eff0f1;
}

    .ib_header_main_fixed .ib_title_main {
        font-size: 24px;
        font-weight: 700;
        line-height: 2rem;
        letter-spacing: 0.02em;
        color: #4b0eae;
    }

    .ib_header_main_fixed .btn-close-ctm {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.02em;
        text-align: center;
        color: #6f7581;
    }

.sidebar_list_group_main {
    padding: 0.5rem;
    font-family: "Segoe UI";
    width: 220px;
    border-right: 1px solid #eff0f1;
    height: 100vh;
}

    .sidebar_list_group_main .list_group_title {
        font-size: 16px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 0.02em;
        color: #4b0eae;
        margin-bottom: 0.25rem;
    }

    .sidebar_list_group_main .list-group .list-item {
        padding: 6px 8px;
        margin-bottom: 0.25rem;
        transition: all 0.3s ease-in;
    }

        .sidebar_list_group_main .list-group .list-item:hover {
            background-color: #4b0eae;
            color: #fff;
            transition: all 0.3s ease;
        }

        .sidebar_list_group_main .list-group .list-item .form-check-input {
            border-radius: 4px;
            border: 1px solid #6f7581;
            margin-right: 0.75rem;
        }

            .sidebar_list_group_main
            .list-group
            .list-item
            .form-check-input:not(:checked) {
                background-color: #fff;
            }

            .sidebar_list_group_main .list-group .list-item .form-check-input:checked {
                background-color: #4b0eae;
                accent-color: red;
            }

            .sidebar_list_group_main .list-group .list-item .form-check-input:focus {
                outline: 0;
                box-shadow: none;
            }

.import_bulk_body {
    width: calc(100vw - 220px);
    height: calc(100vh - 48px);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Segoe UI";
}

    .import_bulk_body .import_bulk_inside {
        background-color: #f9fafa;
        padding: 2rem;
        text-align: center;
    }

        .import_bulk_body .import_bulk_inside .btn-download-template {
            font-size: 14px;
            font-weight: 600;
            line-height: 19px;
            letter-spacing: 0.02em;
            text-align: center;
            border: 0;
            width: 432px;
        }

        .import_bulk_body .import_bulk_inside .import-bulk-body-title {
            font-size: 24px;
            font-weight: 700;
            line-height: 2rem;
            letter-spacing: 0.02em;
            color: #210154;
            margin-top: 2rem;
        }

        .import_bulk_body .import_bulk_inside .ibb_verify_text {
            font-size: 12px;
            font-weight: 400;
            line-height: 1rem;
            letter-spacing: 0.02em;
            text-align: center;
            color: #6f7581;
        }

    .import_bulk_body .drag-file-area {
        padding: 50px;
        width: 576px;
        text-align: center;
        background: #ece0ff;
        border: 1px dashed rgba(107, 54, 221, 0.3);
        margin: 20px auto;
    }

        .import_bulk_body .drag-file-area .label {
            display: block;
        }

        .import_bulk_body .drag-file-area .default-file-input {
            opacity: 0;
            width: 100%;
        }

        .import_bulk_body .drag-file-area .browse-files-text {
            color: var(--text-black-100);
            cursor: pointer;
            font-size: var(--fs-16);
            font-weight: 600;
        }

    .import_bulk_body .cannot-upload-message {
        display: none;
    }

    .import_bulk_body .selected_file_area {
        display: flex;
        align-items: center;
        font-size: 15px;
        justify-content: space-between;
    }

    .import_bulk_body .file-block {
        color: var(--text-black-100);
        background-color: var(--admin-color);
        transition: all 1s;
        position: relative;
        display: none;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 10px 0 15px;
        padding: 10px 20px;
        border-radius: 2px;
        cursor: pointer;
        border-bottom: 1px solid var(--green-400);
    }

        .import_bulk_body .file-block .file-info .file-icon {
            margin-right: 10px;
        }

        .import_bulk_body .file-block .file-info .file-name {
            padding: 0 3px;
        }

        .import_bulk_body .file-block .remove-file-icon {
            cursor: pointer;
        }

.custom-card {
    border: none;
}

    .custom-card .card-header {
        background-color: rgba(0, 0, 0, 0);
        border-bottom: none;
    }

        .custom-card .card-header.custom-heading {
            border-bottom: 1px solid #eff0f1;
        }

    .custom-card .card_title {
        font-weight: 700;
        font-size: 1.5rem;
        color: #4b0eae;
        letter-spacing: 0em;
        white-space: nowrap;
    }

@media only screen and (max-width: 1200px) {
    font-size: 1rem;
}

.custom-card .card-body {
    height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .custom-card .card-body.add-page-card-body {
        height: calc(100vh - 150px);
        overflow-y: auto;
    }

        .custom-card .card-body.add-page-card-body .card-action-btn-group {
            position: absolute;
            bottom: -50px;
            text-align: center;
            right: 0px;
            background-color: #fff;
            width: 100%;
            padding: 0.5rem;
        }

.card-action-btn-group .btn {
    min-width: 90px;
    margin: 0 0.5rem;
}

.emp_master_index_filter label.form-label {
    display: none;
}

.weekly-off-table tbody td {
    padding: 0.5rem;
    line-height: unset;
    font-weight: 600;
}

.weekly-off-table tbody td,
.weekly-off-table thead th {
    text-align: center;
}

.weekly-off-table .form-group label.form-label {
    display: none;
}

.weekly-off-table .form-group .form-select {
    font-size: 14px;
}

/* Multi Select Deopdown */
.multi_select_dropdown {
    padding-top: 0;
}

    .multi_select_dropdown li {
        margin-bottom: 0.5rem;
    }

        .multi_select_dropdown li.bs-searchbox {
            background-color: #fff;
            z-index: 1;
            margin-bottom: 2px !important;
        }

            .multi_select_dropdown li.bs-searchbox:hover {
                background-color: #4b0eae;
            }

        .multi_select_dropdown li a label {
            display: flex;
            align-items: center;
        }

            .multi_select_dropdown li a label .option,
            .multi_select_dropdown li a label .selectall {
                margin-right: 0.5rem;
                height: 16px;
                width: 16px;
                display: none;
            }

            .multi_select_dropdown li a label span.select-text {
                font-size: 12px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: 600;
                max-width: 270px;
                position: relative;
                padding-left: 27px;
            }

.group_title {
    color: #6f7581;
    font-weight: 600;
}

span.select-text::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #4b0eae;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.6;
    -webkit-transition: all 0.12s, border-color 0.08s;
    transition: all 0.12s, border-color 0.08s;
    border-radius: 3px;
}

.multi_select_dropdown
input[type="checkbox"]:checked + span.select-text::before {
    width: 8px;
    top: 0px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Single Select Css Start */
.single_select li {
    font-size: 14px;
    margin-bottom: 2px;
}

    .single_select li label {
        max-width: 270px;
        width: 270px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .single_select li .dropdown-item {
        padding: 0 1rem;
    }

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #4b0eae;
    color: #fff;
}

    .dropdown-item:focus,
    .dropdown-item:hover a {
        color: #fff;
    }

.single_select li.Active_Options,
.single_select li:focus,
.single_select li:focus-visible,
.single_select li:visited,
.single_select li:active,
.single_select li:hover {
    background-color: #4b0eae;
}

    .single_select li.Active_Options a,
    .single_select li:focus a,
    .single_select li:focus-visible a,
    .single_select li:visited a {
        color: #fff;
    }

.dropdown_menu_select {
    width: 100%;
    height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    left: 0;
}

    .dropdown_menu_select ul li {
        padding-left: 0.5rem;
    }

.single_select li.parent-item {
    font-weight: 700;
    pointer-events: none;
    margin-bottom: 6px;
    margin-top: 6px;
    border-bottom: 1px solid #4b0eae;
    width: fit-content;
    color: #4b0eae;
    padding-left: 0;
}

    .single_select li.parent-item label {
        width: fit-content;
    }
/* Custom Modal Popup */
.custom-popup-modal .modal-content {
    border-top: 4px solid #ffffff;
}

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

    .custom-popup-modal .modal-dialog .modal-body {
        height: auto;
        max-height: calc(100vh - 210px);
        overflow-y: auto;
        overflow-x: hidden;
    }

.custom-height-modal .modal-body {
    min-height: 350px;
}

.custom-popup-modal .modal-dialog.modal-xl {
    max-width: 100%;
    padding: 0 5rem;
}

.custom-popup-modal .modal-header {
    padding: 0;
    border: none;
}

.custom-popup-modal .modal-title {
    font-weight: 600;
    font-size: 1.5rem;
}

.custom-popup-modal .modal-body label {
    font-weight: 600;
}

.custom-popup-modal textarea.form-control {
    max-height: 80px;
}

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

.custom-popup-modal .modal-footer {
    border: none;
    padding: 0.5rem 0 0 0;
}

    .custom-popup-modal .modal-footer .btn {
        min-width: 100px;
        font-weight: 500;
    }

/* Delete Popup modal Start */

.custom-popup-modal.delete_modal .modal-content {
    border-top: 4px solid #cc3535;
}

.custom-popup-modal.delete_modal .modal-footer .btn-primary {
    background-color: #cc3535;
    color: #ffffff;
}

.custom-popup-modal.delete_modal .modal-title {
    color: #cc3535;
}

.custom-popup-modal.delete_modal .btn-primary:hover {
    background-color: #a62e17;
}

.custom-popup-modal.delete_modal .modal-footer .btn-secondary {
    color: #cc3535;
    background-color: transparent;
}

    .custom-popup-modal.delete_modal .modal-footer .btn-secondary:hover {
        background-color: #ece0ff;
    }
/* Delete Popup modal */

/* Reactive Popup modal Start */

.custom-popup-modal.primary_modal .modal-content {
    border-top: 4px solid #4b0eae;
}

.custom-popup-modal.primary_modal .modal-footer .btn-primary {
    background-color: #4b0eae;
    color: #ffffff;
}

.custom-popup-modal.primary_modal .modal-title {
    color: #4b0eae;
}

.custom-popup-modal.primary_modal .btn-primary:hover {
    background-color: #3c0b8b;
}

.custom-popup-modal.primary_modal .modal-footer .btn-secondary {
    color: #4b0eae;
    background-color: transparent;
}

    .custom-popup-modal.primary_modal .modal-footer .btn-secondary:hover {
        background-color: #ece0ff;
    }
/* Reactive Popup modal */
.bs-searchbox {
    position: sticky;
    top: 0px;
    background: #fff;
    margin: 0;
}
/* Dashboard CSS Start */
ul.custom_header_dropdown.show {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    align-items: start;
    padding: 0.5rem 1.5rem;
    flex-wrap: wrap;
    width: 244px;
    /* height: 270px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

ul.custom_header_dropdown li {
    width: 30%;
    text-align: center;
    color: #212121;
    margin-bottom: 0.5rem;
}

    ul.custom_header_dropdown li a {
        color: #212121;
        border-radius: 0.5rem;
        padding: 0;
    }

        ul.custom_header_dropdown li a:hover {
            background-color: #e3e6ed;
            color: #212121;
        }

.custom_header_app_btn.dropdown-toggle::after {
    display: none;
}

ul.custom_header_dropdown::after {
    display: none;
    content: "";
    position: absolute;
    z-index: -1;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--phoenix-black);
    top: -10px;
    /*left: 1.5rem;*/
    right: 0.9rem;
    left: auto;
    transform: rotate(45deg);
    background: var(--phoenix-white);
    background: inherit;
    border-top-left-radius: 0.25rem;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--phoenix-gray-300);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.dashboard_wrapper {
    margin: 0;
    height: calc(100vh - 50px);
    overflow-y: auto;
    overflow-x: hidden;
    /*z-index: 0;*/
    position: relative;
}

.macs-dashboardInfo {
    margin-bottom: 15px;
}

    .macs-dashboardInfo .wrap {
        background: #ffffff;
        /*box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.1);*/
        box-shadow: 0 14px 20px -21px rgba(0, 0, 0, 0.57);
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 7px;
        text-align: center;
        position: relative;
        overflow: hidden;
        padding: 24px 16px 16px;
        height: 100%;
    }

.macs-dashboardInfo__title,
.macs-dashboardInfo__subInfo {
    color: #6c6c6c;
    font-size: 1.18em;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.macs-dashboardInfo .fa-2xl {
    font-size: 1.25rem;
    margin-left: 1rem;
}

.macs-dashboardInfo span {
    display: block;
}

.macs-dashboardInfo__count {
    font-weight: 600;
    font-size: 2.5em;
    line-height: 64px;
    color: #323c43;
    z-index: 1;
    position: relative;
}

.macs-dashboardInfo .wrap:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    transition: all 0.3s;
    z-index: 0;
}

.macs-dashboardInfo:nth-child(1) .wrap:after {
    background: linear-gradient(82.59deg, #00c48c 0%, #00a173 100%);
}

.macs-dashboardInfo:nth-child(2) .wrap:after {
    background: linear-gradient(81.67deg, #0084f4 0%, #1a4da2 100%);
}

.macs-dashboardInfo:nth-child(3) .wrap:after {
    background: linear-gradient(69.83deg, #0084f4 0%, #00c48c 100%);
}

.macs-dashboardInfo:nth-child(4) .wrap:after {
    background: linear-gradient(81.67deg, #ff647c 0%, #1f5dc5 100%);
}

.macs-dashboardInfo:nth-child(5) .wrap:after {
    background: linear-gradient(81.67deg, #ff647c 0%, #1f5dc5 100%);
}

.macs-dashboardInfo:nth-child(6) .wrap:after {
    background: linear-gradient(69.83deg, #0084f4 0%, #00c48c 100%);
}

.macs-dashboardInfo:nth-child(7) .wrap:after {
    background: linear-gradient(81.67deg, #0084f4 0%, #1a4da2 100%);
}

.macs-dashboardInfo:nth-child(8) .wrap:after {
    background: linear-gradient(82.59deg, #00c48c 0%, #00a173 100%);
}

.macs-dashboardInfo:nth-child(9) .wrap:after {
    background: linear-gradient(82.59deg, #00c48c 0%, #00a173 100%);
}

.macs-dashboardInfo:nth-child(10) .wrap:after {
    background: linear-gradient(81.67deg, #0084f4 0%, #1a4da2 100%);
}

.macs-dashboardInfo:nth-child(11) .wrap:after {
    background: linear-gradient(69.83deg, #0084f4 0%, #00c48c 100%);
}

.macs-dashboardInfo:nth-child(12) .wrap:after {
    background: linear-gradient(81.67deg, #ff647c 0%, #1f5dc5 100%);
}

.macs-dashboardInfo__title svg {
    color: #d7d7d7;
    margin-left: 5px;
    z-index: 1;
    position: relative;
}

.MuiSvgIcon-root-19 {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill 200ms cubimacs-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
}

.macs-dashboardInfo:hover .wrap:after {
    height: 100%;
}

.macs-dashboardInfo:hover .macs-dashboardInfo__title {
    color: #fff;
}

.macs-dashboardInfo:hover svg {
    color: #fff;
}

.macs-dashboardInfo:hover .macs-dashboardInfo__count {
    color: #fff;
}

.dashboard-button {
    font-size: 0.95rem;
}

.hrclass {
    margin: 0 0 0.75em 0;
    padding: 0 0 0 0;
    z-index: 1;
    position: relative;
}

.divInfo {
    z-index: 1;
    position: relative;
}

    .divInfo .sub-title {
        font-size: 13px;
        font-weight: 500;
        color: #6c6c6c;
    }

.macs-dashboardInfo:hover .divInfo .sub-title,
.macs-dashboardInfo:hover .divInfo .sub-count {
    color: #fff;
}

.macs-dashboardInfo .accordion-item {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

    .macs-dashboardInfo .accordion-item button.accordion-button {
        background-color: #e1e1e1c9;
        color: black;
        font-weight: 600;
    }

.macs-dashboardInfo .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
    content: "";
    color: white;
}

.divInfo .sub-count {
    font-size: 14px;
    font-weight: 600;
    color: #4b0eae;
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
    .sub-count-wrapper {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .divInfo .sub-count,
    .divInfo .sub-title {
        width: 100%;
    }
}
/* Dashboard CSS End*/

/* Face Detection Video Css Start */
#videoCanvas {
    height: auto !important;
    width: 250px !important;
}

#camera {
    height: unset !important;
    width: unset !important;
}

.webcam-dimention-wrapper .webcam-resolution {
    font-size: 17px;
    color: #4b0eae;
}

.webcam-dimention-wrapper p {
    font-weight: 600;
}

.custom-progree-bar {
    max-width: 268px;
    margin: 0 auto;
}

.capture-progress-bar {
    width: 100%;
    --bs-progress-height: 10px;
}

    .capture-progress-bar .progress-bar {
        transition: all 0.3s;
    }

    .capture-progress-bar .red-frame {
        background-color: #dc3545;
        width: 33%;
    }

    .capture-progress-bar .orange-frame {
        background-color: #ffb52e;
        width: 33%;
    }

    .capture-progress-bar .green-frame {
        background-color: #198754;
        width: 34%;
    }

.capture-progress-bar {
    animation: progress 1.5s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 0;
}

.red-frame-border {
    border-color: #dc3545 !important;
}

.orange-frame-border {
    border-color: #ffb52e !important;
}

.green-frame-border {
    border-color: #198754 !important;
}

@keyframes progress {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.macs_excelcard {
    position: relative;
    width: 100%;
}
    /* Import Employee Kiosk Css Start */
    .macs_excelcard .form-label {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        margin-top: 0.5rem;
    }

.drop_box {
    padding: 16px;
    /*min-width: 576px;*/
    min-width: 100%;
    text-align: center;
    background: #e2eef8;
    border: 1px dashed rgba(107, 54, 221, 0.3);
    margin: 20px auto;
    position: relative;
}

    .drop_box button.btn.browse_file_btn {
        padding: 0.5rem;
        color: #4b0eae;
        font-weight: 700;
        text-decoration: underline;
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
    }

    .drop_box .drop_file_upload_process {
        color: #210154;
        font-weight: 500;
        margin-top: 30px;
    }

    .drop_box .drop_file_format_info {
        font-size: 12px;
        color: #252525;
        font-weight: 400;
    }

    .drop_box .drop_file_progress {
        height: 14px;
        background-color: transparent;
        margin-top: 10px;
    }

        .drop_box .drop_file_progress .progress-bar {
            background-color: #4b0eae;
        }

.drop_file_upload_icon {
    background-image: url("../images/uploadicon.svg");
    height: 61px;
    width: 72px;
    background-position: center;
}
/* Import Employee Kiosk Css End*/
@media (max-width: 1299px) {
    .dt_title_area .dh_text {
        font-size: 0.75rem;
        line-height: 1rem;
    }
}

@media (max-width: 1199px) {
    .search_area .form-control {
        font-size: 0.75rem;
    }

    .custom-table tbody td {
        padding: 0.25rem !important;
    }

    .signin_area .signin_main .img_box .company-title {
        font-size: 2rem;
    }

    .dashboard_header_group .btn-location,
    .dashboard_header_group .btn-bulk,
    .dashboard_header_group .btn-device {
        font-size: 12px;
        line-height: 1rem;
    }
}

@media (max-width: 991px) {
    .table_area_main .page-item .page-link {
        padding: 0.25rem;
        font-size: 12px;
    }

    .table_area_main .display_entries {
        font-size: 12px;
    }

    .signin_area .signin_main {
        position: relative;
    }

        .signin_area .signin_main .signin_box {
            position: relative;
            width: 100%;
            padding: 1rem 1rem;
        }

            .signin_area .signin_main .signin_box .signin_form {
                padding: 1rem;
            }

                .signin_area .signin_main .signin_box .signin_form .company-title {
                    display: block;
                    font-size: 1.75rem;
                    text-align: center;
                    position: relative;
                    top: -10px;
                }

                .signin_area .signin_main .signin_box .signin_form .title-text {
                    display: block;
                    text-align: center;
                    top: 60px;
                }

        .signin_area .signin_main .img_box {
            width: 100%;
            position: absolute;
            top: 0;
            height: 0;
        }

            .signin_area .signin_main .img_box .company-title {
                display: none;
            }

            .signin_area .signin_main .img_box .title-text {
                display: none;
            }

            .signin_area .signin_main .img_box .title-text {
                position: relative;
                top: unset;
                left: unset;
                right: unset;
                text-align: center;
            }

            .signin_area .signin_main .img_box .copyright_main {
                position: relative;
                margin-top: 80%;
                text-align: center;
                margin-left: 1rem;
            }

                .signin_area .signin_main .img_box .copyright_main .copyright {
                    position: unset;
                }

            .signin_area .signin_main .img_box .right-design-img {
                display: none;
            }

        .signin_area .signin_main .fw_form_heading {
            margin-top: 60px;
        }

    .forgot_password_area .forgot_password_main .fw_form {
        min-height: 600px;
    }

    .success_img {
        margin-bottom: 1rem;
    }

    .success_content .success_title {
        margin-bottom: 1rem;
    }
}

@media (max-width: 768px) {
    .signin_area .company-title {
        font-size: 1.5rem;
    }
}

/*Image Crop Start*/
.upload_emp_profile_pic {
    position: relative;
    width: 120px;
}

    .upload_emp_profile_pic .emp_profile_pic {
        position: absolute;
        height: 120px;
        width: 120px;
        display: inline-block;
        cursor: pointer;
        top: -20px;
    }

        .upload_emp_profile_pic .emp_profile_pic:hover {
            background-color: rgba(255, 255, 255, 0.7);
            border-radius: 50%;
        }

            .upload_emp_profile_pic .emp_profile_pic:hover .blank-profile-pic {
                opacity: 0;
            }

            .upload_emp_profile_pic .emp_profile_pic:hover .upload-icon {
                opacity: 1;
            }

            .upload_emp_profile_pic .emp_profile_pic:hover .preview-img::after {
                opacity: 1;
            }

        .upload_emp_profile_pic .emp_profile_pic .upload_emp_img {
            opacity: 0;
            height: 120px;
            width: 120px;
            display: inline-block;
        }

        .upload_emp_profile_pic .emp_profile_pic .blank-profile-pic {
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 0;
        }

        .upload_emp_profile_pic .emp_profile_pic .preview-img {
            width: 120px;
            height: 120px;
            position: absolute;
            top: 0;
            left: 0;
        }

            .upload_emp_profile_pic .emp_profile_pic .preview-img::after {
                content: "";
                background: rgba(255, 255, 255, 0.7);
                width: 120px;
                height: 120px;
                position: absolute;
                border-radius: 50%;
                left: 0;
                opacity: 0;
            }

        .upload_emp_profile_pic .emp_profile_pic #confirm-img {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            border: 4px solid var(--white);
        }

        .upload_emp_profile_pic .emp_profile_pic .upload-icon {
            height: 20px;
            width: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
            z-index: 1;
        }
/*Image Crop End*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.tool-action-table span {
    margin-right: 8px;
    min-width: 16px;
    color: #212121;
}

.tool-action-table input {
    max-width: 115px;
    width: 100%;
    border-width: 0;
    background-color: #606060;
    color: #fff;
    border-radius: 4px;
}

    .tool-action-table input[type="color"] {
        width: 50px;
    }

    .tool-action-table input[type="range"],
    .tool-action-table input[type="text"],
    .tool-action-table input[type="file"] {
        width: 100%;
    }

    .tool-action-table select:disabled,
    .tool-action-table input:disabled {
        opacity: 0.5;
    }
/* Custom check box */
.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
        color: #fff;
    }

        .styled-checkbox + label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            background: white;
        }

    .styled-checkbox:hover + label:before {
        background: #4b0eae;
    }

    .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    }

    .styled-checkbox:checked + label:before {
        background: #4b0eae;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        }

    .styled-checkbox:checked + label:after {
        content: "";
        position: absolute;
        left: 5px;
        top: 9px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        transform: rotate(45deg);
    }

/*.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        background: #04AA6D;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        background: #04AA6D;
        cursor: pointer;
    }*/
input[type="range"] {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 200px;
    height: 7px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background-image: linear-gradient(#4b0eae, #4b0eae);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0 0 4px 0;
}

[dir="rtl"] input[type="range"] {
    background: #4b0eae;
    background-image: linear-gradient(#fff, #fff);
    background-size: 30% 100%;
    background-repeat: no-repeat;
}

/* Input Thumb */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #4b0eae;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background 0.3s ease-in-out;
}

input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #4b0eae;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background 0.3s ease-in-out;
}

input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #4b0eae;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background 0.3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb:hover {
    background: #4b0eae;
}

input[type="range"]::-moz-range-thumb:hover {
    background: #4b0eae;
}

input[type="range"]::-ms-thumb:hover {
    background: #4b0eae;
}

/* Input Track */
input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type="range"]::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type="range"]::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.current-align {
    background-color: #efefef;
}
/* HTML Print Card End */

.modal-page-header {
    margin-top: -40px;
}

.modal-page-body {
    height: calc(100vh - 250px) !important;
}

/*VMS Dashbaoard Start*/
.vms_dashboard_wrapper .dashboard-main {
    max-height: calc(100vh - 0px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .vms_dashboard_wrapper .dashboard-main .dashbaord-left-area-main {
        padding: 0.5rem 1rem;
        background-color: #f7f3f9;
    }

    .vms_dashboard_wrapper .dashboard-main .dashboard-card-main {
        max-height: calc(100vh - 64px);
        overflow-y: auto;
        overflow-x: hidden;
    }

        .vms_dashboard_wrapper .dashboard-main .dashboard-card-main .chart-card {
            border-radius: 0.25rem;
            background-color: #fff;
            padding: 1rem;
            margin-bottom: 1rem;
        }

            .vms_dashboard_wrapper
            .dashboard-main
            .dashboard-card-main
            .chart-card
            .nav-tabs {
                justify-content: space-around;
                border: 0;
            }

            .vms_dashboard_wrapper
            .dashboard-main
            .dashboard-card-main
            .chart-card
            .nav-tabs {
                margin-bottom: 1rem;
            }

.vms_dashboard_wrapper ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.vms_dashboard_wrapper
.dashboard-main
.dashboard-card-main
.chart-card.visitor-mgt
.nav-link.active {
    border-color: transparent;
    color: #9140af;
}

.vms_dashboard_wrapper
.dashboard-main
.dashboard-card-main
.chart-card
.nav-link {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: center;
    padding: 0.25rem 0.5rem;
}

.vms_dashboard_wrapper
.dashboard-main
.dashboard-card-main
.chart-card
.nav-link {
    color: #756e79;
    border: none;
}

.vms_dashboard_wrapper
.dashboard-main
.dashboard-card-main
.chart-card.visitor-mgt
.chart-title {
    color: #9140af;
}

.vms_dashboard_wrapper .chart-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #9140af;
    text-transform: uppercase;
}

.vms_dashboard_wrapper .btn-view-all {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #756e79;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding-right: 0;
}

.vms_dashboard_wrapper .dashboard-main .counter-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.vms_dashboard_wrapper .counter-number.counter-primary-light {
    color: #9140af;
}

.vms_dashboard_wrapper .dashboard-main .counter-box .counter-text {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #756e79;
}

.vms_dashboard_wrapper .counter-number.counter-danger {
    color: #ee663c;
}

.vms_dashboard_wrapper .counter-number.counter-success {
    color: #31de6c;
}

.vms_dashboard_wrapper .counter-number.counter-info {
    color: #5da2e8;
}

.vms_dashboard_wrapper .counter-number.counter-grey {
    color: #b8b5b9;
}

.vms_dashboard_wrapper .dashboard_header_group {
    /*padding: 6px 16px;
    background-color: #fff;
    border-bottom: 1px solid #eff0f1;
    margin: 0 4px 4px;
    position: relative*/
}

.vms_dashboard_wrapper .offcanvas-body {
    padding: 0.5rem;
    margin: 0 0.5rem;
    background-color: #fff;
}

    .vms_dashboard_wrapper .offcanvas-body .offcanvas_custom_form {
        background-color: #efe9fa;
        padding: 0.5rem;
    }

        .vms_dashboard_wrapper .offcanvas-body .offcanvas_custom_form .form-select {
            color: #6f7581;
            outline: 0;
            box-shadow: none;
        }

.vms_dashboard_wrapper .media_object {
    background-color: #f9fafa;
    padding: 1rem 0.5rem;
}

    .vms_dashboard_wrapper .media_object .dt_title_area .dh_text {
        text-transform: uppercase;
    }

.vms_dashboard_wrapper .address_area .address_line1,
.dashboard_body_area .address_area .address_line2 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #6f7581;
}

.vms_dashboard_wrapper .contact_info_area {
    padding: 1rem;
    background-color: #f9fafa;
}

    .vms_dashboard_wrapper .contact_info_area .btn {
        background-image: url("../images/icons.svg");
        background-position: -61px -1px;
        background-repeat: no-repeat;
        padding: 11px;
        border: 0;
        border-radius: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

        .vms_dashboard_wrapper .contact_info_area .btn:hover {
            border: rgba(0, 0, 0, 0);
            background-position: -61px -31px;
        }

        .vms_dashboard_wrapper .contact_info_area .btn:active {
            border: rgba(0, 0, 0, 0);
            border-radius: 0;
        }

.vms_dashboard_wrapper .dashboard_header_group .dashboard_header_wrapper {
    padding: 6px 1rem;
    background-color: #fff;
    border-bottom: 1px solid #eff0f1;
}

.vms_dashboard_wrapper.top_fixed_header.dashboard_top_fixed_header {
    background-color: #f7f3f9;
}

.vms_dashboard_wrapper .counter-number {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.vms_dashboard_wrapper .dashboard-main .card-summary-main {
    border-radius: 0.25rem;
    background-color: #fff;
    padding: 1rem;
}

.vms_dashboard_wrapper .btn-common-theme-style {
    color: #6b0990;
    font-size: 0.875rem;
    font-weight: 600;
    /* line-height: 1.25rem;*/
    letter-spacing: 0.02em;
    cursor: pointer;
}

.vms_dashboard_wrapper .company-sub-title {
    color: #6b0990;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0.08em;
    overflow: hidden;
    position: relative;
}

.vms_dashboard_wrapper .after-line::after {
    content: "";
    background-color: #f4ebff;
    height: 1px;
    position: absolute;
    width: 100%;
    left: auto;
    top: 10px;
}

.vms_dashboard_wrapper .visit-request-btn .icon-add-vr {
    background-position: -616px -2px;
    height: 14px;
    width: 14px;
    display: block;
}

    .vms_dashboard_wrapper .visit-request-btn .icon-add-vr:hover {
        background-position: -616px -28px;
    }

.vms_dashboard_wrapper .sprite-dashboard {
    background-image: url(../images/visitors/dashboard_view.svg);
}

.vms_dashboard_wrapper .btn-view-all .icon-right-arrow-light {
    background-position: -4px -2px;
    width: 5px;
    height: 8px;
    display: block;
}

.vms_dashboard_wrapper .dashboard-main .card-summary-main .gb_count {
    color: #6b0990;
    white-space: nowrap;
    display: inline-block;
}

.vms_dashboard_wrapper .gb_count {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 0.02em;
    text-align: center;
    width: 100%;
}

.vms_dashboard_wrapper .dashboard-main .progress-location .pl-title {
    color: #252525;
}

.vms_dashboard_wrapper .dashboard-main .pl-title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.vms_dashboard_wrapper .dashboard-main .progress-location .progress {
    background-color: #cbd4ef;
}

.vms_dashboard_wrapper
.dashboard-main
.progress
.progress-bar.location-progressbar {
    background-color: #252525;
}

.dashboard-main .progress-status .square.square-location.inactive {
    background-color: #cbd4ef;
}

.vms_dashboard_wrapper .dashboard-main .progress-status .square {
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 2px;
    display: block;
}

.vms_dashboard_wrapper .dashboard-main .progress-status .progress-status-text {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.02em;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-status
.square.square-location.active {
    background-color: #252525;
}

.vms_dashboard_wrapper .dashboard-main .progress .progress-bar {
    height: 0.25rem;
    border-radius: 50px;
}

.vms_dashboard_wrapper .dashboard-main .progress {
    height: 0.25rem;
    margin-bottom: 0.5rem;
}

.vms_dashboard_wrapper .dashboard-main .progress-department .pl-title {
    color: #309975;
}

.vms_dashboard_wrapper .dashboard-main .progress-department .progress {
    background-color: #8bd3bb;
}

.vms_dashboard_wrapper
.dashboard-main
.progress
.progress-bar.department-progressbar {
    background-color: #309975;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-status
.square.square-department.active {
    background-color: #309975;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-department
.progress-status
.progress-status-text {
    color: #309975;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-status
.square.square-department.inactive {
    background-color: #8bd3bb;
}

.vms_dashboard_wrapper .dashboard-main .user-summary-main .chart-title {
    color: #99582a;
}

.vms_dashboard_wrapper .dashboard-main .progress-user-summary .pl-title {
    color: #99582a;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-user-summary
.progress-status
.progress-status-text {
    color: #99582a;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-status
.square.square-user-summary.active {
    background-color: #99582a;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-status
.square.square-user-summary.inactive {
    background-color: #d7a079;
}

.vms_dashboard_wrapper .dashboard-main .progress-user-summary .progress {
    background-color: #d7a079;
}

.vms_dashboard_wrapper
.dashboard-main
.progress
.progress-bar.user-summary-progressbar {
    background-color: #99582a;
}

.dashboard-main .device-summary-main .chart-title {
    color: #6f1d1b;
}

.vms_dashboard_wrapper .dashboard-main .progress-device-summary .pl-title {
    color: #6f1d1b;
}

.vms_dashboard_wrapper .dashboard-main .progress-device-summary .progress {
    background-color: #d47471;
}

.vms_dashboard_wrapper
.dashboard-main
.progress
.progress-bar.device-summary-progressbar {
    background-color: #6f1d1b;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-status
.square.square-device-summary.active {
    background-color: #6f1d1b;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-device-summary
.progress-status
.progress-status-text {
    color: #6f1d1b;
}

.vms_dashboard_wrapper
.dashboard-main
.progress-status
.square.square-device-summary.inactive {
    background-color: #d47471;
}

.vms_dashboard_wrapper .dashbaord-right-area-main {
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: #fff;
}

    .vms_dashboard_wrapper .dashbaord-right-area-main .print-badge-title {
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #ed8322;
    }

    .vms_dashboard_wrapper .dashbaord-right-area-main .print-badge-label {
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.02em;
        color: #ed8322;
        margin-bottom: 2px;
    }

.vms_dashboard_wrapper .form-select {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.28px;
    border-color: #6b0990;
    border-radius: 2px;
    height: 2rem;
}

.vms_dashboard_wrapper .form-select-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.vms_dashboard_wrapper .dashbaord-right-area-main .dashboard-watchlist-area {
    padding: 1rem;
    background-color: #f7f3f9;
    border-radius: 0.25rem;
}

.vms_dashboard_wrapper .dashboard-main .blocklist-counter {
    background-color: #f7f3f9;
    border-radius: 0.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .vms_dashboard_wrapper .dashboard-main .blocklist-counter .text-blacklist {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 0.02em;
        color: #3b054f;
    }

    .vms_dashboard_wrapper .dashboard-main .blocklist-counter .counter-number {
        color: #3b054f;
    }

/*VMS Dashbaoard End*/

/* Vistor Login Page Css start */

.vistior_login_wrapper.signin_area .signin_box {
    max-width: 548px;
    margin: auto;
}

    .vistior_login_wrapper.signin_area .signin_box .signin_form {
        background-color: #fff;
        padding: 0 2rem;
    }

        .vistior_login_wrapper.signin_area .signin_box .signin_form .form_title {
            color: #3b054f;
            font-size: 2rem;
            font-weight: 600;
            line-height: 38px;
            letter-spacing: 0.02em;
            text-align: left;
            margin-bottom: 2rem;
            text-align: center;
        }

.vistior_login_wrapper .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    border-bottom: 4px solid #4b0eae;
    color: #000;
    background-color: #4b0eae00;
}

.vistior_login_wrapper .copyright_main {
    bottom: unset;
}

.vistior_login_wrapper.signin_area .img_box {
    position: relative;
    max-width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    background-color: #f4ebff;
}

.vistior_login_wrapper.signin_area .company-title {
    color: #6b0990;
    font-size: 2rem;
    font-weight: 800;
    line-height: 42px;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    display: inline-block;
    font-family: "Red Hat Display";
    overflow: hidden;
}

    .vistior_login_wrapper.signin_area .company-title span {
        color: #6b0990;
    }

    .vistior_login_wrapper.signin_area .company-title::before {
        content: "";
        background-image: url(../images/visitors/line-shape-left.svg);
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 20px;
        height: 2px;
        width: 100%;
        z-index: 0;
    }

    .vistior_login_wrapper.signin_area .company-title::after {
        content: "";
        background-image: url(../images/visitors/line-shape-right.svg);
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        height: 2px;
        width: 100%;
    }

.vistior_login_wrapper.signin_area .company-sub-title {
    /* font-family: "Red Hat Display";*/
    color: #6b0990;
    text-align: center;
    text-transform: capitalize;
}

.vistior_login_wrapper .company-name-version {
    position: absolute;
    bottom: 37px;
    width: 100%;
    right: auto;
    left: 0;
    text-align: unset;
}

.vistior_login_wrapper.signin_area .img_box .btn-visit-request {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 8px 16px 8px 16px;
    border-radius: 0.25rem;
    border: 1px solid #6b0990;
    color: #6b0990;
}

/* Visitor Login Page Css End */

/* Visitor Request page Css Start */
.main_class.guest_layout {
    width: calc(100vw - 69px);
}

.steps-wizard-form {
    background-color: #f7f3f9;
    padding: 0.5rem 1rem;
}

    .steps-wizard-form .step-form-header {
        padding: 0.5rem;
    }

        .steps-wizard-form .step-form-header .header-title {
            font-size: 24px;
            font-weight: 600;
            line-height: 32px;
            letter-spacing: 0.02em;
            color: #3b054f;
        }

        .steps-wizard-form .step-form-header .btn-close {
            background-image: url(../images/visitors/close-theme.svg);
            height: 24px;
            width: 24px;
        }

    .steps-wizard-form .step-form-main {
        padding: 1rem;
        background-color: #fff;
        border-radius: 0.25rem;
    }

.step-form-title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #6b0990;
}

.steps-wizard-form .visit-request-box {
    height: calc(100vh - 228px);
    overflow-y: auto;
    overflow-x: hidden;
}

.steps-wizard-form .step-form-main .form-control {
    color: #747076;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
}

.form-control:focus {
    box-shadow: none;
    outline: 0;
    border-color: #6b0990;
    color: #3b054f;
}

.steps-wizard-form .step-form-footer {
    background-color: #fff;
    padding: 0.5rem 1rem;
}

    .steps-wizard-form .step-form-footer .btn-theme-light {
        color: #6b0990;
        margin-right: 1rem;
        border: 1px solid rgba(0, 0, 0, 0);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.02em;
        text-align: center;
        border-radius: 2px;
        padding: 0.25rem 1.5rem;
        background-color: #fff;
    }

        .steps-wizard-form .step-form-footer .btn-theme-light:hover,
        .steps-wizard-form .step-form-footer .btn-theme-light:active:focus {
            background-color: #e3d3f4;
            border-color: #6b0990;
            color: #6b0990 !important;
        }

    .steps-wizard-form .step-form-footer .btn-theme-common {
        border-radius: 2px;
        background-color: #6b0990;
        font-size: 14px;
        border-color: rgba(0, 0, 0, 0);
        color: #fff;
        transition: all 0.2s ease-in;
        position: relative;
        font-weight: 600;
        padding: 0.25rem 1rem;
        min-width: 100px;
        text-align: center;
    }

        .steps-wizard-form .step-form-footer .btn-theme-common:hover,
        .steps-wizard-form .step-form-footer .btn-theme-common:active:focus {
            background-color: #4c0c64 !important;
            color: #fff;
        }
/* Visitor Request page Css End */
@media (max-width: 1199px) {
    .vms_dashboard_wrapper .dashboard_header_group .btn-location,
    .vms_dashboard_wrapper .dashboard_header_group .btn-bulk,
    .dashboard_header_group .btn-device {
        font-size: 12px;
        line-height: 1rem;
    }
}

.avatar {
    position: relative;
    display: block;
}

.avatar-l {
    height: 2.5rem;
    width: 2.5rem;
}

.avatar img,
.avatar .avatar-name {
    width: 100%;
    height: 100%;
}

.rounded-circle {
    border-radius: 50% !important;
}

.avatar-l .avatar-name {
    font-size: 1.3157894737rem;
    line-height: 1.2;
}

.avatar .avatar-name {
    color: #004dff;
    background-color: #e5edff;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom_checkbox_select .accordion-header {
    position: relative;
}

    .custom_checkbox_select .accordion-header .accordion-button {
        padding-left: 2.5rem;
    }

    .custom_checkbox_select .accordion-header .custom_accordion_checkbox {
        position: absolute;
        top: 20px;
        left: 16px;
        z-index: 3;
    }

g.mytooltip {
    /*transform: translate(192px, 209px);*/
    transform: translate(135px, 150px);
}

.mytooltip tspan {
    color: black !important;
    fill: black !important;
}

.reports-card-main {
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    height: 155px;
    overflow: hidden;
}

    .reports-card-main .report-card {
        padding: 0.5rem;
        background-color: #f3e7f9;
        border-radius: 0.5rem;
        height: 100%;
    }

        .reports-card-main .report-card .card-header {
            display: flex;
            justify-content: space-between;
            align-items: start;
            margin-bottom: 0.25rem;
        }

            .reports-card-main .report-card .card-header .btn-view {
                display: flex;
                align-items: center;
                font-size: 12px;
                font-weight: 400;
                letter-spacing: 0.02em;
                color: #6b0990;
                gap: 0.25rem;
                padding-right: 0;
                padding-top: 0;
            }

        .reports-card-main .report-card .card-body {
            display: flex;
            align-items: center;
            justify-content: space-between;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            height: auto;
            width: 100%;
        }

    .reports-card-main .report-title-right {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.02em;
        color: #756e79;
    }

.card_page_wrapper {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
}

.card_page_wrapper_image {
    width: 50px;
    height: 50px;
}

.card_page_wrapper .card-header {
    background-color: transparent;
    border-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    width: 95%;
}

.dashboard_card_footer_link {
    color: #212121;
}

    .fa.fa-refresh:hover,
    .dashboard_card_footer_link:hover {
        color: #4b0eae;
    }

.emp_dashboard_card {
    padding: 0.5rem 1rem;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.2);
}

.emp_dashboard_card_header {
    border-bottom: 1px solid #eeeeee;
}

.emp_dashboard_card .card_title {
    font-size: 22px;
    color: #4b0ead;
    font-weight: 600;
}

.emp_dashboard_card .table th {
    padding: 0.5rem 0rem;
}

.emp_dashboard_card .table td {
    padding: 0.5rem 0.25rem;
}
/*.browse-files-text {
    color: #3b054f;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: .32px;
    cursor: pointer;
}*/
/*.reports-card-main .report-card .card-header .btn-view {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
    color: #6b0990;
    gap: 0.25rem;
}*/
/*.top-toolbar {
    margin-bottom: 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: start;
    background-color: #555555;
    background-color: #ffffff;
    padding: 0.25rem 1rem;
}*/
/*.reports-card-main {
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    height: 155px;
    overflow: hidden;
}*/
/*.reports-card-main .report-card {
        padding: 1rem;
        background-color: #f3e7f9;
        border-radius: 0.5rem;
        height: 100%;
    }*/
/*.reports-card-main .report-card .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.25rem;
        }*/
/* .reports-card-main .report-card .card-header .btn-view {
                display: flex;
                align-items: center;
                font-size: 12px;
                font-weight: 400;
                letter-spacing: .02em;
                color: #6b0990;
                gap: 0.25rem;
            }*/
.reports-card-main .report-card .card-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: auto;
    width: 100%;
}

.reports-card-main .report-title-right {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #756e79;
}

.browse-files-text {
    color: #3b054f;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.32px;
    cursor: pointer;
}

/*.reports-card-main .report-card .card-header .btn-view {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
    color: #6b0990;
    gap: 0.25rem;
}
*/
/** {
    transition: all 0.6s;
}*/

/*html {
    height: 100%;
}*/

/*body {
    font-family: 'Lato', sans-serif;
    color: #888;
    margin: 0;
}*/

/*#main {
    display: table;
    width: 100%;
    height: 100vh;
    text-align: center;
}*/

/*.fof {
    display: table-cell;
    vertical-align: middle;
}

    .fof h1 {
        font-size: 50px;
        display: inline-block;
        padding-right: 12px;
        animation: type .5s alternate infinite;
    }

@keyframes type {
    from {
        box-shadow: inset -3px 0px 0px #888;
    }

    to {
        box-shadow: inset -3px 0px 0px transparent;
    }
}*/

/* HTML Print Card Start */

.svg-card-box {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    height: fit-content;
}

.top-toolbar {
    /*margin-bottom:8px;
    display:flex;
    align-items:center;
    justify-content:start;*/
    margin-bottom: 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: start;
    /*background-color: #555555;*/
    background-color: #f5f5f5;
    padding: 0.25rem 1rem;
}

    .top-toolbar .form-check-input:checked {
        background-color: #212121;
        border-color: #212121;
    }

    .top-toolbar input[type="checkbox"]:not(:checked) {
        background-color: #808080;
        border-color: #808080;
        /*  background-image: url(../../assets/images/toggle-switch-white.svg);*/
    }

    .top-toolbar .tool-icon {
        font-size: 10px;
        color: #212121;
        font-weight: 500;
        margin-right: 20px;
    }

        .top-toolbar .tool-icon i {
            font-size: 22px;
            color: #212121;
        }

.left-toolbar {
    width: 100px;
    background-color: #555555;
    height: 500px;
    border-radius: 4px;
    padding: 8px 8px;
    position: relative;
    overflow: hidden;
}

.top-toolbar .custom-dropdown select {
    background-color: #f2f2f2;
}

.card-center-body {
    width: 70%;
    /*background-image: url(data:image/png;base64,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);*/
    /*border-left: 5px solid #25282a;*/
    border-right: 5px solid #ffffff;
    padding: 16px;
    background-color: #f2f2f2;
    display: flex;
    /*align-items: center;*/
}

.right-toolbar {
    width: 30%;
    /*background-image: url(data:image/png;base64,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);*/
    position: relative;
    overflow: hidden;
    /*padding: 4px;*/
    background-color: #f5f5f5;
}
/*.right-toolbar::after {
    content: '';
    position: absolute;
    background-color: rgba(255,255,255,0.3);
    height: 100%;
    width: 100%;
    left: 0;
    top:0;
    z-index:0;
}*/
.tool-bar-label {
    font-size: 12px;
    color: #212121;
    text-align: left;
    font-weight: 500;
    position: relative;
    width: 100%;
    padding-bottom: 4px;
}

    .tool-bar-label::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #212121;
        height: 2px;
        width: 100%;
    }

.tool-icon {
    display: block;
    text-align: center;
    cursor: pointer;
}

.upload-img-tool {
    position: relative;
}

.tool-icon .upload_img {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
    opacity: 0;
    cursor: pointer;
}

.card-tool {
    position: relative;
    padding: 8px;
}

    .card-tool::after {
        content: "";
        position: absolute;
        border-top: 2px solid #25282a;
        width: 100px;
        left: -6px;
        bottom: -10px;
    }

.action-tool {
    padding: 8px 0;
}

.tool-action-box {
    /*background-color: #787878;*/
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 0px;
    z-index: 9;
    position: relative;
}

/*.dimention-details input {
    width: 90px;
    border: 1px solid #fff;
    background-color: #606060;
    color:#fff;
    border-radius:4px;
}*/
/*.dimention-details .input-label{
    margin-right:4px;
    min-width:20px;
    color:#f0f0f0;
}*/
.dimention-box {
    margin-bottom: 8px;
}

.svg_select_boundingRect {
    stroke-width: 1;
    fill: gray;
    stroke-dasharray: 10 10;
    stroke: black;
    stroke-opacity: 0.8;
    fill-opacity: 0.1;
    pointer-events: none;
}

.svg_select_points_rb {
    cursor: nw-resize;
}

.panel-actions {
    margin-top: -20px;
    margin-bottom: 0;
    text-align: right;
}

    .panel-actions a {
        color: #333;
    }

.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: whitesmoke;
    padding: 0.25rem;
    overflow: hidden;
}
/* Html Template End*/

/* Notification Css Start */

.notification_dropdown {
    width: 350px;
    background-color: #f5f5f5;
}

.notification-block-list {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.notification_dropdown .notification-block {
    border-bottom: 1px solid #d0d0d0;
    padding: 1rem 1rem 0.5rem 1rem;
}

.notification_dropdown .block_title {
    font-size: 16px;
    font-weight: 600;
    color: #4b0eae;
}

.notification_heading_block {
    border-bottom: 1px solid #d0d0d0;
    padding: 0 1rem 0.5rem;
}

.view_all_notification {
    font-size: 18px;
    color: #212121;
}

    .view_all_notification:hover {
        font-size: 18px;
        color: #4b0eae;
    }

.notification_dropdown .notification-block.unread,
.notification_dropdown .notification-block.unread:hover {
    background-color: rgb(75 14 174 / 20%);
}

.notification_dropdown .notification-block:hover {
    background-color: rgb(75 14 174 / 10%);
}

.notification_dropdown .notification-block .notification_title {
    font-size: 14px;
    font-weight: 600;
}

.notification_dropdown .notification-block .notification_desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0.25rem;
}

    .notification_dropdown .notification-block .notification_desc p {
        font-size: 12px;
        color: #212121;
    }

.notification_dropdown .notification-block .notification_date_time {
    font-weight: 500;
    font-size: 12px;
    text-align: end;
}

.notification_dropdown .notification-block:last-child {
    margin-bottom: 0;
}
/* Notification Css End */
.site-map-btn i.fa {
    /*font-size: 22px;*/
    font-size: 1.3rem;
    color: #212121;
}

    .site-map-btn i.fa:hover {
        color: #4b0eae;
    }

/*Auto Complete TextBox Css Start*/
.autocomplete {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    width: 300px;
}

    .autocomplete .options {
        position: absolute;
        top: 38px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        border-radius: 0.5rem;
        box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
        height: 50vh;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .autocomplete .option {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover {
            background: #4b0eae;
            color: #fff;
        }

        .autocomplete .option.disabled {
            background-color: lightgrey;
            cursor: not-allowed;
        }

            .autocomplete .option.disabled:hover {
                background: lightgrey;
                color: var(--bs-body);
            }

.searchicon {
    font-size: 1.2rem;
    top: 10px;
    right: 6px;
    position: absolute;
    /* color: #4b0eae;*/
    z-index: 2;
    display: block;
}

.autocomplete input.form-control {
    width: 30px;
    border: 1px solid transparent;
    background: transparent;
    transition: width 0.55s ease;
}

    .autocomplete input.form-control.opensearch {
        width: 100%;
        background-color: #fff;
        border-color: #6b0990;
    }
/*Auto Complete TextBox Css End*/

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* Calendar Start */
.tooltipevent {
    width: 120px;
    min-height: 30px;
    border-radius: 5px !important;
    color: #000;
    background: #fff;
    border: 1px solid #4b0eae;
    padding-top: 5px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    z-index: 10001;
}

    .tooltipevent:after {
        right: 100%;
        top: 25px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .tooltipevent:after {
        border-color: rgba(204, 204, 204, 0);
        border-right-color: #4b0eae;
        border-width: 9px;
        margin-top: -20px;
        margin-left: -50px;
    }

    .tooltipevent:before {
        border-color: rgba(204, 204, 204, 0);
        border-right-color: #4b0eae;
        border-width: 9px;
        margin-top: -20px;
    }

a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-not-end {
    float: right;
    margin-top: 70px;
    border-radius: 0 !important;
    padding-bottom: 0;
    background-color: green;
    border-color: green;
    z-index: 8;
    opacity: 0.6;
    height: 30px;
}

a.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end {
    float: right;
    margin-top: 70px;
    border-radius: 0 !important;
    padding-bottom: 0;
    background-color: green;
    border-color: green;
    z-index: 8;
    opacity: 0.6;
    height: 30px;
}

.fc-event-container {
    padding: 20px;
    position: relative;
    margin: 0 2.5% 0 2px;
    margin: 0 2px 0 2.5%;
}

.fc-content {
    border: 0;
    padding: 5px 7px;
}

.fc-title {
    text-align: left;
    float: left;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
/* Calendar End */

/*Time Line Chart Start*/
/* *,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }*/

.timeline-body {
    /* --color: rgba(30, 30, 30);
            --bgColor: rgba(245, 245, 245);*/
    /*min-height: 100vh;
    display: grid;
    align-content: center;
    gap: 2rem;
    padding: 2rem;
    font-family: "Poppins", sans-serif;*/
    /* color: var(--color);
            background: var(--bgColor);*/

    height: 80vh;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    align-content: center;
    gap: 2rem;
    padding: 2rem;
    font-family: "Poppins", sans-serif;
}

    /* h1 {
            text-align: center;
        }*/

    .timeline-body ul {
        --col-gap: 2rem;
        --row-gap: 2rem;
        --line-w: 0.25rem;
        display: grid;
        grid-template-columns: var(--line-w) 1fr;
        grid-auto-columns: max-content;
        column-gap: var(--col-gap);
        list-style: none;
        width: min(60rem, 90%);
        margin-inline: auto;
    }

        /* line */
        .timeline-body ul::before {
            content: "";
            grid-column: 1;
            grid-row: 1 / span 20;
            background: rgb(225, 225, 225);
            border-radius: calc(var(--line-w) / 2);
        }

        /* columns*/

        /* row gaps */
        .timeline-body ul li:not(:last-child) {
            margin-bottom: var(--row-gap);
        }

        /* card */
        .timeline-body ul li {
            grid-column: 2;
            --inlineP: 1.5rem;
            margin-inline: var(--inlineP);
            grid-row: span 2;
            display: grid;
            grid-template-rows: min-content min-content min-content;
        }

            /* date */
            .timeline-body ul li .date {
                --dateH: 3rem;
                height: var(--dateH);
                margin-inline: calc(var(--inlineP) * -1);
                text-align: center;
                background-color: var(--accent-color);
                color: white;
                font-size: 1.25rem;
                font-weight: 700;
                display: grid;
                place-content: center;
                position: relative;
                border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
            }

                /* date flap */
                .timeline-body ul li .date::before {
                    content: "";
                    width: var(--inlineP);
                    aspect-ratio: 1;
                    background: var(--accent-color);
                    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
                    position: absolute;
                    top: 100%;
                    clip-path: polygon(0 0, 100% 0, 0 100%);
                    right: 0;
                }

                /* circle */
                .timeline-body ul li .date::after {
                    content: "";
                    position: absolute;
                    width: 2rem;
                    aspect-ratio: 1;
                    background: var(--bgColor);
                    border: 0.3rem solid var(--accent-color);
                    border-radius: 50%;
                    top: 50%;
                    transform: translate(50%, -50%);
                    right: calc(100% + var(--col-gap) + var(--line-w) / 2);
                }

            /* title descr */
            .timeline-body ul li .title,
            .timeline-body ul li .descr {
                background: var(--bgColor);
                position: relative;
                padding-inline: 1.5rem;
            }

            .timeline-body ul li .title {
                overflow: hidden;
                padding-block-start: 1.5rem;
                padding-block-end: 1rem;
                font-weight: 700;
            }

            .timeline-body ul li .descr {
                padding-block-end: 1.5rem;
                font-weight: 300;
            }

                /* shadows */
                .timeline-body ul li .title::before,
                .timeline-body ul li .descr::before {
                    content: "";
                    position: absolute;
                    width: 90%;
                    height: 0.5rem;
                    background: rgba(0, 0, 0, 0.5);
                    left: 50%;
                    border-radius: 50%;
                    filter: blur(4px);
                    transform: translate(-50%, 50%);
                }

            .timeline-body ul li .title::before {
                bottom: calc(100% + 0.125rem);
            }

            .timeline-body ul li .descr::before {
                z-index: -1;
                bottom: 0.25rem;
            }

@media (min-width: 40rem) {
    .timeline-body ul {
        grid-template-columns: 1fr var(--line-w) 1fr;
    }

        .timeline-body ul::before {
            grid-column: 2;
        }

        .timeline-body ul li:nth-child(odd) {
            grid-column: 1;
        }

        .timeline-body ul li:nth-child(even) {
            grid-column: 3;
        }
        /* start second card */
        .timeline-body ul li:nth-child(2) {
            grid-row: 2/4;
        }

        .timeline-body ul li:nth-child(odd) .date::before {
            clip-path: polygon(0 0, 100% 0, 100% 100%);
            left: 0;
        }

        .timeline-body ul li:nth-child(odd) .date::after {
            transform: translate(-50%, -50%);
            left: calc(100% + var(--col-gap) + var(--line-w) / 2);
        }

        .timeline-body ul li:nth-child(odd) .date {
            border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
        }
}

@media print {
    @page {
        size: A4; /* DIN A4 standard, Europe */
        margin: 0;
    }

    html,
    body {
        width: 210mm;
        /* height: 297mm; */
        height: 282mm;
        font-size: 11px;
        background: #fff;
        overflow: visible;
    }

    body {
        padding-top: 5mm;
    }
}
/*Time Line Chart End*/

.face {
    position: absolute;
    border: 2px solid #fff;
}

thead th.align-left {
    text-align: left !important;
}

thead th.align-right {
    text-align: right !important;
}

thead th.align-center {
    text-align: center !important;
}

.custom-accordion-overflow {
    height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-head-dialog {
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0.25rem !important;
    top: 0 !important;
}

.modal-header-dailog {
    display: none !important;
}

.modal-body-dailog {
    max-height: calc(100vh - 125px) !important;
}

/*Fingure Print Start*/
.fingure-mantra {
    max-height: 70vh;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 10px 5px 10px;
}

    .fingure-mantra .capture_img {
        /*object-fit: cover;
        scale: 143%;
        object-fit: fill;
        height: 152px;
        position: relative;
        top: -25px;
        overflow: inherit;*/
        /* zoom:1.5;*/
    }

    .fingure-mantra .card {
        border: none;
        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    }

    .fingure-mantra .card-header {
        border: none;
        font-size: 15px;
        font-weight: 600;
    }

    .fingure-mantra .card-body {
        padding: 0.25rem;
        height: auto;
        overflow: hidden;
    }

    .fingure-mantra .custom_card_footer {
        border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
        padding: 0.25rem;
    }

    .fingure-mantra .card-header input {
        width: 15px;
        height: 15px;
    }

    .fingure-mantra .isclick {
        cursor: pointer;
    }

.fingerprint {
    position: relative;
    width: auto;
    height: auto;
    /*background: url(https://www.pngall.com/wp-content/uploads/2016/06/Fingerprint-Free-Download-PNG.png);*/
    background-repeat: no-repeat;
    background-size: auto;
}

    .fingerprint::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        /*background: url(https://www.pngall.com/wp-content/uploads/2016/06/Fingerprint-Free-Download-PNG.png);*/
        filter: invert(100%) sepia(60%) saturate(3000%) hue-rotate(130deg) brightness(95%) contrast(80%);
        background-size: auto;
        animation: animate 4s ease-in-out infinite;
    }

.highligh-card {
    background-color: burlywood;
    border: 0 !important;
}

.preview_img {
    font-size: 1.2em;
    position: absolute;
    top: -7px;
    right: 2px;
    text-decoration: none;
    color: #4b0eae;
    z-index: 999;
}

.card_loader {
    width: 40px;
    height: 40px;
    position: absolute;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid lightblue;
    border-right-color: #4b0eae;
    animation: l2 1s infinite linear;
    top: 45%;
    z-index: 9;
}

@keyframes l2 {
    to {
        transform: rotate(1turn);
    }
}

@keyframes animate {
    0%, 100% {
        height: 0%;
    }

    50% {
        height: 100%;
    }
}

.fingerprint::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #4b0eae;
    border-radius: 8px;
    filter: drop-shadow(0 0 20px #4b0eae) drop-shadow(0 0 60px #4b0eae);
    animation: moveLine 4s ease-in-out infinite;
}

@keyframes moveLine {
    0%, 100% {
        top: 0%;
    }

    50% {
        top: 100%;
    }
}
/*Fingure Print End*/

/*Time line chart 2 start*/
.main-timeline {
    margin-top: 16px;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
}

    .main-timeline:after {
        content: "";
        display: block;
        clear: both;
    }

    .main-timeline:before {
        content: "";
        height: 100%;
        width: 3px;
        border-left: 3px dashed #555;
        transform: translateX(-50%);
        position: absolute;
        top: 53px;
        left: 50%;
    }

    .main-timeline .timeline {
        width: 50%;
        padding: 15px 15px 15px 55px;
        margin: 0 0 0 5px;
        float: right;
        position: relative;
        z-index: 1;
    }

.timeline-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

    .timeline-header .btn {
        background-color: transparent;
    }

.main-timeline .timeline:before {
    content: "";
    background-color: #52d648;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: -10px;
    top: 50%;
}

.main-timeline .timeline-content {
    color: #777;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 16px;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    display: block;
    position: relative;
}

    .main-timeline .timeline-content:hover {
        text-decoration: none;
    }

    .main-timeline .timeline-content:before,
    .main-timeline .timeline-content:after {
        content: "";
        background: #52d648;
        width: 35px;
        height: 35px;
        transform: translateY(-50%) rotate(45deg);
        position: absolute;
        top: 50%;
        left: -33px;
        z-index: -1;
    }

    .main-timeline .timeline-content:after {
        background: linear-gradient(to left, transparent, #52d648);
        height: auto;
        width: auto;
        border-radius: 20px;
        transform: translateY(0);
        left: -15px;
        right: -15px;
        top: -15px;
        bottom: -15px;
        z-index: -2;
    }

.main-timeline .timeline-icon {
    color: #555;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    margin: 0 0 10px;
}

.main-timeline .title,
.main-timeline .perform-date {
    color: #52d648;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.main-timeline .perform-date {
    color: #52d648;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 8px;
    text-align: right;
}

.main-timeline .description {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
    margin: 0;
    margin-top: 8px;
    text-align: start;
}

.main-timeline .timeline:nth-child(even) {
    padding: 15px 55px 15px 15px;
    margin: 0 5px 0 0;
    float: left;
}

    .main-timeline .timeline:nth-child(even):before {
        left: auto;
        right: -10px;
    }

    .main-timeline .timeline:nth-child(even) .timeline-content:before {
        left: auto;
        right: -33px;
    }

    .main-timeline .timeline:nth-child(even) .timeline-content:after {
        transform: rotate(180deg);
    }

.main-timeline .timeline:nth-child(3n + 2):before,
.main-timeline .timeline:nth-child(3n + 2) .timeline-content:before {
    background-color: #37b2de;
}

.main-timeline .timeline:nth-child(3n + 2) .timeline-content:after {
    background: linear-gradient(to left, transparent, #37b2de);
}

.main-timeline .timeline:nth-child(3n + 2) .title,
.main-timeline .timeline:nth-child(3n + 2) .perform-date {
    color: #37b2de;
}

.main-timeline .timeline:nth-child(3n + 3):before,
.main-timeline .timeline:nth-child(3n + 3) .timeline-content:before {
    background-color: #f38f31;
}

.main-timeline .timeline:nth-child(3n + 3) .timeline-content:after {
    background: linear-gradient(to left, transparent, #f38f31);
}

.main-timeline .timeline:nth-child(3n + 3) .title,
.main-timeline .timeline:nth-child(3n + 3) .perform-date {
    color: #f38f31;
}

.main-timeline .perform-by {
    font-size: 18px;
    font-weight: 500;
    position: relative;
}

.main-timeline .timeline-header::after {
    content: "";
    border: 1px solid #52d648;
    position: absolute;
    width: 100%;
    border-radius: 50%;
    bottom: 0px;
    left: 0;
}

.main-timeline .timeline:nth-child(3n + 2) .timeline-header::after {
    border: 1px solid #37b2de;
}

.main-timeline .timeline:nth-child(3n + 3) .timeline-header::after {
    border: 1px solid #f38f31;
}

@media screen and (max-width: 767px) {
    .main-timeline:before {
        transform: translateX(-50%);
        left: 18px;
    }

    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even) {
        width: 100%;
        padding: 15px 15px 15px 55px;
        margin: 0 0 30px;
    }

        .main-timeline .timeline:before,
        .main-timeline .timeline:nth-child(even):before {
            left: -7px;
        }

        .main-timeline .timeline-content:before,
        .main-timeline .timeline:nth-child(even) .timeline-content:before {
            left: -33px;
            right: auto;
        }

        .main-timeline .timeline:nth-child(even) .timeline-content:after {
            transform: rotate(0);
        }

    .main-timeline .title {
        font-size: 16px;
    }
}
/*Time line chart 2 end*/

/*Custom Image Caputure Start*/
.visitor-checkin-area-main {
    max-height: calc(100vh - 93px);
    /*overflow-y: auto;*/
    padding: 1rem;
}

    .visitor-checkin-area-main .profile_area.primary-box {
        background-color: #f4ebff;
        border-radius: 0.5rem;
    }

    .visitor-checkin-area-main .profile_area .profile_name .step-form-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.02em;
        text-align: center;
        color: #3b054f;
    }

    .visitor-checkin-area-main .primary-box {
        border-radius: 0.5rem;
    }

    .visitor-checkin-area-main .img-box {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .visitor-checkin-area-main .img-box .sprite-icon {
            display: block;
        }

        .visitor-checkin-area-main .img-box .icon-camera {
            background-position: -1098px -3px;
            width: 36px;
            height: 33px;
            position: absolute;
        }

        .visitor-checkin-area-main .img-box .icon-img {
            background-position: -1151px -5px;
            width: 30px;
            height: 30px;
            position: absolute;
        }

        .visitor-checkin-area-main .img-box .sub-title-12 {
            color: #655f67;
            position: absolute;
            top: 55%;
        }

    .visitor-checkin-area-main .capture-box,
    .visitor-checkin-area-main .preview-box {
        height: 226px;
        width: 286px;
    }

        .visitor-checkin-area-main .capture-box video,
        .visitor-checkin-area-main .capture-box img {
            height: 100% !important;
            width: 100% !important;
        }

        .visitor-checkin-area-main .preview-box .preview_img_box {
            height: 226px;
            width: 286px;
        }

            .visitor-checkin-area-main .preview-box .preview_img_box img {
                height: 100%;
                width: 100%;
            }

        .visitor-checkin-area-main .preview-box .preview-img {
            z-index: 999;
        }

.sprite-icon {
    background-image: url("../../images/icons.svg");
    background-repeat: no-repeat;
}

.primary-box {
    background-color: #f7f3f9;
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 226px;
    width: 286px;
}

.file-upload-main {
    position: relative;
}

    .file-upload-main .upload_emp_profile_pic {
        height: unset;
        width: unset;
    }

        .file-upload-main .upload_emp_profile_pic .emp_profile_pic {
            height: unset;
            width: unset;
            background-color: rgba(0, 0, 0, 0);
        }

.upload_emp_profile_pic .emp_profile_pic {
    background-color: #fff;
    height: 80px;
    width: 80px;
}

.upload_emp_profile_pic .emp_profile_pic {
    position: absolute;
    display: inline-block;
    cursor: pointer;
}

.file-size-main {
    background-color: #f7f3f9;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.border-text-main .company-sub-title {
    position: relative;
    overflow: hidden;
}

.company-sub-title {
    color: #6b0990;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0.08em;
    overflow: hidden;
}

.border-text-main .border-around-text::before {
    content: "";
    position: absolute;
    background-color: #f4ebff;
    width: 45%;
    height: 1px;
    top: 9px;
    left: 0;
    right: 50%;
}

.border-text-main .border-around-text::after {
    content: "";
    position: absolute;
    background-color: #f4ebff;
    width: 50%;
    height: 1px;
    top: 9px;
    left: 55%;
    right: 0;
}

.capture_box_camera {
    z-index: 9;
    position: relative;
}

.light_primary_box {
    background-color: #f7f3f9;
    padding: 0;
    position: relative;
    overflow: hidden;
    min-height: 245px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

    .light_primary_box .light_primary_box_ttl {
        color: #655f67;
        position: absolute;
        inset: 0;
        top: 50%;
        z-index: 0;
    }

    .light_primary_box .croppie-container {
        z-index: 9;
        position: relative;
    }

.final_img_show {
    z-index: 9;
    position: relative;
}

.light_primary_box .croppie-container .cr-slider-wrap {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

    .light_primary_box .croppie-container .cr-slider-wrap input[type="range"] {
        width: 100%;
        margin-right: 0;
    }
/*.croppie-container .cr-image {
    width: 300px;
    height: 225px;
}*/
/*Custom Image Caputure End*/
/* Custom TreeView Start */
.custom_tree_view li.parent-item ul li {
    padding-left: 32px;
}

.custom_tree_view li.parent-item {
    transition: 0.3s all;
}

    .custom_tree_view li.parent-item ul li img {
        height: 20px;
        width: 20px;
    }

    .custom_tree_view li.parent-item img {
        height: 20px;
        width: 20px;
    }

/*.custom_tree_view li.parent-item ul li i {
        font-size: 1.4em;
    }*/
.custom_tree_view_list {
    height: calc(100vh - 224px);
    overflow-y: auto;
}
/* Custom TreeView Start */

/*Custom Tag Textbox Start*/
.suggestion-container {
    position: relative;
}

.tagsinput,
.tagsinput * {
    box-sizing: border-box;
}

.tagsinput {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    color: #556270;
    padding: 5px 5px 0;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}

    .tagsinput.focus {
        border-color: #ccc;
    }

    .tagsinput .tag {
        position: relative;
        background: #e1ceff;
        display: block;
        max-width: 100%;
        word-wrap: break-word;
        color: #6f7581;
        padding: 4px 16px 4px 4px;
        border-radius: 2px;
        margin: 0 5px 5px 0;
        min-width: 40px;
    }

        .tagsinput .tag .tag-remove {
            position: absolute;
            background: 0 0;
            display: block;
            width: 30px;
            height: 30px;
            top: 0;
            right: 0;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            color: #ff6b6b;
            line-height: 30px;
            padding: 0;
            border: 0;
        }

            .tagsinput .tag .tag-remove:after,
            .tagsinput .tag .tag-remove:before {
                background: #ff6b6b;
                position: absolute;
                display: block;
                width: 10px;
                height: 2px;
                top: 14px;
                right: 3px;
                content: "";
            }

            .tagsinput .tag .tag-remove:before {
                -webkit-transform: rotateZ(45deg);
                transform: rotateZ(45deg);
            }

            .tagsinput .tag .tag-remove:after {
                -webkit-transform: rotateZ(-45deg);
                transform: rotateZ(-45deg);
            }

    .tagsinput div {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }

        .tagsinput div input {
            background: 0 0;
            display: block;
            width: 100%;
            font-size: 14px;
            line-height: 20px;
            padding: 5px;
            border: 0;
            margin: 0 5px 5px 0;
        }

            .tagsinput div input:focus {
                color: #495057;
                background-color: #fff;
                border-color: #80bdff;
                outline: 0;
                box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            }

            .tagsinput div input.error {
                color: #ff6b6b;
            }

            .tagsinput div input::-ms-clear {
                display: none;
            }

            .tagsinput div input::-webkit-input-placeholder {
                color: #ccc;
                opacity: 1;
            }

            .tagsinput div input:-moz-placeholder {
                color: #ccc;
                opacity: 1;
            }

            .tagsinput div input::-moz-placeholder {
                color: #ccc;
                opacity: 1;
            }

            .tagsinput div input:-ms-input-placeholder {
                color: #ccc;
                opacity: 1;
            }
/*Custom Tag Textbox End*/

.disabled_Click {
    cursor: none !important;
    pointer-events: none !important;
}

.web_enroll_wrapper .profile_view_card .card-title {
    font-size: 18px;
    font-weight: 600;
}

.web_enroll_wrapper .profile_view_card .card-text {
    font-size: 14px;
    font-weight: 500;
}

.web_enroll_wrapper .profile_view_card .list-group-item {
    font-size: 12px;
}

/*Orer Action Icon Button Css */
.card-header #orders-actions .btn i.fa {
    margin-right: 0;
}

.card-header #orders-actions .btn span {
    margin-left: 5px;
}

.tooltip-inner {
    max-width: fit-content;
    text-align: left;
    padding: 0.5rem;
    background-color: #4b0eae;
}

.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #4b0eae;
}

.dropdowncheckbox_disabled {
    background-color: lightgray;
    pointer-events: none;
}

.dropdownloading::after {
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    left: calc(50% - 0.7em);
    top: calc(50% - 0.7em);
    border: 0.25em solid #4b0eae;
    border-bottom-color: rgb(235 7 7 / 0%);
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
    opacity: 1;
}

.filter_highlight {
    position: relative;
}

    .filter_highlight::after {
        content: "";
        position: absolute;
        top: 1px;
        left: 15px;
        border-radius: 50%;
        background-color: #ff0000;
        height: 10px;
        width: 10px;
    }

.alert_info {
    background-color: #0dcaf0ad;
}

@media only screen and (max-width: 1199px) {
    .web_enroll_wrapper .profile_view_card .card-title {
        font-size: 16px;
        font-weight: 600;
    }
}

/* Custom list group css Start */

.list_group_item {
    padding: 0 1rem;
    border: 1px solid #8f00ff;
    border-radius: 4px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

    .list_group_item.active,
    .list_group_item.active:hover {
        background-color: rgb(143 0 255 / 20%);
    }

    .list_group_item:hover {
        background-color: #e9ecef;
    }

    .list_group_item label {
        font-size: 14px;
        width: 90%;
        margin-left: 8px;
        min-height: 76px;
        display: flex;
        align-items: center;
        padding: 1rem 0;
    }

    .list_group_item input:focus {
        box-shadow: none;
    }

    .list_group_item .form-check-input:checked {
        background-color: #8f00ff;
        border-color: #8f00ff;
    }

.que_item {
    display: flex;
}

    .que_item label {
        font-size: 16px;
        font-weight: 600;
        max-height: 120px;
    }
/* Custom list group css End */

.modal-xl-60 {
    max-width: 60% !important;
}

/*Steeper Css Start*/
.stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;
}

    .stepper-horizontal .step {
        display: table-cell;
        position: relative;
        padding: 1.5rem;
        z-index: 2;
        width: 25%;
        padding-top: 0;
        padding-bottom: 0;
    }

        .stepper-horizontal .step:last-child .step-bar-left,
        .stepper-horizontal .step:last-child .step-bar-right {
            display: none;
        }

        .stepper-horizontal .step .step-circle {
            width: 2rem;
            height: 2rem;
            margin: 0 auto;
            border-radius: 50%;
            text-align: center;
            line-height: 1.75rem;
            font-size: 1rem;
            font-weight: 600;
            z-index: 2;
            border: 2px solid #d9e2ec;
        }

        .stepper-horizontal .step.done .step-circle {
            background-color: #199473;
            border: 2px solid #199473;
            color: #ffffff;
        }

            .stepper-horizontal .step.done .step-circle:before {
                font-family: "FontAwesome";
                font-weight: 100;
                content: "";
            }

            .stepper-horizontal .step.done .step-circle * {
                display: none;
            }

        .stepper-horizontal .step.done .step-title {
            color: #102a43;
        }

        .stepper-horizontal .step.editing .step-circle {
            background: #ffffff;
            border-color: #199473;
            color: #199473;
        }

        .stepper-horizontal .step.editing .step-title {
            color: #199473;
            text-decoration: underline;
        }

        .stepper-horizontal .step .step-title {
            margin-top: 0.1rem;
            font-size: 1rem;
            font-weight: 600;
        }

        .stepper-horizontal .step .step-title,
        .stepper-horizontal .step .step-optional {
            text-align: center;
            color: #829ab1;
        }

        .stepper-horizontal .step .step-optional {
            font-size: 0.75rem;
            font-style: italic;
            color: #9fb3c8;
        }

        .stepper-horizontal .step .step-bar-left,
        .stepper-horizontal .step .step-bar-right {
            position: absolute;
            top: calc(2rem + -18px);
            height: 5px;
            background-color: #d9e2ec;
            border: solid #d9e2ec;
            border-width: 2px 0;
        }

        .stepper-horizontal .step .step-bar-left {
            width: calc(100% - 2rem);
            left: 50%;
            margin-left: 1rem;
            z-index: -1;
        }

        .stepper-horizontal .step .step-bar-right {
            width: 0;
            left: 50%;
            margin-left: 1rem;
            z-index: -1;
            transition: width 500ms ease-in-out;
        }

        .stepper-horizontal .step.done .step-bar-right {
            background-color: #199473;
            border-color: #199473;
            z-index: 3;
            width: calc(100% - 2rem);
        }
/*Steeper Css End*/

.mt-1_8 {
    margin-top: 1.8rem !important;
}

.capture_box_camera video {
    object-fit: cover;
}

.txtMenuSearch {
    display: none;
}

.dropdown-text {
    font-size: 0.8rem;
}

.card-img,
.card-img-top {
    height: 188px;
}

.flip-container {
    perspective: 1000px;
}

    .flip-container:hover .flipper,
    .flip-container.hover .flipper {
        transform: rotateY(180deg);
    }

.flip-container,
.front,
.back {
    width: 100%;
    height: 188px;
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front,
.back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    z-index: 2;
    transform: rotateY(0deg);
}

.back {
    transform: rotateY(180deg);
}

.ck-editor__editable {
    height: 200px;
}

/*Attendance Policy Design Start*/
.custom-card_attendance {
    padding: 0.5rem 1rem;
    background-color: rgba(107, 54, 221, 0.09);
    border-radius: 8px;
    height: 100%;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 160px);
}

.page_main_form .custom-card_attendance {
    margin-top: -15px;
    height: unset;
    max-height: unset;
}

.policy-body .policy-card {
    height: calc(100vh - 121px);
    overflow-y: auto;
}

.page_main_form .custom-card_attendance {
    overflow: auto;
    overflow-x: hidden;
    /* padding: 1rem; */
}

.custom-card-set .policy-card {
    background-color: rgba(107, 54, 221, 0.09);
    padding: 0.5rem 1rem;
    margin: 0;
    height: calc(100vh - 156px);
    overflow-x: hidden;
}

.custom-tab-set .custom-card-set-title,
.custom-card-set .custom-card-set-title {
    color: var(--text-black-100);
    font-size: var(--fs-18);
    font-weight: 600;
}

.page_main_form .custom-card {
    padding: 0.5rem;
}

.capturing-option-box {
    display: flex;
    align-items: center;
    background: rgba(107, 54, 221, 0.07);
    border: 1px solid var(--gray-light-300);
    border-radius: 0.25rem;
}

    .capturing-option-box .capture-box.device-box {
        background-color: var(--white);
        width: 110px;
    }

    .capturing-option-box .capture-box {
        padding: 0.5rem 1.25rem;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

.add_emp_criteria {
    /*  display: flex; */
    align-items: center;
    justify-content: center;
    position: relative;
    height: calc(100% - 40px);
}
/*Attendance Policy Design End*/

/*Info Button Start*/
#settings-trigger {
    position: fixed;
    bottom: 8px;
    right: 0;
    left: 75px;
    height: 35px;
    width: 35px;
    background: #4b0eaec7;
    z-index: 99;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.settings-panel {
    display: block;
    position: fixed;
    top: 150px;
    left: -600px;
    bottom: 0;
    width: 600px;
    height: 70vh;
    min-height: 70vh;
    background-color: #e1ceff;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: right, box-shadow;
    -moz-transition-property: right, box-shadow;
    -o-transition-property: right, box-shadow;
    transition-property: left, box-shadow;
    z-index: 9999;
    border-radius: 10px;
}

    .settings-panel.open {
        right: 0;
        left: 100px;
    }

#theme-settings .settings-close {
    top: 17px;
    background: transparent;
    font-size: 1.2rem;
}

.settings-panel .settings-close {
    position: absolute;
    top: 16px;
    right: 10px;
    color: #1f3bb3;
    background: transparent;
    border-radius: 4px;
    padding: 0 3px;
    cursor: pointer;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    z-index: 999;
}

.settings-panel .settings-heading {
    padding: 16px 0 13px 20px;
    font-size: 0.812rem;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    line-height: 1;
    color: #4b0eae;
    opacity: 0.9;
    margin-bottom: 0;
    border-bottom: 3px solid #cabae3;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 10px;
}

.color-tiles {
    height: 60vh;
    overflow: auto;
}

.blink_button {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #4b0eaec7;
        -webkit-box-shadow: 0 0 3px #4b0eaec7;
    }

    50% {
        background-color: #6200ff;
        -webkit-box-shadow: 0 0 40px #6200ff;
    }

    100% {
        background-color: #4b0eaec7;
        -webkit-box-shadow: 0 0 3px #4b0eaec7;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #4b0eaec7;
        -moz-box-shadow: 0 0 3px #4b0eaec7;
    }

    50% {
        background-color: #6200ff;
        -moz-box-shadow: 0 0 40px #6200ff;
    }

    100% {
        background-color: #4b0eaec7;
        -moz-box-shadow: 0 0 3px #4b0eaec7;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #4b0eaec7;
        box-shadow: 0 0 3px #4b0eaec7;
    }

    50% {
        background-color: #6200ff;
        box-shadow: 0 0 40px #6200ff;
    }

    100% {
        background-color: #4b0eaec7;
        box-shadow: 0 0 3px #4b0eaec7;
    }
}

@keyframes glowing {
    0% {
        background-color: #4b0eaec7;
        box-shadow: 0 0 3px #4b0eaec7;
    }

    50% {
        background-color: #6200ff;
        box-shadow: 0 0 40px #6200ff;
    }

    100% {
        background-color: #4b0eaec7;
        box-shadow: 0 0 3px #4b0eaec7;
    }
}
/*Info Button Start*/

.custom_select_dropdown div {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Policy Info Start*/
.tag-box-list {
    overflow-y: auto;
    max-height: 580px;
}

.file-box {
    /*padding: .5rem;
    border: 1px solid #d1d1d1;
    border-radius: .25rem;
    background: #FFFFFF;
    transition: .3s;
    margin-bottom: 1rem;
    position: relative;
    padding-top: 75px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;*/
    padding: 0.5rem;
    border: 1px solid #d1d1d1;
    border-radius: 0.25rem;
    background: #ffffff;
    transition: 0.3s;
    margin-bottom: 1rem;
    position: relative;
    width: auto;
    height: 115px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

    .file-box .file-box-header {
        position: absolute;
        top: 10px;
        right: 10px;
        font-weight: 500;
        font-size: 14pt;
    }

    .file-box img {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 10px;
    }

    .file-box.box_color_coffe .file-box-border {
        border-left: 16px solid #402100;
    }

    .file-box .file-details {
        margin-left: 1rem;
    }

    .file-box.box_color_coffe .file-box-title {
        color: #402100;
    }

    .file-box .file-box-title {
        position: relative;
        text-align: end;
        font-size: 12pt;
        top: 55px;
        line-height: unset;
    }

    .file-box .file-path {
        font-size: 12px;
        font-weight: 500;
        color: #5f5f5f;
    }

    .file-box.box_color_pink .file-box-border {
        border-left: 16px solid #ef5da8;
    }

    .file-box.box_color_pink .file-box-title {
        color: #ef5da8;
    }

    .file-box.box_color_dark_blue .file-box-border {
        border-left: 16px solid #003d80;
    }

    .file-box.box_color_dark_blue .file-box-title {
        color: #003d80;
    }

    .file-box.box_color_light_blue .file-box-border {
        border-left: 16px solid #0069db;
    }

    .file-box.box_color_light_blue .file-box-title {
        color: #0069db;
    }

    .file-box.box_color_green .file-box-border {
        border-left: 16px solid #34c759;
    }

    .file-box.box_color_green .file-box-title {
        color: #34c759;
    }
/* Policy Info End*/

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.ribbon {
    --f: 0.5em; /* control the folded part*/
    --r: 0.8em; /* control the ribbon shape */
    position: absolute;
    top: 5px;
    right: calc(-1 * var(--f));
    padding-inline: 0.25em;
    line-height: 1.8;
    background: #fa6900;
    border-bottom: var(--f) solid #0005;
    border-left: var(--r) solid #0000;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)), var(--r) calc(50% - var(--f) / 2) );
}

.nav-pills .nav-link {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
/*Leave Policy Edit */
.leavepolicy .nav-link {
    border-radius: 48px;
    color: #252525;
    text-align: left;
    margin-bottom: 0.5rem;
    position: relative;
    padding: 0.25rem;
}

.leavepolicy .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.375rem;
}

.leavepolicy .nav-link.active {
    background-color: #6b36dd;
    color: #ffffff;
    font-weight: 600;
    /* padding: 0.25rem; */
}

.active .selected-rule {
    position: absolute;
    right: 5px;
    top: 4px;
}

.active .circle {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #1d8b3c;
}

.active .checkmark {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 8px;
    top: 12px;
    height: 10px;
    width: 6px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.form-check-label {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #210154;
}
/*Leave Policy Edit */

multi_select_dropdown li label {
    display: flex;
    align-items: center;
}

.multi_select_dropdown li label .option,
.multi_select_dropdown li label .selectall {
    margin-right: 0.5rem;
    height: 16px;
    width: 16px;
    display: none;
}

.multi_select_dropdown li label span.group_title {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    max-width: 270px;
    position: relative;
}

.multi_select_dropdown li label span.group_title_check {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    max-width: 270px;
    position: relative;
    padding-left: 27px;
}

span.group_title_check::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #4b0eae;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.6;
    -webkit-transition: all 0.12s, border-color 0.08s;
    transition: all 0.12s, border-color 0.08s;
    border-radius: 3px;
}

.multi_select_dropdown
input[type="checkbox"]:checked + span.group_title_check::before {
    width: 8px;
    top: 0px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.default-card {
    position: relative;
    width: 100%;
    padding: 0.25rem;
    border-radius: 10px;
    margin: 0.25rem;
    /*box-shadow: rgba(0,0,0,0.56) 0px 22px 70px 4px;*/
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    text-align: center;
    background: #dbdbdb;
}

    .default-card .action_btn {
        position: absolute;
        left: 37%;
        background: #000000ad;
        color: white;
        border-radius: 10%;
        font-size: 1.5rem;
        width: 95px;
        height: 45px;
        padding-top: 6px;
        top: 10px;
        display: none;
    }

    .default-card:hover .action_btn {
        display: block;
    }

.offcanvas {
    top: 0;
    right: 0;
}

.offcanvas_xl {
    width: 95%;
    --bs-offcanvas-width: 95% !important;
}

.offcanvas_lg {
    width: 60%;
    --bs-offcanvas-width: 60% !important;
}

.offcanvas_md {
    /* add Responsivenes to default offcanvas */
    width: 45%;
    --bs-offcanvas-width: 45% !important;
}

.offcanvas_sm {
    width: 30%;
    --bs-offcanvas-width: 30% !important;
}

/*----------------------multi_select_dropdown_comp_location-------------------------------*/

.multi_select_dropdown_comp_location {
    font-size: 13px;
    word-wrap: normal;
    word-break: break-word;
    padding: 10px !important;
    padding-top: 0px !important;
    max-width: 250px;
}

    .multi_select_dropdown_comp_location .group_title {
        font-size: 13px;
        word-wrap: normal;
        word-break: break-word;
        margin-bottom: 5px;
        margin-top: 10px;
        color: #6f7581;
        white-space: nowrap;
        overflow: hidden;
    }

        .multi_select_dropdown_comp_location .group_title label {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
        }

    .multi_select_dropdown_comp_location .group_title_sub_point {
        margin: 0px 0px;
    }

        .multi_select_dropdown_comp_location .group_title_sub_point label {
            position: relative;
            padding-left: 25px;
            min-height: 20px;
            color: #6f7581;
            white-space: nowrap;
            overflow: hidden;
        }

            .multi_select_dropdown_comp_location .group_title_sub_point label input {
                display: none;
            }

            .multi_select_dropdown_comp_location .group_title_sub_point label span::before {
                content: "";
                display: block;
                width: 16px;
                height: 16px;
                border: 2px solid #4b0eae;
                position: absolute;
                left: 0;
                top: 3px;
                opacity: 0.6;
                -webkit-transition: all 0.12s, border-color 0.08s;
                transition: all 0.12s, border-color 0.08s;
                border-radius: 3px;
            }

            .multi_select_dropdown_comp_location
            .group_title_sub_point
            label
            input[type="checkbox"]:checked + span::before {
                width: 8px;
                top: 0px;
                left: 5px;
                border-radius: 0;
                opacity: 1;
                border-top-color: transparent;
                border-left-color: transparent;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
.input-group .btn {
    z-index: 0;
}
.icon_dropdown {
    position: relative;
    /* z-index: 1029 !important;*/
    width: 35px;
    height: 35px;
    background-color: var(--macs-primary-color);   
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 0px;
}

    .icon_dropdown a {
        color: #4b0eae;
        position: absolute;
        top: 7px;
        left: 9px;
    }

        .icon_dropdown a i {
            font-size: 1.4rem;
        }

.drop_box a.btn.btn-theme-common {
    transition: none;
}

/*------------------------quick-action--------------------------------------------*/
.quick-action-wrapper {
    /*position: fixed;
    top: 15%;
    right: 0px;
    transform: translateY(-50%);
    z-index: 9999;*/
}

.quick-action-toggle {
    /*position: absolute;*/
    left: -40px;
    width: 50px;
    height: 45px;
    background-color: #4b0eae;
    color: white;
    border: none;
    border-radius: 2rem 0 0 2rem;
    cursor: pointer;
    font-size: 20px;
    z-index: 10000;
    /*animation: slidePulse 5s ease-in-out 5s 1 forwards;
    animation-delay: 5s;
    animation-iteration-count: infinite;
    animation-fill-mode: none;*/
    z-index: 0;
}

@keyframes slidePulse {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

.quick-action-panel {
    position: fixed;
    top: 45px;
    right: -300px;
    width: 300px;
    background-color: #f0f0f0;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
    transition: right 0.4s ease;
    z-index: 9999;
    /* padding: 15px;*/
    box-sizing: border-box;
    height: 90vh;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

    .quick-action-panel.open {
        right: 1px;
    }

.quick-action-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d0d0d0;
}

.quick-action-options {
    list-style: none;
    padding: 0;
}

.action-btn {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .action-btn:hover {
        background-color: #0056b3;
    }

.quick-action-panel .filters_footer {
    position: absolute;
    bottom: -8px;
    right: 12px;
    width: 100%;
    background: #f0f0f0;
    padding: 0.25rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-top: 1px solid #d0d0d0;
}

.opensright {
    z-index: 9999 !important;
}

.quick-action-panel-body {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 160px);
    padding: 8px 16px;
}

.quick-action-title {
    font-size: 1.3rem;
    font-weight: 500;
}
.generate_qr_sorting {
    width: 300px;
}

.qrCode_btn_wrapper {
    margin-top: 28px;
}

.qrCode_img_wrapper {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.custom-card.qrCode_generate_modal .card-body.add-page-card-body {
    height: auto;
    min-height: 330px;
}