@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap');
@import "tablestyle.css";

body {
    display: block;
    font-family: 'Poppins', sans-serif !important;
    /*   font-family: 'Roboto Slab', serif !important;*/
    /* font-family: 'Roboto', sans-serif;*/
}

:root {
    /*--main-color-one: #2cc185;*/
    --main-color-one: #0068FF;
    --main-color-one-hover: #0068FF;
    --second-color-one: #8D9FB8;
    /*   --blue-color-theme: #1a84d9;*/
    --blue-color-theme-hover: #0060ad;
    --green-color-theme: #2cc185;
    --green-color-theme-hover: #0e9c62;
}

::-moz-selection {
    /* Code for Firefox */
    background: var(--main-color-one);
    color: #fff;
}


::selection {
    background: var(--blue-color-theme);
    color: #fff;
}

.width-30 {
    flex: 0 0 30%;
    max-width: 30%;
}

.width-70 {
    flex: 0 0 70%;
    max-width: 70%;
}

.width-22 {
    flex: 0 0 22%;
    max-width: 22%;
}

.width-78 {
    flex: 0 0 78%;
    max-width: 78%;
}

.width-90px {
    width: 110px;
    max-width: 110px;
}

.width-150px {
    width: 150px;
}

.inline-block {
    display: inline-block;
}

.float-right-btn {
    text-align: right;
}

    .float-right-btn .btn.btn-icon,
    .float-right-btn .small-btn-group .file-upload {
        float: none;
    }



span.mandatory-symbol {
    color: red;
}


/* Reveal */
.more-alert {
    background-color: #f64e60;
    padding: 20px;
    height: 152px;
    border-radius: 4px;
}

    .more-alert h4 {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
    }

    .more-alert div.alert-list {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }


.modal-open .modal {
}










/* ====================================================
                   COLOR THEME START
======================================================== */
/*.btn.add-profile i,
.minus-mt-50 h4,
.employee-outer-detils h4,
.personal-details-left .ulList > li.active {
    color: var(--blue-color-theme);
}

.btn.add-profile:hover i {
    color: var(--blue-color-theme-hover);
}


.tab-content {
    border-color: var(--blue-color-theme);
}

.btn.btn-default-outline{
    border-color    : var(--blue-color-theme-hover) !important;
    background-color: #fff;
}*/
/* .btn.btn-default-outline:hover{
    color           : #fff;
} */
/* COLOR THME START */

/*.aside,
.aside-menu,
.choices__list--multiple .choices__item.is-highlighted,
.aside-menu .menu-nav>.menu-item {
    background-color: var(--blue-color-theme-hover) !important;
}

    .select-pure__selected-label,
    .choices__list--multiple .choices__item,
    .profile-header,
    .menu-link.menu-toggle:hover,
    .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading,
    .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link,
    .table-dark,
    .table-dark > th,
    .table-dark > td,
    .ulList > li.active {
        background-color: var(--blue-color-theme);
    }*/
/*.ulList > li.active {
    background-color: #2ba659;
}*/

/*

.login-overflow,
.aside-menu .menu-nav>.menu-item .menu-submenu:hover,
.aside-menu .menu-nav>.menu-item .menu-submenu a:hover {
    background-color: transparent !important;
    
}


.table-dark th,
.table-dark td,
.table-dark thead th {
    border: 1px solid var(--blue-color-theme-hover) !important;
}*/

.btn.btn-default,
.btn.btn-icon.btn-arrow-left,
.btn.btn-icon.btn-arrow-right,
.btn.add-profile,
.btn.btn-upload,
.successor-profile-img .view-profile {
    background-color: var(--blue-color-theme);
    border-color: var(--blue-color-theme);
    color: #fff;
}

    .btn.btn-default:hover,
    .btn.btn-default:focus,
    .btn.btn-icon.btn-default:hover,
    .btn.btn-icon.btn-arrow-left:hover,
    .btn.btn-icon.btn-arrow-right:hover,
    .btn.add-profile:hover,
    .btn.btn-upload:hover {
        background-color: var(--main-color-one) !important;
        border-color: var(--main-color-one) !important;
    }

/*.ihits-table.odd-even table tbody tr:nth-child(even),
.ihits-table.hover-color table tbody tr:hover {
    background-color: #e7f4ff;
}*/

.ihits-table table {
    width: 100%;
    table-layout: fixed;
    /*    margin-bottom:85px;*/
    /*  border: 1px solid #EBEBFD ;*/
}

.ihits-table {
    padding-bottom: 0px;
}
/* ====================================================
                   COLOR THEME END
======================================================== */



.header-menu-wrapper .main-title {
    font-size: 15px;
    line-height: 23px;
    margin: 10px 18px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #3D3D3D;
}

.alert-info {
    color: #055160 !important;
    background-color: #cff4fc !important;
    border-color: #b6effb !important;
    font-size: 16px;
    border-radius: 0px;
    margin-bottom: 5px;
    padding: 7px 10px;
}

.width-100 {
    width: 100%;
}

textarea.form-control {
    height: 55px;
    PADDING: 8PX;
}
/* ====================================================
                   LOGIN STYLE END
======================================================== */
.login-main-outer {
    position: relative;
    top: 0px;
    z-index: 9;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.login-outer {
    width: 100%;
    background-color: #fff;
    /*  padding: 20px;*/
    background-color: #fff !important;
    /*  padding: 20px;*/
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    z-index: 2;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.login-bg {
    flex-grow: 1;
    background: url(../images/login-bg.jpg);
    height: calc(98vh - 35px);
    height: calc(85vh - 35px);
    box-sizing: border-box;
    position: relative;
}


    .login-main-outer.login1 .login-bg {
    background: none;
}

.login-main-outer.login1 {
    background: url(../images/login-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

    .login-main-outer.login1 .login-outer {
        margin-right: 100px;
        height: auto;
        border-radius: 20px;
        width: 350px;
        padding: 25px;
        background: #0f417a;
        background: -moz-linear-gradient(-45deg, #0f417a 0%, #0f417a 48%, #f7f7f7 48%, #f7f7f7 100%);
        background: -webkit-linear-gradient(-45deg, #0f417a 0%, #0f417a 48%, #f7f7f7 48%, #f7f7f7 100%);
        background: linear-gradient(135deg, #0f417a 0%, #0f417a 48%, #f7f7f7 48%, #f7f7f7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f417a', endColorstr='#f7f7f7', GradientType=1);
        -webkit-box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.6);
        position: relative;
        overflow: hidden;
        border: solid 10px #fff;
    }

    .login-main-outer.login1 .top-design-style {
        background-color: #fff;
        width: 80%;
        height: 30px;
        border-radius: 30px;
        position: absolute;
        top: -12px;
    }

    .login-main-outer.login1 .login-outer .login-form {
        width: 100%;
        max-width: 400 px;
        border-radius: 6 px;
        background-color: transparent;
        padding: 0px !important;
    }

        .login-main-outer.login1 .login-outer .login-form form.form {
            background: #fff;
            padding: 25px;
            border-radius: 10px;
            position: relative;
        }

        .login-main-outer.login1 .login-outer .login-form h3,
        .login-main-outer.login1 .login-outer .login-form p {
            color: #fff;
        }



        .login-main-outer.login1 .login-outer .login-form p {
            color: #fff;
            opacity: 10 !important;
            font-size: 12px;
        }



.login-main-outer .form-control:active,
.login-main-outer .form-control.active,
.login-main-outer .form-control:focus,
.login-main-outer .form-control.focus {
    box-shadow: 0 0 0 0.2rem rgb(134 183 254 / 100%) !important;
}

.login-main-outer .form-control {
    background: #eeeff0;
}

.login-main-outer.login1 input.form-control {
    border: none;
    background: none;
    border-radius: 0px !important;
    border-bottom: 1px solid #eeeff0 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 0px !important;
}

.login-main-outer.login1 .form-group {
    margin-bottom: 0px !important;
}

.login-form h3 {
    font-size: 30px;
}

.login-form p.sub_head {
    font-size: 18px;
}

.login-outer .login-header {
    text-align: center;
}

.login-overflow {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0.5;
}

.copy-right {
    text-align: center;
    font-size: 12px !important;
}

.login-main-outer.login1 .copy-right {
    z-index: 99990;
    color: #fff;
}

.update-icon::before {
    color: green !important;
}
/* ====================================================
                   LOGIN STYLE START
======================================================== */
/* Default Style Start */
.container {
    width: 100%;
    max-width: 100%;
}

.info-box {
    padding: 10px 20px;
    background-color: #f1eaff;
    border: solid 1px #e8e2f6;
}

    .info-box p {
        padding: 0px 0px 5px 0px;
        margin: 0px;
    }

    .info-box span.text-bold {
        font-weight: 700;
    }


.header {
    height: 40px;
}

.header {
    background-color: #fff;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 0%), 0 6px 20px 0 rgb(0 0 0 / 8%) !important;
}

.symbol.symbol-lg-35 .symbol-label {
    width: 30px;
    height: 30px;
}



.topbar .btn.btn-icon:active,
.topbar .btn.btn-icon.active,
.topbar .btn.btn-icon:hover,
.topbar .btn.btn-icon:focus,
.topbar .show .btn.btn-icon.btn-dropdown {
    background-color: #fff !important;
}

.aside {
    background-color: #fff !important;
    width: 280px !important;
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

    .aside:hover {
        box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    }

.aside-menu .menu-icon {
    color: #7C8DA7 !important;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-arrow {
    color: #7C8DA7 !important;
}

/*.aside-menu .menu-nav > .menu-item > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
    color: #fff !important;
}*/

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
    background-color: #7C8DA7;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-dot > span {
    background-color: #7C8DA7;
}
/*
.aside-menu .menu-item.menu-item-submenu .menu-icon:before,
.aside-menu .menu-item.menu-item-submenu a .menu-icon:before {
    color: #fff;
    opacity: 0.7;
}

.aside-menu .menu-item.menu-item-submenu:hover .menu-icon:before,
.aside-menu .menu-item.menu-item-submenu a:hover .menu-icon:before {
    color: #fff;
    opacity: 0.7;
}*/
.flaticon-layers:before {
    display: none;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
    color: #fff;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
    color: #000;
    /*   opacity: 0.9;*/
}

    .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text:hover,
    .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text:hover {
        color: #7C8DA7;
        /* opacity: 10;*/
    }

.aside-menu .menu-nav > .menu-item > .menu-link {
    padding: 15px 15px;
}

.aside-menu {
    /*padding: 25px 0px;*/
    padding: 25px 0 120px 0px;
}

    .aside-menu .menu-nav > .menu-item > .menu-heading,
    .aside-menu .menu-nav > .menu-item > .menu-link {
        min-height: 35px;
    }

    .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading,
    .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link {
        cursor: pointer;
        min-height: 30px;
    }

.container.full-width {
    max-width: 100%;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.card-header {
    padding: 10px;
}

.card.card-custom > .card-body {
    padding: 10px;
}

.card.card-custom > .card-header .card-title,
.card.card-custom > .card-header .card-title .card-label,
.card.card-custom > .card-header .card-toolbar {
    margin: 0;
}


/* Default Style Start */
.login.login-3 .login-form {
    width: 100%;
    max-width: 400px;
    border-radius: 6px;
    background-color: #fff;
}


/* Form  */

.form-group {
    margin-bottom: 5px;
}

label {
    margin-bottom: 0px;
}

.form-group label {
    font-size: 12px;
    color: #000;
}

.form-control {
    color: #000;
    border: 1px solid #cdc8c8;
    padding: 0px 5px;
    line-height: 18px;
    height: 34px;
    font-size: 13px;
    border-radius: 6px;
}

.datepicker .sevenday th, td {
    padding: 4px 4px !important;
}

.ihits-table > .form-control {
    color: #595b66;
    border: 1px solid #EBEBFD;
    padding: 0px 5px;
    line-height: 18px;
    height: 22px;
    font-size: 12px;
    border-radius: 3px;
}

.profile-header .form-control,
.profile-header .btn.dropdown-toggle {
    height: 26px;
}

.personal-details-left {
    /* margin-top: -11px; */
    margin-top: -60px;
}

.form-control::placeholder {
    color: #d2d3d4;
}

.grid-Checkbox {
    height: 19px !important;
}

.form-control:focus {
    border-color: #add3fd;
    /*box-shadow: 0 0 0 0.2rem rgba(134, 183, 254, 0.25) !important;*/
}

.checkbox-inline .checkbox span {
    margin-right: 5px;
}

.ihits-table .form-control {
    border-color: #EBEBFD;
    background-color: #fff;
}

.ihits-table .form-group {
    margin-bottom: 0px;
}

.slider-inner-style {
    text-align: left;
}

/*.ihits-table .slider-inner-style .form-control,
    .slider-inner-style .form-control {
        color: #595b66 !important;
        border: 1px solid #999999;
        background-color: #fff !important;
    }*/

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #F64E60 !important;
    border: 1px solid #F64E60;
}

.general-validation {
    border: 1px solid #EBEBFD !important;
}

table .slider-inner-style .input-group-text,
.slider-inner-style .input-group-text {
    border: 1px solid #999999 !important;
}

.ihits-table.pd-2 .form-control {
    height: 24px;
}

.slider-inner-style h6 {
    font-size: 13px;
    font-weight: 600;
    margin: 5px 0px 5px 0px;
    padding: 0px;
    text-transform: uppercase;
}

/* ====================================================
                   FILE UPLOAD START
======================================================== */
.file-upload.upload-icon input {
    display: none;
}

.file-upload.upload-icon label::before {
    color: #9494a8;
}

.file-upload.upload-icon label:hover::before,
.file-download i:hover::before {
    color: #000;
}

.file-upload label {
    display: block;
    cursor: pointer;
}

.file-download {
    cursor: pointer;
    display: inline-block;
}

.file-upload-wrap .file-upload-outer {
    width: 100% !important;
    height: 100% !important;
}

    .file-upload-wrap .file-upload-outer input[type="file"] {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        left: 0px;
        cursor: pointer;
    }

.file-upload-wrap .file-remove-btn {
    display: none !important;
}

.file-upload-wrap .image-input-changed .file-remove-btn {
    display: block !important;
    z-index: 99;
}

.file-upload-wrap .file-remove-btn {
    background-color: #f3f6f9;
}

.file-upload-form-group ::-webkit-file-upload-button {
    background-color: #DDD;
    color: #333;
    border: none;
    height: 24px;
}

.file-upload-form-group input[type="file"] {
    padding-left: 0px;
    padding-right: 15px;
    border: 1px solid #EBEBFD;
    width: 100%;
    border-radius: 50px;
}

.file-upload-form {
    position: relative;
}

    .file-upload-form .small-btn-group {
        position: absolute;
        right: 0px;
    }

        .file-upload-form .small-btn-group button {
            width: auto;
            min-width: auto;
            margin-right: 0px;
            height: 25px;
            width: 25px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }

.Mandatory {
    font-size: 14px;
    color: #cb0804;
}
/* ====================================================
                   FILE UPLOAD END
======================================================== */
/* ====================================================
                   BUTTON STYLE START
======================================================== */

.btn.btn-download,
.btn.btn-download-small {
    background-color: #44aa00;
    color: #fff;
}



.btn.btn-normal {
    background-color: #f8f8f9;
    border: solid 1px #efeff4;
    color: #000;
    margin-top: 6px;
    margin-left: 6px;
    padding: 2px 7px;
}

    .btn.btn-normal.active {
        background-color: var(--blue-color-theme);
        border: solid 1px var(--blue-color-theme);
        ;
    }

    .btn.btn-normal i {
        color: #000;
        padding-right: 0px;
    }

    .btn.btn-normal.active i {
        color: #fff;
    }

    .btn.btn-normal i::before {
        font-size: 14px !important;
    }

.btn.btn-download::after {
    content: "\f019";
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
}

.btn.btn-download:hover,
.btn.btn-download-small:hover {
    background-color: #0a8700;
}

.btn.btn-upload::after {
    content: "";
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
}

.btn.btn-icon.btn-lg,
.btn-group-lg > .btn.btn-icon {
    height: 30px;
}


.btn.dropdown-toggle {
    line-height: 10px;
    height: 32px;
    background-color: #999999;
    border-color: #999999;
    color: #fff;
}

.btn.btn-icon,
.small-btn-group .file-upload {
    width: 25px;
    height: 25px;
    border-radius: 4px;
    padding-right: inherit !important;
    padding-left: inherit !important;
    float: left;
    margin-right: 5px;
}

    .btn.btn-icon.big-btn,
    .small-btn-group .file-upload.big-btn {
        width: 30px;
        height: 30px;
    }

    .small-btn-group .file-upload label {
        padding-top: 3px;
        font-size: 13px !important;
    }

        .small-btn-group .file-upload label:before {
            color: #fff !important;
        }

.fa-angle-double-right:before {
    content: "\f101";
    color: #fff;
}

.btn i {
    padding-right: 10px;
}

    .btn i::before {
        font-size: 16px !important;
        /* font-size: 20px !important;*/
    }

.btn.add-profile i::before {
    font-size: 12px !important;
}

.topbar-item .btn.btn-icon i::before {
    font-size: 14px !important;
    color: #000 !important;
}

.btn {
    padding: 4px 10px;
    cursor: pointer;
}

    .btn.btn-small {
        padding: 3px 7px;
        font-size: 12px;
    }

        .btn.btn-small i {
            font-size: 12px !important;
            padding: 0px;
            padding-right: 4px;
        }

            .btn.btn-small i::before {
                font-size: 14px !important;
            }

    .btn.btn-icon i::before {
        font-size: 12px !important;
        /*color: #fa9403 !important;*/
    }

.cancel-btn::before {
    font-size: 12px !important;
    color: red !important;
}

.btn.btn-icon i.black::before {
    color: #000 !important;
}

.btn.btn-icon i.fa-times::before,
.btn.btn-icon i.fa-check::before {
    font-size: 10px !important;
}

.btn.btn-default,
.btn.btn-cancel,
.btn.btn-default-outline,
.btn.btn-secondary {
    min-width: 100px;
    border-radius: 20px;
}

.btn.btn-default {
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px 12px 0px 10px;
    cursor: pointer;
}

.btn.btn-cancel {
    background-color: #e4e6ef;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
}

.btn.btn-default i {
    color: #fff !important;
}

.btn.btn-default:hover,
.btn.btn-default:focus {
    color: #ffffff !important;
}

/* Small Button With Icon Statr */
.btn.btn-view,
.btn.btn-icon.btn-eye,
.btn.btn-icon.btn-plus,
.small-btn-group .file-upload {
    background-color: #3699FF;
    border-color: #3699FF;
}

.btn.btn-icon.btn-edit {
    background-color: #efeff4;
    border-color: #efeff4;
}

.btn.btn-view:hover,
.btn.btn-icon.btn-eye:hover,
.btn.btn-icon.btn-plus:hover,
.small-btn-group .file-upload:hover,
.successor-profile-img .view-profile:hover {
    background-color: #0064ca;
    border-color: #0064ca;
}

.btn.btn-icon.btn-default.icon-only i:before,
.btn.btn-icon.btn-edit.icon-only i:before,
.btn.btn-icon.btn-eye.icon-only i:before,
.btn.btn-icon.btn-plus.icon-only i:before,
.small-btn-group .file-upload.icon-only i:before {
    color: #3699FF !important;
    font-size: 12px !important;
}

.btn.btn-icon.btn-default.icon-only i:before {
    color: #444 !important;
}

.btn.add-profile {
    border-radius: 50px;
    height: 33px;
    padding-top: 6px;
    color: #fff;
}

    .btn.add-profile span {
        background-color: #fff;
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50px;
        position: relative;
        top: -3px;
        left: -6px;
        text-align: center;
    }

    .btn.add-profile i {
        padding-right: 0px;
        padding-top: 4px;
    }

.btn-success {
    color: #fff;
    background-color: #198754 !important;
    border-color: #198754 !important;
}


.btn.btn-icon.btn-delete {
    background-color: #d10000;
    border-color: #d10000;
}

.addnewbtn {
    border-radius: 2px;
}

.btn.btn-icon.btn-delete.border-only {
    background-color: transparent;
    color: #d10000 !important;
    border: solid 1px #d10000;
}



.btn.btn-icon.btn-delete:hover {
    background-color: #8d0000;
    border-color: #8d0000;
}

.btn.btn-icon.btn-close i::before {
    color: #d10000 ;
    font-size: 11px !important;
}

.round-icon {
    width: 40px;
    height: 40px;
    background-color: #219993f7;
    border-radius: 50%;
    float: right;
}

.new-plus {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #fff;
}

.btn.btn-icon.btn-tick i::before {
    color: #238825 !important;
    font-size: 11px !important;
}
.btn.btn-icon.btn-tick2 i::before {
    color: #238825 !important;
    font-size: 11px !important;
}

.btn.btn-icon.border-radius {
    border-radius: 100px;
}

.btn.btn-icon.btn-default.icon-only,
.btn.btn-icon.btn-edit.icon-only,
.btn.btn-icon.btn-eye.icon-only,
.btn.btn-icon.btn-plus.icon-only,
.small-btn-group .file-upload.icon-only,
.btn.btn-icon.btn-delete.icon-only,
.btn.btn-icon.btn-view.icon-only {
    background-color: #f8f8f9;
    border: solid 1px #efeff4;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    float: left;
    margin-right: 3px;
    margin-left: 3px;
}


.btn.btn-icon.icon-only:hover {
    background-color: #efeff4 !important;
    border: solid 1px #efeff4 !important;
}

.btn.btn-icon.btn-delete.icon-only i::before {
    color: #fc0000 !important;
    font-size: 11px !important;
    line-height: 14px;
}

.btn.btn-icon.btn-edit.icon-only i::before {
    color: #fa9403 !important;
    font-size: 11px !important;
    line-height: 14px;
}

.btn.btn-icon.btn-view.icon-only i::before {
    color: #0060ad !important;
    font-size: 11px !important;
    line-height: 14px;
}

.btn.btn-icon.btn-tick.icon-only i::before {
    color: #00890c !important;
    font-size: 14px !important;
}

.btn.btn-view {
    font-size: 10px;
    color: #fff;
    padding: 1px 7px;
}

    .btn.btn-view i::before {
        font-size: 12px !important;
        color: #fff;
    }

.addplus {
    color: var(--blue-color-theme) !important;
}
/* ====================================================
                   BUTTON STYLE END
======================================================== */
/* ====================================================
                   TABLE SECTION START
======================================================== */
.ihits-table table .btn.btn-default,
.ihits-table table .btn.btn-cancel,
.ihits-table table .btn.btn-default-outline {
    min-width: auto;
}

.ihits-table table tr td h5 {
    margin: 0px;
}

.ihits-table table .input-group-text {
    border: none;
}

.ihits-table .table th,
.ihits-table .table td {
    padding: 5px 10px !important;
}

.ihits-table table a,
a:not([href]):not([class]) {
    color: #187DE4;
    cursor: pointer !important;
}

.ihits-table table tr.table-dark a {
    color: #7C8DA7;
}

.ihits-table table a:hover {
    color: #004286;
}

.newdaily {
    width: 50px;
}

.ihits-table table tbody tr td,
.table tbody tr th {
    font-weight: normal;
}

.ihits-table table tr.table-success th,
.ihits-table table tr.table-success td {
    padding: 8px 10px !important;
    border: solid 1px #bee4e2 !important;
    background-color: #def8f7 !important;
}

.ihits-table .table-success,
.ihits-table .table-success > th,
.ihits-table .table-success > td {
    padding: 5px 10px;
    border-top: solid 1px #85cecb;
}

.ihits-table.table-bordered tr.table-success {
    border: 1px solid #88e1dd !important;
}

.ihits-table.table-border > table {
    /*border: 1px solid #EBEDF3;*/
    width: 100%;
    color: #3F4254;
    table-layout: fixed;
    border: none !important;
}

.ihits-table.table-border table thead tr th {
    /*   padding: 10px 7px;
    padding: 12px 13px;*/
    padding: 9px 4px;
    font-weight: 500;
}

.ihits-table.table-border.table-head-small table thead tr th {
    padding: 7px 10px;
}

.ihits-table.table-border table tbody tr td {
    padding: 4px 7px;
    font-size: 12px;
}

.ihits-table.table-border table thead tr th,
.ihits-table.table-border table tbody tr td {
    /*    border: 1px solid #EBEDF3;
*/ border-bottom: none;
    line-height: 15px;
}

.ihits-table.table-border table thead tr.table-danger th,
.ihits-table.table-border table tbody tr.table-danger td {
    border: 1px solid #ecbabf;
    border-bottom: none;
    line-height: 15px;
}

.ihits-table.table-border table thead tr:last-child.table-danger th,
.ihits-table.table-border table tbody tr:last-child.table-danger td {
    border-bottom: 1px solid #ecbabf !important;
}

.ihits-table.pd-2.table-border table thead tr th,
.ihits-table.pd-2.table-border table tbody tr td {
    padding: 5px 2px !important;
    font-size: 11px;
}

.ihits-table.odd-even table .ihits-table tbody tr,
.ihits-table.odd-even table .ihits-table tbody tr:nth-child(even) {
    background-color: #fff;
}

.ihits-table .ihits-table tbody tr.table-gray:hover {
    background-color: #EBEDF3 !important;
}

/* Table Scroll Style Start */

.ihits-table.horizontl-scroll {
    overflow-x: scroll;
}

.vertical-scroll-90-per {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: 80%;
}

.vertical-scroll-80-per {
    height: 50%;
}

.vertical-scroll-90-per tfoot,
.vertical-scroll-90-per tfoot th,
.vertical-scroll-90-per tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #666;
    color: #fff;
    z-index: 4;
}

.vertical-scroll-450px thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.vertical-scroll-450px {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: 450px;
}

    .vertical-scroll-90-per tfoot,
    .vertical-scroll-90-per tfoot th,
    .vertical-scroll-90-per tfoot td,
    .vertical-scroll-450px tfoot,
    .vertical-scroll-450px tfoot th,
    .vertical-scroll-450px tfoot td {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        background: #666;
        color: #fff;
        z-index: 4;
    }

.vertical-scroll-90-per thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}



.ihits-table.vertical-scroll-80 tbody,
.ihits-table .ihits-table.vertical-scroll-80 tbody,
.ihits-table.vertical-scroll-90 tbody,
.ihits-table .ihits-table.vertical-scroll-90 tbody,
.ihits-table.vertical-scroll-100 tbody,
.ihits-table .ihits-table.vertical-scroll-100 tbody,
.ihits-table.vertical-scroll-150 tbody,
.ihits-table.vertical-scroll-180 tbody,
.ihits-table.vertical-scroll-200 tbody,
.ihits-table .ihits-table.vertical-scroll-200 tbody,
.ihits-table.vertical-scroll-250 tbody,
.ihits-table.vertical-scroll-300 tbody,
.ihits-table.vertical-scroll-325 tbody,
.ihits-table.vertical-scroll-350 tbody,
.ihits-table.vertical-scroll-375 tbody,
.ihits-table.vertical-scroll-400 tbody,
.ihits-table.vertical-scroll-450 tbody,
.ihits-table.vertical-scroll-500 tbody {
    display: block;
    height: 96px;
    overflow-y: scroll;
}
/*
.ihits-table.vertical-scroll-80 tbody,
.ihits-table .ihits-table.vertical-scroll-80 tbody,
.ihits-table.vertical-scroll-90 tbody,
.ihits-table .ihits-table.vertical-scroll-90 tbody,
.ihits-table.vertical-scroll-100 tbody,
.ihits-table .ihits-table.vertical-scroll-100 tbody,
.ihits-table.vertical-scroll-150 tbody,
.ihits-table.vertical-scroll-180 tbody,
.ihits-table.vertical-scroll-200 tbody,
.ihits-table .ihits-table.vertical-scroll-200 tbody,
.ihits-table .ihits-table.vertical-scroll-300 tbody,
.ihits-table.vertical-scroll-250 tbody,
.ihits-table.vertical-scroll-277 tbody
.ihits-table.vertical-scroll-300 tbody,
.ihits-table.vertical-scroll-325 tbody,
.ihits-table.vertical-scroll-350 tbody,
.ihits-table.vertical-scroll-375 tbody,
.ihits-table.vertical-scroll-400 tbody,
.ihits-table.vertical-scroll-450 tbody,
.ihits-table.vertical-scroll-500 tbody {
    display: block;
    height: 96px;
    overflow-y: scroll;
    overflow-x: hidden;
}
*/
.ihits-table.vertical-scroll-80 tbody {
    height: 80px;
}

.ihits-table.vertical-scroll-90 tbody {
    height: 90px;
}

.ihits-table.vertical-scroll-100 tbody {
    height: 100px;
}

.ihits-table .ihits-table.vertical-scroll-100 tbody {
    height: 100px;
}

.ihits-table.vertical-scroll-150 tbody {
    height: 150px;
}

.ihits-table.vertical-scroll-180 tbody {
    height: 170px;
}

.ihits-table.vertical-scroll-200 tbody {
    height: 210px;
}

.ihits-table.vertical-scroll-250 tbody {
    height: 250px;
}

.ihits-table.vertical-scroll-277 tbody {
    height: 277px;
}

.ihits-table.vertical-scroll-300 tbody {
    height: 300px;
}

.ihits-table.vertical-scroll-325 tbody {
    height: 325px;
}

.ihits-table.vertical-scroll-350 tbody {
    height: 350px;
}

.ihits-table.vertical-scroll-375 tbody {
    height: 375px;
}

.ihits-table.vertical-scroll-400 tbody {
    height: 400px;
}

.ihits-table.vertical-scroll-450 tbody {
    height: 450px;
}

.ihits-table.vertical-scroll-500 tbody {
    height: 500px;
}

    .ihits-table.vertical-scroll-80 tbody tr,
    .ihits-table.vertical-scroll-80 thead,
    .ihits-table.vertical-scroll-90 thead,
    .ihits-table.vertical-scroll-90 tbody tr,
    .ihits-table.vertical-scroll-100 thead,
    .ihits-table.vertical-scroll-100 tbody tr,
    .ihits-table.vertical-scroll-150 thead,
    .ihits-table.vertical-scroll-150 tbody tr,
    .ihits-table.vertical-scroll-180 thead,
    .ihits-table.vertical-scroll-180 tbody tr,
    .ihits-table.vertical-scroll-200 thead,
    .ihits-table.vertical-scroll-200 tbody tr,
    .ihits-table.vertical-scroll-250 thead,
    .ihits-table.vertical-scroll-250 tbody tr,
    .ihits-table.vertical-scroll-300 thead,
    .ihits-table.vertical-scroll-300 tbody tr,
    .ihits-table.vertical-scroll-325 thead,
    .ihits-table.vertical-scroll-325 tbody tr,
    .ihits-table.vertical-scroll-277 thead,
    .ihits-table.vertical-scroll-277 tbody tr,
    .ihits-table.vertical-scroll-350 thead,
    .ihits-table.vertical-scroll-350 tbody tr,
    .ihits-table.vertical-scroll-375 thead,
    .ihits-table.vertical-scroll-375 tbody tr,
    .ihits-table.vertical-scroll-400 thead,
    .ihits-table.vertical-scroll-400 tbody tr,
    .ihits-table.vertical-scroll-450 thead,
    .ihits-table.vertical-scroll-450 tbody tr,
    .ihits-table.vertical-scroll-500 thead,
    .ihits-table.vertical-scroll-500 tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.ihits-table.vertical-scroll-80 thead,
.ihits-table.vertical-scroll-90 thead,
.ihits-table.vertical-scroll-100 thead,
.ihits-table.vertical-scroll-180 thead,
.ihits-table.vertical-scroll-200 thead,
.ihits-table.vertical-scroll-250 thead,
.ihits-table.vertical-scroll-277 thead,
.ihits-table.vertical-scroll-300 thead,
.ihits-table.vertical-scroll-325 thead,
.ihits-table.vertical-scroll-350 thead,
.ihits-table.vertical-scroll-375 thead,
.ihits-table.vertical-scroll-400 thead,
.ihits-table.vertical-scroll-450 thead,
.ihits-table.vertical-scroll-500 thead {
    width: calc(100% - .8em)
}

.ihits-table ::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}

/*.ihits-table ::-webkit-scrollbar-track {
    background: #f1f1f1;
}*/

.ihits-table ::-webkit-scrollbar-thumb {
    background: #E9E9E9;
}

    .ihits-table ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* Table Scroll Style End */
.ihits-table.table-border table tbody tr td {
    padding: 6px 6px !important;
    /*  font-size: 11px;*/
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

.table-gray {
    background-color: #EBEDF3;
}

    .table-gray:hover {
        background-color: #EBEDF3 !important;
    }
/* ====================================================
                   TABLE SECTION END
======================================================== */

.status-completed {
    width: 16px;
    height: 16px;
    border-radius: 20px;
    background-color: #29e30b;
    border: 3px solid #70ff59;
    animation-name: blinkingGreen;
    animation-duration: 1s;
    animation-iteration-count: 100;
}

@keyframes blinkingGreen {
    50% {
        border-color: #d8ffd2;
    }
}

.status-pending {
    width: 16px;
    height: 16px;
    border-radius: 20px;
    background-color: red;
    border: 4px solid #ffb8b8;
    animation-name: blinking;
    animation-duration: 1s;
    animation-iteration-count: 100;
}

@keyframes blinking {
    50% {
        border-color: #fff6f6;
    }
}

.image-input .image-input-wrapper {
    width: 65px;
    height: 65px;
}

.card-body .image-input .image-input-wrapper {
    width: 65px;
    height: 65px;
}

    .image-input .image-input-wrapper img,
    .card-body .image-input .image-input-wrapper img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

/* ====================================================
                   PROFILE HEADER START
======================================================== */

.profile-header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 10px 20px !important;
    /* position: fixed; */
    top: 40px;
    width: 100%;
    z-index: 4;
    background-color: #fff;
    /*   box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);*/
}


/*form.display-flex .profile-header{
    padding-left: 86px !important;
}
}
*/
.emp-profile {
    background-color: var(--blue-color-theme) !important;
}

.profile-header.box-shadow-none {
    box-shadow: none;
}

.profile-header.position-relative {
    position: relative;
    top: 5px !important;
    margin-bottom: 10px;
}

.profile-header.padding-big {
    padding-top: 45px;
    padding-bottom: 20px;
}

.tooltip-hover .profile-header {
    top: auto;
    width: auto;
    box-shadow: none;
    margin-bottom: 10px;
    position: relative;
}

.d-flex.text-right.flex-column.flex-grow-1.flex-fill.float-right {
    position: relative;
    top: -13px;
}

.profile-header-overflow {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    opacity: 10;
}

.profile-header .form-control::placeholder {
    color: #717171;
}

.profile-header .form-control {
    border: 1px solid #f3f3f3;
}

.profile-header .btn.dropdown-toggle {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    color: #000;
}

.profile-header select.form-control,
.profile-header .form-control {
    font-size: 13px;
    font-weight: 100;
}

.profile-header .col-md-2,
.profile-header .col-md-3,
.profile-header .col-md-4 {
    padding-right: 0px;
}

.profile-header .btn.btn-icon i::before {
    font-size: 8px !important;
    color: #7d7d7d !important;
}

.profile-header .btn.btn-icon {
    width: 22px;
    height: 22px;
}

.profile-header .header-profile-name {
    font-size: 17px;
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 2px;
}

    .profile-header .header-profile-name a {
        color: #3D3D3D;
    }

    .profile-header .header-profile-name span {
        font-size: 14px;
        font-weight: 300;
        line-height: 26px;
        margin-left: 5px;
        display: inline-block;
    }

.profile-header .header-profile-email,
.profile-header .header-profile-label {
    font-size: 12px;
    /*    font-weight: 500;
*/
    color: #707070;
}

.profile-header label.label-date {
    background-color: #f4f2f2;
    padding: 4px 20px 2px 10px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: #000;
}

.profile-header .fas {
    color: #2574A4;
}

.profile-header .input-group-text {
    border: none;
}

.profile-header .btn.btn-default {
    color: #ffffff;
    background-color: var(--blue-color-theme-hover);
    border-color: var(--blue-color-theme-hover);
}

    .profile-header .btn.btn-default:hover {
        color: #ffffff;
        background-color: #000 !important;
        border-color: #000 !important;
    }

.image-input.image-input-changed .image-input-wrapper {
    z-index: 1;
    position: relative;
}

/* ====================================================
                   PROFILE HEADER END
======================================================== */
.minus-mt-50 {
    position: relative;
    margin-top: -46px;
}

.text-muted {
    color: #a1a1ae !important;
}

.align-right {
    text-align: right;
}


.input-group-text {
    color: #999999;
    /* background-color: #f4f2f2;
    border: 1px solid #999999;*/
    border-radius: 4px;
}

.la.la-calendar:before {
    color: #999999;
}

/* ====================================================
                   TAB AND ACCORDION START
======================================================== */
.tab-outer {
    margin-bottom: 3px;
    padding-right: 2px;
}

    .tab-outer::-webkit-scrollbar {
        width: 2px;
    }

    .tab-outer::-webkit-scrollbar-thumb {
        background-color: #eef0f8;
    }

    .tab-outer ul {
        margin: 0px;
        padding: 0px;
    }

.ulList {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .ulList > li {
        padding: 5px 15px;
        margin: 0px 5px 0px 0px;
        float: left;
        display: inline-block;
        /* background-color: #eeeeee;*/
        line-height: 20px;
        cursor: pointer;
        font-size: 13px;
        font-weight: 500;
    }

.accordion-only .ulList > li {
    border-radius: 4px;
    margin: 0px 0px 2px 0px;
}

.accordion-only li i {
    color: #fff;
}

.ulList > li.completed {
    background-color: #2ba659;
    color: #fff;
}

    .ulList > li.completed::before {
        color: #fff !important;
    }

/*.ulList > li.active {
    background-color: #2ba659;
}*/

.tab-content {
    background-color: #fff;
    /*  border          : solid 1px #2ba659;*/
    width: 100%;
    padding: 10px;
    display: none;
    position: absolute;
    top: 30px;
}

    .tab-content.active {
        display: block;
    }

.accordion-only .ulList > li {
    float: none;
    width: 100%;
}

.tab-content {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.accordion-only .tab-content {
    position: relative;
    top: -6px;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.accordion-only .ulList > li::before {
    content: "\f067";
    color: #000;
    font-size: 12px;
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
}

.accordion-only .ulList > li.active::before {
    content: "";
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    position: relative;
    top: 1px;
}

.ulList > li.active {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 6px;
    background-color: blue;
}

/* ====================================================
                   TAB AND ACCORDION END
======================================================== */

/* ====================================================
                   AUTO COMPLETE FIELD START
======================================================== */
.select-pure__select {
    color: #595b66;
    border: 1px solid #999999;
    padding: 0px 5px;
    line-height: 18px;
    height: 32px;
    font-size: 13px;
    border-radius: 4px;
    position: relative;
}

.select-pure__options {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    display: none;
    left: 0;
    max-height: 221px;
    overflow-y: scroll;
    position: absolute;
    top: 30px !important;
    width: 100%;
    z-index: 5;
}

.select-pure__select--opened .select-pure__options {
    display: block;
}

.select-pure__option {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 30px;
    line-height: 25px;
    padding: 3px 10px;
}

.select-pure__option--selected {
    color: #e4e4e4;
    cursor: initial;
    pointer-events: none;
}

.select-pure__option--hidden {
    display: none;
}

.select-pure__selected-label {
    border-radius: 4px;
    color: #fff;
    cursor: initial;
    display: inline-block;
    margin: 4px 10px 5px 0;
    padding: 2px 7px;
    font-size: 12px;
}

    .select-pure__selected-label:last-of-type {
        margin-right: 0;
    }

    .select-pure__selected-label i {
        cursor: pointer;
        display: inline-block;
        margin-left: 7px;
        font-size: 12px;
        color: #fff;
    }

        .select-pure__selected-label i:hover {
            color: #fff;
        }

.select-pure__autocomplete {
    background: #f9f9f8;
    border-bottom: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 7px 10px;
    width: 100%;
}

.awards-select-field-mobile-view {
    display: none;
}

/* ====================================================
                   AUTO COMPLETE FIELD END
======================================================== */
/* ====================================================
                   DATE PICKER START
======================================================== */
.datepicker-boder-bottom-only .form-control {
    border: none;
    border-bottom: 1px solid #e7e8ee;
    border-radius: 0px;
}

    .datepicker-boder-bottom-only .form-control:focus {
        border: none;
    }

.datepicker-boder-bottom-only .input-group-text {
    color: #333;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #e7e8ee;
    padding-left: 0px;
    padding-right: 0px;
}
/* ====================================================
                   DATE PICKER END
======================================================== */
.aside-menu.my-4 {
    margin: 0px !important;
}

#kt_header_mobile_toggle {
    display: none;
}

.two {
    display: none;
}

.footer .nav .nav-link {
    padding: 6px;
}

.brand {
    height: 50px;
}

.aside-menu .menu-nav {
    padding: 0px 0;
}



.gray-bg {
    background-color: #f2f2f2;
    display: block;
    border-radius: 4px;
    padding: 7px;
    color: #000;
}
/* ====================================================
                   BREAD CRUMB START
======================================================== */
.breadcrumb {
    font-size: 11px;
    font-weight: 400;
    color: #3F4254;
}

    .breadcrumb a,
    .breadcrumb i {
        color: #333;
    }

    .breadcrumb.breadcrumb-dot .breadcrumb-item:after {
        padding-left: 0.5rem;
        content: "\f054";
        color: #333;
        font-size: 10px;
        margin-right: 10px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-style: normal;
        line-height: 18px;
    }

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0px;
    color: #a1a1ae;
    font-weight: 100;
}

    .breadcrumb-item + .breadcrumb-item a {
        color: #333;
        font-weight: 500;
        font-size: 11px;
    }

        .breadcrumb-item + .breadcrumb-item a:hover {
            color: #000 !important;
        }

.breadcrumb .breadcrumb-item:hover i {
    color: #333 !important;
}
/* ====================================================
                   BREAD CRUMB END
======================================================== */


.search-field {
    position: relative;
    width: 210px;
}

    .search-field button {
        background-color: #fff;
        border: none;
        position: absolute;
        top: 3px;
        right: 3px;
    }



.btn i.fa-filter::before {
    font-size: 11px !important;
}

.border-y {
    border-top: 1px solid #EBEDF3;
    border-bottom: 1px solid #EBEDF3;
}

.border-t {
    border-top: 1px solid #EBEDF3;
}

.border-b {
    border-bottom: 1px solid #EBEDF3;
}

.checkbox > input:disabled ~ span {
    background-color: #dddddd;
}

.full-width {
    display: inline-block;
    width: 100%;
}

.light-color {
    color: #999;
}



.image-input.image-input-circle [data-action="change"] {
    right: -4px;
    top: 5px;
    z-index: 9;
}

.image-input.image-input-circle [data-action="cancel"],
.image-input.image-input-circle [data-action="remove"] {
    right: -4px;
    bottom: 5px;
    z-index: 9;
    display: none;
}

.image-input.image-input-circle.image-input-changed [data-action="cancel"],
.image-input.image-input-circle.image-input-changed [data-action="remove"] {
    display: block;
}

.content {
    padding: 0px 0;
    top: 30px;
    position: relative;
}

.document-card-outer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin-bottom: 15px;
    padding: 5px;
}

    .document-card-outer div.document-cards h3 {
        font-size: 20px;
        color: #fff;
        font-weight: 500;
        line-height: 26px;
        padding: 0px;
        margin: 0px 0px 2px;
    }

    .document-card-outer div.document-cards span.data-items {
        font-size: 13px;
        color: #fff;
        font-weight: 400;
        line-height: 14px;
        display: inline-block;
        width: 100%;
        margin-bottom: 3px;
    }

    .document-card-outer div.document-cards {
        position: relative;
        overflow: hidden;
        background-color: #fff;
        border-bottom: 10px solid #787c97;
    }



        .document-card-outer div.document-cards .btn-section .small-btn-group {
            display: flex;
            flex-flow: row-reverse;
        }

            .document-card-outer div.document-cards .btn-section .small-btn-group .btn.btn-icon,
            .document-card-outer div.document-cards .btn-section .small-btn-group .file-upload {
                float: none;
                display: inline-block;
                background-color: #f8f8f9;
                border: solid 1px #efeff4;
            }

                /*                .document-card-outer div.document-cards .btn-section .small-btn-group .btn.btn-icon i::before,
                .document-card-outer div.document-cards .btn-section .small-btn-group .file-upload label::before {
                    color: #000 !important;
                }*/

                .document-card-outer div.document-cards .btn-section .small-btn-group .btn.btn-icon.btn-view {
                    background-color: #3895d3;
                    border-color: #3895d3;
                    width: 26px;
                    height: 27px;
                    text-align: center;
                    padding: 0px !important;
                }

                .document-card-outer div.document-cards .btn-section .small-btn-group .btn.btn-icon.btn-delete {
                    background-color: #d10000;
                    border-color: #d10000;
                    width: 26px;
                    height: 27px;
                    text-align: center;
                    padding: 0px !important;
                }

.btn.btn-icon.btn-big {
    width: 26px;
    height: 27px;
    text-align: center;
    padding: 0px !important;
}

.document-card-outer div.document-cards .btn-section .small-btn-group .btn.btn-icon.btn-delete i::before,
.document-card-outer div.document-cards .btn-section .small-btn-group .btn.btn-icon.btn-view i::before,
.btn.btn-icon.text-color-white i::before {
    color: #fff !important;
}

.aadhar-card {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 10px;
    padding: 20px 20px 5px;
}

.aadhar-card-top {
    padding: 0px;
    margin-bottom: 10px;
}

.aadhar-details-outer {
    padding: 13px 0 0;
    display: flex;
}

    .aadhar-details-outer .aadhar-img {
        padding: 0px 0px 0px 0px;
        border: solid 1px #333;
    }

/*.aadhar-details {
    padding: 0px 0px 0px 10px;
}*/

.aadhar-details span.aadhar-name {
    font-size: 12px;
    font-weight: 500;
    color: #707070;
    display: inline-block;
    width: 100%;
    margin-bottom: 2px;
}

.new-doctype {
    padding-top: 15px;
}

.aadhar-details span.aadhar-number {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    display: inline-block;
    width: 100%;
}

.aadhar-details span.date {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    display: inline-block;
    width: 100%;
}

.aadhar-details-outer .aadhar-qr-code {
    padding-top: 30px;
}

.document-card-outer div.document-cards.aadhar-card .btn-section {
    background: url(../images/aadhar-bottom.jpg) center 10px no-repeat;
    border-top: 2px solid #e33e0c;
    padding: 10px 0px 0px 0px;
    margin-top: 10px;
}

.lable-left {
    display: inline-block;
    float: left;
    font-size: 12px;
    color: #333;
    padding-top: 10px;
    padding-right: 5px;
}


.pan-card-details {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 10px;
    padding: 20px 20px 5px;
    /*background: url(../images/pan-card-bg.jpg) center top no-repeat;*/
    /*background-size: cover;*/
}

    .pan-card-details span.pan-name {
        font-size: 12px;
        font-weight: 500;
        color: #707070;
        display: inline-block;
        width: 100%;
        margin-bottom: 2px;
    }

    .pan-card-details span.pan-number {
        font-size: 17px;
        font-weight: 500;
        color: #000;
        display: inline-block;
        width: 100%;
        /*margin-top: 10px;*/
    }

.pancard-pt {
    padding: 13px 0 0;
}

/* .pan-card-details span.date {
        font-size: 12px;
        font-weight: 500;
        color: #000;
        display: inline-block;
        width: 100%;
    }*/

/*.pan-card-details .btn-section {
        margin-top: 10px;
    }*/

.driving-license-details {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 10px;
    padding: 20px 20px 5px;
    /*background: url(../images/driving-license-img.jpg) center top no-repeat;*/
    /*background-size: cover;*/
}

    .driving-license-details span.license-name {
        font-size: 12px;
        font-weight: 500;
        color: #707070;
        display: inline-block;
        width: 100%;
        /*margin-bottom: 10px;*/
    }

    .driving-license-details span.license-number {
        font-size: 17px;
        font-weight: 600;
        color: #000;
        display: inline-block;
        width: 100%;
    }


    .driving-license-details span.date {
        font-size: 11px;
        font-weight: 500;
        /*color: #000;*/
        display: block;
        width: 50%;
        float: left;
        padding-bottom: 10px;
    }

    .driving-license-details .btn-section {
        margin-top: 10px;
    }

.passport-details {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 10px;
    padding: 20px 20px 5px;
    /*background: url(../images/passport-img.jpg) center top no-repeat;*/
    /*background-size: cover;*/
}

    .passport-details span.passport-name {
        font-size: 12px;
        font-weight: 500;
        color: #707070;
        display: inline-block;
        width: 100%;
        /*margin-bottom: 5px;*/
    }

    .passport-details span.passport-number {
        font-size: 17px;
        font-weight: 600;
        color: #000;
        display: inline-block;
        width: 100%;
        /* margin-top: 5px;*/
    }

    .passport-details span.date {
        font-size: 11px;
        font-weight: 500;
        /*color: #000;*/
        display: block;
        width: 50%;
        float: left;
        padding-bottom: 10px;
    }

    .passport-details .btn-section {
        /*margin-top: 50px;*/
    }
/*.fa-plus {
    color: #0d5daf !important;
}*/
.document-icon {
    font-size: 25px;
    color: #7e8299 !important;
}

.ahar-text {
    padding-left: 10px;
    font-size: 21px;
    padding-top: 1px;
}
/* ====================================================
                   SLIDER START
======================================================== */
.slider-open.p-10 {
    padding: 10px 30px 20px !important;
}

.slider-open .main-title {
    margin: 0px 0px 8px 0px !important;
}

.slider-open input {
    height: 30px;
    padding: 5px 10px;
}

.slider-open .form-group {
    margin-bottom: 10px;
}

.slider-open .file-upload-wrap .btn.btn-upload {
    background-color: #e4e9ee;
    border: #e4e9ee;
    color: #000;
}

    .slider-open .file-upload-wrap .btn.btn-upload::before {
        color: #000;
    }

.slider-open .file-upload-wrap .image-input,
.slider-open .file-upload-wrap .image-input .image-input-wrapper {
    width: 100%;
    height: 120px;
    border: none;
    box-shadow: none;
    border-radius: 0px;
}

.slider-open .file-upload-wrap .image-input {
    border: dotted 2px #abb2b9;
    background-color: #f3f6f9;
}


    .slider-open .file-upload-wrap .image-input [data-action="change"] {
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: center;
    }

    .slider-open .file-upload-wrap .image-input i.fa-cloud-upload-alt {
        padding-top: 36px;
        font-size: 50px !important;
    }



.slider-open .file-upload-wrap .btn.btn-icon i::before {
    color: #000 !important;
    font-size: 8px !important;
}

.close-outer {
    display: inline-block;
    width: 100%;
    text-align: right;
    position: relative;
    top: -8px;
}

.btn-slider-close {
    background-color: #f3f6f9;
    width: 24px;
    height: 24px;
    padding: 1px 6px;
    text-align: center;
    float: right;
}


.slider-open .file-remove-btn {
    z-index: 3;
}

.slider-open .profile-header {
    padding: 10px 0px !important;
}

    .slider-open .profile-header .header-profile-name {
        font-size: 15px;
    }

        .slider-open .profile-header .header-profile-name span {
            font-size: 11px;
        }

.slider-open .image-input .image-input-wrapper {
    width: 55px;
    height: 55px;
}

.border-btm-line {
    border-bottom: 1px solid #EBEDF3;
    padding: 5px 0px;
}

.slider-open {
    position: fixed;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .slider-open::-webkit-scrollbar {
        width: 2px;
    }

    .slider-open::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .slider-open::-webkit-scrollbar-thumb {
        background: #dddddd;
    }

        .slider-open::-webkit-scrollbar-thumb:hover {
            background: #c0c0c0;
        }


.btn-slider-close i.ki:before {
    font-family: "Ki";
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    font-size: 10px !important;
    color: #9c9ea8 !important;
}
/* ====================================================
                   SLIDER END
======================================================== */
.card-header.flex-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    background-color: transparent;
}

    .card-header.flex-wrap .card-toolbar {
        display: flex;
        align-items: center;
        margin: 0.5rem 0;
        flex-wrap: wrap;
    }

    .card-header.flex-wrap .card-title {
        margin-bottom: 0px;
    }

        .card-header.flex-wrap .card-title .card-label {
            padding-bottom: 0px;
            margin-bottom: 0px;
            margin-top: 10px;
        }

.input-group-merge select {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #f3f3f3;
    border: none !important;
}

/* ====================================================
                   MULTI SELECTION START
======================================================== */

.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 16px
}

    .choices:focus {
        outline: none
    }

    .choices:last-child {
        margin-bottom: 0
    }

    .choices.is-disabled .choices__inner,
    .choices.is-disabled .choices__input {
        background-color: #eaeaea;
        cursor: not-allowed;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .choices.is-disabled .choices__item {
        cursor: not-allowed
    }

    .choices[data-type*=select-one] {
        cursor: pointer
    }

        .choices[data-type*=select-one] .choices__inner {
            padding-bottom: 7.5px
        }

        .choices[data-type*=select-one] .choices__input {
            display: block;
            width: 100%;
            padding: 10px;
            border-bottom: 1px solid #ddd;
            background-color: #fff;
            margin: 0
        }

        .choices[data-type*=select-one] .choices__button {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
            padding: 0;
            background-size: 8px;
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -10px;
            margin-right: 25px;
            height: 20px;
            width: 20px;
            border-radius: 10em;
            opacity: .5
        }

            .choices[data-type*=select-one] .choices__button:focus,
            .choices[data-type*=select-one] .choices__button:hover {
                opacity: 1
            }

            .choices[data-type*=select-one] .choices__button:focus {
                box-shadow: 0 0 0 2px #00bcd4
            }

        .choices[data-type*=select-one]:after {
            content: "";
            height: 0;
            width: 0;
            border-style: solid;
            border-color: #333 transparent transparent transparent;
            border-width: 5px;
            position: absolute;
            right: 11.5px;
            top: 50%;
            margin-top: -2.5px;
            pointer-events: none
        }

        .choices[data-type*=select-one].is-open:after {
            border-color: transparent transparent #333 transparent;
            margin-top: -7.5px
        }

        .choices[data-type*=select-one][dir=rtl]:after {
            left: 11.5px;
            right: auto
        }

        .choices[data-type*=select-one][dir=rtl] .choices__button {
            right: auto;
            left: 0;
            margin-left: 25px;
            margin-right: 0
        }

    .choices[data-type*=select-multiple] .choices__inner,
    .choices[data-type*=text] .choices__inner {
        cursor: text
    }

    .choices[data-type*=select-multiple] .choices__button,
    .choices[data-type*=text] .choices__button {
        position: relative;
        display: inline-block;
        padding: 0px 2px 0px 8px;
    }


.choices__button:before {
    content: "\f130";
    color: #fff;
    position: relative;
    font-size: 7px;
    top: -1px;
    font-family: "Ki";
    font-weight: 300;
    font-style: normal;
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    color: #595b66;
    border: 1px solid #999999;
    padding: 0px 5px;
    line-height: 18px;
    min-height: 24px;
    font-size: 13px;
    border-radius: 4px;
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

    .choices__list--multiple .choices__item {
        display: inline-block;
        vertical-align: middle;
        border-radius: 4px;
        padding: 2px 10px;
        font-size: 12px;
        font-weight: 500;
        margin-right: 2px;
        margin-bottom: 2px;
        margin-top: 2px;
        color: #fff;
        word-break: break-all;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

        .choices__list--multiple .choices__item[data-deletable] {
            padding-right: 5px
        }

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}



.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all
}

    .choices__list--dropdown.is-active {
        display: block
    }

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 5px;
    font-size: 12px
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

@media (min-width:640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

        .choices__list--dropdown .choices__item--selectable:after {
            content: attr(data-select-text);
            font-size: 12px;
            opacity: 0;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%)
        }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

        [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
            right: auto;
            left: 10px
        }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

    .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
        opacity: .5
    }

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}



.choices__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

    .choices__button:focus {
        outline: none
    }

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    font-size: 14px;
    margin-bottom: 0px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

    .choices__input:focus {
        outline: 0
    }

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

.choices[data-type*=select-multiple] .choices__input.is-hidden,
.choices[data-type*=select-one] .choices__input.is-hidden,
.choices__input.is-hidden {
    display: none
}

/* ====================================================
                   MULTI SELECTION END
======================================================== */

.rptMgr .dropup .dropdown-menu {
    max-height: 175px !important;
    transform: translate3d(0px, 21px, 0px) !important;
}

.tooltip-outer {
    position: relative;
}

.tooltip.show {
    opacity: 1;
}

.tooltip {
    z-index: 9999999999 !important;
}

.tooltip-hover {
    display: none;
    background: #ffffff;
    box-shadow: 0px 1px 9px -3px rgb(0 0 0 / 25%);
    padding: 10px;
    position: absolute;
    width: 400px;
    top: 0;
}

.tooltip-icons .i-close {
    color: red;
    padding-left: 10px;
    padding-top: 2px;
}

.tooltip-icons .i-tick {
    color: green;
    padding-left: 10px;
    padding-top: 2px;
}

.card-body .tooltip-hover .image-input .image-input-wrapper {
    width: 50px;
    height: 50px;
}

.fields-box {
    background-color: #eaeaea;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 20px 20px 30px;
    display: none;
}

.add-btn {
    background-color: #3ecd64;
    border: none;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}



.remove-btn {
    background-color: #cd3838;
    border: none;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 5px;
}

    .add-btn:hover,
    .remove-btn:hover {
        filter: brightness(85%);
    }

.form-control .btn.dropdown-toggle {
    /*height: auto;*/
    border: 1px solid #EBEBFD;
}

/*.bootstrap-select.form-control {
    border: 1px solid #999999;
}*/

.event-file-upload .file-upload-wrap {
    height: 280px;
    width: 90%;
    margin: 15px auto;
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%)
}

    .event-file-upload .file-upload-wrap .image-input,
    .event-file-upload .file-upload-wrap .image-input .image-input-wrapper {
        width: 100%;
        height: 100%;
        border: none;
        box-shadow: none;
        text-align: center;
        position: relative;
    }

    .event-file-upload .file-upload-wrap i {
        margin-top: 40px;
        width: 80px;
        height: 80px;
        border: solid 3px var(--blue-color-theme);
        border-radius: 100%;
    }

        .event-file-upload .file-upload-wrap i:before {
            padding-top: 15px;
            font-size: 40px;
            color: var(--blue-color-theme);
            display: block;
        }

.event-file-upload .file-upload-button {
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
}

    .event-file-upload .file-upload-button span {
        padding: 12px 25px;
        font-size: 16px;
        font-weight: 400;
        -webkit-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.17);
        -moz-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.17);
        box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.17);
    }

.event-file-upload .image-input-changed i {
    display: none;
}

.event-file-upload .image-input-changed .file-remove-btn {
    top: -15px !important;
    z-index: 9;
    width: 30px;
    height: 30px;
}

    .event-file-upload .image-input-changed .file-remove-btn i {
        display: block;
        margin-top: 0px !important;
        width: 30px;
        height: 30px;
        border: none;
        border-radius: 100%;
        color: #fff;
    }

        .event-file-upload .image-input-changed .file-remove-btn i:before {
            padding-top: 10px !important;
            color: #000 !important;
        }

.event-file-upload .image-input-changed .file-remove-btn {
    top: -10px !important;
}

.employee-details-left {
    position: relative;
}

.employee-detail-image {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    left: 50%;
    margin-left: -50px;
    margin-top: -100px;
}

    .employee-detail-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.employee-outer-detils {
    border-bottom: 2px dotted #a7a7a7;
    padding: 7px 0px;
}

    .employee-outer-detils.border-none,
    .backgrount-light-gray .employee-outer-detils.border-none {
        border: none !important;
    }

    .employee-outer-detils:after {
        clear: both;
        display: block;
        content: '';
    }

    .employee-outer-detils h4 {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        font-size: 13px;
        /*    color: #000;*/
    }

    .employee-outer-detils span {
        display: inline-block;
        width: 100%;
        margin-bottom: 6px;
        font-size: 14px;
        line-height: 24px;
        color: #000;
    }

        .employee-outer-detils span i {
            width: 20px;
            margin-right: 5px;
            font-size: 14px;
            text-align: center;
        }

form.display-flex {
    display: contents;
    height: 100%;
}

.display-flex {
    display: flex;
    justify-content: flex-end;
}

.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block;
}

.employee-outer-detils.display-flex {
    display: flex;
}

.radio-inline a {
    color: #333;
}

.employee-manager-img {
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 3px;
    overflow: hidden;
}

    .employee-manager-img img {
        width: 40px;
        height: 100%;
        object-fit: cover;
        border-radius: 100%;
    }

.employee-manager-detils-content {
    padding: 0px 0px 0px 5px;
    float: left;
}

    .employee-manager-detils-content span {
        display: inline-block;
        width: 100%;
        margin-bottom: 2px;
    }

/*.personal-details-left {
     margin-top: -11px; 
    margin-top: -32px;
}*/

.personal-details-left .ulList > li {
    padding: 6px 12px;
    background-color: transparent;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0px !important;
    font-size: 12px;
}

.personal-details-left .tab-content {
    top: 35px;
    border: none;
}

.personal-details-left .ulList > li.active {
    background-color: #fff !important;
    color: #000;
}

.header.header-fixed {
    z-index: 0 !important;
}

/* SLIDER STYLE START */
.form-slider-outer {
    position: relative;
}

.slider-forms {
    position: fixed;
    right: -550px;
    width: 550px;
    /*height: 100%;*/
    /*margin:35px;*/
    /* margin: 28px;*/
    top: 0px;
    bottom: 0px;
    /*  z-index: 9991;*/
    z-index: 99999;
    /*  z-index: 999999999;*/
    padding: 0px 0px 0px 40px;
}

.slider-inner-style {
    background: #ffffff;
    box-shadow: 0px 1px 9px -3px rgb(0 0 0 / 25%);
    transition: 0.3s;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    top: 0px;
    bottom: 0px;
    padding: 40px 30px 40px;
    /* border-radius:45px;*/
}

.slider-forms.slider-forms-open {
    right: 0px;
    transition: 0.4s;
}

.slider-form-close {
    background-color: #F5F4F7;
    width: 25px;
    height: 25px;
    padding: 5px 6px 0px;
    text-align: center;
    position: absolute;
    /* left: 0px; */
    right: 40px;
    z-index: 10101;
    display: flex;
    top: 35px;
    border-radius: 5px;
    cursor: pointer;
    line-height: 18px;
}

    .slider-form-close i::before {
        color: #000000;
        font-size: 12px;
    }

.slider-inner-style::-webkit-scrollbar {
    width: 7px;
}

.slider-inner-style::-webkit-scrollbar-track {
    background: #dddddd;
}

.slider-inner-style::-webkit-scrollbar-thumb {
    background: #888;
}

    .slider-inner-style::-webkit-scrollbar-thumb:hover {
        background: #000;
    }

.new-inner-style::-webkit-scrollbar {
    width: 0px !important;
}

/*.new-inner-style::-webkit-scrollbar-track {
    background: none !important;
}*/

.new-inner-style::-webkit-scrollbar-thumb {
    background: none !important;
}

    .new-inner-style::-webkit-scrollbar-thumb:hover {
        background: none !important;
    }

.slider-forms.slider-forms-open .file-upload-wrap .btn.btn-upload {
    background-color: #e4e9ee;
    border: #e4e9ee;
    color: #000;
}

    .slider-forms.slider-forms-open .file-upload-wrap .btn.btn-upload::before {
        color: #000;
    }

.slider-forms.slider-forms-open .file-upload-wrap .image-input,
.slider-forms.slider-forms-open .file-upload-wrap .image-input .image-input-wrapper {
    width: 100%;
    height: 120px;
    border: none;
    box-shadow: none;
    border-radius: 0px;
}

.slider-inner-style .two-col-outer {
    display: flex;
    margin-bottom: 10px;
}

    .slider-inner-style .two-col-outer .row-ithems {
        width: 50%;
    }

.slider-forms.slider-forms-open .file-upload-wrap .image-input {
    border: dotted 2px #abb2b9;
    background-color: #f3f6f9;
}

.slider-forms.slider-forms-open .file-upload-wrap .file-upload-outer {
    width: 100% !important;
    height: 100% !important;
}

    .slider-forms.slider-forms-open .file-upload-wrap .file-upload-outer input[type="file"] {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        left: 0px;
        cursor: pointer;
    }

.slider-forms.slider-forms-open .file-upload-wrap .image-input [data-action="change"] {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
}

.slider-forms.slider-forms-open .file-upload-wrap .image-input i.fa-cloud-upload-alt {
    padding-top: 36px;
    font-size: 50px !important;
}

.slider-forms.slider-forms-open .file-upload-wrap .file-remove-btn {
    background-color: #f3f6f9;
}

.slider-forms.slider-forms-open .file-upload-wrap .btn.btn-icon i::before {
    color: #000 !important;
    font-size: 8px !important;
}

.form-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 99;
    /*  z-index: 99999999 !impor*/ tant;
    animation: animation-offcanvas-fade-in .6s ease 1;
}

.slider-forms-open h3 {
    color: #3F4254 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    margin: 0px 0px 10px !important;
    padding: 0px;
}

.slider-inner-style .row-outer {
    margin-bottom: 15px;
}

.slider-inner-style .card-footer-bottom-fixed {
    background-color: #fff;
    /*  border-top: 1px solid #c6c6cc; */
    border-top: 1px solid #e0e0e3;
    position: absolute;
    /*left: 52px;*/
    left: 60px;
    right: 0px;
    /*width: 85%;*/
    width: 89%;
    bottom: 2px;
    padding: 10px 0px;
    z-index: 10;
    /*  border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;*/
}

.slider-inner-style .profile-header {
    box-shadow: none;
    border-radius: 10px;
    background-color: #0068ff !important;
}

    .slider-inner-style .profile-header .header-profile-name a {
        color: #fff !important;
    }

    .slider-inner-style .profile-header .header-profile-email, .header-profile-label {
        color: #fff !important;
    }

.slider-inner-style .checkbox-inline .checkbox {
    margin-bottom: 0px;
}


.slider-inner-style .profile-header .fas {
    color: #fff !important;
}
/* SLIDER STYLE END */
.tooltip-inner {
    background-color: #000 !important;
    color: #fff;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #000 !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #000 !important;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #000 !important;
}


.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #000 !important;
}


.flex-root {
    height: 100%;
}

.card.card-custom.height-100per,
.row.height-100per,
.height-100per {
    /*  height: calc(98vh - 96px);*/
    /*height: calc(123vh - 96px);*/
    /* height:100%;*/
    height: calc(98vh - 35px);
    box-sizing: border-box;
    position: relative;
}

    .card.card-custom.height-100per.position-relative,
    .row.height-100per.position-relative {
        position: relative;
    }

        .card.card-custom.height-100per.position-relative.z-index-1,
        .row.height-100per.position-relative.z-index-1 {
            z-index: 4;
        }

    .row.height-100per .personal-details-left {
        height: 100%;
    }

        .row.height-100per .personal-details-left .accodiaton-only,
        .row.height-100per .personal-details-left .accodiaton-only .ulList,
        .row.height-100per .personal-details-left .accodiaton-only .ulList .tab-content {
            height: 98%;
            /*height: 90%;*/
        }

            .row.height-100per .personal-details-left .accodiaton-only .ulList .tab-content {
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
                padding-top: 25px;
            }

.title-with-icon {
    font-size: 18px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

.personal-details-left h5 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #000;
}

.personal-details-left h4 {
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #000;
}

.two-col {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    /* border-bottom: 1px solid #eef0f8;*/
    border-bottom: 1px solid #bbbfcc;
}

.three-col {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    /*    border-bottom: 1px solid #eef0f8;*/
    border-bottom: 1px solid #bbbfcc;
}

.four-col {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    /*    border-bottom: 1px solid #eef0f8;*/
    border-bottom: 1px solid #bbbfcc;
}

.five-col {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eef0f8;
    background: white;
    padding: 13px;
    border-radius: 11px;
}

.six-col {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eef0f8;
}

    .two-col.border-none,
    .three-col.border-none,
    .four-col.border-none,
    .five-col.border-none,
    .six-col.border-none {
        border: none;
    }

.two-col .col-100per {
    padding: 0px;
    margin: 0px;
}

    .two-col .col-100per .row-outer {
        margin-bottom: 15px;
    }

label.view-title {
    font-size: 11px;
    /*  color: #b8b8b8;*/
    color: #7C8DA7 !important;
    line-height: 16px;
    margin-bottom: 2px;
    font-weight: 300;
}

    label.view-title span {
        font-size: 14px;
        color: #444;
        line-height: 16px;
        margin-bottom: 5px;
        font-weight: 500;
    }

.view-details {
    font-size: 14px;
    /*color: #444;*/
    color: #040404;
    line-height: 16px;
    margin-bottom: 5px;
}

    .view-details label.view-title {
        display: block;
    }

.tab-content-scroller {
    height: 445px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.dataTables_scrollBody {
    border-bottom: none !important;
}

.tab-content-scroller::-webkit-scrollbar {
    width: 7px;
    border-radius: 4px;
}

.tab-content-scroller::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.tab-content-scroller::-webkit-scrollbar-thumb {
    background: #7d7e7f;
}

    .tab-content-scroller::-webkit-scrollbar-thumb:hover {
        background: #000;
    }

.personal-details-left .table-dark,
.personal-details-left .table-dark > th,
.personal-details-left .table-dark > td {
    background-color: #EBEDF3;
    /*background-color:#f6f7f9;*/
    color: #000;
    border-color: #EBEDF3 !important;
}

.table-light,
.table-light > th,
.table-light > td {
    background-color: #EBEDF3;
    color: #14171c;
    border-color: #EBEDF3 !important;
}

.ulList .ihits-table {
    margin-bottom: 20px;
}



.common-table {
    width: 100% !important;
}

div.dataTables_scrollBody thead {
    /*display: none;*/
    visibility: collapse;
}

.dataTables_scrollHeadInner {
    padding-right: 0px !important;
    width: 100% !important;
}

.paginate_button next {
}



.my-wrapper {
    /*width: 100%;
    margin: 0 auto;*/
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: white;
    padding: 6px;
}

.my-inner1 {
    display: block;
    float: right;
}

.my-inner2 {
    display: block;
    border-radius: 10px;
    border: 1px solid #EBEBFD !important;
    float: right;
    font-size: 10px
}

.my-inner3 {
    display: block;
    float: right;
}

/*.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 50% !important;
    padding: 0.5em 0.9em !important;
}*/


.card-details-view {
    border: 1px solid #ebedf3;
    border-radius: 4px;
    position: relative;
    padding-bottom: 30px;
    height: 100%;
}

    .card-details-view::after {
        clear: both;
        display: block;
        content: '';
    }

    .card-details-view .card-content {
        padding: 0px 10px 10px;
        font-size: 12px;
    }

    .card-details-view h3 {
        background-color: #ebedf3;
        color: #000;
        font-size: 14px;
        padding: 5px;
    }

    .card-details-view .card-content span {
        display: inline-block;
        width: 100%;
    }

    .card-details-view .card-content .btn-section {
        position: absolute;
        bottom: 10px;
    }

        .card-details-view .card-content .btn-section i::before {
            color: #000 !important;
        }

.backgrount-white {
    background: #fff;
}

.backgrount-light-gray {
    background: #EEF0F8;
}

    .backgrount-light-gray span {
        color: #000;
    }

    .backgrount-light-gray .employee-outer-detils {
        border-bottom: 1px solid #E8E8E8;
    }

.right-10 {
    right: 10px;
}

.event-profile-outer {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.event-profile-list {
    flex-basis: 19%;
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 20px 25px;
    border: solid 1px #eaecf5;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0px .5% 10px;
}

    .event-profile-list .half-circle-shape {
        width: 100%;
        height: 240px;
        border-radius: 100%;
        background-color: rebeccapurple;
        position: absolute;
        top: -140px;
        left: 0px;
        overflow: hidden;
    }

    .event-profile-list:nth-child(1) .half-circle-shape {
        background-color: #05ae99;
    }

    .event-profile-list:nth-child(2) .half-circle-shape {
        background-color: #ef0d8b;
    }

    .event-profile-list:nth-child(3) .half-circle-shape {
        background-color: #0060ad;
    }

    .event-profile-list:nth-child(4) .half-circle-shape {
        background-color: #f88b0a;
    }

    .event-profile-list:nth-child(5) .half-circle-shape {
        background-color: #05ae99;
    }

    .event-profile-list:nth-child(6) .half-circle-shape {
        background-color: #ef0d8b;
    }

    .event-profile-list:nth-child(7) .half-circle-shape {
        background-color: #0060ad;
    }

    .event-profile-list:nth-child(8) .half-circle-shape {
        background-color: #f88b0a;
    }

    .event-profile-list .half-circle-shape span:nth-child(1) {
        width: 140px;
        height: 140px;
        border-radius: 10px;
        background-color: rgba(255,255,255,0.2);
        display: block;
        bottom: -20px;
        position: absolute;
        right: -80px;
        transform: rotate(45deg);
    }

    .event-profile-list .half-circle-shape span:nth-child(2) {
        width: 140px;
        height: 140px;
        border-radius: 10px;
        background-color: rgba(255,255,255,0.2);
        display: block;
        bottom: 0px;
        position: absolute;
        left: -50px;
        transform: rotate(45deg);
    }

    .event-profile-list .half-circle-shape span:nth-child(3) {
        width: 140px;
        height: 140px;
        border-radius: 10px;
        background-color: rgba(255,255,255,0.2);
        display: block;
        bottom: 0px;
        position: absolute;
        left: -30px;
        transform: rotate(45deg);
    }

    .event-profile-list .half-circle-shape span:nth-child(4) {
        width: 100px;
        height: 100px;
        border-radius: 10px;
        background-color: rgba(255,255,255,0.2);
        display: block;
        bottom: 40px;
        position: absolute;
        left: 50px;
        transform: rotate(45deg);
    }

    .event-profile-list .event-profile-content {
        position: relative;
        z-index: 2;
        width: 100%;
        text-align: center;
    }

        .event-profile-list .event-profile-content h2 {
            font-size: 13px;
            font-weight: 600;
            color: #fff;
        }

        .event-profile-list .event-profile-content .event-profile-img {
            width: 100%;
            height: 90px;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);
            border: solid 4px #fff;
            margin-bottom: 5px;
        }

            .event-profile-list .event-profile-content .event-profile-img img {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

            .event-profile-list .event-profile-content .event-profile-img.img-circle {
                width: 86px;
                height: 86px;
                overflow: hidden;
                border-radius: 100%;
                margin: auto;
                margin-bottom: 5px;
            }

        .event-profile-list .event-profile-content .event-profile-title {
            color: #333;
            font-size: 14px;
            line-height: 16px;
            font-weight: 600;
            display: inline-block;
            width: 100%;
        }

        .event-profile-list .event-profile-content .event-profile-designation {
            color: #8f8f8f;
            font-size: 12px;
            font-weight: 400;
            display: inline-block;
            width: 100%;
        }

        .event-profile-list .event-profile-content p {
            color: #444242;
            font-size: 11px;
            font-weight: 400;
            line-height: 14px;
        }

.event-date-time {
    position: absolute;
    bottom: 5px;
    width: 100%;
    left: 0px;
    display: flex;
    padding: 5px 10px;
}

    .event-date-time i {
        margin-right: 5px;
    }

    .event-date-time .event-date {
        color: #8f8f8f;
        font-size: 11px;
        font-weight: 400;
        line-height: 14px;
    }

    .event-date-time .event-time {
        margin-left: auto;
        color: #8f8f8f;
        font-size: 11px;
        font-weight: 400;
        line-height: 14px;
        margin-right: 20px;
    }

        .event-date-time .event-time i {
            position: relative;
        }

        .event-date-time .event-time .event-chart-notification {
            width: 20px;
            height: 12px;
            border-radius: 4px;
            background-color: red;
            position: absolute;
            font-size: 10px;
            color: #fff;
            text-align: center;
            left: 10px;
            top: -6px;
        }

.event-calenar .fc-content {
    padding: 5px 26px !important;
    line-height: 12px !important;
}

.event-calenar .fc-unthemed .fc-event .fc-content:before,
.event-calenar .fc-unthemed .fc-event-dot .fc-content:before {
    top: 6px !important;
}

.dashboard-section-two {
    display: flex;
    justify-content: space-between;
}

.dashboard-left-side {
    width: 24%;
}

.dashboard-center-side {
    width: 54%;
}

.dashboard-right-side {
    width: 20%;
}


.dashboard-calendar .fc-dayGrid-view .fc-body .fc-row {
    min-height: 4em;
    height: 25px !important;
    min-height: 25px !important;
}

.dashboard-calendar .fc-scroller {
    height: 125px !important;
}

.dashboard-calendar .fc-right,
.dashboard-calendar .fc-left {
    display: none;
}

.dashboard-calendar .fc-widget-header table thead tr th span {
    font-size: 11px;
    padding: 0px;
}

.dashboard-calendar .fc-widget-header table thead tr th {
    padding: 0px;
}

.dashboard-calendar .fc-dayGrid-view .fc-day-number {
    line-height: 10px;
    font-size: 11px;
}

.dashboard-calendar .fc-unthemed .fc-day-grid td:not(.fc-axis) {
    padding: 2px 2px 0px 0px;
}

.fc-row.fc-week.fc-widget-content.fc-rigid:last-child {
    display: none;
}

.employee-profile-search {
    background-color: #0060ad;
    padding: 20px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

    .employee-profile-search h2 {
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        color: #fff;
        padding: 0px;
        margin: 0px 0px 8px;
    }

    .employee-profile-search p {
        font-size: 11px;
        font-weight: 400;
        line-height: 14px;
        color: #fff;
        padding: 0px;
        margin: 0px 0px 10px;
    }

    .employee-profile-search input {
        border: none;
        padding: 4px 5px;
        height: 35px;
    }

.employee-pProfile-search-result {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 0px;
    top: 0px;
    display: none;
}

.search-close {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 5px;
    top: 5px;
    background-color: #000;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 11px;
    cursor: pointer;
}

    .search-close i::before {
        color: #fff;
        padding: 0px;
        font-size: 6px;
    }

.thought-the-day {
    background-color: #0060ad;
    padding: 10px 20px 20px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

    .thought-the-day blockquote {
        font-size: 14px;
        font-style: italic;
        font-weight: 300;
        line-height: 22px;
        color: #fff;
    }

        .thought-the-day blockquote::before {
            content: '\201C';
            color: #fff;
            font-size: 100px;
            font-weight: 500;
            font-family: Arial, Helvetica, sans-serif;
            position: relative;
            top: 50px;
            margin-right: 16px;
        }

    .thought-the-day figcaption {
        color: #000;
        padding: 0px;
        font-size: 13px;
        text-align: right;
    }

    .thought-the-day cite {
        display: inline-block;
        width: 100%;
    }

#line-chart {
    display: none;
}

.data-chart-one {
    text-align: center;
}

    .data-chart-one img {
        max-width: 100%;
        height: auto;
    }

.user-profile-login-image {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 10px;
}

    .user-profile-login-image img {
        width: 100%;
        height: auto;
        border-radius: 100%;
        border: solid 3px #e7e7e7;
    }

.dash-board-top-buttons {
    display: flex;
    border-radius: 6px;
    margin-bottom: 10px;
}

.image-button,
.image-button-two,
.image-button-three,
.image-button-four,
.image-button-five {
    /* border-radius: 6px; */
    /* background-color: #02bcd5; */
    padding: 15px;
    width: 25%;
    margin: 0px 0px 0px 0px;
    /* border-right: 1px solid #333; */
}

.image-button-five {
    margin-right: 0px;
}

.icon-image-box {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
    padding-top: 13px;
    background-color: #ffcf25;
    float: left;
    position: relative;
}

.image-button-two .icon-image-box {
    background-color: #ff5353;
}

.image-button-three .icon-image-box {
    background-color: #8950fc;
}

.image-button-four .icon-image-box {
    background-color: #01bfa5;
}

.image-button-five .icon-image-box {
    background-color: #663259;
}

.image-button h2,
.image-button-two h2,
.image-button-three h2,
.image-button-four h2,
.image-button-five h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 15px;
    color: #333;
}

.image-button img,
.image-button-two img,
.image-button-three img,
.image-button-four img,
.image-button-five img {
    width: 30px;
}

.notification-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: block;
    background-color: #fff;
    top: 0px;
    right: 0px;
    font-size: 11px;
    font-weight: 500;
    padding-top: 1px;
}

.today-event img {
    max-width: 100%;
    height: auto;
}


.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
    /* font-weight: 200;*/
    font-size: 12px;
    text-transform: initial;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
    flex: 0 0 30px;
    font-size: 1.3rem;
    justify-content: center;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet {
    vertical-align: middle;
    text-align: left;
    flex: 0 0 12px;
}

.header-fix-blue {
    background-color: var(--blue-color-theme);
    position: fixed;
    z-index: 0;
    width: 100%;
    margin-top: 100px;
    height: 29px;
}

.header-fix-blue-two {
    background-color: var(--blue-color-theme);
    position: fixed;
    z-index: 0;
    width: 100%;
    margin-top: 90px;
    height: 29px;
}

.footer-fix {
    background-color: #fff;
    position: fixed;
    width: 91%;
    height: 50px;
    bottom: 25px;
    z-index: 999;
    padding-bottom: 70px;
}

.footer-fixed .footer {
    z-index: 1;
}

.aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
    padding: 0 25px;
    padding-left: 50px;
}

    .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-submenu ul li a {
        padding-left: 60px;
    }

.aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
    padding-left: 65px;
    min-height: 26px;
}

@media (min-width: 992px) {
    .header-fixed.aside-minimize .header,
    .aside-fixed.header-fixed.aside-minimize.aside-minimize-hover .header {
        left: 60px;
    }

    .aside-minimize:not(.aside-minimize-hover) .aside {
        width: 80px;
        transition: width 0.2s;
    }

    .aside {
        width: 280px;
    }

    .aside-fixed.aside-minimize.aside-minimize-hover .aside {
        width: 280px;
        transition: width 0.2s;
        transition-duration: 1s;
        /*    transition-delay: 1s;*/
    }

    .aside-fixed.aside-minimize.aside-minimize-hover .wrapper,
    .aside-fixed.aside-minimize:not(.aside-minimize-hover) .wrapper {
        padding-left: 60px;
    }

    .menu-subnav::before {
        background-color: #7C8DA7;
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        left: 21px;
    }

    .aside-menu .menu-nav .menu-subnav {
        position: relative;
    }

    .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-submenu {
        position: relative;
    }

        .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-submenu ul:before {
            background-color: #7C8DA7;
            content: '';
            width: 1px;
            height: 100%;
            position: absolute;
            left: 41px;
        }

    .menu-nav li ul li.menu-item-open {
        position: relative;
    }

        .menu-nav li ul li.menu-item-open::before {
            background-color: #7C8DA7;
            content: '';
            width: 1px;
            height: 100%;
            position: absolute;
            left: 51px;
            top: 13px;
        }
}

/*.card.card-custom.height-100per.footer-row-fixed,
.row.height-100per.footer-row-fixed,
.slider-inner-style.footer-row-fixed {
    padding-bottom: 50px;
}*/

.card-footer-bottom-fixed {
    background-color: #f6f8fc;
    /* border-top: 1px solid #c6c6cc; */
    z-index: 10;
    position: fixed;
    left: 11px;
    right: 12px;
    bottom: 37px;
    /* padding: 7px 17px; */
    padding: 6px 70px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.card.card-custom > .card-header .card-title,
.card.card-custom > .card-header .card-title .card-label {
    font-size: 14px;
}

.asset-allocation-button-view {
    display: none;
}

.tab-button-wrap {
    /* background-color: #fbfbfb;
    border: solid 1px #f1f3f4;*/
    display: flex;
    width: 100%;
    border-radius: 4px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 5px;
}

    .tab-button-wrap .tab-items {
        padding: 0px;
        margin: 0px;
        position: relative;
        padding: 0px 15px 0px 5px;
        /* border-right: 1px solid #ededf4; */
    }

        .tab-button-wrap .tab-items::after {
            content: '';
            width: 1px;
            height: 70%;
            /* background-color: #f0f0f4;*/
            position: absolute;
            right: 0px;
            display: block;
            top: 15%;
        }

        .tab-button-wrap .tab-items .btn-title {
            display: block;
            margin: 5px 0px 0px;
            padding: 0px 10px 0px;
            position: relative;
            font-size: 12px;
            color: #000;
            line-height: 30px;
            font-weight: 400;
            cursor: pointer;
        }

            .tab-button-wrap .tab-items .btn-title:after {
                content: '';
                display: block;
                width: 0;
                height: 3px;
                transition: width .3s;
                background-color: #135FD4;
            }

            .tab-button-wrap .tab-items .btn-title:hover::after,
            .tab-button-wrap .tab-items .btn-title.active::after {
                width: 100%;
            }

            .tab-button-wrap .tab-items .btn-title .btn-notification {
                padding: 2px 4px;
                border-radius: 50px;
                background-color: #135fd4;
                font-size: 9px;
                line-height: 10px;
                font-weight: 600;
                color: #fff;
                position: relative;
                top: -8px;
                right: 2px;
            }
/* .tab-button-wrap .tab-items.low .btn-title{
color: #fa0303;
}
.tab-button-wrap .tab-items.medium .btn-title{
    color: #fa9403;
    }
.tab-button-wrap .tab-items.high .btn-title{
   color: #00ba04;
     } */
/*  .tab-button-wrap .tab-items.low .btn-title .btn-notification,
        .tab-button-wrap .tab-items.low .btn-title:after {
            background-color: #fa0303;
        }

        .tab-button-wrap .tab-items.medium .btn-title .btn-notification,
        .tab-button-wrap .tab-items.medium .btn-title:after {
            background-color: #fa9403;
        }

        .tab-button-wrap .tab-items.high .btn-title .btn-notification,
        .tab-button-wrap .tab-items.high .btn-title:after {
            background-color: #00ba04;
        }*/




.text-color-low {
    color: #fa0303;
}

.text-color-medium {
    color: #fa9403;
}

.text-color-high {
    color: #00ba04;
}

.tab-button-wrap .tab-items.select-option {
    margin-left: auto;
    padding-right: 10px;
}

.tab-button-wrap .tab-items.align-left {
    margin-left: auto;
    padding-right: 10px;
}

.tab-button-wrap .tab-items .form-group {
    margin-top: 6px;
    margin-right: 10px;
}

.tab-button-wrap .tab-items.align-left:after {
    display: none;
}

.tab-button-wrap .tab-items:last-child {
    padding-right: 10px;
}

    .tab-button-wrap .tab-items:last-child:after {
        display: none;
    }

.tab-button-wrap .tab-items.select-option select,
.tab-button-wrap .tab-items .select-option select {
    background-color: #fff;
}

.radio-inline .radio span {
    margin-right: 5px;
}

.radio.radio-outline > span {
    height: 15px;
    width: 15px;
}

    .radio.radio-outline > span:after {
        width: 5px;
        height: 5px;
    }

.profile-completion-percentage {
    font-size: 11px;
    line-height: 11px;
}

.tab-button-wrap .profile-completion-percentage {
    position: relative;
    top: 4px;
}

.profile-completion-percentage.low:after,
.profile-completion-percentage.medium:after,
.profile-completion-percentage.high:after {
    content: '';
    height: 10px;
    display: inline-block;
}

.profile-matching-line .progress-bar .low_progress,
.tab-style-button .progress-bar .low_progress {
    width: 30%;
    background-color: #fa0303;
    text-align: left;
    padding-left: 3px;
}


.profile-matching-line .progress-bar .medium,
.tab-style-button .progress-bar .medium {
    background-color: #fa9403;
    width: 60%;
    text-align: left;
    padding-left: 3px;
}

.profile-matching-line .progress-bar .high,
.tab-style-button .progress-bar .high {
    background-color: #00ba04;
    width: 80%;
    text-align: left;
    padding-left: 3px;
}

.profile-matching-line .progress-value,
.tab-style-button .progress-value {
    font-size: 8px;
    position: relative;
    line-height: 8px;
    top: -3px;
    font-weight: 600;
    color: #fff;
}

.tab-style-button .progress-value {
    top: 0px;
}

.profile-matching-line .progress-bar,
.tab-style-button .progress-bar {
    width: 100%;
    height: 12px;
    border-radius: 10px;
    background-color: #dddfe9;
}

    .profile-matching-line .progress-bar .medium,
    .profile-matching-line .progress-bar .low,
    .profile-matching-line .progress-bar .high,
    .tab-style-button .progress-bar .medium,
    .tab-style-button .progress-bar .low,
    .tab-style-button .progress-bar .high {
        height: 12px;
        border-radius: 10px;
    }

.form-control.width-auto {
    width: auto;
    display: inline-block;
}

.btn.btn-icon i {
    padding: 2px;
}

.width-auto {
    width: auto;
}

.select-option .form-group {
    float: left;
}

    .select-option .form-group.filter-combobox {
        width: 200px;
    }

.select-option .slider-inner-style .form-group {
    width: 100%;
}

.select-option .sraech-slider {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 6px;
    margin-left: -5px;
    border-radius: 3px;
    margin-right: 8px;
    position: relative;
}

    .select-option .sraech-slider i,
    .select-option .filter-button i {
        color: #999;
        font-size: 15px;
    }

.select-option .filter-button i {
    font-size: 13px;
}

.checkbox.checkbox-outline > span {
    height: 18px;
    width: 18px;
    border-radius: 0.42rem !important;
}

.select-option .sraech-slider .search-slider-inner {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0px;
    position: relative;
    z-index: 3;
    cursor: pointer;
    margin-top: 1px;
}

.select-option .sraech-slider input.form-control {
    position: absolute;
    right: -5px;
    top: 0px;
    z-index: 2;
    width: 0;
    transition: 0.8s;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0px !important;
}

    .select-option .sraech-slider input.form-control.field-width-big {
        width: 231px;
        transition: 0.3s;
        border: solid 1px #c8c8c8;
    }

.select-option .filter-button {
    /* width: 20px;
    height: 20px;*/
    float: left;
    margin-top: 6px;
    border-radius: 3px;
    text-align: center;
    padding: 5px;
    margin-left: -2px;
    cursor: pointer;
}


.tab-style-button .button-group {
    margin-top: 6px;
    margin-left: 6px;
    margin-bottom: 6px;
    margin-right: 11px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-none {
    float: none;
}

.slider-search-field {
    position: relative;
    margin-top: 10px;
}

.search-profile-details {
    padding: 15px;
    width: 100%;
    height: auto;
    background-color: #f3f6f9;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .search-profile-details .text-muted {
        width: 100px;
    }

h
.slider-search-field input {
    height: 40px;
    border: solid 1px #b0b0b0;
    padding: 10px;
    font-size: 13px;
    border-radius: 3px;
    line-height: 18px;
    color: #595b66;
    width: 100%;
}

.slider-search-field img {
    width: 70px;
    height: auto;
    margin-right: 15px;
    border-radius: 4px;
}

.search-profile-img-outer {
    display: flex;
    margin-bottom: 10px;
}

    .search-profile-img-outer .search-frofile-content .search-profile-title {
        font-size: 15px;
        font-weight: 500;
        color: #333;
        line-height: 20px;
        margin-bottom: 2px;
        display: inline-block;
        width: 100%;
    }

    .search-profile-img-outer .search-frofile-content .search-profile-designation {
        font-size: 12px;
        font-weight: 400;
        color: #333;
        line-height: 16px;
        margin-bottom: 2px;
        display: inline-block;
        width: 100%;
    }

.search-profile-details button,
.search-profile-details a.btn {
    height: 35px;
    line-height: 24px;
}

.ihits-table .table-success h5 {
    font-size: 13px;
    color: #000;
}

.hide {
    display: none !important;
}

.selectFieldValuShow .ihits-table {
    display: none;
}

#one {
    display: block;
}

.succession-planning-header {
    background-color: #f0f0f0;
    padding: 35px;
    border-radius: 4px;
    display: flex;
    margin-bottom: 20px;
}

.successor-profile-img {
    border-radius: 4px;
    width: 150px;
    height: auto;
    overflow: hidden;
    margin-right: 40px;
}

    .successor-profile-img img {
        width: 100%;
        height: auto;
    }

    .successor-profile-img .view-profile {
        display: block;
        padding: 10px;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        height: 40px;
        margin-top: -5px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.successor-profile-content {
    width: 100%;
}

.profile-title-row {
    display: flex;
    margin-bottom: 15px;
}

.profile-matching-line {
    margin-left: auto;
}

.other-content-row {
    display: flex;
    margin-bottom: 20px;
}

    .other-content-row .row-ithems {
        margin-right: 50px;
    }


.attendance-absent {
    color: #fa0303;
    display: inline-block;
    width: 100%;
}

.attendance-present {
    color: #00ba04;
    display: inline-block;
    width: 100%;
}

.attendance-loos-of-pay {
    color: #fa9403;
}

.attendance-table-footer {
    background-color: #d0d5d9;
    color: #000;
}


.card-body h5 {
    font-size: 14px;
}

.tab-items.border-none.tab-items::after {
    display: none;
}



.tab-style-button .btn.btn-excel {
    margin-top: 6px;
    margin-left: 6px;
    padding: 3px 7px;
}

.btn.btn-excel i {
    padding-right: 0px;
}



.btn.btn-outline-excel {
    background-color: transparent;
    border: solid 1px #02723b;
    color: #02723b;
    font-size: 11px;
}

.tab-style-button .btn.btn-outline-excel {
    margin-top: 6px;
    margin-left: 6px;
    padding: 3px 7px;
}

.btn.btn-outline-excel i {
    color: #02723b;
    padding-right: 0px;
}

.btn.btn-outline-excel:hover {
    background-color: #02723b;
    color: #fff;
}

    .btn.btn-outline-excel:hover i {
        color: #fff;
    }

.hr-planning-entry-left-side {
    padding: 30px;
    background-color: #f3f6f9;
}

.border-none {
    border: none !important;
}

.industry-benchmark-salary-slider-list table .form-control {
    color: #595b66;
    border: 1px solid #999999;
    background-color: #fff;
    padding: 0px 5px;
    line-height: 18px;
    height: 26px;
    font-size: 13px;
    border-radius: 3px;
}

.switch input:empty ~ span:after {
    height: 14px;
    width: 14px;
}

.switch input:empty ~ span {
    height: 20px;
    width: 40px;
    margin: 2px 7px;
}

    .switch input:empty ~ span:before {
        width: 37px;
        border-radius: 15px;
    }

.switch input:checked ~ span:after {
    margin-left: 18px;
}

.switch input:checked ~ span:before {
    background-color: #3699FF;
}

.switch input:checked ~ span:after {
    background-color: #fff;
}





/* .name-with-img {
    display        : flex;
    align-items    : center;
    justify-content: left;
}

.name-with-img a {
    cursor: pointer;
}

.profile-img {
    width        : 30px;
    height       : 30px;
    float        : left;
    margin-right : 10px;
    border-radius: 100px;
    overflow     : hidden;
}

.profile-img img {
    width    : 100%;
    max-width: 100%;
    height   : auto;
} */
.bg-info {
    background-color: #fff !important;
    border: var(--blue-color-theme) solid 1px;
}

    .bg-info .card-text {
        font-size: 30px;
        color: var(--blue-color-theme);
        margin: 0px;
    }

    .bg-info p {
        color: #000;
    }

.modal-confirm {
    color: #636363;
    width: 400px;
}

    .modal-confirm .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: none;
        text-align: center;
        font-size: 14px;
    }

    .modal-confirm .modal-header {
        border-bottom: none;
        position: relative;
    }

    .modal-confirm h4 {
        text-align: center;
        font-size: 26px;
        margin: 10px 0 -10px;
    }

    .modal-confirm .close {
        position: absolute;
        top: -5px;
        right: -2px;
    }

    .modal-confirm .modal-body {
        color: #999;
    }

    .modal-confirm .modal-footer {
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
        padding: 10px 15px;
    }

        .modal-confirm .modal-footer a {
            color: #999;
        }

    .modal-confirm .icon-box {
        width: 70px;
        height: 70px;
        margin: 0 auto;
        border-radius: 50%;
        z-index: 9;
        text-align: center;
        border: 3px solid #f15e5e;
    }

        .modal-confirm .icon-box i {
            color: #f15e5e;
            font-size: 46px;
            display: inline-block;
            margin-top: 13px;
        }

    .modal-confirm .btn, .modal-confirm .btn:active {
        color: #fff;
        border-radius: 4px;
        background: #60c7c1;
        text-decoration: none;
        transition: all 0.4s;
        line-height: normal;
        min-width: 120px;
        border: none;
        min-height: 40px;
        border-radius: 3px;
        margin: 0 5px;
    }

    .modal-confirm .btn-secondary {
        background: #c1c1c1;
    }

        .modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
            background: #a8a8a8;
        }

    .modal-confirm .btn-danger {
        background: #f15e5e;
    }

        .modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
            background: #ee3535;
        }

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}


.btn.btn-danger {
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
}


.checkbox-inline.align-center {
    justify-content: center;
}

/* ====================================================
                   DATA TABLE START
======================================================== */
/*.dataTables_info {
    position: absolute;
    bottom:50px;
    z-index: 5;
    background-color: #fff;
    right: 20px;
    width: 40%;
    padding: 15px 10px 8px;
    text-align: right;
}

.dataTables_paginate.paging_simple_numbers {
    position: absolute;
    z-index: 99;
    bottom: 50px;
    display: flex;
    justify-content: left;
    width: 50%;
    background-color: #fff;
    padding: 5px;
}

.paginate_button.previous {
    background-color: #c7ced6;
}

.paginate_button.current {
    background-color: #3699ff;
    color: #fff;
}

.paginate_button {
    text-align: center;
    height: 24px;
    width: 24px;
    font-size: 12px;
    line-height: 18px;
    margin-right: 2px;
    color: #fff;
    font-weight: 500;
    border-radius: 6px;
    border: 0;
    color: #222c36;
    display: inline-block;
    cursor: pointer;
    border: solid 1px #dfe3e6;
    padding: 2px;
}

    .paginate_button.next {
        background-color: #fff;
        border: solid 1px #dfe3e6;
    }

        .paginate_button.next:after {
            padding-left: 0.5rem;
            content: "\f054";
            color: #333;
            font-size: 10px;
            margin-right: 10px;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-style: normal;
            line-height: 18px;
        }

    .paginate_button.previous:after {
        padding-left: 0.5rem;
        content: "";
        color: #333;
        font-size: 10px;
        margin-right: 10px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-style: normal;
        line-height: 18px;
    }

#OnboardingList_length {
    position: absolute;
    bottom: 52px;
    right: 237px;
    left: auto;
    z-index: 99;
}

.dataTables_length {*/
/*width: 100%;*/
/*position: absolute;
    bottom: 50px;
    right: 10px;
    z-index: 5;
}

    .dataTables_length select {
        border: none;
        background: #fff;
        border-radius: 4px;
        width: 50px;
        border: solid 1px #dfe3e6;
    }

.dataTables_paginate.paging_full_numbers {
    float: left;
    width: 60%;
    position: absolute;
    bottom: 10px;
}

.paginate_button.last,
.paginate_button.first {
    width: 50px;
    padding: 2px 10px;
}*/

/*#magenta-theme .table-dark th, #magenta-theme .table-dark td, #magenta-theme .table-dark thead th {
    border: 1px solid #EBEDF3;
}*/

#OnboardingList_length select {
    border: solid 1px #f3f6f9;
}

.DataSearchField {
    width: 0;
    transition: 0.3s;
    background-color: #f1f1f7;
    border: none;
    border-radius: 4px;
}

.dataTables_filter {
    position: absolute;
    /*right: 83px;
    top: 17px;*/
    right: 20px;
    top: 17px;
    z-index: 2;
    background-color: #f1f1f7;
}

.DataSearchField.field-width-big {
    width: 200px;
    transition: 0.3s;
    border: solid 1px #c8c8c8;
    background-color: #fff !important;
    opacity: 10;
}
/* ====================================================
                   DATA TABLE END
======================================================== */

.reward-section {
    margin-bottom: 15px;
    border-bottom: 1px solid #eef0f8;
}

    .reward-section h5 {
        font-size: 16px;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        text-transform: uppercase;
        color: #000;
    }

.error-message {
    background-color: #ffe1e0;
    color: #cb0804;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    border-radius: 4px;
    padding: 2px 7px;
    position: absolute;
    z-index: 2;
    right: 0px;
}

    .error-message::before {
        content: "";
        position: absolute;
        top: -7px;
        right: 18px;
        /* left: 18px;*/
        border-style: solid;
        border-width: 0px 7px 7px;
        border-color: #ffe1e0 transparent;
        display: block;
        width: 0;
        z-index: 0;
    }

.form-group {
    position: relative;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    background-position: right calc(0.550em + 0.550rem) center;
}



.color-theme-selector {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    z-index: 998;
    right: 40px;
}

    .color-theme-selector:hover {
        background-color: #f6f8f9;
    }

    .color-theme-selector .color-theme-icon {
        width: 8px;
        height: 8px;
        border-radius: 2px;
        display: block;
        margin: 1px;
        float: left;
    }

    .color-theme-selector .color-theme-picker {
        width: 0;
        overflow: hidden;
        opacity: 0;
    }

        .color-theme-selector .color-theme-picker.picker-slide {
            position: absolute;
            width: 300px;
            height: 30px;
            right: 25px;
            padding: 7px;
            top: 0px;
            transition: 0.4s;
            background-color: #f6f8f9;
            opacity: 10;
            border-radius: 4px;
        }

.color-item {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    margin-left: 5px;
    float: left;
}

.bootstrap-select .dropdown-menu.inner > li > a {
    padding: 4px 10px;
}

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

.font-awesome .fa {
    font-family: "Font Awesome 5 Free", Open Sans;
    font-weight: 501;
}

.ihits-table .checkbox-inline .checkbox {
    margin-bottom: 0px;
}

.tab-top-right {
    position: absolute;
    right: 0px;
}

.applicable-menus-popup .close {
    position: absolute;
    right: -13px;
    width: 26px;
    height: 26px;
    background-color: #000;
    opacity: 10;
    border-radius: 100px;
    top: -13px;
}

    .applicable-menus-popup .close i::before {
        color: #fff !important;
        font-size: 10px;
        line-height: 27px;
    }

.showCheckBox {
    display: none
}

    .showCheckBox.display-block {
        display: block
    }

.hrCkeckBoxView {
    display: none;
}

.howBox {
    display: block;
}

.input-group .btn {
    padding: 4px 10px 1px;
    line-height: 15px;
}


.tooltip {
    z-index: 999999910 !important;
}


/* RESUME DATABANK START */
.step-outer {
    display: flex;
    justify-content: space-between;
    background-color: white;
    padding: 20px;
    border-radius: 13px;
    margin: 20px 0px 20px 0px;
}

    .step-outer .step-item {
        text-align: center;
        width: 100%;
        position: relative;
        font-size: 11px;
        color: #7C8DA7;
        left: -176px;
    }

.step_row .step-item {
    text-align: center;
    width: 100%;
    position: relative;
    font-size: 11px;
    color: #7C8DA7;
    left: 0;
}

.step-outer .step-item::after,
.step-outer .step-item.active::after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    right: 50%;
    top: 32px;
    z-index: 1;
    border: 1px dotted #BBBBBB;
}

.step-outer .step-item.active::after {
    background-color: green;
}

.step-circle {
    width: 28px;
    height: 27px;
    background-color: #F3F7FD;
    display: block;
    border-radius: 100px;
    float: none;
    margin: auto;
    margin-top: 0px;
    position: relative;
    z-index: 2;
}

    .step-circle:after {
        content: '';
        width: 6px;
        height: 6px;
        background-color: #fff;
        border-radius: 100px;
        display: inline-block;
        top: 5px;
        position: relative;
    }

.step-outer .step-item.active .step-circle {
    background-color: #135FD4;
}

.step-circle.focused {
    background-color: #3699ff;
}

.step-outer .step-item:first-child::after {
    display: none;
}

.step-progress-outer {
    display: flex;
}

.step-progress-outer {
    display: flex;
    margin-top: 20px;
    padding: 20px 20px;
    background-color: white;
    border-radius: 13px;
}

    .step-progress-outer .step-left {
        /*width: 60%;*/

        padding: 20px;
    }

        .step-progress-outer .step-left h2 {
            font-size: 20px;
            font-weight: 500;
            line-height: 24px;
            color: #3F4254;
        }

.step-outer .step-item.active {
    color: #135FD4;
    font-size: 11px;
}

.step-progress-outer .step-demo {
    /* width: 40%;*/
    text-align: left;
}

.card-body .step-progress-outer .image-input .image-input-wrapper {
    width: 120px;
    height: 120px;
    border-radius: 70px;
}

.step-progress-outer .btn.btn-white.btn-shadow {
    background-color: #ededed;
    box-shadow: none !important;
}

.step-progress-outer .btn.btn-icon i::before {
    font-size: 10px;
    color: #3F4254;
}



.resumegrid_repeat {
    margin: 0px;
    position: relative;
    border: 1px solid #ebf1f9;
    padding: 20px;
}


.close_btn {
    position: absolute;
    right: 0;
    top: 0;
}


/* RESUME DATABANK END */
/* JOB TRANSITION START */
.job-transition-outer {
    width: 100%;
    background-color: #fafafa;
    border: 2px solid #ececec;
    padding: 20px;
    margin-top: 10px;
}

.file-upload-form-group .font-size-xs {
    font-size: 9px;
}

.resignation-acceptance-outer {
    display: flex;
}

    .resignation-acceptance-outer .row-ithems {
        width: 13%;
    }

        .resignation-acceptance-outer .row-ithems:nth-child(1) {
            width: 18%;
        }

        .resignation-acceptance-outer .row-ithems:nth-child(2) {
            width: 15%;
        }

        .resignation-acceptance-outer .row-ithems:nth-child(5) {
            width: 7%;
        }

        .resignation-acceptance-outer .row-ithems:nth-child(7) {
            width: 21%;
        }

.arrow-outer {
    padding: 0px;
    margin-top: 80px;
}

    .arrow-outer .arrow-next,
    .arrow-outer .arrow-previous {
        width: 40px;
        height: 40px;
        background-color: #E4E6EF;
        border-color: #E4E6EF;
        border-radius: 4px;
        padding-top: 8px;
        text-align: center;
        display: block;
    }

    .arrow-outer .arrow-previous {
        margin-top: 20px;
    }

        .arrow-outer .arrow-next i::before,
        .arrow-outer .arrow-previous i::before {
            color: #000;
            font-size: 20px;
        }





/* MULTISELECTION DROPDOWNMENU START */
span.multiselect-native-select {
    position: relative
}

    span.multiselect-native-select select {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px -1px -1px -3px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        left: 50%;
        top: 30px;
    }

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .multiselect-container .input-group {
        margin: 5px;
    }

    .multiselect-container .multiselect-reset .input-group {
        width: 93%;
    }

    .multiselect-container > li {
        padding: 0;
    }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: 700;
        }

        .multiselect-container > li.multiselect-group label {
            margin: 0;
            padding: 3px 20px;
            height: 100%;
            font-weight: 700;
        }

        .multiselect-container > li.multiselect-group-clickable label {
            cursor: pointer;
        }

        .multiselect-container > li > a {
            padding: 0;
        }

            .multiselect-container > li > a > label {
                margin: 0;
                height: 100%;
                cursor: pointer;
                font-weight: 400;
                padding: 3px 20px 3px 40px;
            }

                .multiselect-container > li > a > label.checkbox,
                .multiselect-container > li > a > label.radio {
                    margin: 0;
                }

                .multiselect-container > li > a > label > input[type=checkbox] {
                    margin-bottom: 0px;
                }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0;
}

.multiselect-item .checkbox > input,
.multiselect-container .checkbox > input {
    position: relative;
    z-index: 0;
    opacity: 10;
    margin-right: 5px;
}

.multiselect-container > li > a > label {
    padding: 3px 10px;
    color: #595b66 !important;
    font-size: 12px;
}

.btn-multi-selection {
    color: #595b66 !important;
    border: 1px solid #EBEBFD !important;
    background-color: #fff !important;
    text-align: left;
}

.multiselect-container {
    height: 150px;
    width: 100%;
    overflow-y: scroll;
    z-index: 2;
}

.multiselect-native-select .btn-group {
    width: 100%;
    text-align: left;
}

.btn.btn-multi-selection::after {
    right: 3px;
    /*top: 9px;*/
    top: 13px;
    position: absolute;
}

.multiselect-native-select .btn.dropdown-toggle {
    /* height: 26px;*/
    border-radius: 4px;
}
/* MULTISELECTION DROPDOWNMENU START */



.onboarding-view {
    padding: 10px 10px;
}

    .onboarding-view h5 {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 10px;
        text-transform: uppercase;
        color: #000;
    }

.form-control .red {
    background-color: red;
    width: 10px;
    height: 10px;
    content: '';
    display: inline-block;
}

.form-control .green {
    background-color: green;
    width: 10px;
    height: 10px;
    content: '';
    display: inline-block;
}

.filter-slider-item-box {
    border: solid 1px #d8d8d8;
    padding: 15px 15px;
    border-radius: 6px;
    position: relative;
    margin-top: 20px;
}

    .filter-slider-item-box h4 {
        position: absolute;
        margin-top: -26px;
        background-color: #fff;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        color: #222;
    }

    .filter-slider-item-box .form-group {
        margin-top: 0px !important;
    }

    .filter-slider-item-box .radio-inline-label {
        font-weight: 500;
    }

.ihits-table .colorpicker .bootstrap-select > .dropdown-toggle {
    padding: 4px;
}

.colorpicker .bootstrap-select > .dropdown-toggle {
    padding: 6px;
    border: none;
}

.colorpicker .form-control .redcolor,
.colorpicker .form-control .greencolor,
.colorpicker .form-control .bluecolor,
.colorpicker .form-control .blackcolor,
.colorpicker .form-control .yellowcolor,
.colorpicker .form-control .orangecolor,
.colorpicker .form-control .graycolor,
.colorpicker .form-control .purplecolor,
.colorpicker .form-control .magentacolor,
.colorpicker .form-control .marooncolor,
.colorpicker .form-control .cyancolor {
    background-color: #FF0000;
    width: 8px;
    height: 8px;
    content: '';
    display: inline-block;
}

.colorpicker .form-control .greencolor {
    background-color: #008000;
}

.colorpicker .form-control .bluecolor {
    background-color: #0000FF;
}

.colorpicker .form-control .blackcolor {
    background-color: #000;
}

.colorpicker .form-control .yellowcolor {
    background-color: #FFFF00;
}

.colorpicker .form-control .orangecolor {
    background-color: #FFA500;
}

.colorpicker .form-control .graycolor {
    background-color: #808080;
}

.colorpicker .form-control .purplecolor {
    background-color: #800080;
}

.colorpicker .form-control .magentacolor {
    background-color: #FF00FF;
}

.colorpicker .form-control .marooncolor {
    background-color: #800000;
}

.colorpicker .form-control .cyancolor {
    background-color: #00FFFF;
}


.backgrouncolors .dropdown-menu {
    transform: translate3d(0px, 25px, 0px) !important;
}

    .backgrouncolors .dropdown-menu .inner {
        margin-top: -25px;
        height: 155px;
    }

.daily-attendance-entry-list .table-dark a {
    display: inline-block;
    width: 100%;
}



.colorpicker .form-control .btn.dropdown-toggle {
    height: 24px;
}
/* ====================================================
                   Star Rating Start
======================================================== */

.star-rating {
    display: flex;
    align-items: left;
    flex-direction: row-reverse;
    justify-content: left;
    position: relative;
}
    /* hide the inputs */
    .star-rating > input {
        display: none;
    }
    /* set properties of all labels */
    .star-rating > label {
        width: 26px;
        height: 26px;
        font-family: Arial;
        font-size: 26px;
        transition: 0.2s ease;
        color: orange;
        cursor: pointer;
    }
        /* give label a hover state */
        .star-rating > label:hover {
            color: orange;
            transition: 0.2s ease;
        }

        .star-rating > label:active::before {
            transform: scale(1.1);
        }

        /* set shape of unselected label */
        .star-rating > label::before {
            content: '\2606';
            position: absolute;
            top: 0px;
            line-height: 26px;
        }
    /* set full star shape for checked label and those that come after it */
    .star-rating > input:checked ~ label:before {
        content: '\2605';
    }

@-moz-document url-prefix() {
    .star-rating > input:checked ~ label:before {
        font-size: 36px;
        line-height: 21px;
    }
}

/* ====================================================
                   Star Rating End
======================================================== */
.form-group.is-invalid {
    position: relative;
}

    .form-group.is-invalid .dropdown.bootstrap-select.form-control.form-control-sm {
        border-color: #F64E60;
    }

        .form-group.is-invalid .dropdown.bootstrap-select.form-control.form-control-sm:after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F64E60' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F64E60' stroke='none'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
            content: '';
            position: absolute;
            position: absolute;
            z-index: 9999;
            right: 20px;
            display: inline-block;
            width: 20px;
            height: 20px;
            top: 4px;
        }
/* ====================================================
                   Time Office
======================================================== */
.time-off thead th {
    padding: 10px;
}

.time-off thead tbody th td {
    padding: 10px;
}

.time-backcolor {
    background: white;
    border-start-start-radius: 10px;
    border-start-end-radius: 10px;
    padding: 10px 15px;
}

    .time-backcolor:nth-child(1) {
        margin-right: 15px;
        border-bottom: 3px solid #FFB31A;
    }

    .time-backcolor:nth-child(2) {
        border-bottom: 3px solid #FF5D3B;
        margin-right: 15px;
    }

    .time-backcolor:nth-child(3) {
        margin-right: 15px;
        border-bottom: 3px solid #58FFDD;
    }

    .time-backcolor:nth-child(4) {
        border-bottom: 3px solid #E52E2E;
    }

.icon-time {
    background: #FBF8EC;
}

.newicons {
    width: 60px;
    height: 60px;
}

    .newicons img {
        width: 25px;
    }

.icon-time-two {
    background: #FFEEEE !important;
}

.icon-time-three {
    background: #F0FFF9 !important;
}

.icon-time-four {
    background: #FFF4F0 !important;
}

.time-backcolor h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 15px;
    color: #333;
}

.timeoffice-left-side {
    width: 69%;
}

.timeoffice-center-side {
    width: 30%;
}

.time-profile {
    background: white;
    padding: 8px 10px;
}

.time-profile {
    background: white;
}

    .time-profile ul {
        list-style: none;
    }

    .time-profile li {
        border-top: 1px solid #c4b8b842;
        padding: 5px 11px;
    }

    .time-profile h3 {
        border-bottom: 1px solid #c4b8b842;
        font-size: 15px;
        font-weight: 700;
    }

    .time-profile input {
        border: 1px solid #999999;
    }

        .time-profile input::placeholder {
            color: black;
        }

.hd-color {
    width: 14px;
    height: 14px;
    background-color: #F7A419;
}

.hd-color {
    width: 14px;
    height: 14px;
    background-color: #F7A419;
}

.hd-lc {
    background-color: #AE4E75;
}

.hd-pr {
    background-color: #AE4E75;
}

.hd-leave {
    background-color: #F76A43;
}

.hd span {
    font-size: 12px;
    font-weight: 500;
}

.timeoff-card {
    width: 35%;
}

.tab-timeset {
    width: 64%;
}

    .tab-timeset h3 {
        font-size: 15px;
        font-weight: 700;
    }

.fa-caret-right {
    color: #18ADD4;
}

.tab-padding {
    padding: 10px;
}

.spl {
    border: 1px solid #18ADD4;
    width: 9px;
    height: 13px;
}

.sub-timeoffice {
    padding-left: 50px;
}

.time-btn {
    height: 30px;
    text-align: start;
    justify-content: space-between;
    width: 185px;
    background-color: #FFFFFF;
    border: 1px solid #C7C7C7;
    display: flex;
    font-size: 12px;
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #C7C7C7;
    transition: all 0.3s;
}

    .time-btn:hover {
        background-color: var(--blue-color-theme-hover) !important;
        color: white;
    }

.badge-light {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: #FF885B;
    font-size: 11px;
    font-weight: 700;
    color: white;
}

.pending-task {
    width: 7px;
    height: 7px;
    padding: 0;
    background-color: #EE455C;
}

.chart {
    height: 250px;
    margin: auto;
}

.pieTip {
    position: absolute;
    float: left;
    min-width: 30px;
    max-width: 300px;
    padding: 5px 18px 6px;
    border-radius: 2px;
    background: rgba(255,255,255,.97);
    color: #444;
    font-size: 19px;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    letter-spacing: .06em;
    box-shadow: 0 0 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5);
    -webkit-transform: all .3s;
    -moz-transform: all .3s;
    -ms-transform: all .3s;
    -o-transform: all .3s;
    transform: all .3s;
    pointer-events: none;
}

    .pieTip:after {
        position: absolute;
        left: 50%;
        bottom: -6px;
        content: "";
        height: 0;
        margin: 0 0 0 -6px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 6px solid rgba(255,255,255,.95);
        line-height: 0;
    }

.chart path {
    cursor: pointer;
}

/* ====================================================
                   Hr 
======================================================== */
.hr-left {
    width: 24%;
}

.joining {
    padding: 5px 10px !important;
}

.topdash {
    border-color: #c4b8b842;
}

.hr-top {
    margin-bottom: 6px;
}

.employee-hr {
    padding: 8px 12px !important;
}

.bar-emp {
    margin: 8px 0 !important;
    height: 140px !important;
}

.hr-center {
    width: 75%;
}

.hrbtn {
    width: 70px;
    background-color: #FCFCFC;
    height: 100%;
}

.headhr h2 {
    font-size: 15px;
    font-weight: 700;
}

.headhr {
    border-bottom: 1px solid #c4b8b842;
}

.round-hr {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 100%;
}

    .round-hr svg {
        width: 100%;
        height: auto;
        border-radius: 100%;
    }

.new-join h2 {
    font-size: 14px;
    color: #0060AD;
    font-weight: 700;
}

.new-join p {
    font-size: 10px;
}

.graph-head {
    width: 145px;
    padding: 2px 9px;
}

.bar-chart {
    width: 755px;
    height: 140px;
    border-bottom: 1px solid #DBDBDB;
    display: flex;
    color: #fff;
    margin-bottom: 26px;
}

.skill {
    position: relative;
    flex: 1;
    text-align: center;
    display: flex;
    justify-content: center;
}

.graph {
    position: absolute;
    width: 40px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

    .graph:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        top: 2px;
        left: 2px;
        right: 2px;
        background: linear-gradient(0deg, #003ba5, #009ffe);
    }

    .graph:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 50%;
        background: rgba(255,255,255,.1);
    }

.name {
    position: absolute;
    bottom: -30px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    border-radius: 3px;
    color: #1F1F20;
}

.percentage {
    position: absolute;
    top: -20px;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 15px;
    font-weight: 700;
}

.icon-time-hr {
    background-color: #F4F0FF;
}

.newicons svg {
    border-radius: 0;
}

.graph-first::before {
    background: linear-gradient(#9D7FF1, #049BB9);
}

.graph-sec::before {
    background: linear-gradient(#E1EBF5, #D7CEDC);
}

.icon-hr {
    background: #FBECEC;
}

.icon-hr-two {
    background: #EEFEE4 !important;
}

.icon-hr-three {
    background: #F4F0FF !important;
}

.icon-hr-four {
    background: #FFEFF2 !important;
}

.hr-backcolor:nth-child(1) {
    border-bottom: 3px solid #F62929;
}

.hr-backcolor:nth-child(2) {
    border-bottom: 3px solid #2CF9B3;
}

.hr-backcolor:nth-child(3) {
    border-bottom: 3px solid #8458FF;
}

.hr-backcolor:nth-child(4) {
    border-bottom: 3px solid #FF5BA2;
}

.hr-thought {
    padding: 5px 11px 0px;
}

.hr-search {
    padding: 5px 12px;
}

    .hr-search h2 {
        margin: 0px 0px 2px;
        font-size: 15px;
    }

    .hr-search p {
        margin: 0px 0px 2px;
        font-size: 10px;
    }

    .hr-search input {
        height: 25px;
    }

.hr-man {
    background-color: #41BFB7;
}

.hr-wom {
    background-color: #6A70C1;
    font-size: 11px !important;
}

.female {
    font-size: 11px !important;
}

.left-event {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.approve-alert {
    padding: 8px 25px;
}

.sb1 {
    top: 23px;
}

.sb2 {
    top: 45px;
}

.sb3 {
    top: 4px;
}

.sb5 {
    top: 79px;
}

.sb6 {
    top: 84px;
}

.sb7 {
    top: 3px;
}

.sb8 {
    top: 33px;
}

.box {
    width: 35px;
    position: absolute;
    background: #FF6665;
    padding: 5px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    font-size: 10px;
    border-radius: 5px;
}

.sb4:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-right: 10px solid #FF6665;
    border-bottom: 13px solid transparent;
    right: 14px;
    bottom: -11px;
}

.barchart-Wrapper {
    display: table;
    position: relative;
    margin: 20px 0;
    height: 150px;
}

.barChart-Container {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding-left: 24px;
}

.barchart {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    border-left: 1px solid #DBDBDB;
}

.barchart-Col {
    position: relative;
    vertical-align: bottom;
    display: table-cell;
    height: 100%;
}

    .barchart-Col + .barchart-Col {
        border-left: 4px solid transparent;
    }

.barchart-Bar {
    position: relative;
    height: 0;
    transition: height 0.5s 2s;
    width: 25px;
    margin: auto;
}

    .barchart-Bar:after {
        content: attr(attr-height);
        color: white;
        position: absolute;
        text-align: center;
        width: 100%;
    }

.barchart-BarFooter {
    position: absolute;
    text-align: end;
    height: 10%;
    width: 100%;
}

    .barchart-BarFooter h3 {
        color: #1F1F20;
        font-size: 12px;
    }

.barchart-TimeCol {
    position: absolute;
    top: 0;
    height: 100%;
}

.barchart-Time {
    height: 15%;
    vertical-align: middle;
    position: relative;
}

    .barchart-Time:after {
        border-bottom: 3px solid black;
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        top: 0em;
    }

.barchart-TimeText {
    position: absolute;
    top: -8px;
    z-index: 1;
    background: white;
    padding-right: 5px;
    color: #4d4d4d;
    font-size: 15px;
    font-family: 'Avenir Medium';
}

.css-bar {
    background-color: #41BFB7;
}

.css-bars {
    background-color: #6A70C1;
}

/* ====================================================
                   Alert 
======================================================== */

.alertcolor:nth-child(1) {
    border-bottom: 3px solid #741ADB;
}

.alertcolor:nth-child(2) {
    border-bottom: 3px solid #52BFEF;
}

.alertcolor:nth-child(3) {
    border-bottom: 3px solid #FF8C58;
}

.alertcolor:nth-child(4) {
    border-bottom: 3px solid #FF5BA2;
}

.icon-alert {
    background: #F2ECFB;
}

.icon-alert-two {
    background: #EEF9FF !important;
}

.icon-alert-three {
    background: #FFF4F0 !important;
}

.icon-alert-four {
    background: #FFEFF2 !important;
}

.alert-left-side {
    width: 29%;
}

.alert-center-side {
    width: 40%;
}

.alert-right-side {
    width: 29%;
}

.alertcard {
    padding: 0px !important;
}

.alerts {
    padding: 8px 12px;
}

.alert-profile h2 {
    color: #0060AD;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin: 0px;
}

.alertchart svg {
    height: 185px;
}

.alertchart {
    height: 180px;
}

.events h3 {
    border: none !important;
}

.events {
    padding: 0px;
}

.owl-next {
    position: absolute;
    top: 25%;
    right: 0;
    font-size: 40px !important;
}

.owl-prev {
    position: absolute;
    top: 25%;
    left: 0;
    font-size: 40px !important;
}

.owl-dots {
    display: none;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none !important;
    color: black !important;
}

.alert-profile {
    padding: 8px 10px 0px 10px;
}

.card.card-custom > .alert-card {
    padding: 2px;
}


/* ====================================================
                   Essp_manager 
======================================================== */

.essp-head {
    border-bottom: 1px solid #c4b8b842;
}

    .essp-head h3, .info h3 {
        border: none;
    }

    .essp-head .spl {
        border-color: #c4b8b842;
    }

.essp-sub {
    padding-left: 15px;
}

.info .spl {
    border-color: #c4b8b842;
}

.tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
}

.tabset > label {
    position: relative;
    display: inline-block;
    padding: 7px 20px 7px;
    border: 1px solid transparent;
    border-bottom: 0;
    background-color: #F5F5F5;
    cursor: pointer;
    font-weight: 600;
}

    .tabset > label::after {
        content: "";
        left: 15px;
        bottom: 10px;
        width: 22px;
        height: 4px;
        background: #8d8d8d;
    }

    .tabset > label:hover,
    .tabset > input:focus + label {
        color: black;
    }

        .tabset > label:hover::after,
        .tabset > input:focus + label::after,
        .tabset > input:checked + label::after {
            background: #E9E9E9;
        }

.tabset > input:checked + label {
    background-color: #E9E9E9;
    margin-bottom: -1px;
}

.tab-panels {
    background-color: white;
}

.tab-panel {
    color: aqua;
}

    .tab-panel p {
        color: black;
    }

    .tab-panel h2 {
        color: black;
    }
/*
   Demo purposes only
  */

.tabset {
    max-width: 65em;
    background-color: #F5F5F5;
    width: 446px;
}

.pendingapprove {
    padding: 0px !important;
}

.absent-round {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #FF0D3E;
}

.abst span {
    font-size: 12px;
    color: #FF0D3E;
}

.new {
    padding: 10px 25px;
    border-top: 1px solid #c4b8b842;
}

.alloffice {
    background-color: #05DE71;
}

.all-off span {
    color: #05DE71;
}

.new:nth-child(1) {
    border: none;
}

.abst {
    width: 70px;
}

.onduty {
    background-color: #FF7E0D;
}

.all-duty span {
    color: #FF7E0D;
}

.leave {
    background-color: #0060AD;
}

.all-leave span {
    color: #0060AD;
}

.team-name {
    width: 130px;
}

    .team-name p {
        font-size: 11px;
        color: #504D56;
    }

.approve-head h2 {
    font-size: 25px;
    color: #6A70C1;
    font-weight: 700;
}

.approve-head p {
    font-size: 11px;
    color: #504D56;
}

.approve-head {
    border-right: 1px solid #c4b8b842
}

.last-approve {
    border: none;
}

.team-time h2 {
    font-size: 25px;
    color: white;
    font-weight: 700;
}

.team-time p {
    font-size: 11px;
    color: white;
}

.team-time {
    background-color: #FF0D3E;
    padding: 10px 6px;
    border-radius: 10px;
}

.time-leave {
    background-color: #009FC8;
}

.time-holiday {
    background-color: #FF7E0D;
}

.late-count {
    border-color: #FFA200;
}

.total-count {
    border-color: #9B55BE;
}

.days-count {
    border-color: #1FD17E !important;
}

.early {
    border-color: #BB6A1A;
}

.late-head {
    border: none;
}

    .late-head h2 {
        font-size: 17px;
    }

    .late-head p {
        text-align: left;
    }

.row-out {
    border-bottom: 1px solid #c4b8b842;
}

.days-approve {
    border-color: white;
}

.approve-set {
    background-color: #0EE2A1 !important;
    border-color: #0EE2A1 !important;
}

.pending-set {
    background-color: #FF9E0D !important;
    border-color: #FF9E0D !important;
}

.Reject-set {
    background-color: #FF0D3E !important;
    border-color: #FF0D3E !important;
}

.common-btn {
    width: 105px;
    height: 25px;
}

.common-row {
    padding: 10px 12px;
}

.piychart {
    height: 187px;
}

    .piychart svg {
        height: 190px;
    }

.mission h2 {
    font-size: 14px;
    color: #504D56;
    font-weight: 600;
}

.mission p {
    font-size: 11px;
    color: #504D56;
}

.scrollbar {
    height: 308px;
    overflow-y: scroll;
    overflow-x: hidden;
}
/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
}

/*::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}*/

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #CCCCCC;
    height: 85px;
}

.manager-round {
    width: 48px;
    height: 48px;
    object-fit: cover;
}

/* ====================================================
                   Essp_User 
======================================================== */

.esspuser {
    padding: 10px 4px;
}

.img-user {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    object-fit: cover;
}

    .img-user svg, .img-user img {
        width: 100%;
        height: 100%;
        border-radius: 50px;
    }

.jan h4 {
    font-size: 12px;
    color: white;
    font-weight: 700;
}

.jan span {
    font-size: 12px;
    color: white;
    font-weight: 700;
}

.jan {
    background-color: #BB20A1;
    padding: 5px 15px;
    border-radius: 8px;
}

.feb {
    background-color: #2054BB;
}

.mar {
    background-color: #70C818;
}

.march {
    background-color: #EE0030;
}

.apr {
    background-color: #FF9914;
}

.reminder {
    background-color: #0060AD;
}

.lastreminder {
    background-color: #4F1B84;
}

.userbtn {
    background-color: #F5F5F5 !important;
    border-color: #F5F5F5 !important;
    color: #414141 !important;
}

.user-color {
    border-color: #FF6665;
}

.user-reject {
    border-color: #6A70C1;
}

.round {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100%;
}

.team-size {
    padding: 20px 6px !important;
}

.table-active tr th {
    padding: 7px 7px;
}


.comp-width tr, td {
    /*        padding: 10px 18px !important;*/
    padding: 10px 18px;
}

.input_height {
    height: 25px;
}

/*.comp-width table thead tr th {
    padding: 10px !important;
}*/

.comp-width table {
    padding-bottom: 19px !important;
}



.sevenday th, td {
    padding: 10px 18px;
    /*padding: 12px 14px !important;*/
    font-size: 12px;
}

.datepicker tbody tr > td {
    height: 30px !important;
}

.life-img {
    width: auto !important;
    height: auto;
    margin: auto;
    border-radius: 0px;
}

.manager-img {
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.essp-alert {
    padding: 8px 25px 5px 25px;
}


/* ====================================================
                   Payroll
======================================================== */
.payroll-left-side {
    width: 49%;
}

.payroll-center-side {
    width: 50%;
}

.payroll-bar h3 {
    border-bottom: 0px;
}

.barchart-label {
    text-align: center;
}

.bar-payroll {
    height: 157px !important;
    margin: 26px 0px !important;
}

.payrolltwo-left-side {
    width: 69%;
}

.payrolltwo-center-side {
    width: 30%;
}

.font-rate {
    font-size: 12px;
}

.css-payroll {
    background-color: #6A70C1;
    width: 18px;
}

.payroll-sign {
    border-color: #C7C7C7;
}



.slider-color-pick {
    width: 150px;
    height: 20px;
    background-color: grey;
}

.slider-color-box {
    border: 1px solid #999999;
    padding: 10px;
    height: 100px;
    display: none;
}

.slider-color-list {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    border: none;
    cursor: pointer;
    border-radius: 50px;
}

    .slider-color-list.red {
        background-color: red;
    }

    .slider-color-list.green {
        background-color: green;
    }

.open-color-box {
    display: block;
}
/*
.dataTables_filter_trn {
    right: 83px;
    top: 17px;
}*/

.dataTables_filter_search {
    right: 120px !important;
    top: 17px !important;
}

.dataTables_filter_onboard {
    right: 25px;
    top: 17px;
    height: 24px;
}
/*.bootstrap-select .dropdown-menu.show {
    top: 45px !important;
}*/
.tab-outer .ihits-table {
    min-height: auto;
    height: auto;
}

    .tab-outer .ihits-table table {
        margin-bottom: 0px;
    }

.select-option .filter-button .fa-check {
    display: none;
}

.select-option .filter-button.filter-apply .fa-check {
    display: block;
}

.select-option .filter-button.filter-apply {
    position: relative;
}

    .select-option .filter-button.filter-apply i.fas.fa-check {
        position: absolute;
        top: 2px;
        left: 15px;
        width: 10px;
        height: 10px;
        background-color: #00ba04;
        border-radius: 100px;
    }

    .select-option .filter-button.filter-apply i.fa-check:before {
        font-size: 7px;
        color: #fff;
        position: relative;
        top: -3px;
    }

/*---Color PICKER added by anju*/

.slider-color-pick,
.slider-color-pick-two {
    width: 100% !important;
    padding: 3px 5px;
    line-height: 18px;
    height: 26px;
    font-size: 13px;
    border-radius: 3px;
    color: #595b66 !important;
    border: 1px solid #999999;
    background-color: #fff !important;
}

.slider-color-box,
.slider-color-box-two {
    border: 1px solid #999999;
    padding: 4px;
    height: 90px;
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 99999999;
}

.color-selecter-outer {
    /*  width: 22px;
    height: 22px;
    border-radius: 50px;
    float: left;
    padding: 2px;
    margin: 2px;
    margin-bottom: 3px;
    cursor: pointer;*/
    border: none !important;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    float: left;
    padding: 0px;
    margin: 2px;
    margin-bottom: 3px;
    cursor: pointer;
}

    .color-selecter-outer:hover {
        border: solid 1px lightgray !important;
        cursor: pointer;
        background-color: #f4f4f4;
    }

.slider-color-pick:after,
.slider-color-pick-two:after {
    content: '';
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    float: right;
    margin-top: 3px;
    margin-right: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.slider-color-list-two {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    border: none;
    cursor: pointer;
    border-radius: 50px;
}

.color-code {
    width: 11px;
    height: 11px;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}



    /* --duty BACK--*/
    .slider-color-list.Pale-Pink,
    .color-code.Pale-Pink {
        background-color: #F8DAD5;
    }


    .slider-color-list.Egg-Shell,
    .color-code.Egg-Shell {
        background-color: #D8EDE8;
    }

    .slider-color-list.Lilac,
    .color-code.Lilac {
        background-color: #C8A2C8;
    }

    .slider-color-list.Pastel-Orange,
    .color-code.Pastel-Orange {
        background-color: #F8B88B;
    }

    .slider-color-list.Coral-Blue,
    .color-code.Coral-Blue {
        background-color: #AFDCEC;
    }

    .slider-color-list.Silver,
    .color-code.Silver {
        background-color: #C0C0C0;
    }

    .slider-color-list.Blue-Gray,
    .color-code.Blue-Gray {
        background-color: #98AFC7;
    }

    .slider-color-list.Acid-Green,
    .color-code.Acid-Green {
        background-color: #B0BF1A;
    }

    .slider-color-list.Olive-Green,
    .color-code.Olive-Green {
        background-color: #BAB86C;
    }

    .slider-color-list.Pastel-Yellow,
    .color-code.Pastel-Yellow {
        background-color: #fdfd96;
    }

    .slider-color-list.Caramel,
    .color-code.Caramel {
        background-color: #FDD39B;
    }

    .slider-color-list.Pearl-White,
    .color-code.Pearl-White {
        background-color: #F8F6F0;
    }



    .slider-color-list.Tea-Green,
    .color-code.Tea-Green {
        background-color: #CCFB5D;
    }


    .slider-color-list.Organic-Brown,
    .color-code.Organic-Brown {
        background-color: #E3F9A6;
    }


    .slider-color-list.Light-Azure,
    .color-code.Light-Azure {
        background-color: #74bbfb;
    }

    .slider-color-list.Creamy-Mint,
    .color-code.Creamy-Mint {
        background-color: #c8f3cd;
    }

    .slider-color-list.Aquamarine,
    .color-code.Aquamarine {
        background-color: #7FFFD4;
    }


    /*    --Duty FONT COLOR STARTS--*/


    .slider-color-list-two.Red,
    .color-code.Red {
        background-color: #FF0000;
    }


    .slider-color-list-two.Green,
    .color-code.Green {
        background-color: #008000;
    }


    .slider-color-list-two.Blue,
    .color-code.Blue {
        background-color: #0000FF;
    }


    .slider-color-list-two.Yellow,
    .color-code.Yellow {
        background-color: #FFFF00;
    }


    .slider-color-list-two.Black,
    .color-code.Black {
        background-color: #000;
    }


    .slider-color-list-two.Orange,
    .color-code.Orange {
        background-color: #FFA500;
    }


    .slider-color-list-two.Gray,
    .color-code.Gray {
        background-color: #808080;
    }


    .slider-color-list-two.Purple,
    .color-code.Purple {
        background-color: #800080;
    }


    .slider-color-list-two.Magenta,
    .color-code.Magenta {
        background-color: #FF00FF;
    }


    .slider-color-list-two.Maroom,
    .color-code.Maroom {
        background-color: #800000;
    }


    .slider-color-list-two.Cyan,
    .color-code.Cyan {
        background-color: #00FFFF;
    }

    .slider-color-list-two.Chocolate,
    .color-code.Chocolate {
        background-color: #EDE6D6;
    }

    .slider-color-list-two.Coffee,
    .color-code.Coffee {
        background-color: #6F4E37;
    }

    .slider-color-list-two.Bronze,
    .color-code.Bronze {
        background-color: #CD7F32;
    }

    .slider-color-list-two.Raspberry,
    .color-code.Raspberry {
        background-color: #E30B5D;
    }

    .slider-color-list-two.Deep-Teal,
    .color-code.Deep-Teal {
        background-color: #033E3E;
    }

    .slider-color-list-two.Medium-Teal,
    .color-code.Medium-Teal {
        background-color: #045F5F;
    }

    .slider-color-list-two.Blue-Whale,
    .color-code.Blue-Whale {
        background-color: #342D7E;
    }

    .slider-color-list-two.Deep-Purple,
    .color-code.Dee-Purple {
        background-color: #36013F;
    }


    .slider-color-list-two.Eggplant,
    .color-code.Eggplant {
        background-color: #614051;
    }

    .slider-color-list-two.Black-Bean,
    .color-code.Black-Bean {
        background-color: #3D0C02;
    }

    .slider-color-list-two.Midnight,
    .color-code.Midnight {
        background-color: #2B1B17;
    }

    .slider-color-list-two.Ferrari-Red,
    .color-code.Ferrari-Red {
        background-color: #F70D1A;
    }

/*
    ---DUTY FONT COLOR END--*/
.open-color-box {
    display: block;
}

.my_profile_btn_edite {
    width: 18px;
    height: 18px;
    background: url(../images/icons/edite.png);
    background-size: contain;
    color: white;
    display: inline-block;
    background-repeat: no-repeat;
    padding: 12px;
}

/* ====================================================
                   leave application css - subin
======================================================== */
.bg-info {
    background-color: #fff !important;
    border: var(--blue-color-theme) solid 1px;
}

    .bg-info .card-body {
        padding: 5px !important;
    }

    .bg-info .card-text {
        font-size: 30px;
        color: var(--blue-color-theme);
        margin: 0px;
    }

    .bg-info p {
        color: #000;
    }

.badge-1 {
    display: inline-block;
    width: 30% !important;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff !important;
    background-color: var(--blue-color-theme) !important;
    padding: 2px 0px 0px 2px;
    border-radius: 125px;
    position: relative;
    height: 30% !important;
    text-align: center;
    top: 40px;
    left: 40px;
}

.badge-2 {
    display: inline-block;
    width: 30% !important;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff !important;
    background-color: var(--blue-color-theme) !important;
    padding: 2px 0px 0px 2px;
    border-radius: 125px;
    position: relative;
    height: 30% !important;
    text-align: center;
    top: 40px;
    left: 40px;
}

.scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    /* height: 325px;*/
    height: 700px !important;
}

.no-footer {
    padding-bottom: 0px !important;
}

.right-leave-section {
    background-color: white;
    border-radius: 0.42rem;
    height: 100%;
}



/* ====================================================
                   leave application css - subin
======================================================== */


/* ====================================================
                   Stepper css start here
======================================================== */


.step {
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-color: cream;
}

.v-stepper {
    position: relative;
    /*   visibility: visible; */
}


/* regular step */
.step .circle {
    background-color: white;
    border: 3px solid #d3d3d3;
    border-radius: 100%;
    width: 20px; /* +6 for border */
    height: 20px;
    display: inline-block;
}

.step .line {
    top: 20px;
    left: 8px;
    /*   height: 120px; */
    height: 100%;
    position: absolute;
    border-left: 3px solid lightgrey;
}

.step.completed .circle {
    visibility: visible;
}

.step.completed .line {
    border-left: 3px solid rgb(36 217 3)
}

.step.active .circle {
    visibility: visible;
    border-color: rgb(36 217 3)
}

.step.empty .circle {
    visibility: hidden;
}

.step.empty .line {
    /*     visibility: hidden; */
    /*   height: 150%; */
    top: 0;
    height: 150%;
}


.step:last-child .line {
    border-left: 3px solid white;
    z-index: -1; /* behind the circle to completely hide */
}

.stepper-content {
    margin-left: 20px;
    display: inline-block;
}

.step.completed .fa-check {
    color: #24d903;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    padding: 3px;
    display: flex;
}

.fa-check {
    color: #fff;
    font-size: 5px;
}

.step.completed .circle {
    border: 3px solid #3edd21;
}

.title {
    padding-left: 13px;
}

.icon_reject::before {
    color: #f64e60 !important;
}

.rejected .icon-xl {
    color: #f64e60 !important;
    font-size: 10px !important;
    text-align: center;
    font-weight: 600;
    padding: 2px;
    display: flex;
    justify-content: center;
}

.step.rejected .line {
    border-color: #f64e60;
}


.step.rejected .circle {
    border: 3px solid #f64e60;
}
/* ====================================================
                   Stepper css end here
======================================================== */





.popup {
    margin: 15% auto;
    /*padding: 10px;*/
}

.modal-body .ihits-table table {
    margin-bottom: 0px !important;
}

.bootstrap-select .dropdown-menu.show {
    top: 0px !important;
    transform: translate3d(0px, 35px, 0px) !important;
}
/*}
    
/*.slider-search-field .bootstrap-select .dropdown-menu.show {
    top: 45px !important;
}*/
.dropdown-menu.show .inner.show {
    transform: translate3d(0px, 0px, 0px) !important;
    height: 300px;
}

/*.inner {
    max-height: 394.812px !important;
}*/
.c-off-dashboard {
    margin: 0 auto;
    width: 75%;
    text-align: center;
    margin-bottom: 20px;
}

/*.content .bootstrap-select .dropdown-menu {
    max-height: 130px;
    overflow: auto;
}*/

.form-control-dropdown {
    display: block;
    width: 100%;
    font-weight: 400;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #E4E6EF;
    border-radius: 0.42rem;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #595b66;
    border: 1px solid #999999;
    padding: 0px 5px;
    line-height: 18px;
    height: 26px;
    font-size: 13px;
    border-radius: 3px;
}
/*Attendance Regulrizn Buttons starts*/
.view_btn {
    width: 18px;
    height: 18px;
    background: url(../images/icons/view.svg);
    background-size: contain;
    color: white;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 2px;
}

.btn_approve {
    width: 18px;
    height: 18px;
    background: url(../images/icons/Approve.svg);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 2px;
}

.btn_reject {
    width: 18px;
    height: 18px;
    background: url(../images/icons/cancel.svg);
    background-size: contain;
    color: white;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 2px;
}
/*Attendance Regulrizn Buttons Ends*/
.my_profile_btn_edite {
    width: 18px;
    height: 18px;
    background: url(../images/icons/edite.png);
    background-size: contain;
    color: white;
    display: inline-block;
    background-repeat: no-repeat;
    padding: 12px;
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 100;
}




.two-small-input {
    flex: 0 0 12.66667%;
    max-width: 12.66667%;
}

    .two-small-input input {
        width: 60px;
        float: left;
        margin-right: 5px;
    }

.dataTables_paginate.paging_full {
    position: absolute;
    bottom: 50px;
    background-color: #fff;
    width: 60%;
    padding-top: 10px;
}


.login-wrap {
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 20px;
    padding: 22px;
    /* -webkit-box-shadow: 0px 0px 50px 0px rgb(82 63 105);
    box-shadow: 0px 0px 50px 0px rgb(82 63 105);*/
}



.color-theme-picker {
    padding: 10px;
    display: inline-block;
}

.login-profile-top {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    position: relative;
}
/*
    .login-profile-top::before {
        background-color: #fff;
        content: '';
        width: 100%;
        height: 130px;
        position: absolute;
        left: 0px;
        top: -60px;
        border-bottom-left-radius: 200px;
        border-bottom-right-radius: 200px;
        z-index: 1;
    }*/

.login-profile-image {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background-color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 25px;
}

    .login-profile-image img {
        border-radius: 100px;
        width: 60px;
        height: auto;
    }

.login-profile-more-details {
    position: relative;
    z-index: 1;
}

    .login-profile-more-details span.username {
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        color: #333;
        width: 100%;
        display: inline-block;
    }

    .login-profile-more-details span.other-details {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: #333;
        width: 100%;
        display: inline-block;
    }

.login-button-outer {
    display: inline-block;
    width: 100%;
}

.view-profile {
    background-color: #dcdcdc;
    padding: 5px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    width: 100px;
    margin-left: 15px;
    margin-bottom: 15px;
    float: left;
    color: #000;
    cursor: pointer;
}

    .view-profile:hover {
        background-color: #b4b4b4;
        color: #fff;
    }

.sign-out {
    background: var(--main-color-one);
    padding: 5px;
    border-radius: 25px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    margin-right: 15px;
    margin-bottom: 5px;
    color: #fff;
    cursor: pointer;
}

    .sign-out:hover {
        background-color: var(--blue-color-theme-hover);
    }

.top-3 {
    top: 3px !important;
}

.employee-profile-img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    margin-top: 2px;
    cursor: pointer;
}

    .employee-profile-img img {
        width: 35px;
        height: auto;
        border-radius: 100%;
    }

.logOutMenu {
    position: absolute;
    z-index: 99;
    right: 40px;
    /* top: 7px;*/
}

@media (min-width: 380px) {
    .dropdown-menu.dropdown-menu-lg {
        width: 240px;
    }
}

.othermember_leave {
    margin-bottom: 6px;
    padding: 11px;
    border: 1px solid #e5e5e5;
}



.symbol.symbol-xxl-100 .symbol-label {
    width: 80px !important;
    height: 80px !important;
}

.highs {
    margin-left: auto !important;
    margin-right: 30px;
}

.lows {
    margin-left: 0px !important;
}




/*********************************** New UI Theme Start  **********************************************************/







/**New theme*/
.main-outer-div {
    /* padding: 28px;*/
    /*  background-color: #264F94;
    position: relative;
    height: 100%;
    overflow: hidden;*/
    overflow: hidden;
    /* padding: 28px; */
    height: 100%;
}

    .main-outer-div:before {
        /*  content: '';
        width: 821px;
        height: 300px;
         background-color: green; 
        background-image: url(../images/Group6.png);
        position: absolute;
        left: 36%;
        margin-left: -150px;
        top: -165px;*/
    }


    .main-outer-div:after {
        /*content: '';
        width: 520px;
        height: 354px;*/
        /*  background-image: url(../images/Image13.png);*/
        /* position: absolute;*/
        /*left: -24px;
        bottom: -3px;*/
    }

.main-outer-div-inner {
    /* border-radius: 30px;*/
    overflow: hidden;
    height: 100%;
    /*background-color: #F3F7FD;*/
    position: relative;
}

.content {
    padding: 0px 0;
    top: 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.full-width {
    padding: 0px !important;
}

.card.card-custom > .card-body {
    padding: 20px;
    height: 93.5vh;
    background-color: #F3F7FD;
    /*       height: 100vh;*/
    overflow: auto;
}
/*@media (min-width: 992px){
    .header-fixed.aside-minimize .header,
    .aside-fixed.header-fixed.aside-minimize.aside-minimize-hover .header {
        left: 0px;
    }
    .aside-fixed .aside {
        position: relative !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0px !important;
        z-index: 98 !important;
    }
}*/
.card {
    border-radius: 0rem;
}

    .card.card-custom.height-100per {
        /*  height: 505px;*/
        position: relative;
        padding-left: 50px;
    }

    .card.card-custom > .card-body {
        /* padding: 20px;*/
        /*padding: 18px 25px 25px 50px;*/
        padding: 10px 25px 25px 50px;
        background-color: #F6F8FC;
        overflow: auto;
    }

@media (min-width: 992px) {
    .header.header-fixed {
        position: relative;
    }
}

@media (min-width: 992px) {
    .aside-fixed.aside-minimize.aside-minimize-hover .wrapper,
    .aside-fixed.aside-minimize:not(.aside-minimize-hover) .wrapper {
        padding-left: 0px;
    }
}

@media (min-width: 992px) {
    .aside-fixed .aside {
        position: absolute;
    }
}

@media (min-width: 992px) {
    .header.header-fixed {
        padding-left: 50px;
    }
}


/*<new>*/
.ihits-table tbody {
    background-color: white;
}

.ihits-table.table-border table thead tr.table-dark th,
.ihits-table.table-border table tbody tr.table-dark td {
    background-color: #264f94;
    background-color: var(--main-color-one);
    /* border: 1px solid #EBEBFD !important;*/
    color: #ffffff;
}

.modal-backdrop {
    z-index: 0 !important;
}



.dataTables_wrapper .dataTables_length select {
    border: 1px solid #EBEBFD !important;
    background-color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #EBEBFD !important;
    border-radius: 6px !important;
    background-color: white !important;
    font-size: 12px;
    color: #7C8DA7 !important;
}


.dataTables_info {
    font-size: 10px !important;
    color: #7C8DA7 !important;
}

.dataTables_wrapper {
    background-color: white !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background-color: white !important;
        background: none !important;
        color: #7C8DA7 !important;
    }


    .dataTables_wrapper .dataTables_paginate .paginate_button {
        color: #7C8DA7 !important;
    }


        .dataTables_wrapper .dataTables_paginate .paginate_button.current {
            background: none !important;
            border: 1px solid #9dbef1 !important;
        }

.dataTables_scrollBody {
    border: none !important;
}

.dataTables_wrapper .dataTables_scroll {
    margin-top: 0px !important;
}

.odd, .even {
    border-bottom: 1px solid #EBEBFD;
}


.tab-button-wrap .tab-items .btn-title .btn-notification {
}

.tab-button-wrap .tab-items .btn-title .btn-notification {
    /*display: none;*/
}

.btn.btn-default {
    border-radius: 20px;
}

.select-option .filter-button .fa-filter::before {
    content: '';
    display: block;
    width: 20px;
    background: url(../images/icons/filter_icon.svg);
    border: none;
    height: 20px;
    background-repeat: no-repeat;
}


.fa-file-excel::before {
    content: '';
    display: block;
    width: 20px;
    background: url(../images/icons/Download_excel.svg);
    border: none;
    height: 20px;
    background-repeat: no-repeat;
}



.select-option .fa-search::before {
    content: '';
    display: block;
    width: 20px;
    background: url(../images/icons/Search_icon.svg);
    border: none;
    height: 20px;
    background-repeat: no-repeat;
}




/*<new joiningconformation>*/
.header.header-fixed {
    height: 50px !important;
}

.joining_c {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
}





/* <reports> */
.img-report {
    width: 40px;
    /*height: 40px;*/
    overflow: hidden;
    object-fit: cover;
}

    .img-report img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        overflow: hidden;
        border-radius: 100%;
        object-fit: cover;
    }

.name-post {
    padding: 8px;
    width: 170px;
}


.viewscroll {
    margin: auto;
    height: 700px;
    overflow-x: scroll;
    overflow-y: scroll;
}

.newwrapper {
    width: 1302px;
}

.sticky-col {
    position: -webkit-sticky;
    position: sticky;
}

.groupsummary-col {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
    left: 0px;
    background-color: white;
}

.total-col {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    left: 165px;
    background-color: white;
}

.percent-col {
    width: 70px;
    min-width: 60px;
    max-width: 60px;
    left: 232px;
    background-color: white;
}

.route-col {
    width: 70px;
    min-width: 90px;
    max-width: 90px;
    left: 290px;
    background-color: white;
}

.first-col {
    width: 100px;
    min-width: 110px;
    max-width: 85px;
    left: 0px;
    z-index: 2;
    background-color: white;
}

.second-col {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
    left: 110px;
    z-index: 2;
    background-color: white;
}

.cols {
    z-index: 1;
}

.Thrid-col {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
    left: 225px;
    background-color: white;
}

.designation-col {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
    left: 279px;
    background-color: white;
    z-index: 2;
}

.department-col {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
    left: 425px;
    z-index: 1;
    background-color: white;
}

.dprmnt {
    left: 585px;
    z-index: 1;
    background-color: #fff;
}

.location-nw-sty {
    left: 690px;
    z-index: 1;
    background-color: #fff;
}

.location-col {
    width: 115px;
    min-width: 115px;
    max-width: 115px;
    left: 550px;
    background-color: white;
}

.Category-col {
    width: 115px;
    min-width: 115px;
    max-width: 115px;
    left: 660px;
    background-color: white;
}

.DOJ-col {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    left: 770px;
    background-color: white;
}

.LID-col {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    left: 855px;
    background-color: white;
}

.LWD-col {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    left: 938px;
    background-color: white;
}

.basic-col {
    width: 120px;
    min-width: 160px;
    max-width: 160px;
    z-index: 1;
}


/*<testing piont>*/

/*.slider-search-field .bootstrap-select .dropdown-menu {
    max-height: 520px !important;
}
*/
/*.slider-search-field .dropdown-menu {
    max-height: initial;
    overflow-y: auto;
    min-height: auto;
}*/

/*.content .bootstrap-select .dropdown-menu .selected {
    display: none;
}
*/




/*   <anjali>*/

.company-pro {
    background-color: white;
    padding: 5px 40px 30px;
}

.inner-pro {
    box-shadow: 0px 0px 5px 5px #F6F7F9;
    padding: 10px;
    border-radius: 15px;
}

.company-list .table-border table {
    border: none !important;
}

.company-list table {
    border: none !important;
}

    .company-list table tbody tr {
        border-bottom: 1px solid #F6F7F9;
    }

.notice-period {
    border: none !important;
}

.ihits-table.table-border .notice-period thead tr th, .ihits-table.table-border .notice-period tbody tr td {
    border: none !important;
}

.ihits-table.table-border .notice-period thead tr th {
    color: #20427D !important;
    padding: 4px 7px;
    font-size: 14px;
}

.ihits-table.table-border .notice-period tbody tr td {
    padding: 3px 7px !important;
    color: #8998B0;
}

.resignation-accept {
    background: #fff;
    padding: 35px 28px 15px;
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 35px;
}

.design-form {
    /*  border:none !important;*/
    /*    padding-left:0px;*/
}

.was-validated .form-control:invalid, {
    display: none;
}

.ihits-table table tbody tr {
    /*   border-bottom: 1px solid #F6F7F9;*/
    border-bottom: 1px solid #c6cbd8;
}

.period table tbody tr {
    border: none !important;
}

.reject {
    border: none !important;
    /*background-color: #7C8DA7 !important;*/
    padding: 4px 10px;
    min-width: 100px;
    border-radius: 50px;
}

.accept {
    background-color: #135FD4 !important;
    border: none !important;
}

    .accept:hover {
        background-color: #135FD4 !important;
        border: none !important;
    }

.file-color {
    color: #135FD4;
}

::-webkit-file-upload-button {
    background: #E9E9E9 !important;
    color: #7C8DA7 !important;
    /*   padding: 1em;*/
    font-size: 9px;
}


.compensation-style table thead tr th {
    background-color: #264F94 !important;
    color: #fff !important;
}

.table-fixed {
    background-color: #F3F7FD !important;
}

    .table-fixed td {
        color: #135FD4 !important;
    }

.table-pay {
    background-color: #E8E8E8 !important;
}

    .table-pay td {
        color: #000000 !important;
    }

.table-new {
    background-color: #F3F7FD !important;
}

    .table-new td {
        color: #7C8DA7 !important;
    }



/*.checkbox {
    opacity: 0;
    position: absolute;
}
*/
.label {
    width: 50px;
    height: 26px;
    background-color: #111;
    display: flex;
    border-radius: 50px;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    position: relative;
    transform: scale(1.5);
}

.ball {
    width: 20px;
    height: 20px;
    background-color: white;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

/*  target the elemenent after the label*/
/*.checkbox:checked + .label .ball {
    transform: translateX(24px);
}*/

.fa-moon {
    color: pink;
}

.fa-sun {
    color: yellow;
}

/***Dark theme start here ***/




/***Dark theme start here ***/



/******* Loading spinner  *******/
.spinner-outer {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: black;
    opacity: 0.7;
    /*    z-index: 123;*/
    z-index: 999999999;
}

.spinner {
    background-image: url('../images/Loader_img1 (7).gif');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    position: fixed;
    left: 45%;
    top: 40%;
}

.spinner-outer-small {
    position: absolute;
    width: 100%;
    height: 50vh;
    /*background: black;*/
    /* opacity: 0.7;*/
    /*    z-index: 123;*/
    z-index: 999999999;
}

.spinner-small {
    background-image: url('../images/Loader_img1 (7).gif');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 40%;
    top: 17%;
}

.heading-menu i span {
    cursor: auto !important;
}
/*.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    left: 50%;
    top: 50%;
}
*/
.spinner:before {
    left: 10px;
    display: none;
}

/*.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #c5d3ff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}*/

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/******* Loading spinner  *******/


/*<08-02-2022 slider > */
.new-inner-style {
    padding: 0 !important;
}

.add-padding {
    padding: 0px 30px 80px;
}

.location-slider {
    padding: 40px 30px 10px;
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 1010;
}

.slider-inner-style::-webkit-scrollbar {
    width: 6px !important;
}
/*
.slider-inner-style::-webkit-scrollbar-track {
    background: white !important;
}
*/
.slider-inner-style::-webkit-scrollbar-thumb {
    background: #CCCCCC !important;
}
/*
    .slider-inner-style::-webkit-scrollbar-thumb:hover {
        background: white !important;
    }
*/
/*::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}*/

.location-slider::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #CCCCCC;
}
/* <new> */

.groupsummary-cols {
    width: 70px;
    min-width: 115px;
    max-width: 70px;
    left: 0px;
    background-color: white;
}

.totals-col {
    width: 70px;
    min-width: 170px;
    max-width: 170px;
    left: 114px;
    background-color: white;
    z-index: 5;
}

.percents-col {
    width: 85px;
    min-width: 105px;
    max-width: 85px;
    left: 239px;
    background-color: white;
}

.order-col {
    width: 90px;
    min-width: 105px;
    max-width: 90px;
    left: 343px;
    background-color: white;
}

.type-col {
    width: 90px;
    min-width: 110px;
    max-width: 110px;
    left: 448px;
    background-color: white;
}

.basic-cols {
    width: 140px;
    min-width: 145px;
    max-width: 140px;
}

.layout-ihits {
    table-layout: fixed;
}


/*<13-9-2022>*/
.aside-menu .menu-nav .menu-item > .menu-heading, .aside-menu .menu-nav .menu-item > .menu-link {
    justify-content: center !important;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
    color: #0a1a36 !important;
    padding-left: 15px;
    font-weight: 400;
}




.databank::before {
    content: '';
    display: block;
    width: 40px;
    background: url('../images/Databank.svg');
    border: none;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.settings::before {
    content: '';
    display: block;
    width: 40px;
    background: url('../images/Settings.svg');
    border: none;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.timeoffice::before {
    content: '';
    display: block;
    width: 40px;
    background: url('../images/Timeoffice.svg');
    border: none;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.payroll::before {
    content: '';
    display: block;
    width: 40px;
    background: url('../images/Payroll.svg');
    border: none;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.Recruitment::before {
    content: '';
    display: block;
    width: 40px;
    background: url('../images/Recruitment.svg');
    border: none;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.Hrplanning::before {
    content: '';
    display: block;
    width: 40px;
    background: url('../images/HR_palaning.svg');
    border: none;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.header-menu-wrapper {
    padding-left: 35px;
}

.newoffday {
    display: flex;
    align-items: center;
    justify-content: center;
}

.newfa {
    font-size: 12px;
    margin-right: 8px;
}

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

.firstday {
    padding-left: 15px;
}


.headname {
    font-size: 13px;
}


.viewscrolls {
    margin: auto;
    height: 450px;
    overflow-x: scroll;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: scroll;
    position: relative;
}


.newcheck .checkbox-inline {
    width: 20px;
}

.empstatus h3 {
    font-size: 13px;
    font-weight: 100;
}

.empstatus-new {
    font-size: 15px;
    font-weight: 500;
}


/*22/02/2022*/

.batchupdate {
    color: #fff !important;
    background-color: var(--blue-color-theme) !important;
    border-color: var(--blue-color-theme) !important;
}
/*#BatchUpdate {
    background-color: var(--second-color-one) !important;
    border-color: var(--second-color-one) !important;
}*/

.fa-sync-alt::before {
    color: #00890c !important;
    font-size: 11px !important;
    line-height: 14px;
}

.btn.btn-icon.icon-only {
    background-color: #efeff4 !important;
    border: solid 1px #efeff4 !important;
}

.fa-times::before {
    color: #d10000 !important;
    font-size: 11px !important;
    line-height: 14px;
}

.layout-fixed {
    table-layout: auto !important;
}


.profile-header .emp-name a {
    color: #fff !important;
}

.emp-profile .header-profile-email, .profile-header .header-profile-label {
    color: #fff !important;
}

.emp-profile .fas {
    color: #fff !important;
}

.emp-profile {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.card.card-custom.height-100per, .row.height-100per, .height-100per {
    /*height: 100%  !important;*/
    position: relative;
}

.pro-head {
    padding: 25px 50px;
}

.dntCaptcha {
    display: flex;
    flex-direction: row-reverse;
    width: 95%;
    align-items: center;
}

    .dntCaptcha img {
        height: 32px;
        margin-left: 10px;
        border-radius: 5px;
        filter: grayscale(1);
    }

    .dntCaptcha a {
        position: absolute;
        right: -17px;
    }



.modal-backdrop.show {
    z-index: 1000 !important;
}


.newlisted input {
    width: 100%;
}

.newlisted checkbox-inline {
    justify-content: center;
}

.list-style {
    list-style: none;
    position: relative;
}

.list-styleicon::before {
    content: "";
    /*background: url('../images/check-mark.png');*/
    background: url('../images/check-mark (1).png');
    display: block;
    position: absolute;
    left: -22px;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}

.pass li {
    padding: 0 10px 10px;
}

.newpasscode {
    padding: 0 0 10px;
}

.list-cancelicon::before {
    content: "";
    /*background: url('../images/check-mark.png');*/
    background: url('../images/cancel.png');
    display: block;
    position: absolute;
    left: -22px;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}


/* <service-record> */
.pdf-img {
    height: 432px;
    width: 100%;
    object-fit: cover;
    border: 1px solid #f1f1f1;
}



.backremove {
    background-color: transparent;
}

.salaryrow {
    background-color: #8383c963;
    padding: 15px 10px;
    border-radius: 5px;
}

    .salaryrow h4 {
        margin-bottom: 0px;
        font-size: 14px;
        color: #000000a8;
        font-weight: 600;
        line-height: 33px;
    }

.top-salary {
    padding: 10px 10px;
}

.firstrow {
    background-color: #fff;
    padding: 15px 10px;
    border-radius: 5px;
}

    .firstrow h4 {
        margin-bottom: 0px;
        font-size: 14px;
        color: #000000a8;
        font-weight: 600;
        line-height: 33px;
    }

.iconclass {
    cursor: pointer;
    border: 1px solid #c30f0f;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    justify-content: 39px;
}

.unlock {
    color: #c30f0f;
}

.locks {
    color: #24A73A;
}

.iconclasss {
    cursor: pointer;
    border: 1px solid #24A73A;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    justify-content: 39px;
}

.newicon {
    font-size: 15px;
    padding-right: 5px;
}

#AttritionTable .attrition-report-list-table-footer {
    display: none;
}

.app-track {
    color: #fff;
}


.page_white {
    background-color: white;
    padding: 20px 23px 10px;
    margin-bottom: 30px;
    border-radius: 10px;
}


.btn-hold {
    background-color: #c6c9d7 !important;
    color: #000 !important;
    border-color: #c6c9d7 !important;
}

    .btn-hold:hover {
        background-color: #c6c9d7 !important;
        color: #000 !important;
        border-color: #c6c9d7 !important;
    }

.interviewer {
    border: 1px solid #7e8299b3;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 15px;
}

.skill-set h2 {
    font-size: 12px;
}

.newcard {
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
}
/*.static-dashboard {
    background-image: url(../images/muthootfincorp.jpg);
  
    background-repeat: no-repeat;
    
    height: 100%;
    width: auto;
   

}*/
.img-dashboard {
    width: 100%;
    height: 100%;
}

    .img-dashboard img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.whitecolor {
    color: #fff !important;
}

.daysred {
    color: red !important;
}

.proceed-btn {
    background-color: #ced5f3;
    color: #000000;
}

.hrms-color {
    color: #3a7ce9;
}

.user-svg img {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -2px;
    width: 15px;
    height: 15px;
}

.proceed-login-btn {
    width: 100% !important;
    background-color: #354ea1 !important;
    margin: 0px !important;
}


.login-btn {
    /* background-color: #1a84d8 !important;*/
    background-color: #217BFF !important;
    border: none;
    color: white;
    font-size: 18px;
    border-radius: 30px;
    height: 45px !important;
    margin-bottom: 19px;
    font-family: 'Poppins', sans-serif !important;
}

.usernameinput {
    border-bottom: 1px solid #7EACDE !important;
    /* box-shadow: rgb(0 0 0 / 20%) 0px 0px 15px !important;*/
    border-radius: 0px;
    height: 43px !important;
    padding-left: 30px !important;
    background-color: transparent !important;
}


/*input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}*/
/* <grade wise> */
.pop-grade {
    padding: 7px 17px;
    margin: 5px 10px 10px 10px;
    border: 1px solid lightgray;
    border-radius: 6px;
}

.authername {
    font-size: 13px;
    font-weight: 600;
}



.file-upload-form-group .form-control {
    height: auto !important;
}

.walk_icon {
    font-size: 18px !important;
}

.walk_img {
    width: 90px !important;
    height: 90px !important;
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 12 32 / 21%) !important;
}



.module_icon:before {
    display: block;
    width: 40px;
    background: url(../images/icons/Module_menu.svg);
    border: none;
    height: 25px;
    background-repeat: no-repeat;
}

.module_items {
    padding: 10px;
}

.right-card {
    background-color: #fff;
    border-radius: 5px;
}

.ihits-table table tr.table-dark a {
    color: #fff !important;
}

.new_duty_footer {
    position: sticky;
    bottom: 0px;
    z-index: 10;
}



.module {
    position: absolute !important;
    left: -26px !important;
    top: 12px !important;
}

.module_icon {
    color: transparent !important;
}

.doc-view {
    height: 25px !important;
    background-color: #7e8299 !important;
    border-color: #7e8299 !important;
}

.yearsor {
    width: 100% !important;
    padding: 3px !important;
}

.step-item {
    cursor: pointer;
}

.attendance-table-footer td {
    width: 50.8281px !important;
}

.module_menu_right {
    cursor: pointer;
}


    .module_menu_right ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
    }

    .module_menu_right li {
        color: #fff;
        display: block;
        float: left;
        padding: 1rem;
        position: relative;
        text-decoration: none;
        transition-duration: 0.5s;
    }

        .module_menu_right li a {
            color: #fff;
        }

        .module_menu_right li:hover {
            cursor: pointer;
        }

    .module_menu_right ul li ul {
        visibility: hidden;
        opacity: 0;
        min-width: 5rem;
        position: absolute !important;
        transition: all 0.5s ease;
        margin-top: 1rem;
        right: 0;
        display: none;
        background-color: white;
        width: 331px;
        right: 0;
    }

        .module_menu_right ul li:hover > ul,
        .module_menu_right ul li ul:hover {
            visibility: visible;
            opacity: 1;
            display: block;
        }

        .module_menu_right ul li ul li {
            clear: both;
            width: 100%;
        }








.credits {
    width: 100%;
    color: #FFF;
    float: left;
    text-align: center;
    opacity: .3;
}

* EOF EXTRA *

.container_menu {
    margin: 0px;
    position: relative;
    color: #FFF;
    padding: 50px;
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    display: contents;
}

.button-container {
    width: 110px;
    height: 110px;
    position: relative;
    float: left;
    text-align: center;
    border: 1px dotted #e7eef3;
    cursor: pointer;
}

.card_menu {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #FFF;
    text-decoration: none;
}

    .card_menu:hover {
        background-color: #FFF;
        border-radius: 5px;
        transition: .3s;
        width: 110px;
        height: 110px;
    }

.card_menu-icon {
    color: #7c8da7;
    font-size: 30px;
    transition: .3s;
}

.card_menu:hover .card_menu-icon {
    color: #197fd2;
    font-size: 40px;
    transition: .3s;
}

.card_menu-title {
    font-family: 'Montserrat', sans-serif;
    color: #197fd2;
    opacity: 0;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    transition: .3s;
    line-height: 15px;
}

.card_menu:hover .card_menu-title {
    opacity: 1;
    transition: .3s;
}



.year-picker::before {
    /*background: url(../images/calanderone.png) no-repeat right;*/
    background: url('../images/calendar-icon (1) (4).svg') no-repeat right;
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    background-size: cover;
    position: absolute;
    right: 0;
    margin: 4px;
    background-position: center;
}
/*<new 29-2-2022>*/


.history-btn {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

    .history-btn img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.application-icon h3 {
    font-size: 13px;
    color: #00040a;
}


/*<new>*/
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 75px !important;
    line-height: 75px !important;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

.dataTables_scrollHeadInner table thead tr th {
    width: 0px;
}

.progress-bar {
    cursor: pointer;
}

/*<leave rlue scroll change  06-01-2023 start>*/
.leve_scroll_chnge {
    background-color: var(--blue-color-theme);
    color: white;
    position: sticky;
    z-index: 1;
    top: 0;
}

.iconpad {
    padding-left: 5px;
}

.switch {
    width: 30px;
}

.hrcount {
    display: none;
}

.newcls {
    min-width: 130px;
}

.newname {
    min-width: 200px;
}

.popup-inner-style .profile-header {
    box-shadow: none;
    border-radius: 10px;
    background-color: #264f94 !important;
}

.popup-inner-style {
    padding: 5px 20px;
}

    .popup-inner-style .profile-header .header-profile-email, .header-profile-label {
        color: #fff !important;
    }

    .popup-inner-style .profile-header .fas {
        color: #fff !important;
    }

.table-gross {
    background-color: #bac1e5a3 !important;
}







/*== start of code for tooltips  09-01-23==*/



/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

    /* Hide the tooltip content by default */
    [data-tooltip]:before,
    [data-tooltip]:after {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    /* Position tooltip above the element */
    [data-tooltip]:before {
        position: absolute;
        bottom: 110%;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -40px;
        padding: 3px;
        width: 80px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #000000;
        background-color: #000000;
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 12px;
    }

    /* Triangle hack to make tooltip look like a speech bubble */
    [data-tooltip]:after {
        position: absolute;
        bottom: 110%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #000000;
        border-top: 5px solid #000000;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
    }

    /* Show tooltip content on hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        opacity: 1;
    }


/* tooltip content end */



/*<saved SUCCESSFULLY>*/ /**/
.swal2-container {
    /*z-index: 100000008 !important;*/
    z-index: 999999999 !important;
}

.date-set {
    position: relative;
}

/*<resume database>*/
.notchlabel {
    position: absolute;
    top: 3px;
    left: 70px;
}

.new_reject::before {
    background-image: url(../images/reject.svg);
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.verify-icon::before {
    content: "";
    background-image: url(../images/success-green-check-mark-icon.svg);
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: cover;
}



/*<life events>*/
.company-overview {
    width: 100%;
    height: 200px;
    background-image: url(../images/Rectangle-108.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 21px;
}

.application-btn {
    cursor: pointer;
}




.main_search {
    position: absolute;
    right: 281px;
    z-index: 20;
    padding-top: 3px;
    /*    width: 18%;*/
    width: 16%;
}


/*.searchInput {
    width: 25rem;
    padding: 0 1rem;
    border-radius: 2rem;
    border: 1px solid #cbd5e5;
    height: 35px;
    transition: transform 0.1s ease-in-out;
    font-size: 10px;
}

::placeholder {
    color: #a1a1a1;
}*/

/* hide the placeholder text on focus */
/*:focus::placeholder {
    text-indent: -999px
}

.searchInput:focus {
    outline: none;
    transform: scale(1.1);
    transition: all 0.1s ease-in-out;
    border: 1px solid #5285d7;
}

.searchInputIcon {
    position: absolute;
    right: 0.8rem;
    top: 1.3rem;
    color: #a1a1a1;
    transition: all 0.1s ease-in-out;
}


.container:focus-within >
.searchInputWrapper > .searchInputIcon {
    right: 0.2rem;
}*/


/* Skip Dues Clearance start */

.skipdue-head {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
}

.skip-clear-check {
    font-size: 14px;
    padding-left: 5px;
}

/* Skip Dues Clearance end */






.container_search {
    max-width: 450px;
}

    .container_search .searchInput {
        width: 100%;
        position: relative;
    }

.searchInput input {
    /*  height: 45px;
    width: 100%;
    outline: none;
    border: 1px solid #c2c2c2;
    border-radius: 35px;
    padding: 0 60px 0 20px;
    font-size: 12px;*/

    height: 35px;
    width: 100%;
    margin-top: 5px;
    outline: none;
    border: 1px solid #c2c2c2;
    border-radius: 35px;
    padding: 0 60px 0 20px;
    font-size: 12px;
}

.searchInput.active input {
    border-radius: 5px 5px 0 0;
    border-radius: 35px;
}

.searchInput .resultBox {
    padding: 0;
    opacity: 0;
    pointer-events: none;
    max-height: 280px;
    overflow-y: auto;
}

.searchInput.active .resultBox {
    padding: 10px 8px;
    opacity: 1;
    pointer-events: auto;
    background-color: white;
}

.resultBox li {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.searchInput.active .resultBox li {
    display: block;
}

.resultBox li:hover {
    background: #efefef;
}

.searchInput .icon {
    position: absolute;
    right: 0px;
    top: -6px;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    color: #644bff;
    cursor: pointer;
}

.salary-period-srollz-tble {
    height: 430px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.highlight {
    background-color: yellow;
}

.pdf {
    width: 25px;
    height: 25px;
}

    .pdf img {
        width: 100%;
        height: 100%;
    }
/****** payslip css *********/
.s_slip_container {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #c2c2c2;
    margin: 20px 0px 20px 0px;
    padding-bottom: 12px;
    color: #0A1323;
    font-weight: 500;
    font-family: roboto;
}


.box_months {
    width: 80px;
    text-align: center;
    cursor: pointer;
}

    .box_months:after {
        content: "";
        background-color: #D8D8D8;
        margin: 0 auto;
        display: block;
        width: 2px;
        height: 12px;
    }

    .box_months.active:after {
        background-color: #4472CC;
    }



    .box_months p {
        margin: 0px;
        padding: 0px;
    }

    .box_months span {
        margin: 0px;
        padding: 0px;
    }

    .box_months.active {
        font-weight: bold;
        color: #4472CC !important;
    }



.payslip_container {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
}

    .payslip_container .title {
        display: flex;
    }



.box_months:nth-child(0) {
    margin-left: 0px;
    background-color: red;
}


.salaryslip_graph {
    text-align: center;
    border-bottom: dashed 1px #c2c2c2;
    padding-bottom: 27px;
}


.salary_details {
    margin-top: 10px;
}

    .salary_details div {
        width: 25%;
        width: 33%;
        margin: 0px 10px 0px 0px;
    }

.gross_pay {
    width: 100% !important;
    background-color: #EEEEEE;
    height: 63px;
    padding: 10px;
    border-radius: 9px;
}


    .gross_pay span {
        display: block;
    }



.deduction {
    width: 100% !important;
    background-color: #FF6979;
    height: 63px;
    padding: 10px;
    border-radius: 9px;
}


.Net_pay {
    width: 100% !important;
    background-color: #47D9A0;
    height: 63px;
    padding: 10px;
    border-radius: 9px;
}

    .Net_pay span {
        display: block;
    }


.deduction span {
    display: block;
}


.monthselection {
    margin-left: auto;
    width: 160px;
}

.day-number {
    position: relative;
}

.day-count {
    position: absolute;
}


/*payslip css*/

/*<new anjali>*/

.TrackerSlider .profile-header .header-profile-name span {
    color: #fff;
}

.tble_days {
    height: 290px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.yearly-table {
    position: sticky;
    top: 0;
    z-index: 5;
}

.daywise-count {
    font-size: 14px;
}

.view-appl {
    font-size: 11px;
}

.tble-common-align-poup {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.employee_id {
    position: sticky;
    left: 0;
}

.employee_name {
    position: sticky;
    left: 110px;
}

.modal-body {
    padding: 20px;
}
/*<abin>* 22-02-20234/*/
.new-tble-pad-tp {
    padding-top: 5px !important;
}

.new-vertical-scroll-100 {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow-x: hidden;
    height: 200px;
}

    .new-vertical-scroll-100 thead th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

.dataTables_processing {
    z-index: 1011;
}

.percent-width {
    left: 300px;
    background-color: #fff;
}

.expand-data {
    margin-right: 190px;
}

.icon-clr-new {
    color: #2574a4 !important;
}

.span_red {
    color: #f50c0c !important;
}
/*<multiselect>*/ /**/
.multiselect-filter {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: white;
}

    .multiselect-filter .input-group {
        padding: 5px;
        margin: 0px;
        border-radius: 2px;
    }


.multiselect-search {
    border-radius: 5px !important;
    height: 26px;
}

.pending-task-list {
    background-color: aliceblue;
    padding: 15px;
}

    .pending-task-list ul li {
        list-style: circle;
    }

.pending-tk {
    padding: 0px 45px;
}
/*<multiselect>*/







/******  Top menu subin *********/


.top_menu {
    background-color: #0068FF;
    position: absolute;
    left: 0px;
    padding: 12px;
    height: 50px;
    /* z-index: 88; */
    top: 0px;
    z-index: 99999999 !important;
}


@media (max-width:992px) {

    .top_menu {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .aside-on {
        display: block !important;
    }
}







.card.card-custom.height-100per {
    padding-left: 0px !important;
}


.card.card-custom > .card-body {
    padding: 18px 30px 75px 20px !important;
}
/*<anjali>*/
div.dataTables_processing {
    top: 35% !important;
    position: absolute;
    left: 45% !important;
    width: 200px;
    margin-left: auto !important;
    margin-top: auto !important;
    text-align: center;
    padding: 0 !important;
}

div.dataTables_processing {
    width: 110px !important;
}

    div.dataTables_processing div {
        display: none;
    }


.footerDiv {
    visibility: hidden;
}

.main-arrow::before {
    transform: rotateZ(90deg) !important;
}
/*<Abin-login page hrms>*/
.new_login {
    /*  background-image: url('../images/new.png');
    width: 100%;
    height: 100%;
  
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;*/
}

.muster_roll {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
}

.cuser-pointer-hand {
    cursor: pointer;
}

.total_count {
    font-size: 12px;
}

/*date-picker-z-index up>*/
/*.datepicker.datepicker-orient-top {
    z-index: 20 !important;
}*/
/*.slider-forms .slider-inner-style .datepicker.datepicker-orient-top {
    z-index: 99999 !important;
}*/
.form-controls {
    color: #000;
    border: 1px solid #EBEBFD;
    padding: 0px 5px;
    line-height: 18px;
    /*height: 26px;*/
    font-size: 13px;
    border-radius: 6px;
}


.tab-button-wrap .tab-items.select-options {
    margin-left: auto;
    padding-right: 10px;
}

.select-options .sraech-slider-circular {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 6px;
    margin-left: -5px;
    border-radius: 3px;
    margin-right: 8px;
    position: relative;
}

    .select-options .sraech-slider-circular input.form-controls {
        position: absolute;
        right: -5px;
        top: 0px;
        z-index: 2;
        width: 0;
        transition: 0.8s;
        background-color: #fff;
        border: none;
        border-radius: 4px;
        padding: 0px !important;
    }

        .select-options .sraech-slider-circular input.form-controls.field-width-big {
            width: 231px;
            transition: 0.3s;
            border: solid 1px #c8c8c8;
        }

    /*.sraech-slider-circular {
    position: absolute;
    right: -5px;
    top: 0px;
    z-index: 2;
    width: 0;
    transition: 0.8s;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0px !important;
}

.sraech-slider-circular {
    width: 231px;
    transition: 0.3s;
    border: solid 1px #c8c8c8;
}
*/


    .select-options .sraech-slider-circular .search-slider-new {
        width: 20px;
        height: 20px;
        border-radius: 3px;
        text-align: center;
        padding: 5px 0px;
        position: relative;
        z-index: 3;
        cursor: pointer;
        margin-top: 1px;
    }


.select-options .fa-search::before {
    content: '';
    display: block;
    width: 20px;
    background: url(../images/icons/Search_icon.svg);
    border: none;
    height: 20px;
    background-repeat: no-repeat;
}

/*abin (salaryrelease padding-style)>*/
.srch-fli-exp-pad {
    padding-top: 20px !important;
}

.position {
    position: relative;
}

/*abin (pt-setting-tooltip-issue-new cls-add)>*/
.new-tootip-add-pt {
    position: absolute !important;
    z-index: 1 !important;
}

.dpt {
    z-index: 0;
}


/*abin (PMS Icon-new cls-add)>*/
.new-pms-cls {
    background-image: url(/images/pmss1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    width: 45px;
    height: 32px;
}

    .new-pms-cls:hover {
        background-image: url(/images/pmss2.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: block;
        width: 57px;
        height: 41px;
        transition: .3s;
    }

/*kendo style*/
/*
.k-grid-header .k-header {
    padding: 10px 20px;
    background-color: #264f94;
    color:#fff;
}
*/
/*.k-grid th {
    
    border-width: 0 0 0px 0px !important;
   
}*/
/*.k-grid{
font-family: 'Poppins', sans-serif !important;
}*/
/*.k-grid td {
        background: #fff !important;
       
    }*/
/* .k-grid .k-grid-content, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked, .k-grid td {
        border: 1px solid #c4c4c4bd !important;
    }*/

/*
    .k-grid .k-grid-content-locked, .k-grid .k-grid-content-locked td, .k-grid .k-grid-header-locked, .k-grid .k-grid-header-locked .k-header {
        border-color: rgba(55, 60, 65, 0.5);
    }
    .k-grid .k-grid-content, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked, .k-grid td {
        border-color: rgba(55, 60, 65, 0.5) !important;
    }
        .k-grid .k-grid-header-locked .k-header {
            border-color: rgba(55, 60, 65, 0.5) !important;
        }
        .k-grid-content table tbody tr {
            border-bottom: 1px solid #F6F7F9;
            border-collapse: collapse;
        }
.k-grid table {
    border-collapse: collapse !important;
}
.branch{
    
    font-weight:600 !important;
}*/
/*kendo style*/


.colums_list {
    font-size: 13px;
    color: #e14818;
}

.note {
    font-size: 13px;
    color: #d31919;
    padding-top: 8px;
}

.dot {
    font-size: 22px;
    color: red;
}

.addition {
    padding: 10px;
    text-align: center;
    background-color: #91a3c8;
    margin-bottom: 5px;
}

    .addition h3 {
        font-size: 15px;
        margin-bottom: 0;
        color: #fff;
    }

.notepad .fa-notepad::before {
    content: '';
    display: block;
    width: 25px;
    background: url(../images/notepad.svg);
    border: none;
    height: 25px;
    background-repeat: no-repeat;
}

.scroll.ps > .ps__rail-y > .ps__thumb-y {
    width: 7px;
    border-radius: 0.42rem !important;
}

    .scroll.ps > .ps__rail-y > .ps__thumb-y:hover, .scroll.ps > .ps__rail-y > .ps__thumb-y:focus {
        width: 7px;
    }

.dataTables_scrollHeadInner table {
    width: 100% !important;
}

.border_top_cls {
    padding: 25px 15px;
    margin-bottom: 25px;
    scroll-padding-left: 20px;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 0%), 0 6px 20px 0 rgb(0 0 0 / 21%)
}

.default_settings {
    background-color: var(--blue-color-theme);
    mask: url('../images/icons/setting.svg');
    -webkit-mask-image: url('../images/icons/setting.svg');
    width: 50px;
    height: 50px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center;
}

.appli_allowance {
    background-color: var(--blue-color-theme);
    mask: url('../images/icons/money.svg');
    -webkit-mask-image: url('../images/icons/money.svg');
    width: 50px;
    height: 50px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center;
}


/*abin (CUSTOM Icon-new cls-add)>*/
.new-Custom-cls {
    background-image: url(/images/icons/custom-C.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    width: 45px;
    height: 32px;
}

    .new-Custom-cls:hover {
        background-image: url(/images/icons/custom-G.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: block;
        width: 57px;
        height: 41px;
        transition: .3s;
    }

.ihits-table table thead th a {
    color: white !important;
}

.passwordeye {
    position: absolute;
    top: 30%;
    right: 10px;
}

.footer_renewal {
    background-color: #ebedf3;
    padding: 10px;
    display: flex;
}

.footer_first {
    width: 20%;
}

.approvelistcls {
    background-color: var(--blue-color-theme);
    mask: url(../images/icons/approve-iocn.svg);
    -webkit-mask-image: url(../images/icons/approve-iocn.svg);
    width: 30px;
    height: 30px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 90%;
    -webkit-mask-position: center;
}

.captcha {
    width: 14px;
    height: 16px;
    object-fit: cover;
}

    .captcha img {
        width: 100%;
        height: 100%;
    }

.accoding-new-color-change {
    padding: 4px 15px;
    color: #009688;
    /* width: 400px; */
    height: 26px;
    /* border-radius: 4px; */
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
}


.Loan-Repayment-scroll {
    display: block;
    width: 100%;
    overflow: scroll;
}

.add_pro {
    width: 18px;
    height: 18px;
    object-fit: cover;
}

    .add_pro img {
        width: 100%;
        height: 100%;
    }

.all_icon {
    height: 27px;
    width: 27px;
    display: flex;
    border: 1px solid #7c8da7;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
}

.active-Applicable-hd {
    font-size: 18px;
    padding-left: 6px;
    color: #272727 !important;
}

.act-emp-count {
    font-size: 21px;
    padding-left: 6px;
}

.datepicker {
    width: 218px;
}

.checkbox.checkbox-outline.checkbox-success > input:checked ~ span:after {
    border-color: #1BC5BD !important;
}

.add-btn-icon {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    padding: 4px 6px !important;
    min-width: 0px !important;
}

    .add-btn-icon i {
        padding-right: 0px;
    }

.btn btn-icon btn-default icon-only {
    background-color: #f8f8f9 !important;
}

.new-slider-expand {
    width: 800px !important;
}

.grid-border-new {
    border: 1px solid #a54e4e45 !important;
    padding: 10px !important;
    border-radius: 10px;
}


.top-hed-new {
    height: 180px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}


.Bi-dashboard-hed {
    display: flow;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
}

.content-background-remove {
    box-shadow: none !important;
}




.bis-Custom-cls {
    background-image: url('/images/icons/bis icon 1.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    width: 35px;
    height: 38px;
}


    .bis-Custom-cls:hover {
        background-image: url('/images/icons/bis icon 2.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        display: block;
        width: 42px;
        height: 45px;
    }

.text-center-align {
    margin-left: 3px;
}

.Salary-Split-Up-poup-tbody-style {
    justify-content: end;
    padding: 5px 16px;
    background-color: aliceblue;
    margin: 10px;
}

.new-siz-mater:before {
    font-size: 8px !important;
    color: forestgreen;
    padding-left: 20px;
}

.new-withsss {
    height: 25px !important;
}

.new-dataaa-found {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.hed-namee-new {
    font-size: 15px;
    padding: 0px 10px;
    font-weight: 700;
}

.leave_appli_img {
    background-color: var(--blue-color-theme);
    mask: url(../images/icons/);
    -webkit-mask-image: url(../images/icons/Appli_history.svg);
    width: 50px;
    height: 50px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
}

.histroy_img {
    background-color: var(--blue-color-theme);
    mask: url(../images/icons/Alert_cancel.svg);
    -webkit-mask-image: url('../images/icons/Approval Authorities.svg');
    width: 50px;
    height: 50px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
}

.new-authority {
    padding: 6px 20px !important;
    border-radius: 5px;
    /* box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 29%); */
    /* background-color: #dadded; */
    border: 2px dotted #aab2dd;
    margin-top: 10px;
}


.new_approval_pend_btn {
    color: red;
    background-color: transparent;
    border: none;
    cursor: auto !important;
    font-weight: 600;
}

.pdf_cls_new {
    height: 40px;
    width: 100px;
}

.rate_width {
    width: 990px !important;
}


/* footer code abin */

.ihits_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

    .ihits_footer span {
        color: black;
        font-weight: 600;
    }

.footer_pad {
    padding: 15px;
}














@media (max-width: 1500px) {
    .responsive-checks .checkbox {
        font-size: 10px;
    }
}

@media (max-width:1600px) {

    .step-outer .new-resposive-tab {
        left: -140px;
    }
}

@media (max-width: 1300px) {

    .step-outer .new-resposive-tab {
        left: -120px;
    }
}



@media (max-width: 75em) {

    .responsivee-tilee-new {
        margin-left: -18px !important;
        padding-right: 0px;
    }

    .left_tils h3 {
        padding-left: 5px !important;
    }

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

    .name_kuri {
        font-size: 9px !important;
    }

    .common-rightcls {
        padding: 0px 6px 0px 9px !important;
    }

    .profile_text {
        width: 35px !important;
        height: 35px !important;
    }
}


input:focus-visible {
    outline: none;
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
   /* .magin-tagg {
        margin: 15px 86px 55px 85px !important;
    }*/

    .dataTables_scrollBody {
        height: 46vh !important;
    }

    .ihits_logo {
        width: 150px;
        height: 150px;
        margin-left: 50px;
        /* margin-top: -10px; */
        position: absolute;
        top: -40px;
    }
}

/*
@media only screen and (min-width: 1400px) and (max-width:1699px) {

    .magin-tagg {
        margin: -62px 86px 55px 85px;
    }
}*/

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .magin-tagg {
        margin: 65px 86px 55px 85px !important;
    }

    .dataTables_scrollBody {
        height: 50vh !important;
        max-height: 50vh !important;
    }

    .ihits_logo {
        width: 150px;
        height: 150px;
        margin-left: 50px;
        /* margin-top: -10px; */
        position: absolute;
        top: -20px;
    }


    .new_employe_cls {
        padding: 18px 30px 160px 20px !important;
    }
}

@media only screen and (min-width: 1400px) and (max-width:1699px) {
    .magin-tagg {
        margin: 65px 86px 55px 85px !important;
    }

    .dataTables_scrollBody {
        height: 60vh !important;
    }

    .ihits_logo {
        width: 230px;
        height: 135px;
        margin-left: 50px;
        margin-top: -10px;
        position: absolute;
        top: 23px;
    }

    .new_employe_cls {
        padding: 18px 30px 160px 20px !important;
    }
}

.right_arrow {
    width: 22px;
    height: 22px;
    object-fit: cover;
}

    .right_arrow img {
        width: 100%;
        height: 100%;
    }

.common-rightcls a {
    color: #3699FF !important;
}


.dataTables_scrollBody {
    height: 60vh;
    /* for deepak system */

    @media only screen and (min-width: 900px) and (max-width:1300px) {

        .dataTables_scrollBody {
            height: 60vh !important;
            /* footer code abin */

            .ihits_footer

{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

.ihits_footer span {
    color: black;
    font-weight: 600;
}


.footer_pad {
    font-size: 10px;
}

.card-footer-bottom-fixed {
    bottom: 47px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    max-height: 55vh;
    height: 47vh;
}

.card.card-custom > .card-body {
    padding: 18px 30px 125px 20px !important;
}

.new_employe_cls {
    padding: 18px 30px 160px 20px !important;
}

}



/* personal profile icon color changes */
/*
.btn-tick2:before {
    color: #238825 !important;
}*/

/*.btn-tick2 i::before {
    color: #238825 !important;
}*/
.btn-tick2 {
    color: #238825 !important;
}






.form-control:focus {
    border-color: #add3fd;
    border: 2px solid #add3fd;
    /* box-shadow: 0 0 0 0.2rem rgba(134, 183, 254, 0.25) !important; */
}