/* body {
    font-family: 'Nunito', sans-serif;
    padding: 0;
    margin: 0 auto;
    font-size: 0.88em; /* 14px 
    line-height: 1.19em; /* 19px 
    color: #373737;
    background: #f4f7fa;
    top: 0 !important;
} */


.mi-my-info-container {
    padding: 0.75em; /* 12px */
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

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

a, a:hover {
    text-decoration: none;
}

input:focus, select:focus, button:focus {
    outline: 0;
    box-shadow: none;
}

.list_bullet li {
    list-style-type: disc;
}

::-webkit-scrollbar {
    width: 0.31em; /* 5px */
    height: 0.62em; /* 10px */
}

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

::-webkit-scrollbar-thumb {
    background: #95a0ab;
}

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

.form-control:focus {
    border-color: #9ddfff;
    box-shadow: none;
}

/**/
.modal-backdrop {
    z-index: 5003;
}

.modal {
    z-index: 5005;
}

.modal-title {
    /* font-weight: normal; */
    font-size: 1.12em; /* 18px */
}

.forget_modal_overview {
    overflow: hidden;
    padding-right: 0.31em; /* 5px */
}

/**/

.main_middle_section ::-webkit-input-placeholder {
    /* Edge */
    color: #bbbbbb;
    font-size: .75em;
}

.main_middle_section :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bbbbbb;
    font-size: .75em;
}

.main_middle_section ::placeholder {
    color: #bbbbbb;
    font-size: .75em;
}

.main_middle_section label {
    font-weight: 600;
    vertical-align: middle;
}
/********** Common Classes ************/
.pad-l-25 {
    padding-left: 1.56em; /* 25px */
}

.pad-t-25 {
    padding-top: 1.56em; /* 25px */
}

.pad-r-25 {
    padding-right: 1.56em; /* 25px */
}

.pad-b-25 {
    padding-bottom: 1.56em; /* 25px */
}

.mar-l-25 {
    margin-left: 1.56em; /* 25px */
}

.mar-l-15 {
    margin-left: 0.94em; /* 15px */
}

.mar-t-25 {
    margin-top: 1.56em; /* 25px */
}

.mar-r-25 {
    margin-right: 1.56em; /* 25px */
}

.mar-b-25 {
    margin-bottom: 1.56em; /* 25px */
}

.pad-15 {
    padding: 0.94em; /* 15px */
}

.pad-20 {
    padding: 1.25em; /* 20px */
}

.pad-l-10 {
    padding-left: 0.62em; /* 10px */
}

.mar-lr {
    margin-left: 0.94em; /* 15px */
    margin-right: 0.94em; /* 15px */
}

.mar-t-10 {
    margin-top: 10px !important;
}

.mar-tb-30 {
    margin: 30px 0;
}

.mar-tb-20 {
    margin: 20px 0;
}

.mar-t-15 {
    margin-top: 0.94em; /* 15px */
}

.mar-b-20 {
    margin-bottom: 1.25em; /* 20px */
}

.white-bg {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #dee5ee;
}
/* Color */
.red {
    color: #e0737f;
}

.green {
    color: #5ad0a0;
}

.yellow {
    color: #f4bb0b;
}

.Blue {
    color: #1f75d2;
}

.pink {
    color: #ff7676;
}

/* * * ========================================== * UPDATE CLIENT * ========================================== * */
.btn-transparent {
    background-color: transparent;
}

.primary_button {
    background: var(--dodger-blue);
    border-color: var(--dodger-blue);
    font-size: 1em;
    color: var(--white);
}

    .primary_button:hover {
        color: var(--white);
    }

.primary-badge {
    background: #6dc9f5;
    border-color: #6dc9f5;
    border-radius: 50px;
    font-size: 0.62em; /* 10px */
    line-height: 0.69em; /* 11px */
}

.primary_outline_button {
    background: #fff;
    border: 1px solid #6dc9f5;
    font-size: 0.81em; /* 13px */
    color: #6dc9f5;
}

.secondary_button {
    background: #2170dc;
    border-color: #2170dc;
    font-size: 0.81em; /* 13px */
    color: #fff;
}

.btn-danger {
    background: #e0737f;
    border-color: #e0737f;
    font-size: 1em;
}

    .btn-danger:hover {
        background: #d11717;
        border-color: #d11717;
    }

.alert_button {
    background: #d11717;
    border-color: #d11717;
    font-size: 0.81em; /* 13px */
}

.white-fill-btn {
    background: #fff;
    font-size: 0.81em; /* 13px */
    color: #2170dc;
    padding: 0.62em 0.88em; /* 10px 14px */
}

.white-stroke-btn {
    font-size: 0.81em; /* 13px */
    border: 1px solid #fff;
    background-color: transparent;
    padding: 0.62em 0.88em; /* 10px 14px */
}

.light-grey {
    background: #f7fafb;
}

.primary-text {
    color: #56c8ff;
}

a.primary_button {
    color: #FFFFFF;
}

.label-text {
    color: #7d7d7d;
}
/* icon font color start */
.icon-white, a.splash_icon.icon-white, .splash_icon.icon-white {
    color: #ffffff;
}

.icon-green, a.splash_icon.icon-green, .splash_icon.icon-green {
    color: #77cc85;
}

    .icon-green:hover {
        color: #459a53;
    }

.icon-red, a.splash_icon.icon-red, .splash_icon.icon-red {
    color: #e0737f;
}

    .icon-red:hover {
        color: #dc3545;
    }

.icon-blue, a.splash_icon.icon-blue, .splash_icon.icon-blue {
    color: var(--dodger-blue);
}

.icon-clear-btn {
    color: #6c757d;
}

.icon-warning, a.splash_icon.icon-warning, .splash_icon.icon-warning {
    color: #ffc107;
}

    .icon-warning:hover {
        color: #e0a800;
    }

/* icon font color End */
/* * * ========================================== * Heading Common Classes * ========================================== * */
.heading_one {
    font-size: 1.88em; /* 30px */
    color: #025ea1;
    font-weight: 600;
}

.heading_two {
    font-size: 1.62em; /* 26px */
    color: #025ea1;
    font-weight: 600;
}

.heading_three {
    font-size: 1em;
    color: #025ea1;
    font-weight: 600;
}

.heading_four {
    font-size: 1.12em; /* 18px */
    color: #025ea1;
    font-weight: 600;
}

.heading_five {
    font-size: 0.94em; /* 15px */
    color: #025ea1;
    font-weight: 600;
}

/* * * ========================================== * Status Labels * ========================================== * */
.status_info {
    font-size: .75em;
    border-radius: 3px;
    padding: 0.25em 0.62em; /* 4px 10px */
}

.status_pending {
    background-color: rgba(229, 26, 26, 0.15);
    color: #e51a1a;
}

.status_draft {
    background-color: rgba(4, 182, 233, 0.15);
    color: #04b6e9;
}

.status_inreview {
    background-color: rgba(20, 105, 210, 0.15);
    color: #1469d2;
}

.status_pendingprocess {
    background-color: rgba(250, 182, 0, 0.15);
    color: #b98700;
}

.status_completed {
    background-color: rgba(0, 154, 11, 0.15);
    color: #009a0b;
}

.status_inprocess {
    background-color: rgba(137, 48, 221, 0.15);
    color: #8930dd;
}
/* index page css start */
.main_section {
    position: relative;
    /* height: 100%;
     */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}
/* Left section css start */
.left_section_view {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5002;
    background: #2C3536;
    height: 100vh;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.is_open .left_section_view {
    width: 5.00em; /* 80px */
}

.company-logo {
    float: left;
    margin-right: 1.88em; /* 30px */
    margin-top: 0.94em; /* 15px */
    margin-left: 1.25em; /* 20px */
}

.logo_view {
    background: #293031;
    position: relative;
    padding: 1.44em 0.94em 1.38em 0.94em; /* 23px 15px 22px 15px */
    border-bottom: 1px solid #353f4a;
    padding: 1.88em 0.94em; /* 30px 15px */
}

    .logo_view .logo_max {
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0.62em; /* 10px */
        vertical-align: middle;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .logo_view .logo_min {
        width: 1.88em; /* 30px */
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        vertical-align: middle;
    }

.menu_icon_open {
    width: 2.50em; /* 40px */
    position: absolute;
    top: 50%;
    transform: translateY( -50%);
    cursor: pointer;
    color: #FFFFFF;
}
/* .menu_icon img{
     width: 2.19em; /* 35px
}
 */
/* .logo_min{
     display: none;
}
 .is_open .logo_max{
     display: none;
}
 .is_open .logo_view a{
     width: 1.88em; /* 30px 
     padding: 0;
}
 .is_open .menu_icon{
     width: 1.88em; /* 30px 
}
 .is_open .logo_min{
     display: inline-block;
}
 .is_open .logo_view{
     padding: 0.31em; /* 5px 
}
 */
/* .is_open .logo_max{
     display: none;
}
 .is_open .logo_min{
     display: inline-block;
     width: 1.75em; /* 28px 
}
 .is_open .menu_icon{
     width: 1.75em; /* 28px 
     display: block;
     margin: 0 auto;
}
 */
.is_open .logo_max, .menu_icon_close, .is_open .sub_menu_view li a span, .is_open .menu_icon_open {
    display: none;
}

.is_open .menu_icon_close {
    width: 2.50em; /* 40px */
    display: block;
    margin: 0 auto;
    cursor: pointer;
    font-size: 2.50em; /* 40px */
    color: #8090a4;
    text-align: center;
}

.left_section_view .sub_menu_view {
    height: calc(100vh - 70px);
    overflow-y: auto;
}

.sub_menu_view li a {
    color: #fcfcfc;
    display: block;
    position: relative;
    border-left: 5px solid transparent;
    border-bottom: 1px solid #353f4a;
    padding: 0.88em 0.75em; /* 14px 12px */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .sub_menu_view li a.active, .sub_menu_view li a:hover {
        background: #333d4a;
        border-left: 5px solid #2170dc;
    }

    .sub_menu_view li a span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .sub_menu_view li a i {
        display: inline-block;
        vertical-align: middle;
    }

.is_open .sub_menu_view li a i {
    display: block;
    text-align: center;
}
/* Left section css End */
.profile-header-view .new_menu {
    width: 50%;
}
/* Header section css Start */
.top_header_view {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: 5001;
    -webkit-transition: top 0.5s ease-in-out;
    -moz-transition: top 0.5s ease-in-out;
    -ms-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
}

.header_view {
    border-bottom: 1px solid #e0e5eb;
    background: #ffffff;
    /* height: 5.00em; /* 80px 
     */
}

.main_nav .nav-item {
    /* width: 6.88em; /* 110px */
    /* border-right: 1px solid #e0e5eb;
     */
}

.main_nav .nav-link {
    text-align: center;
    color: #5d6a7b;
    height: 100%;
    border-bottom: 3px solid transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .main_nav .nav-link:hover, .main_nav .nav-link.active {
        color: #2170dc;
        border-bottom: 3px solid #2170dc;
    }

/*.main_nav .nav-link:hover i, .main_nav .nav-link:hover span, .main_nav .nav-link.active i, .main_nav .nav-link.active span {
            color: #2170dc;
        }*/

.main_nav li i {
    font-size: 1.25em; /* 20px */
    padding-bottom: 0.62em; /* 10px */
}

.main_nav li i, .main_nav li span {
    display: block;
    /*text-align: center;
    color: #5d6a7b;*/
}

.main_nav li i {
    display: inline-block;
    position: relative;
}

.right_nav {
    /* text-align: right;
     */
    /* margin-top: 1.88em; /* 30px */
    /* padding-right: 1.88em; /* 30px */
}

    .right_nav .nav-item a {
        position: relative;
    }

.count_noti {
    position: absolute;
    /* right: 0.25em; /* 4px 
     top: 0.19em; /* 3px 
     */
    content: '';
    border-radius: 100px;
    background: #e0737f;
    color: #ffffff;
    font-size: 0.62em; /* 10px */
    width: 0.94em; /* 15px */
    height: 0.94em; /* 15px */
    text-align: center;
    line-height: 0.94em; /* 15px */
}

.right_nav .nav-item a i {
    color: #5d6a7b;
    /* font-size: 1.5em;
     */
    font-size: 1.12em; /* 18px */
    vertical-align: middle;
}

.user_info {
    cursor: pointer;
    position: relative;
    width: 2.19em; /* 35px */
    height: 2.19em; /* 35px */
    border-radius: 100%;
}

    .user_info i {
        position: absolute;
        right: -5px;
        bottom: -5px;
        content: '';
        color: #6dc9f5;
        font-size: 0.88em; /* 14px */
        background: #fff;
        border: 2px solid white;
        border-radius: 100px;
    }

    .user_info:after {
        display: none;
    }

.all_dropdown {
    cursor: pointer;
}

    .all_dropdown .dropdown-menu {
        border: 0;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
        padding: 0.62em; /* 10px */
        margin-top: 0.62em; /* 10px */
        /* width: 20.00em; /* 320px 
     */
    }
    /* .all_dropdown .dropdown-menu:before {
     content: '';
     position: absolute;
     top: -10px;
     right: 6%;
     height: 1.25em; /* 20px
     width: 1.25em; /* 20px 
     background: #ffffff;
     transform: translateX(-6%) rotate(-43deg);
     z-index: -1;
}
 */
    .all_dropdown .dropdown-item {
        font-size: 0.81em; /* 13px */
        color: #373737;
        line-height: 2.19em; /* 35px */
        padding: .50rem 2.5em;
    }

        .all_dropdown .dropdown-item i {
            margin-right: 1.25em; /* 20px */
        }

        .all_dropdown .dropdown-item.active, .all_dropdown .dropdown-item:active {
            color: #373737;
            text-decoration: none;
            background-color: transparent;
        }

.lg_view {
    border: 1px solid #8d96a2;
    border-radius: 4px;
    padding: 0.81em 0.94em; /* 13px 15px */
    font-size: .75em;
    color: #5d6a7b;
    margin-right: 1.25em; /* 20px */
    margin-left: 0.62em; /* 10px */
    height: 2.19em; /* 35px */
}

    .lg_view span {
        width: 1.38em; /* 22px */
        display: inline-block;
        margin-right: 0.31em; /* 5px */
    }

.email_noti {
    position: absolute;
    /* right: 0.62em; /* 10px 
     top: 0.31em; /* 5px 
     */
    content: '';
    width: 0.75em; /* 12px */
    height: 0.75em; /* 12px */
    border-radius: 100px;
    background: #0997fe;
    border: 2px solid #ffffff;
}

.search_bar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    background: #ffffff;
    z-index: 2;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

    .search_bar.active {
        right: 0;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
    }

    .search_bar .input-group {
        padding: 0.94em 0.94em; /* 15px 15px */
        margin-bottom: 0;
        position: relative;
    }

.is_open .search_bar .input-group {
    padding: 0.94em 0.94em 0.94em 5.00em; /* 15px 15px 15px 80px */
}

.search_bar input {
    font-size: 1em;
    border: 0;
    color: #373737;
    /* padding: 1.56em 0.62em; /* 25px 10px
     */
}

    .search_bar input::-webkit-input-placeholder {
        /* Edge */
        color: #e7e7e7;
        font-weight: 700;
        font-size: 1.25em; /* 20px */
    }

    .search_bar input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #e7e7e7;
        font-weight: 700;
        font-size: 1.25em; /* 20px */
    }

    .search_bar input::placeholder {
        color: #e7e7e7;
        font-weight: 700;
        font-size: 1.25em; /* 20px */
    }

.search_bar .form-control:focus {
    box-shadow: none;
}

.search_bar .input-group i {
    position: absolute;
    right: 0.94em; /* 15px */
    top: 50%;
    color: #e0737f;
    font-size: 1em;
    cursor: pointer;
    background: #fff;
    padding: 10px 0 10px 10px;
    z-index: 3;
    transform: translate(-15px, -50%);
}
/* .gb_Ra {
     border-color: transparent;
     border-bottom-color: #fff;
     border-style: dashed dashed solid;
     border-width: 0 8.5px 8.5px;
     position: absolute;
     left: 0.41em; /* 6.5px
     top: 2.31em; /* 37px 
     z-index: 1;
     height: 0;
     width: 0;
     -webkit-animation: gb__a .2s;
     animation: gb__a .2s;
}
 */
.left_nav_view, .desktop_menu, .main_nav, .main_nav .owl-stage-outer, .main_nav .owl-stage, .main_nav .owl-item, .main_nav .nav-item {
    height: 100%;
}

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

.more_menu .dropdown-menu {
    width: 20.00em; /* 320px */
    padding: 1.88em 1.25em; /* 30px 20px */
}

    .more_menu .dropdown-menu a {
        display: inline-block;
        width: 33.333%;
        margin: 0 -2px 15px -2px;
        padding: 0.62em 0.31em 0.31em 0.31em; /* 10px 5px 5px 5px */
        text-align: center;
        border-radius: 3px;
        border: 1px solid transparent;
        vertical-align: top;
        min-height: 4.81em; /* 77px */
    }
        /* .more_menu .dropdown-menu a:hover{
     border: 1px solid #025ea1;
}
 */
        .more_menu .dropdown-menu a span {
            font-size: 0.81em; /* 13px */
            display: block;
            line-height: 0.94em; /* 15px */
            white-space: normal;
        }

        .more_menu .dropdown-menu a i {
            margin: 0;
        }

        .more_menu .dropdown-menu a.active {
            background-color: #025ea1;
        }

            .more_menu .dropdown-menu a.active i, .more_menu .dropdown-menu a.active span {
                color: #fff;
            }
/* Header section css End */
.right_section_view {
    /* margin-left: 18.62em; /* 298px
     */
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    min-height: 100vh;
    padding-bottom: 2.50em; /* 40px */
}

.is_open .right_section_view {
    margin-left: 5.00em; /* 80px */
}
/************ Breadcrumbs *************/
.main_breadcrumbs {
    width: 100%;
    display: block;
    position: relative;
    background: white;
}

    .main_breadcrumbs .current {
        color: #ababab;
    }

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

    .main_breadcrumbs li::before {
        content: '>' !important;
        padding-right: .5em;
        padding-left: .5em;
        color: #6c757d;
        display: inline-block;
    }

    .main_breadcrumbs .breadcrumb {
        border-radius: 0;
        font-size: .75em;
        margin-bottom: 0.25em;
        width: 100%;
        display: block;
        overflow-y: auto;
        white-space: nowrap;
    }

        .main_breadcrumbs .breadcrumb::-webkit-scrollbar {
            width: 0.19em; /* 3px */
            height: 0.19em; /* 3px */
        }

        .main_breadcrumbs .breadcrumb::-webkit-scrollbar-button {
            width: 0.19em; /* 3px */
            height: 0.19em; /* 3px */
        }

        .main_breadcrumbs .breadcrumb > li {
            display: inline-block;
        }

    .main_breadcrumbs .breadcrumb-item.breadcrumb-first a {
        color: #373737;
        font-weight: bold;
    }

    .main_breadcrumbs .breadcrumb-item.breadcrumb-second a {
        color: #373737;
        /* font-size: 0.81em; /* 13px
     */
    }

    .main_breadcrumbs a.dropdown-item {
        font-size: .75em;
    }

    .main_breadcrumbs .dropdown-menu {
        /* min-width: 30em; */
        padding: 0.94em; /* 15px */
        margin-top: 2.31em; /* 37px */
    }

        .main_breadcrumbs .dropdown-menu li {
            font-size: .75em;
            line-height: 1.75em;
        }

    .main_breadcrumbs ol.breadcrumb li a {
        color: #373737;
    }

    .main_breadcrumbs .breadcrumb-filter {
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #e3e3e3;
        height: 100%;
    }

        .main_breadcrumbs .breadcrumb-filter a {
            padding: 0.75em 0.62em; /* 12px 10px */
            display: block;
            color: #373737;
            cursor: pointer;
        }

#page-filters .btnCloseFilter {
    display: none;
}
/**** Tables ****/
.table_head_bg {
    background-color: #e9ebef;
}

.table_button_group li {
    display: inline-block;
}

    .table_button_group li a {
        font-size: 1em;
    }

        .table_button_group li a.btn-primary {
            background-color: #6dc9f5;
            border-color: #6dc9f5;
            padding: 0.5rem 1em;
        }

.table_note_text {
    margin-left: 0.44em; /* 7px */
}

.table_note .badge.badge-warning {
    padding: 0.38em 0.62em; /* 6px 10px */
    font-size: 0.7em;
    font-weight: 600;
}

.main_table_class .table th {
    border-top: none;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    color: #373737;
    font-size: 1em !important;
    padding: 0.62em 0.62em; /* 10px 10px */
}

.main_table_class .table {
    width: 99.9% !important;
}

    .main_table_class .table td {
        border-right: 1px solid #e1e1e1;
        color: #373737;
        vertical-align: middle;
    }

.main_table_class table.dataTable.display tbody tr.odd > .sorting_1, .main_table_class table.dataTable.display tbody tr.odd {
    background-color: #f7f8fa;
}

.main_table_class table.dataTable.display tbody tr:hover, .main_table_class table.dataTable.display tbody tr:hover > .sorting_1 {
    background-color: #f5f8fb;
}

.main_table_class .badge, .main_table_class .badge.badge-success, .main_table_class .badge.badge-danger {
    font-weight: 400;
    color: #fff;
    margin: 0.44em 0.62em; /* 7px 10px */
    padding: 0.31em; /* 5px */
}

.main_table_class .splash_icon.icon-pencil {
    color: #ce4646;
    font-size: 1.25em; /* 20px */
}

.main_table_class .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #6dc9f5;
    color: #fff !important;
    border: 1px solid #6dc9f5;
}

    .main_table_class .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .main_table_class .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #2170dc;
        color: #fff !important;
        border: 1px solid #2170dc;
    }

.main_table_class .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #e1e1e1;
    color: #e1e1e1;
}

.main_table_class .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.next, .main_table_class .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.previous {
    border: none;
}
/* .main_table_class .dataTables_info {
     display: none;
}
 */
/*.main_table_class .dataTables_filter {
     position: absolute;
     top: 0.62em; /* 10px
     right: 0;
}
*/

.main_table_class .bottom {
    margin: 25px 0;
}
/* .main_table_class .top{
     display: none;
}
 */
.main_table_class .dataTables_filter label {
    font-size: 0;
}

.main_table_class .dataTables_filter input {
    padding: .375rem .75em;
    font-size: 1.5em;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25em;
}
/* .main_table_class .table th:last-child, .main_table_class .table td:last-child {
     border-right: none;
} */
.success-badge {
    background: rgba(21, 206, 53, 0.2);
    color: rgb(30, 175, 55);
    font-size: .75em;
    padding: 0.25em 0.62em; /* 4px 10px */
    border-radius: 3px;
    font-weight: 500;
    display: inline-block;
    /* white-space: nowrap; */
}

.danger-badge {
    background: rgba(226, 18, 18, 0.2);
    color: #e21212;
    font-size: .75em;
    padding: 0.25em 0.62em; /* 4px 10px */
    border-radius: 3px;
    font-weight: 500;
    display: inline-block;
    /* white-space: nowrap; */
}

.blue-badge {
    color: #3e9be0;
    background-color: rgba(78, 148, 208, 0.25);
    font-size: .75em;
    padding: 0.25em 0.62em; /* 4px 10px */
    border-radius: 3px;
    font-weight: 500;
    display: inline-block;
    /* white-space: nowrap; */
}

.purple-badge {
    color: #479bc3;
    background-color: rgba(109, 201, 245, 0.15);
    font-size: .75em;
    padding: 0.25em 0.62em; /* 4px 10px */
    border-radius: 3px;
    font-weight: 500;
    display: inline-block;
    /* white-space: nowrap; */
}

.table_note {
    color: orange;
    font-size: .75em;
    float: right;
}

.main_middle_section .dataTables_length, .main_middle_section .dataTables_paginate {
    margin-top: 0.94em; /* 15px */
    float: none !important;
    display: inline-block;
}

    .main_middle_section .dataTables_length label {
        font-weight: 600;
        color: #373737;
        font-size: 0.81em; /* 13px */
        margin-bottom: 0;
    }

    .main_middle_section .dataTables_length select {
        border: 1px solid #d7d7d7;
        font-size: 0.81em; /* 13px */
        color: #373737;
        border-radius: 5px;
        padding: 0.50em 0.62em; /* 8px 10px */
    }

.table_button_group {
    display: inline-block;
}
/**** Form ****/
.st-main-page-form {
    width: 70%;
}

.required .control-label:after {
    content: "*";
    color: red;
}

.st-main-page-form h1 {
    font-size: 1.25em;
    margin: 1.5rem 0 2rem 0;
    text-transform: uppercase;
    color: #047fd8;
    position: relative;
}

    .st-main-page-form h1:before {
        background-color: #047fd8;
        content: '';
        width: 5.00em; /* 80px */
        height: 0.19em; /* 3px */
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

select {
    font-size: 1em;
}

.form-control {
    font-size: 1em;
    height: calc(2.25rem + 2px);
}

textarea.form-control {
    height: auto;
}

.note-popover.popover {
    display: none !important;
}

.st-main-page-form .note-editor.note-frame .note-statusbar {
    display: none;
}

.st-main-page-form .note-editor.note-frame {
    height: 15.00em; /* 240px */
}

.main_submit_btn {
    background: var(--dodger-blue);
    font-size: 1em;
    font-weight: 400;
    border-color: var(--dodger-blue);
    min-width: 12.50em; /* 200px */
    text-transform: uppercase;
    min-height: 2.50em; /* 40px */
}

.main_delete_btn {
    background: #dc3545;
    font-size: 1em;
    font-weight: 400;
    border-color: #dc3545;
    min-width: 12.50em; /* 200px */
    text-transform: uppercase;
    min-height: 2.50em; /* 40px */
}

/* .main_table_class .splash_icon:last-child {
     margin-right: 0;
}
 .main_table_class .splash_icon {
     margin-right: 0.44em; /* 7px
} */

.main_middle_section table .splash_icon {
    font-size: 1em;
    cursor: pointer;
}

.main_middle_section .datalist .splash_icon {
    font-size: 1em;
    cursor: pointer;
}
/* .icon-edit-pencil {
     color: #6dc9f5 !important;
}
 .icon-edit-pencil:hover {
     color: #2170dc !important;
}
 */

/* Questions Library page css start */
.question_section .type_question .acc-questions {
    position: relative;
}

    .question_section .type_question .acc-questions:after {
        top: 4px !important;
    }

    .question_section .type_question .acc-questions:after {
        right: 0 !important;
    }

    .question_section .type_question .acc-questions h4 {
        font-size: 0.81em; /* 13px */
    }

.add_category_view .type_question h4 {
    font-size: 0.94em; /* 15px */
    font-weight: 600;
    color: #373737;
    top: 0.19em; /* 3px */
    position: relative;
    max-width: 60%;
}

.add_category_view .type_question i {
    cursor: pointer;
    font-size: 1.56em; /* 25px */
    top: 0.12em; /* 2px */
    position: relative;
}

.category_btn {
    font-size: 0.88em; /* 14px */
    padding: 0.62em 0.94em; /* 10px 15px */
    letter-spacing: 0.06em; /* 1px */
}
/*.answer_btn{
     border-color: #0997fe;
     color: #0997fe;
     padding: 0.62em 0.94em 0.62em 0.94em; /* 10px 15px 10px 15px
     font-size: 0.81em; /* 13px
     font-weight: 500;
}
 .question_section .question_btn,
.question_section .remove_qu_btn{
     padding: 0.62em 0.94em 0.62em 0.94em; /* 10px 15px 10px 15px 
     font-size: 0.81em; /* 13px 
} 
.answer_btn{
     padding: 0.44em 0.81em 0.44em 0.81em; /* 7px 13px 7px 13px
}*/
.question_btn i,
.answer_btn i {
    font-size: 1em;
}

.answer_section {
    display: none;
    background: #f4f7fa;
}

.answer_btn {
    display: none;
}

.question_listing {
    border-bottom: 1px solid #dee5ee;
    position: relative;
}

    .question_listing h6 {
        font-size: 0.88em; /* 14px */
        position: relative;
    }

.question_ans_view table td {
    font-weight: 500;
}

    .question_ans_view table td .total_ques {
        color: #007bff;
        display: block;
    }

.total_question_view li {
    position: relative;
    border: 1px solid #6dc9f5;
    font-size: 0.88em; /* 14px */
    font-weight: 500;
    border-radius: 4px;
}

    .total_question_view li span {
        position: absolute;
        left: 0.50em; /* 8px */
        top: 0.69em; /* 11px */
        content: '';
        background: #6dc9f5;
        border-radius: 100px;
        text-align: center;
        color: #fff;
        font-weight: 500;
        line-height: 1.88em; /* 30px */
        font-size: 0.88em; /* 14px */
        width: 1.88em; /* 30px */
        height: 1.88em; /* 30px */
    }

.answer_section .remove_ans {
    font-size: 1.56em; /* 25px */
    cursor: pointer;
}

.question_section .white-bg:hover {
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
}

/* Questions Library page css End */

/* * * ========================================== * UPDATE CLIENT * ========================================== * */
.update_client_header img {
    /* border: 1px solid #cfcfcf;
     max-width: 7.50em; /* 120px
     border-radius: 5px;
     padding: 0.44em; /* 7px */
    border: 1px solid #cfcfcf;
    /*max-width: 7.50em; /* 120px */
    border-radius: 5px;
    padding: 0.44em; /* 7px */
}

.update_client_header .uc_client_logo {
    position: relative;
}

.uc_client_logo span {
    position: absolute;
    top: -4px;
    right: -7px;
}

.uc_client_logo .icon-edit-pencil {
    font-size: 1.25em; /* 20px */
}

.update_client_header .uc_client_title h2 {
    font-size: 1.12em; /* 18px */
    margin-left: 0.94em; /* 15px */
    font-weight: 600;
}

    .update_client_header .uc_client_title h2 > span {
        margin-left: 0.31em; /* 5px */
    }

h3.main-panel-title, h3.main-panel-title a {
    font-size: 1em;
    color: #025ea1 !important;
    font-weight: 600;
    margin-bottom: 0.00em; /* 0px */
    display: block;
}

.update_client_main_container select {
    font-size: 0.81em; /* 13px */
}

.bg-inner-sub-head {
    font-size: 1em;
    color: #373737;
    background: #e5e5e5;
}

.uc-info-icon {
    top: 0;
    right: 1.12em; /* 18px */
    color: #0997fe;
    font-size: 0.88em; /* 14px */
}

.uc_form_section .dataTables_filter, .uc_form_section .dataTables_length, .uc_form_section .dataTables_paginate {
    display: none;
}

.main_title {
    margin-bottom: 1.25em; /* 20px */
}

    .main_title h1 {
        font-size: 1.19em; /* 19px */
        font-weight: bold;
        color: #373737;
        display: inline-block;
        letter-spacing: 0.06em; /* 1px */
        line-height: 2.75em; /* 44px */
    }

.main_title_btn button {
    padding: 0.62em 0.94em; /* 10px 15px */
}

    .main_title_btn button i {
        font-size: 1.25em; /* 20px */
        margin-right: 0.62em; /* 10px */
        vertical-align: middle;
    }

.select_title {
    margin-bottom: 0.94em; /* 15px */
}

    .select_title h2 {
        /* font-size: 0.94em; /* 15px 
     font-weight: bold;
     color: #6e7987;
     letter-spacing: 0.06em; /* 1px
     */
        color: #373737;
        font-size: 1em;
        font-weight: 600;
        display: inline-block;
    }

    .select_title .help_me {
        font-size: 0.81em; /* 13px */
        color: #0997fe;
        font-weight: 600;
        letter-spacing: 0.06em; /* 1px */
        line-height: 1.5em;
        cursor: pointer;
    }

        .select_title .help_me i {
            margin-right: 0.31em; /* 5px */
            vertical-align: middle;
            font-size: 1.25em; /* 20px */
        }

.job-1 {
    background: #76c5c0;
}

.job-2 {
    background: #b776c5;
}

.job-3 {
    background: #c5c076;
}

.job-4 {
    background: #76a2c5;
}

.job-5 {
    background: #c76750;
}

.job-6 {
    background: #5e59c1;
}

.job-7 {
    background: #76c576;
}

.search_job {
    margin-bottom: 1.25em; /* 20px */
}

    .search_job .form-group {
        margin-bottom: 0;
        margin-right: 0.94em; /* 15px */
        position: relative;
    }

        .search_job .form-group input {
            font-size: 0.81em; /* 13px */
            height: calc(2.25rem + 2px);
            padding: .375rem 1.85rem .375rem .75em;
        }

    .search_job .icon-search-icon {
        position: absolute;
        right: 0.06em; /* 1px */
        top: 0;
        content: '';
        cursor: pointer;
        width: 1.88em; /* 30px */
        height: 100%;
        text-align: center;
        line-height: 2.44em; /* 39px */
        font-size: 0.88em; /* 14px */
        color: #aeb4bd;
    }

    .search_job button {
        text-transform: uppercase;
        font-size: 0.88em; /* 14px */
    }

        .search_job button i {
            font-size: 1.12em; /* 18px */
            margin-right: 0.62em; /* 10px */
            vertical-align: middle;
        }

.add_job button {
    padding: 0.62em 0.94em; /* 10px 15px */
}

    .add_job button i {
        font-size: 1.25em; /* 20px */
        margin-right: 0.62em; /* 10px */
        vertical-align: middle;
    }

.add_job .custom-checkbox {
    margin-right: 0;
    padding-left: 0;
    padding-right: 1.8em;
}

.add_job .custom-control-label::before, .add_job .custom-control-label::after {
    right: 0;
    left: inherit;
}

.add_job .custom-checkbox label {
    font-size: 0.88em; /* 14px */
    line-height: 1.5em;
}

.job_tabs .nav-item {
    margin-bottom: 0.25em; /* 4px */
    width: 100%;
    position: relative;
    color: #373737 !important;
    font-weight: 700;
    letter-spacing: 0.06em; /* 1px */
    background-color: #FFFFFF;
    border: 1px solid #dee5ee !important;
    border-radius: 4px !important;
}

    .job_tabs .nav-item a {
        color: #373737 !important;
        font-weight: 700;
        letter-spacing: 0.06em; /* 1px */
        background-color: #FFFFFF;
    }

    .job_tabs .nav-item > a {
        border: 1px solid #dee5ee !important;
        border-radius: 4px !important;
    }

        .job_tabs .nav-item > a.active, .job_tabs .nav-item > a:hover {
            background-color: #f4f7fa !important;
            color: #373737 !important;
        }

    .job_tabs .nav-item .job_thm {
        width: 2.06em; /* 33px */
        height: 2.06em; /* 33px */
        text-align: center;
        text-transform: uppercase;
        display: inline-block;
        /* background: #373737;
     */
        color: #fff;
        line-height: 1.94em; /* 31px */
        margin-right: 0.62em; /* 10px */
        font-weight: 600;
        letter-spacing: 0.06em; /* 1px */
    }

.job_switch {
    position: absolute;
    right: 0.62em; /* 10px */
    /* top: 1.38em; /* 22px
     */
}

    .job_switch i {
        cursor: pointer;
        margin-left: 0.31em; /* 5px */
        /* font-size: 1.62em; /* 26px
     */
        vertical-align: middle;
        color: #6dc9f5;
    }
/* switch checkbox */
.switch {
    position: relative;
    display: inline-block;
    /* width: 2.50em; /* 40px 
     height: 1.25em; /* 20px 
     */
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch .slider:before {
            position: absolute;
            content: "";
            /* height: 1.12em; /* 18px
     width: 1.12em; /* 18px
     */
            left: 0.12em; /* 2px */
            bottom: 0.06em; /* 1px */
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch input:checked + .slider {
        background-color: #2196F3;
    }

    .switch input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .switch input:checked + .slider:before {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
        transform: translateX(18px);
    }

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

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

    .switch input[type="checkbox"]:checked + input[type="hidden"] + .slider, input[type="checkbox"]:checked + .slider {
        background-color: #2196F3;
    }

    .switch input[type="checkbox"]:focus + input[type="hidden"] + .slider, input[type="checkbox"]:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .switch input[type="checkbox"]:checked + input[type="hidden"] + .slider:before, input[type="checkbox"]:checked + .slider:before {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
        transform: translateX(18px);
    }

.job_manage_title {
    background: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #dee5ee;
}

    .job_manage_title h2 {
        color: #373737;
        font-size: 1em;
        font-weight: 600;
    }


.job_manage_content .card-header > a:after {
    content: "\e92b";
    position: absolute;
    /* right: 0.94em; /* 15px
     */
    font-family: 'splashtrack' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* font-size: 1.12em; /* 18px
     */
    color: #025ea1;
    /* top: 1.25em; /* 20px
     */
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    font-weight: bold;
}

.job_manage_content .card-header > a[aria-expanded="true"]:after {
    content: "\e920";
    color: #025ea1;
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.job_manage_content .card {
    margin-bottom: 0.62em; /* 10px */
}

.job_manage_content .card-header {
    background-color: transparent;
    border-bottom: 0;
    padding: 0;
}

    .job_manage_content .card-header a {
        display: block;
        color: #025ea1;
        font-weight: 600;
    }
/* .job_manage_content .table{
     margin-bottom: 0;
}
 .job_manage_content .table tr{
     background: #f3f3f3;
}
 .job_manage_content .table tr td{
     border-top: 0;
     vertical-align: middle;
}
 .job_manage_content .table p{
     color: #373737;
     font-weight: 500;
}
 .job_manage_content .table span{
     display: block;
     color: #959595;
     font-size: .75em;
}
 .job_manage_content .custom-control{
     padding-left: 4.2em;
}
 */
.job_manage_content .card-body p {
    color: #373737;
    font-weight: 500;
}

.job_manage_content .card-body span {
    display: block;
    color: #959595;
    font-size: .75em;
}

.job_manage_content .card-body .job_privilege_type {
    background: #f3f3f3;
}

.job_manage_content .card-body .custom-control-label {
    cursor: pointer;
}

.job_manage_content .custom-control-label::before {
    background-color: #ffffff;
    border: 1px solid #cacaca;
    /* width: 1.3em;
     height: 1.3em;
     */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.job_manage_content .custom-control-label::after {
    /* width: 1.3em;
     height: 1.3em;
     */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* * * ========================================== * PROGRESS BAR * ========================================== * */
.progress-Steps-heading {
    /* vertical-align: top;
     margin-top: 0.94em; /* 15px */
    margin-left: 0.62em; /* 10px */
    vertical-align: top;
    margin-top: 0.94em; /* 15px */
    margin-left: 0.62em; /* 10px */
    /*overflow: hidden;
      white-space: nowrap;
     text-overflow: ellipsis; */
    max-width: 53%;
}

    .progress-Steps-heading h4 {
        font-size: 1.25em; /* 20px */
        color: #373737;
        font-weight: 700;
        margin-bottom: 0.19em; /* 3px */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .progress-Steps-heading h5 {
        font-size: 0.81em; /* 13px */
        color: #868686;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.custom-down-arrow {
    transform: rotate(90deg);
    position: absolute;
    top: 0.19em; /* 3px */
    left: 0.00em; /* 0px */
    font-size: 1.62em; /* 26px */
    color: #0997fe;
    cursor: pointer;
}

.main-page-listing-dropdown {
    position: relative;
    vertical-align: top;
    top: 0.44em; /* 7px */
}

.dropdown-menu.process-bar-dropdown-menu {
    min-width: 18.85em;
    top: 16px !important;
}

.process-bar-dropdown-menu a {
    line-height: 2.8em;
    color: #373737;
    font-size: 0.88em; /* 14px */
}

    .process-bar-dropdown-menu a.active {
        background: transparent;
        color: #0997fe;
        font-weight: 700;
        font-size: 1em;
    }

.process-bar-dropdown-menu .disabled {
    cursor: not-allowed;
    color: #c5c5c5;
}

.WizardLevelPayroll .disabled {
    cursor: not-allowed;
    color: #c5c5c5 !important;
    pointer-events: none;
}

.main_process_wizard {
    border-bottom: 1px solid #dee5ee;
    padding-bottom: 0.62em; /* 10px */
    margin-bottom: 0.62em; /* 10px */
}
/* Job title and privilege page css End */
.process-bar-dropdown-menu:after, .process-bar-dropdown-menu:before {
    bottom: 100%;
    left: initial;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.process-bar-dropdown-menu:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ffffff;
    border-width: 0.50em; /* 8px */
    margin-left: 0;
    right: 0.69em; /* 11px */
    top: -16px;
}

.process-bar-dropdown-menu:before {
    border-bottom-color: rgba(0, 0, 0, 0.15);
    border-width: 0.56em; /* 9px */
    right: 0.62em; /* 10px */
    top: -19px;
}
/* * * ========================================== * MY INFO * ========================================== * */
.mi-employee-head-bg {
    background-color: #eff3f9;
    padding: 25px 0;
    position: relative;
}

.profile-main-part {
    margin-top: 0.31em; /* 5px */
}

.mi-profile-pic img {
    border-radius: 50px;
    border: 4px solid rgba(146, 158, 169, 0.5);
    width: 6.25em; /* 100px */
    height: 6.25em; /* 100px */
    max-width: 6.25em; /* 100px */
}

.mi-top-profile-pic img {
    width: 4.38em; /* 70px */
    height: 4.38em; /* 70px */
    border: 2px solid rgba(146, 158, 169, 0.5);
    border-radius: 50px;
}

.mi-employee-head-bg h3 {
    color: #025ea1;
    font-size: 1.12em; /* 18px */
    font-weight: 600;
}

.mi-employee-head-bg h4 {
    color: #6b6c6e;
    font-size: 0.81em; /* 13px */
    font-weight: 400;
}

.mi-employee-contact-info i {
    font-size: 1.12em; /* 18px */
}

.custom-mail-icon {
    width: 1.88em; /* 30px */
    height: 1.88em; /* 30px */
    border: 1px solid #bec7d2;
    border-radius: 50px;
    padding: 0.44em; /* 7px */
    background: #fff;
}

.download-file-icon {
    position: absolute;
    top: 0.38em; /* 6px */
    z-index: 99;
}

    .download-file-icon li {
        display: inline-block;
        margin-left: 0.12em; /* 2px */
    }

.svg-25 {
    width: 1.88em; /* 30px */
}

.mi-right-main-card .dataTables_filter {
    text-align: right;
}

.main_table_class {
    position: relative;
}
/*.mi-general-info-section {
     min-height: 28.75em; /* 460px
}
*/
.mi-tabbing-info .nav-tabs.mi-custom-nav-tabs .nav-link.active, .mi-tabbing-info .nav-tabs.mi-custom-nav-tabs .nav-link:hover {
    color: #ffffff;
    background-color: #025ea1;
    border-color: #dee2e6 #dee2e6 #fff;
    padding: 0.7rem 2.5em;
}

.mi-tabbing-info .nav-tabs.mi-custom-nav-tabs .nav-link {
    padding: 0.7rem 2.5em;
    color: #025ea1;
    font-weight: 500;
}

.mi-general-info-section .mi-general-info-heading {
    background-color: #025ea1;
    color: #fff;
    padding: 0.94em; /* 15px */
    border-radius: 4px 4px 0 0;
}

.mi-general-info-section .mi-contact-info-heading {
    background-color: #4aa8ee;
    color: #fff;
    padding: 0.94em; /* 15px */
    border-radius: 4px 4px 0 0;
}

.mi-general-info-section .mi-personal-info-heading {
    background-color: #6cbbf7;
    color: #fff;
    padding: 0.94em; /* 15px */
    border-radius: 4px 4px 0 0;
}

.mi-work-info-heading {
    background-color: #258ad3;
    color: #fff;
    padding: 0.94em; /* 15px */
    border-radius: 4px 4px 0 0;
}

.mi-general-info-section h4 {
    font-weight: 600;
    font-size: 1em;
}

.mi-general-info-section .custom-edit-pencil {
    color: #ffffff !important;
    float: right;
    margin-top: 0.00em; /* 0px */
    font-size: 1.25em; /* 20px */
}

.mi_general_info {
    border-radius: 4px;
}
/*.mi-general-info-listing{
     padding: 0.94em; /* 15px 
}
*/
.mi-work-info-card {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}

    .mi-work-info-card h5 {
        font-size: 1em !important;
        background: #f8f9fa;
        padding: 0.94em; /* 15px */
        border-radius: 5px 5px 0 0;
        border-bottom: 2px solid #e6ebec;
        color: #212529;
        font-weight: 600;
    }

    .mi-work-info-card ul {
        padding: 0.94em; /* 15px */
    }

.mi-general-info-listing label {
    color: #a2a4a7;
    font-weight: 400;
    font-size: 1em !important;
    margin-bottom: 0;
}

.mi-general-info-listing p {
    font-weight: 500;
    margin-top: 0;
    font-size: 1em !important;
}

.mi-work-info-listing .nav-tabs .nav-item.show .nav-link, .mi-work-info-listing .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    /*border-color: #dee2e6 #dee2e6 #fff;
    */
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #0996ff;
    border-radius: 0;
    color: #0996ff;
}

.mi-work-info-listing .nav-tabs .nav-item.show .nav-link, .mi-work-info-listing-inbox .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    /*border-color: #dee2e6 #dee2e6 #fff;
    */
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #0996ff;
    border-radius: 0;
    color: #0996ff;
}

.mi-work-info-listing .nav-tabs .nav-link {
    color: #75808f;
    border: 0;
    font-size: 0.88em; /* 14px */
}

.mi-work-info-listing-inbox .nav-tabs .nav-link {
    color: #75808f;
    border: 0;
    font-size: 0.88em; /* 14px */
}

.mi-work-info-listing .nav-tabs .nav-link:hover {
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.mi-work-info-listing-inbox .nav-tabs .nav-link:hover {
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.mi-pay-details-info label {
    font-weight: 400;
    color: #a2a4a7;
    margin-bottom: 0;
}

.mi-pay-details-info p {
    font-weight: 500;
    margin-top: 0;
    font-size: 0.88em; /* 14px */
}

span.update-label {
    font-size: 0.62em; /* 10px */
    font-style: italic;
}

.green {
    color: #05ab67;
}

.mi-i-9-info input {
    position: absolute;
    font-size: 3.12em; /* 50px */
    opacity: 0;
    z-index: 9999;
    left: 0;
    width: 100%;
    height: 6.25em; /* 100px */
    top: 0;
    cursor: pointer;
}

.mi-i-9-upload-btn {
    border: 1px dashed #d7d7d7;
    background-color: #eff2f6;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    position: relative;
    width: 10.62em; /* 170px */
    text-align: center;
    padding: 30px 0;
    /* margin: 0 auto;
     */
}

.custom-plus-icon {
    font-size: 2.12em; /* 34px */
    color: #75808f;
}

.mi-i-9-upload-btn span {
    font-size: 1.12em; /* 18px */
    color: #75808f;
    font-weight: 500;
    display: inline-block;
    margin-top: 0.94em; /* 15px */
}
/* Vacancies page css start */
.mi-employment-details h2 {
    font-size: 1em;
    color: #373737;
    font-weight: 600;
}

.vacancy_view .custom-control {
    padding-left: 2.2em;
}

.progress-img {
    display: inline-flex;
}

    .progress-img img {
        max-width: 100%;
    }

.another_vacancy select {
    display: none;
}

.create_vacancy_view .custom-checkbox label {
    line-height: 1.5em;
}
/* .create_vacancy_view button{
     font-size: 0.88em; /* 14px 
     padding: 0.62em 1.25em; /* 10px 20px
} */
.create_vacancy_view button i, .wages_skills_view button i {
    color: #fff;
    font-size: 1.12em; /* 18px */
}

.wages_title button i {
    color: #0997fe;
}

.create_vacancy_view .start_date {
    position: relative;
}

    .create_vacancy_view .start_date i {
        position: absolute;
        right: 0.62em; /* 10px */
        top: 2.31em; /* 37px */
        font-size: 1.12em; /* 18px */
        pointer-events: none;
    }

.wages_title h3 {
    color: #011f38;
    font-size: 1.25em; /* 20px */
    font-weight: 600;
}

.wages_title .custom-control-label, .compensation_view .custom-control-label, .create_vacancy_view .custom-control-label, .skill_qualification .custom-control-label {
    line-height: 1.56em; /* 25px */
}

.create_vacancy_view .custom-radio .custom-control-input:checked ~ .custom-control-label, .compensation_view .custom-control-input:checked ~ .custom-control-label {
    color: #007bff;
}
/* .compensation_view .pay_type{
     background: #f7fafb;
     display: none;
} */
.compensation_view .pay_type, .compensation_view .commission, .compensation_view .bonus {
    background: #f7fafb;
    display: none;
}

    .compensation_view .pay_type h5 {
        font-size: 1em;
        color: #011f38;
        font-weight: 600;
    }

.wages_title button,
.wage_btn {
    border-color: #0997fe;
    background-color: transparent;
    font-size: 0.81em; /* 13px */
    color: #0997fe;
    font-weight: 600;
    padding: 0.62em 1.00em; /* 10px 16px */
}

    .wages_title button i,
    .wage_btn i {
        font-size: 1.12em; /* 18px */
        color: #0997fe !important;
    }

.note_view .note-editing-area {
    height: 25.00em; /* 400px */
}
/* .create_vacancy_view, .note_view, .wages_skills_view, .applicant_review_process, .email_configuration_view, #prev-step, #prev-step1{
     display: none;
} */
#prev-step, #prev-step1, #pop-prev-step, #pop-fetch {
    display: none;
}

.applicant_review_process .card-title {
    font-size: 0.81em; /* 13px */
    font-weight: 500;
}

    .applicant_review_process .card-title span {
        display: inline-block;
        color: #00c6e2;
        font-weight: 600;
        font-size: 0.88em; /* 14px */
    }

.applicant_review_process .bg-main-tab .card-header a:after {
    right: 0;
}

.applicant_review_process .bg-main-tab .card-header a i {
    font-size: 1.5em;
}

.round_modal .form-group .custom-control-label {
    line-height: 1.44em; /* 23px */
}

.add_app_btn button {
    padding: 0.56em 0.75em 0.25em 0.75em; /* 9px 12px 4px 12px */
}
/*.applicant_tab_view .nav-tabs{
     border-bottom: 0;
}
 .applicant_tab_view .nav-item{
     margin: 0;
} */
.applicant_tab_view .nav-item a {
    font-size: .75em;
    font-weight: 400;
    letter-spacing: 0.06em; /* 1px */
    padding: .5rem .3em;
}

    .applicant_tab_view .nav-item a,
    .applicant_tab_view .nav-item a:hover {
        border: 0;
        border-bottom: 3px solid transparent;
        color: #373737;
    }

        .applicant_tab_view .nav-item a.active {
            border-bottom: 3px solid #6dc9f5;
            color: #6dc9f5;
        }

.applicant_tab_view .type_question a h4 {
    font-size: 0.81em; /* 13px */
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 65%;
}

.applicant_tab_view .type_question .round_action {
    top: -4px;
}

.applicant_tab_view .custom-control-label::before {
    background-color: #c3c3c3;
}

.applicant_tab_view .custom-control-label::before,
.applicant_tab_view .custom-control-label::after {
    left: 50%;
    transform: translateX(-50%);
}
/* .uc_general_info_inputs .current{
     display: block;
}
 */
.mi-employment-details li {
    border-bottom: 1px solid #eaeff4;
}

    .mi-employment-details li p {
        font-size: 0.81em; /* 13px */
        color: #8b8c8e;
    }

    .mi-employment-details li h5 {
        font-size: 0.88em; /* 14px */
        color: #373737;
        font-weight: 600;
    }
/*.mi-right-side-first .card-title {
     font-size: 1em;
     color: #373737;
     font-weight: 600;
}
*/
.card-body {
    background-color: #fff;
}

.mi-right-side-first .accordion .card-header {
    background-color: #fff;
    border: none;
    position: relative;
    padding: 0.25em;
    cursor: pointer;
}

.mi-employment-details .card-header {
    background: #fff;
    border-bottom: 0;
    position: relative;
    padding: 0;
}

    .mi-right-side-first .card-header a:after,
    .mi-employment-details .card-header a:after,
    .background_tab_info_inner .card-header a:after,
    .question_section .type_question .acc-questions:after,
    .app-que-main-container a[aria-expanded="false"]:after,
    .cb-right-card .main-panel-title a:after {
        content: '\e92b';
        font-family: 'splashtrack' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        color: #6c757d;
        -webkit-transition: -webkit-transform .5s ease-in-out;
        -ms-transition: -ms-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        position: absolute;
        right: 2.25em; /* 36px */
        font-size: .75em;
        top: 0.44em; /* 7px */
        font-weight: bold;
        cursor: pointer;
    }

.cb-right-card .main-panel-title a:after {
    right: 0.00em; /* 0px */
}

.app-round-questions .card-header a:after, .cb-right-card .card-header a:after {
    top: 50%;
    right: 1.25em; /* 20px */
    position: absolute;
    transform: translateY(-50%);
}

.mi-right-side-first .card-header a[aria-expanded="true"]:after,
.mi-employment-details .card-header a[aria-expanded="true"]:after,
.background_tab_info_inner .card-header a[aria-expanded="true"]:after,
.question_section .type_question a[aria-expanded="true"]:after,
.cb-right-card .main-panel-title a[aria-expanded="true"]:after {
    content: '\e920';
    color: #6c757d;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.app-que-main-container a[aria-expanded="true"]:after {
    font-family: 'splashtrack' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e920';
    color: #373737;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    font-size: .75em;
    cursor: pointer;
}

.app-que-main-container .customCloseacceptbtn:after {
    display: none;
}

.mi-employee-header, .background_tab_info {
    position: relative;
}

.mi-close-icon {
    position: absolute;
    right: 0.31em; /* 5px */
    top: 0.31em; /* 5px */
    padding: 0.31em; /* 5px */
    cursor: pointer;
}

.mi-employee-head-top-bg {
    display: none;
}

.app-round-questions .card-header {
    background-color: transparent;
    border-bottom: none;
}

.app-round-questions .panel-title h3 {
    font-size: 1em;
    color: #025ea1;
    font-weight: 600;
    margin-bottom: 0.00em; /* 0px */
    display: block;
}

.app-round-questions .card-header {
    padding: 1rem 1.25em;
    position: relative;
}

.app-round-questions .panel-body {
    padding: 0.5rem 1.25em;
}

.mi-width-100 {
    max-width: 100%;
    flex: 100%;
    margin-left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.custom-view-more {
    font-size: 1.25em; /* 20px */
    cursor: pointer;
}

span.close_icon {
    float: right;
}

.mi-right-side-first span.close_icon {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.19em 0.50em; /* 3px 8px */
    color: #6c757d;
    cursor: pointer;
}

.mi-right-side-first .custom-close-icon {
    font-size: 0.62em; /* 10px */
    font-weight: bold;
}

.payrate-switch-label {
    font-size: 0.88em; /* 14px */
    color: #025ea1;
    font-weight: 600;
    margin-right: 0.62em; /* 10px */
}

.mi-right-side-first .mi_datepicking {
    border: 1px solid #025ea1;
    max-width: 13.75em; /* 220px */
    padding: 0.62em; /* 10px */
    border-radius: 5px;
}

.mi_datepicking {
    color: #025ea1;
}

    .mi_datepicking i {
        font-size: 1.25em; /* 20px */
    }

    .mi_datepicking span {
        font-size: 0.88em; /* 14px */
        position: relative;
        top: -2px;
    }

.mi-right-payrate-chart img {
    max-width: 100%;
}

.mi-right-main-card a.close_icon {
    float: right;
    margin: 0 0 0 23px;
    font-weight: 800;
}

.mi-right-main-card .dataTables_info {
    display: none;
}

.bg-main-tab .card-header {
    position: relative;
    background-color: transparent;
    border: none;
    padding: 0;
}

    .bg-main-tab .card-header a:after, #filterSection .collapsible_panel a::after {
        top: 0.31em; /* 5px */
        right: 0.62em; /* 10px */
    }

.educational-history-tab-inner-info {
    margin-top: 1.25em; /* 20px */
}

.round_action {
    position: absolute;
    top: 0;
    right: 1.38em; /* 22px */
    font-size: 1.5em;
    cursor: pointer;
}

.applicant_review_process table td i,
.email_configuration_view table td i {
    font-size: 24px !important;
}

/* Vacancies page css End */
/**** Footer ****/
footer {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}

.footer-button {
    border-top: 1px solid #dee5ee;
}

    .footer-button button {
        font-size: 1em;
    }

.footer {
    width: 100%;
    text-align: center;
    color: #1e2526;
    padding: 10px 0;
    border-top: 1px solid #e0e5ea;
    background-color: #FFF;
}

.icon_size {
    font-size: 1.88em; /* 30px */
}

.icon_view i {
    font-size: 3.12em; /* 50px */
    margin-right: 1.88em; /* 30px */
    line-height: 100px !important;
}
/* Dashboard page css */
.das_title {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    position: relative;
    overflow: hidden;
    text-align: center;
}

    .das_title:after {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0.31em; /* 5px */
        background: #2170dc;
        content: '';
    }

    .das_title h3 {
        color: #373737;
        font-weight: 600;
        text-align: left;
    }

    .das_title span {
        display: block;
        text-align: center;
        font-weight: bold;
        margin: 0 auto;
        color: #373737;
    }

span.cat-desc {
    color: #57595f;
    font-weight: normal;
    display: block;
    font-size: .75em;
}

    span.cat-desc::before {
        padding: 0.31em 0.31em 0.31em 0.00em; /* 5px 5px 5px 0px */
    }

.job_manage_content .card-body {
    padding: 0.94em; /* 15px */
    padding-top: 0;
}

.custom-radio .custom-control-label::before {
    top: 0.12em; /* 2px */
}

.custom-radio .custom-control-label::after {
    top: 0.12em; /* 2px */
}
/* .sticky_employee{
     position: fixed;
     width: 21.88em; /* 350px
     top: 2.50em; /* 40px
}
 */
.custome_tooltip {
    opacity: 0;
    visibility: hidden;
}

.is_open .custome_tooltip {
    left: 80px !important;
    opacity: 1;
    visibility: visible;
    z-index: 5005;
}
/******** Profile **********/
.white-background {
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius: 5px;
    display: flex;
}

.create-profile-main-btn:hover i, .create-profile-main-btn:hover span {
    color: #fff
}

.profile-info-part {
    background: #2170dc;
    border-radius: 5px;
    padding: 1.56em; /* 25px */
}

.top-profile-head {
    flex: 1%;
    align-self: center;
}

.profile-info-part h5 {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 0.44em; /* 7px */
}

.custome_tooltip .tooltip-inner {
    padding: 0.6rem 1.9em;
    font-size: 0.88em; /* 14px */
    position: relative;
    background-color: #2170dc;
}

.profile-info-part img {
    border-radius: 50%;
    width: 4.69em; /* 75px */
    height: 4.69em; /* 75px */
    border: 3px solid rgba(195,205,213, 0.6);
}

.top-profile-head h4 {
    font-size: 1em;
    font-weight: 600;
    color: #373737;
    margin-bottom: 0.25em; /* 4px */
}

.top-profile-head h6 {
    font-size: 0.81em; /* 13px */
    color: #969696;
    font-weight: 400;
}

.top-profile-icon i {
    font-size: 1.25em; /* 20px */
    margin: 5px 0;
}

.top-profile-icon li {
    margin: 3px 0;
}

.white-background:after {
    position: absolute;
    background-color: #2170dc;
    width: 0.38em; /* 6px */
    height: 100%;
    content: "";
    border-radius: 5px 0 0 5px;
}

.white {
    color: #fff;
}

.yellow {
    color: #ffd925;
}

.orange {
    color: #de8200;
}

.profile-info-part .progress-bar {
    background-color: #1fcd85;
    width: 38%
}

.default-badge {
    background: #fff3e3;
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px;
}

    .default-badge span {
        font-size: 0.69em; /* 11px */
    }

.create-profile-main-btn {
    border: 1px dashed #adbed0;
    background: #fff;
    color: #000;
    width: 100%;
    padding: 17px 0;
}

    .create-profile-main-btn i {
        display: block;
        font-size: 1.5em;
        color: #666e79;
        margin-bottom: 0.56em; /* 9px */
    }

    .create-profile-main-btn span {
        margin-top: 0.00em; /* 0px */
        display: block;
        font-size: 0.88em; /* 14px */
        font-weight: 500;
        color: #666e79;
    }

.progress-result {
    color: white;
}

.profile-info-part h4 {
    font-size: 1em;
    color: #fff;
    font-weight: 500;
}

.custom-edit-icon {
    font-size: 1.5em;
}

a.btn-primary.white-fill-btn:hover {
    background: rgba(256,256,256,0);
    border: 1px solid #fff;
}

a.btn-primary.white-stroke-btn:hover {
    background-color: #fff;
    color: #2170dc;
}

.icon-rounded-circle {
    border-radius: 50%;
    background: #fff;
    padding: 0.50em; /* 8px */
    font-size: 1em;
    color: #2170dc;
}

.connections_info p {
    color: #fff;
}

.my_info_main h1 {
    font-size: 1.12em; /* 18px */
    color: #373737;
    font-weight: 600;
}

.my_info_main .custom-user-icon {
    font-size: 3.25em;
    color: #cad8e4;
}

.my_info_main_nav_pills h3 {
    font-size: 1em;
}

.my_info_main_nav_pills .progress-bar {
    background: #21c380;
    width: 56%;
    height: 0.44em; /* 7px */
}

.my_info_main_nav_pills .progress {
    height: 0.44em; /* 7px */
}

.my_info_main_tabs li.nav-item {
    min-width: 17.19em; /* 275px */
}

.my_info_main_nav_pills p {
    color: #a7b2bb;
}

.my_info_main_tabs .nav-pills .nav-link {
    background: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    color: #373737;
    border-radius: 0.3em;
}

    .my_info_main_tabs .nav-pills .nav-link.active, .my_info_main_tabs .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

        .my_info_main_tabs .nav-pills .nav-link.active .custom-user-icon, .my_info_main_tabs .nav-pills .show > .nav-link .custom-user-icon, .my_info_main_tabs .nav-pills .nav-link.active p, .my_info_main_tabs .nav-pills .show > .nav-link p {
            color: #fff;
        }

.my_info_tab_info h4 {
    font-size: 1.25em; /* 20px */
    color: #373737;
    font-weight: 600;
}

.my_info_tab_info_availability img {
    max-width: 100%;
}

.my_info_tab_info_availability label {
    font-size: 0.88em; /* 14px */
    vertical-align: middle;
    cursor: pointer;
}

.my_info_tab_form {
    background: #f3f8ff;
    padding: 1.56em; /* 25px */
}

    .my_info_tab_form p {
        font-weight: 600;
    }

    .my_info_tab_form label {
        font-weight: 400;
    }

.w-80 {
    width: 80%;
}

.linkedin_btn {
    background-color: #127bb6;
    border: 1px solid #127bb6;
}

    .linkedin_btn span {
        font-size: 0.88em; /* 14px */
    }

.create_profile_btn {
    font-size: 0.88em; /* 14px */
}

.manual_apply_btn {
    font-size: 0.88em; /* 14px */
}

.JobHistoryLargeModal .modal-body {
    max-height: 31.25em; /* 500px */
    overflow-y: auto;
}

.profile-tabs-listing-inner .list-group-item {
    background-color: rgba(201, 217, 239, 0.25);
    border: 1px solid rgba(202, 209, 216, 0.5);
}

.profile-info-part .edit-large-modal h4 {
    color: #000;
    font-size: 1em;
    font-weight: 500;
}

.profile-tabs-job-role {
    margin-bottom: 0.94em; /* 15px */
    font-weight: 500;
    font-style: italic;
    color: #848484;
    font-size: .75em;
}

.profile-tabs-job-desc {
    color: #373737;
}

.bd-example-modal-lg .modal-body {
    overflow-y: auto;
    max-height: 33.12em; /* 530px */
}

.background_tab_info h4 {
    font-size: 1.25em; /* 20px */
    color: #373737;
    font-weight: 600;
}

.background-tab-inner-info h6 {
    font-size: 1em;
    font-weight: 500;
}

.custom-head-badge {
    background-color: #f3f3f3;
    margin-top: 0.94em; /* 15px */
}

    .custom-head-badge h6 {
        flex: 1%;
    }

    .custom-head-badge .custom-control-label::before {
        border: 1px solid #caccd0;
    }

.calendar-icon {
    right: 1.25em; /* 20px */
    top: 2.50em; /* 40px */
}

.small-label-head {
    position: absolute;
    top: 0;
    right: 0.62em; /* 10px */
    color: #ff7800;
    font-style: italic;
    font-weight: 600;
}

.profile-tabs-listing-inner h5 {
    font-size: 1.12em; /* 18px */
    font-weight: 600;
}

.create-btn span {
    font-size: 0.81em; /* 13px */
}

.profile-tabs-listing-inner .dropdown-item {
    padding: 0.62em 1.25em; /* 10px 20px */
}

    .profile-tabs-listing-inner .dropdown-item span {
        font-size: 0.81em; /* 13px */
    }

.profile-tabs-listing-inner i.icon-more-mobile {
    font-size: 1em;
    color: #697a92;
    font-weight: 400;
}

.profile-tabs-listing-inner i.icon-edit-pencil, .profile-tabs-listing-inner i.icon-delete-icon {
    font-size: 1em;
}

.no-result {
    color: #797979;
    font-style: italic;
}
/*.profile-tabs-listing-inner .dropdown-menu {
     position: relative;
     background: #88b7d5;
     border: 4px solid #c2e1f5;
}
 .profile-tabs-listing-inner .dropdown-menu :after, .profile-tabs-listing-inner .dropdown-menu :before {
     bottom: 100%;
     left: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 .profile-tabs-listing-inner .dropdown-menu :after {
     border-color: rgba(136, 183, 213, 0);
     border-bottom-color: #88b7d5;
     border-width: 1.88em; /* 30px 
     margin-left: -30px;
}
 .profile-tabs-listing-inner .dropdown-menu :before {
     border-color: rgba(194, 225, 245, 0);
     border-bottom-color: #c2e1f5;
     border-width: 2.25em; /* 36px 
     margin-left: -36px;
}
*/
.custome_tooltip .tooltip-inner::before {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #2170dc;
    content: '';
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
}

.collapsible_panel {
    position: relative;
}

    .collapsible_panel a {
        display: block;
    }

        .collapsible_panel a:after {
            content: "\e92b";
            position: absolute;
            font-family: 'splashtrack' !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            color: #025ea1;
            -webkit-transition: -webkit-transform .5s ease-in-out;
            -ms-transition: -ms-transform .5s ease-in-out;
            transition: transform .5s ease-in-out;
            font-weight: bold;
            position: absolute;
            right: 0.31em; /* 5px */
            top: 0.19em; /* 3px */
        }

        .collapsible_panel a[aria-expanded="true"]:after {
            content: "\e920";
            color: #025ea1;
            transform: rotate(180deg);
            -webkit-transition: -webkit-transform .5s ease-in-out;
            -ms-transition: -ms-transform .5s ease-in-out;
            transition: transform .5s ease-in-out;
            right: 0.31em; /* 5px */
        }

.filter-tag {
    float: left;
    margin-right: 0.19em; /* 3px */
    background-color: #f0f0f0;
    padding: 0.50em 0.94em; /* 8px 15px */
    border-radius: 3px;
}

    .filter-tag span.filter-attribute {
        color: #a2a4a7;
    }

    .filter-tag span.filter-value {
        color: #373737;
        font-weight: 500;
    }
/* ATS Dashboard */
.ats_title_view {
    position: relative;
}

    .ats_title_view h2 {
        font-weight: 600;
        color: #373737;
        top: 0.44em; /* 7px */
        position: relative;
    }

        .ats_title_view h2 i {
            font-size: 1.12em; /* 18px */
            margin-right: 0.62em; /* 10px */
            color: #2170dc;
        }

.collapse_view {
    font-size: 1.12em; /* 18px */
    color: #2170dc;
    cursor: pointer;
}

.appli_cart {
    border-radius: 5px;
    padding: 0.94em; /* 15px */
    position: relative;
    min-height: 100%;
}

.ats_card .owl-stage {
    display: flex;
}

.ats_card .owl-item {
    display: flex;
    flex-direction: column;
}

.card_1 {
    background-image: linear-gradient(to bottom, #20bce2, #00c6e2, #00cfde, #00d8d7, #19e0cd);
}

.card_2 {
    background-image: linear-gradient(to bottom, #25a1fb, #0797fd, #008cfe, #0c80fd, #2874fb);
}

.card_3 {
    background-image: linear-gradient(to bottom, #ff8e52, #ff7f4c, #ff6f48, #ff5e46, #ff4946);
}

.card_4 {
    background-image: linear-gradient(to bottom, #ff7477, #ff6a7f, #fe6088, #fb5793, #f5509f);
}

.card_5 {
    background-image: linear-gradient(to bottom, #6f61c2, #7069ca, #7171d1, #7278d9, #7380e0);
}

.card_6 {
    background-image: linear-gradient(to right top, #0deca5, #72e77a, #a5df52, #d2d330, #fcc322);
}

.appli_cart h4 {
    font-size: 0.88em; /* 14px */
    color: #ffffff;
    padding-right: 0;
    line-height: 1.38em; /* 22px */
    letter-spacing: 0.06em; /* 1px */
    float: left;
    width: calc(100% - 65px);
    /* width: 78%; */
}

.appli_cart .progress {
    width: 3.00em; /* 48px */
    height: 3.00em; /* 48px */
    line-height: 3.44em; /* 55px */
    background: none;
    margin: 0 auto;
    box-shadow: none;
    /* position: absolute;
     right: 0.94em; /* 15px 
     top: 0.94em; /* 15px 
    */
    cursor: pointer;
    float: right;
    position: relative;
}

    .appli_cart .progress:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 5px solid #efefef9e;
        position: absolute;
        top: 0;
        left: 0;
    }

    .appli_cart .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .appli_cart .progress .progress-left {
        left: 0;
    }

    .appli_cart .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 0.31em; /* 5px */
        border-style: solid;
        position: absolute;
        top: 0;
        border-color: #fffffd;
    }

    .appli_cart .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 75px;
        border-bottom-right-radius: 75px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .appli_cart .progress .progress-right {
        right: 0;
    }

        .appli_cart .progress .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 75px;
            border-bottom-left-radius: 75px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
        }

    .appli_cart .progress .progress-value {
        display: flex;
        border-radius: 50%;
        font-size: 1.12em; /* 18px */
        text-align: center;
        line-height: 1.25em; /* 20px */
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 500;
        flex: 1;
        color: #fff;
    }

        .appli_cart .progress .progress-value div {
            margin-top: 0.62em; /* 10px */
        }

        .appli_cart .progress .progress-value span {
            font-size: .75em;
            text-transform: uppercase;
        }

/* wizard progress bar */
.wizard_prog .progress {
    width: 4.00em; /* 64px */
    height: 4.00em; /* 64px */
    line-height: 4.00em; /* 64px */
    background: none;
    margin: 0 auto;
    box-shadow: none;
    cursor: pointer;
    float: right;
    position: relative;
}
    /* .wizard_prog .progress:after{
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 3px solid #e0e0e0;
     position: absolute;
     top: 0;
     left: 0;
} */
    .wizard_prog .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .wizard_prog .progress .progress-left {
        left: 0;
    }

    .wizard_prog .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 0.19em; /* 3px */
        border-style: solid;
        position: absolute;
        top: 0;
        border-color: #0997fe;
    }

    .wizard_prog .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 75px;
        border-bottom-right-radius: 75px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .wizard_prog .progress .progress-right {
        right: 0;
    }

        .wizard_prog .progress .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 75px;
            border-bottom-left-radius: 75px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
        }

    .wizard_prog .progress .progress-value {
        display: flex;
        border-radius: 50%;
        font-size: 1em;
        text-align: center;
        line-height: 1.25em; /* 20px */
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 500;
        flex: 1;
        color: #373737;
    }

    .appli_cart .progress[data-percentage="10"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="10"] .progress-right .progress-bar {
        animation: loading-1 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="10"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="10"] .progress-left .progress-bar {
        animation: 0;
    }

    .appli_cart .progress[data-percentage="20"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="20"] .progress-right .progress-bar {
        animation: loading-2 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="20"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="20"] .progress-left .progress-bar {
        animation: 0;
    }

    .appli_cart .progress[data-percentage="30"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="30"] .progress-right .progress-bar {
        animation: loading-3 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="30"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="30"] .progress-left .progress-bar {
        animation: 0;
    }

    .appli_cart .progress[data-percentage="40"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="40"] .progress-right .progress-bar {
        animation: loading-4 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="40"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="40"] .progress-left .progress-bar {
        animation: 0;
    }

    .appli_cart .progress[data-percentage="50"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="50"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="50"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="50"] .progress-left .progress-bar {
        animation: 0;
    }

    .appli_cart .progress[data-percentage="60"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="60"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="60"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="60"] .progress-left .progress-bar {
        animation: loading-1 1.5s linear forwards 1.5s;
    }

    .appli_cart .progress[data-percentage="70"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="70"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="70"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="70"] .progress-left .progress-bar {
        animation: loading-2 1.5s linear forwards 1.5s;
    }

    .appli_cart .progress[data-percentage="80"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="80"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="80"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="80"] .progress-left .progress-bar {
        animation: loading-3 1.5s linear forwards 1.5s;
    }

    .appli_cart .progress[data-percentage="90"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="90"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="90"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="90"] .progress-left .progress-bar {
        animation: loading-4 1.5s linear forwards 1.5s;
    }

    .appli_cart .progress[data-percentage="100"] .progress-right .progress-bar,
    .wizard_prog .progress[data-percentage="100"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .appli_cart .progress[data-percentage="100"] .progress-left .progress-bar,
    .wizard_prog .progress[data-percentage="100"] .progress-left .progress-bar {
        animation: loading-5 1.5s linear forwards 1.5s;
    }

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}

.appli_cart .card_footer {
    /* margin-top: 2.81em; /* 45px
     */
    margin-top: 1.25em; /* 20px */
    display: flex;
    flex-direction: row;
}

.card_footer .count_card {
    flex: 1;
    cursor: pointer;
}

    .card_footer .count_card:last-child {
        text-align: right;
    }

    .card_footer .count_card span {
        color: #ffffff;
        font-size: 0.81em; /* 13px */
        display: block;
        font-weight: 400;
        padding-top: 0.44em; /* 7px */
    }

.count_card i, .count_card label {
    color: #ffffff;
    font-size: 1em;
}

.count_card i {
    margin-right: 0.31em; /* 5px */
    font-size: 1.31em; /* 21px */
    vertical-align: middle;
}

.count_card label {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
}

.ats_card .owl-nav .owl-prev, .ats_card .owl-nav .owl-next, .top-profile-list .owl-nav .owl-prev, .top-profile-list .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.ats_card .owl-nav .owl-prev {
    left: -10px;
}

.ats_card .owl-nav .owl-next {
    right: -10px;
}

.top-profile-list .owl-nav .owl-prev {
    left: -20px;
}

.top-profile-list .owl-nav .owl-next {
    right: -20px;
}

.ats_card .owl-nav .owl-prev span, .ats_card .owl-nav .owl-next span {
    color: #ffffff;
    font-size: 1.88em; /* 30px */
    border: 2px solid #b6c0c9;
    border-radius: 100%;
    display: block;
}

.top-profile-list .owl-nav .owl-prev span, .top-profile-list .owl-nav .owl-next span {
    color: #171d1e;
    font-size: 1.62em; /* 26px */
    border: 2px solid #b6c0c9;
    border-radius: 100%;
    display: block;
}

.box_view {
    background: #ffffff;
    border-radius: 7px;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
}

h5 {
    font-weight: 600;
    color: #025ea1;
    display: inline-block;
    letter-spacing: 0.06em; /* 1px */
    font-size: 0.94em; /* 15px */
}

.box_title .icon-more-mobile {
    color: #7e7e7e;
    font-size: 1em;
    cursor: pointer;
    padding: 0.19em 0.31em; /* 3px 5px */
}

.box_title .dropdown-toggle:empty::after {
    display: none;
}

.box_title .dropdown-menu {
    font-size: 0.81em; /* 13px */
}

#chat_slider .owl-nav {
    text-align: center;
}

#chat_slider .owl-prev {
    margin-right: 0.62em; /* 10px */
}

#chat_slider .owl-nav span {
    color: #a8b1c2;
    font-size: 1.5em;
}

    #chat_slider .owl-nav span:hover {
        color: #7192bf;
    }

.chart_tab_btn {
    border: 1px solid #dce1e7;
    border-radius: 5px;
    position: relative;
}

    .chart_tab_btn::before {
        position: absolute;
        left: 50%;
        top: 0;
        width: 0.06em; /* 1px */
        height: 100%;
        background: #dce1e7;
        content: '';
        transform: translateX(-50%);
    }

    .chart_tab_btn button {
        background-color: transparent;
        color: #373737;
    }

.int_pand {
    height: 21.88em; /* 350px */
    overflow-y: auto;
}

    .int_pand .media {
        border-bottom: 1px solid #e9eef2;
    }
    /* .int_pand .media:last-child{
     border-bottom: 0;
}
 */
    .int_pand .media-body p {
        color: #868686;
    }

    .int_pand .p_fot i {
        margin-right: 0.31em; /* 5px */
        color: #748090;
    }

    .int_pand .p_fot span {
        color: #373737;
        line-height: 0.81em; /* 13px */
    }

.int_fot a {
    text-align: right;
    display: block;
    color: #2170dc;
    padding-top: 1.25em; /* 20px */
}

.int_fot i {
    font-size: 1.25em; /* 20px */
    vertical-align: middle;
    margin-left: 0.62em; /* 10px */
}

.box_title .dropdown {
    font-size: 0.81em; /* 13px */
    height: calc(2.1rem + 2px) !important;
    color: #373737;
}
/* .ats_filter_view .form-group{
     background: #e9f0f6;
     border-radius: 100px;
     padding: 0 15px;
} */
.ats_filter_view .dropdown {
    padding: .175rem .25em;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    position: relative;
}

    .ats_filter_view .dropdown button, .ats_filter_view .dropdown button:focus {
        font-size: 0.81em; /* 13px */
        display: inline-block;
        width: auto;
        background: transparent;
        border-color: transparent;
        color: #373737;
        box-shadow: none;
        word-break: break-all;
        white-space: inherit;
        text-align: left;
        width: 100%;
        padding-right: 1.25em; /* 20px */
    }

        .ats_filter_view .dropdown button span {
            display: inline-block;
            width: auto;
            padding: 0;
        }

.ats_filter_view .dropdown-toggle::after {
    top: 0.06em; /* 1px */
    position: relative;
}

.ats_filter_view .dropdown .dropdown-menu {
    max-height: 15.62em; /* 250px */
    overflow-y: auto;
    min-width: 11.25em; /* 180px */
}

    .ats_filter_view .dropdown .dropdown-menu .dropdown-item {
        font-size: 0.81em; /* 13px */
        word-break: break-all;
        white-space: inherit;
    }

.ats_filter_view .icon-close {
    font-size: 0.62em; /* 10px */
    cursor: pointer;
    font-weight: bold;
    padding: 0.19em; /* 3px */
}
/* .ats_filter_view input{
     height: calc(2.25rem + 2px);
     background-color: #e9f0f6 !important;
     border: 0;
     padding-left: 1.25em; /* 20px
     border-radius: 100px;
} */
.ats_filter_view input {
    height: calc(2.25rem + 2px);
    padding-left: 1.25em; /* 20px */
}

    .ats_filter_view input .icon-calendar {
        margin-right: 0.62em; /* 10px */
    }

    .ats_filter_view input .icon-down-arrow {
        margin-left: 0.62em; /* 10px */
    }
/* Login page css */
/* .login_view{
     height: 100vh !important;
}
 .left_login{
}
 .right_login{
     background: #fff;
}
 .right_login_inner h1{
     font-size: 2.25em; /* 36px
     font-weight: 600;
}
 .right_login_inner h1 span{
     color: #7d7d7d;
}
 .right_login_inner h5{
     font-size: 1em;
     color: rgba(0, 0, 0, 0.5);
     font-weight: 500;
     line-height: 1.44em; /* 23px
}
 */

.loginLargeModal .modal-title {
    font-size: 1.62em; /* 26px */
    font-weight: 600;
    color: #2170dc;
}

    .loginLargeModal .modal-title span {
        color: #373737;
    }

.loginLargeModal .nav-link {
    border: 0;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0.06em; /* 1px */
    padding: .9rem 1.5em;
    color: #373737;
    border-bottom: 2px solid transparent;
}

    .loginLargeModal .nav-link:hover, .loginLargeModal .nav-link.active {
        color: #2170dc;
        border-color: #2170dc;
    }

.job_banner_img img {
    max-width: 100%;
}

.loginLargeModal h4 {
    font-size: 0.88em; /* 14px */
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
    line-height: 1.31em; /* 21px */
}

.loginLargeModal .form-group label {
    font-weight: 600;
    color: #373737;
    font-size: 0.88em; /* 14px */
}

.loginLargeModal .form-group .form-control {
    height: calc(3.0rem + 2px);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    border: 0;
    border-left: 3px solid transparent;
    font-size: 0.88em; /* 14px */
}

    .loginLargeModal .form-group .form-control:focus {
        border-left: 3px solid #2170dc;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    }

.loginLargeModal .custom-control-label {
    color: #373837;
    font-size: 0.81em; /* 13px */
    font-weight: 500;
    line-height: 1.44em; /* 23px */
    cursor: pointer;
}

.loginLargeModal .custom-control a {
    float: right;
    margin-top: 0.19em; /* 3px */
    font-size: 0.81em; /* 13px */
    color: #4a70dc;
    font-weight: 500;
}

    .loginLargeModal .custom-control a:hover,
    .loginLargeModal .custom-control a:focus {
        color: #373737;
    }

.loginLargeModal .secondary_button {
    padding: 0.62em 1.88em; /* 10px 30px */
    font-size: 0.88em; /* 14px */
    letter-spacing: 0.06em; /* 1px */
}

.loginLargeModal .over_bg {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 46%;
    height: 90%;
    background-color: #ebf4fd;
    border-radius: 0 0 100% 0;
}

.loginLargeModal .modal-body .close {
    float: none;
    position: absolute;
    right: 0.62em; /* 10px */
    top: 0.62em; /* 10px */
    content: '';
    font-size: 1em;
    color: #2170dc;
    opacity: 1;
    padding: 0.31em; /* 5px */
    z-index: 1;
    cursor: pointer;
}
/*.login_view h2{
     font-size: 1.12em; /* 18px
     color: #373737;
     position: relative;
     line-height: 1.88em; /* 30px
     padding-bottom: 0.62em; /* 10px
}
 .login_view h2::after{
     position: absolute;
     left: 0;
     bottom: 0;
     content: '';
     width: 3.12em; /* 50px
     height: 0.25em; /* 4px 
     background: #e0737f;
}
 .login_view h2 span{
     color: #007bff;
}
 */
/* Featured Jobs page css */
.featured_job_view {
    /* height: 100vh;
     */
    padding-bottom: 2.44em; /* 39px */
}

.job_filter_view {
    background: #fff;
}

    .job_filter_view .ats_title_view {
        border-bottom: 1px solid #dee5ee;
    }

        .job_filter_view .ats_title_view h2 {
            top: 0;
        }

    .job_filter_view .form-group > label {
        font-size: 0.88em; /* 14px */
        color: #373737;
        font-weight: 600;
    }

    .job_filter_view .custom-checkbox label {
        font-size: 0.81em; /* 13px */
        color: #373737;
        font-weight: 500;
        line-height: 1.44em; /* 23px */
        cursor: pointer;
    }

    .job_filter_view button {
        width: 48%;
        font-size: 0.88em; /* 14px */
        padding: 0.62em; /* 10px */
        letter-spacing: 0.06em; /* 1px */
    }

.job_listing {
    position: relative;
}

    .job_listing h4 {
        font-size: 1em;
        font-weight: 600;
        color: #2170dc;
        padding-right: 4.69em; /* 75px */
    }

    .job_listing li i {
        font-size: .75em;
        margin-right: 0.31em; /* 5px */
        vertical-align: middle;
        color: #ff4946;
    }

    .job_listing .j_tit {
        display: inline-block;
        font-size: 0.81em; /* 13px */
        color: #373737;
        font-weight: 500;
    }

    .job_listing .j_dec {
        display: inline-block;
        font-size: 0.81em; /* 13px */
        font-weight: 600;
        color: #373737;
    }


.job_vacancy_view .skills_dec {
    font-weight: 600;
}

.job_vacancy_view > ul li i {
    font-size: 0.81em; /* 13px */
    font-size: 0.56em; /* 9px */
    font-weight: bold !important;
    cursor: pointer;
}

.featured_header .mobile-logo {
    /* padding: 19px 0 0 30px;
     */
    display: block;
}

.featured_header .main_breadcrumbs .breadcrumb {
    padding-left: 1.88em; /* 30px */
}

.featured_header .nav-item:first-child {
    margin-left: 0;
}

.featured_header .nav-item a {
    /* font-size: 0.88em; /* 14px
     */
    letter-spacing: 0.06em; /* 1px */
    color: #373737;
    font-weight: 500;
}

    .featured_header .nav-item a:hover {
        color: #2170dc;
    }
/* .job_detail_view{
     height: 100vh;
}
 */
.job_detail_view .ats_title_view h2 {
    top: 0;
    display: inline-block;
    font-size: 1em;
}

.job_detail_view .job_filter_view .ats_title_view h2 {
    color: #2170dc;
}

.det_de-title h6 {
    border-bottom: 1px solid #dee5ee;
    font-size: 1.25em !important;
    color: #373737;
    font-weight: 600;
}

.job_detail_desc p, .det_de-title p {
    font-size: 1em !important;
    line-height: 1.25em; /* 20px */
    position: relative;
}

.det_sk_vi p::before {
    position: absolute;
    left: 0;
    top: 0.31em; /* 5px */
    content: '';
    width: 0.75em; /* 12px */
    height: 0.75em; /* 12px */
    border: 3px solid #2170dc;
    border-radius: 3px;
}

.similar_job .ats_title_view h2 {
    color: #373737 !important;
}

.similar_job .ats_title_view a {
    color: #2170dc;
    font-weight: 500;
    cursor: pointer;
}

.similar_job .job_listing {
    border-bottom: 1px solid #dee5ee;
}

    .similar_job .job_listing h4 {
        padding-right: 0;
        font-size: 0.88em; /* 14px */
        line-height: 1.06em; /* 17px */
    }

.job_det_skill li:last-child {
    border-bottom: 0;
}

.dis_annual {
    font-size: .75em;
    font-weight: 500;
}
/* .filter_form_view .custom-checkbox label{
     font-size: 0.94em; /* 15px
     color: #2170dc;
     font-weight: 600;
}
 */
.dashboard-grid-mh {
    max-height: 18.75em; /* 300px */
}

.ddlChart {
    width: auto;
}
/* .job_listing .job_skills span{
     font-size: 0.81em; /* 13px
     font-weight: 500;
     background: red;
     color: #fff;
     padding: 0.31em 0.31em; /* 5px 5px 
}
 */
/********* My Action Dashboard ************/
.main-action-dashboard .appli_cart .progress .progress-value {
    font-size: 1.5em;
}

.main-action-dashboard .appli_cart .progress:after {
    display: none;
}

.icon-circle {
    width: 3.12em; /* 50px */
    height: 3.12em; /* 50px */
    position: relative;
}

    .icon-circle > i {
        font-size: 1.12em; /* 18px */
        color: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.progress-value span {
    font-size: 1.5em;
    color: #fff;
    font-weight: 600;
}

span.ad-subhead {
    color: #fff;
    font-weight: 500;
    font-size: 0.94em; /* 15px */
    line-height: 1.25em; /* 20px */
    letter-spacing: 0.06em; /* 1px */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.progress-value {
    /* background: #fff;
     */
    border: 4px solid #e0e0e0;
    height: 4.06em; /* 65px */
    width: 4.06em; /* 65px */
    border-radius: 50%;
    position: relative;
    float: right;
}

.main-action-dashboard .progress-value {
    background: #fff;
}

.progress-value span.ad-number-count {
    font-size: 1.25em; /* 20px */
    font-weight: 600;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.card_1 .progress-value span.ad-number-count {
    color: #17c6d4;
}

.card_2 .progress-value span.ad-number-count {
    color: #169cfd;
}

.card_3 .progress-value span.ad-number-count {
    color: #ff814d;
}

.card_4 .progress-value span.ad-number-count {
    color: #ff6a7f;
}

.card_5 .progress-value span.ad-number-count {
    color: #7066c7;
}

.card_6 .progress-value span.ad-number-count {
    color: #aedc4b;
}

.ad_cart {
    border-radius: 7px;
    padding: 0.94em; /* 15px */
    position: relative;
    min-height: 5.62em; /* 90px */
}

    .ad_cart:after {
        position: absolute;
        background: rgba(255, 255, 255, 0.15);
        width: 100%;
        height: 100%;
        content: "";
        top: 0;
        left: 0;
        border-radius: 0 0px 100% 0;
    }

.interviews-lists {
    overflow-y: auto;
    max-height: 22.19em; /* 355px */
}

    .interviews-lists .media h4 {
        font-size: 0.88em; /* 14px */
        font-weight: 600;
        color: #373737;
    }

    .interviews-lists .media p {
        color: #6f6f6f;
        font-size: 0.81em; /* 13px */
    }

    .interviews-lists .dropdown-toggle {
        cursor: pointer;
    }

        .interviews-lists .dropdown-toggle::after {
            display: none;
        }

    .interviews-lists .media {
        border-bottom: 1px solid #e5e5e5;
    }

        .interviews-lists .media:last-child {
            border-bottom: none;
        }

    .interviews-lists img {
        width: 3.75em; /* 60px */
    }

    .interviews-lists .dropdown-item {
        line-height: 2.50em; /* 40px */
        font-size: 0.81em; /* 13px */
        padding: 0.00em 1.25em; /* 0px 20px */
    }

.interviews-dropdown-list.show .dropdown-menu {
    margin-top: 0.94em; /* 15px */
    margin-left: 0.12em; /* 2px */
}

.lists-icon {
    font-size: 1.5em;
}

.interviews-lists li {
    border-bottom: 1px solid #e5e5e5;
}

.current-job-title {
    font-size: 0.88em; /* 14px */
}

.box_title h5.heading_five span.position-count {
    font-size: .75em;
    font-weight: 600;
    color: #025ea1;
    font-size: 1em;
}

.interviews-dropdown-list .icon-edit-pencil {
    cursor: pointer;
    font-size: 1em;
}

.actionDashboard-card {
    position: relative;
}

    .actionDashboard-card .owl-nav .owl-prev, .actionDashboard-card .owl-nav .owl-next {
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .actionDashboard-card .owl-nav .owl-prev {
        left: 0;
    }

    .actionDashboard-card .owl-nav .owl-next {
        right: -22px;
    }

        .actionDashboard-card .owl-nav .owl-prev span, .actionDashboard-card .owl-nav .owl-next span {
            font-size: 1.62em; /* 26px */
            color: rgba(55,55,55,0.70);
        }

    .actionDashboard-card .owl-dots {
        display: none;
    }
/* .box_title h5 > span{
     font-size: 0.81em; /* 13px
     color: #373737;
} */
.box_title h5 > span.interviews-count {
    color: #025ea1;
}

.actionDashboard-card .item {
    margin-bottom: 0.62em; /* 10px */
}

.active-box:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #13ded0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: -10px;
}

.card_1.active-box:before {
    border-top-color: #13ded0;
}

.card_2.active-box:before {
    border-top-color: #2377fc;
}

.card_3.active-box:before {
    border-top-color: #ff4c46;
}

.card_4.active-box:before {
    border-top-color: #f6519c;
}

.card_5.active-box:before {
    border-top-color: #727ede;
}

.card_6.active-box:before {
    border-top-color: #74e779;
}
/***** Special *****/
#thumbs .item {
    background: #fff;
    padding: 0.00em; /* 0px */
    margin: 0.12em; /* 2px */
    color: #FFF;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #dedede;
}

    #thumbs .item h1 {
        font-size: 1.12em; /* 18px */
    }

#thumbs .current .item {
    background: #2170dc;
    border-radius: 7px;
    border: 1px solid #dedede;
    color: #fff;
}

.my_info_mobile_tabs #thumbs .current .item.custom-nav-items h3 {
    color: #fff;
}

.my_info_mobile_tabs #thumbs .current .custom-nav-items p {
    color: #fff;
}
/* .owl-theme .owl-nav [class*='owl-'] {
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
}
 .owl-theme .owl-nav [class*='owl-'].disabled:hover {
     background-color: #D6D6D6;
} */
#big.owl-theme {
    position: relative;
}

.thumbs-carousel-custom {
    position: relative;
}

    .thumbs-carousel-custom .owl-prev {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%,-50%);
    }

    .thumbs-carousel-custom .owl-next {
        position: absolute;
        top: 50%;
        right: -25px;
        transform: translate(-50%,-50%);
    }

    .thumbs-carousel-custom .owl-nav .owl-prev span, .thumbs-carousel-custom .owl-nav .owl-next span {
        font-size: 1.5em;
    }

.my_info_mobile_tabs .custom-nav-items h3 {
    font-size: 1em;
    color: #373737;
}

.my_info_mobile_tabs .custom-nav-items .progress {
    height: 0.44em; /* 7px */
}

.my_info_mobile_tabs .custom-nav-items .progress-bar {
    background: #21c380;
    width: 56%;
    height: 0.44em; /* 7px */
}

.my_info_mobile_tabs .custom-nav-items p {
    color: #a7b2bb;
}

.my_info_mobile_tabs .owl-dots {
    display: none;
}

.profile-custom-collapse-mobile .custom-head-badge .custom-control-label::before {
    border: none;
}

.modal label {
    font-weight: 600;
}

/*======== Start My Application ==========*/
.myApplicationMenu .main_nav .nav-link {
    padding: 0.56em 1.56em 0.44em 1.56em; /* 9px 25px 7px 25px */
}

.custom-list-group {
    background-color: #fff;
}

.list-group-item.active {
    background-color: #6dc9f5;
    border-color: #6dc9f5;
}

    .list-group-item.active .icon-more-mobile,
    .list-group-item.active .splash_icon.icon-blue,
    .custom-list-group .list-group-item.active h5 {
        color: #fff;
    }
    /* .list-group-item .dropdown{
     pointer-events: none;
} */
    .list-group-item.active .dropdown {
        pointer-events: visible;
    }

.custom-list-group h5 {
    font-size: 1em;
    font-weight: 600;
    color: #373737;
    padding-right: 0.62em; /* 10px */
}

#vacancyOne a:after {
    display: none;
}

.custom-list-group ul li {
    line-height: 2em;
}

.custom-list-group .dropdown-menu, .custom-list-group button {
    border: none;
}

.custom-list-group button {
    cursor: pointer;
}

.custom-list-group .dropdown-menu span {
    font-size: 0.81em; /* 13px */
}

.custom-list-group .dropdown-menu .dropdown-item {
    line-height: 1.75em; /* 28px */
}

    .custom-list-group .dropdown-menu .dropdown-item i {
        font-size: 1em;
    }

.myApplicationleft-header {
    display: flex;
}

    .myApplicationleft-header h3 {
        flex: 1;
        font-size: 1em;
        font-weight: 600;
        align-self: center;
    }

    .myApplicationleft-header button {
        background-color: transparent;
        border: none;
        position: absolute;
        right: 0.44em; /* 7px */
        top: 0.19em; /* 3px */
    }

        .myApplicationleft-header button i {
            font-size: 0.88em; /* 14px */
            font-weight: 600;
            color: #b8b8b8;
        }

.custom-list-group .list-group-item {
    cursor: pointer;
    padding: .75rem 0.75em;
}

.custom-sublist-group li strong {
    font-weight: 600;
}

.myApplicationRight .custom-navPills {
    border-bottom: 1px solid #dee5ee;
}

.myApplicationRight .nav-pills .nav-link {
    color: #75808f;
    border-bottom: 4px solid transparent;
    display: block;
}

    .myApplicationRight .nav-pills .nav-link.active {
        background-color: transparent;
        border-bottom: 4px solid #6dc9f5;
        color: #6dc9f5;
        border-radius: 0;
    }

    .myApplicationRight .nav-pills .nav-link .badge {
        min-width: 1.00em; /* 16px */
        min-height: 1.00em; /* 16px */
        font-weight: 500;
    }

.VacancyDetails-Inner li h5 {
    font-size: 0.81em; /* 13px */
    font-weight: 400;
}

.VacancyDetails-Inner li p {
    font-size: 0.81em; /* 13px */
    font-weight: 600;
}

.VacancyDetails-Inner .media i {
    font-size: 1em;
    margin-right: 0.94em; /* 15px */
    color: #819db3;
}

.myApplicationleft-header .btn:focus {
    box-shadow: none;
}

.app-que-accordion-section .card-header {
    background-color: rgba(0,0,0,0);
    border-bottom: none;
}

.white-card {
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(187,187,187,0.3);
    border-radius: 5px;
}

.offer-date {
    color: #41ab25;
    font-weight: 400;
    font-size: 0.81em; /* 13px */
}

.offer-accepted-date {
    float: right;
    margin-right: 1.25em; /* 20px */
    font-size: .75em;
    font-weight: 400;
    margin-top: 0.19em; /* 3px */
    color: orange;
}

.req-docs-container {
    margin: 0 20px;
}

    .req-docs-container ul {
        display: flex;
    }

.req-doc-listing .white-card {
    padding: 20px 0;
    margin: 15px 0;
}

.req-docs-container li.blank-field {
    width: 14%;
    padding-left: 1.56em; /* 25px */
}

.req-docs-container li.doc-name {
    width: 30%;
}

.req-docs-container li.file-name {
    width: 35%;
}

.req-docs-container li.upload-doc {
    width: 15%;
}

.req-doc-listing li img {
    width: 1.88em; /* 30px */
}

.req-docs-container li span {
    font-weight: 600;
    font-size: 0.88em; /* 14px */
}

.req-doc-main-list i {
    font-size: 1.25em; /* 20px */
    color: #6dc9f5;
}

.resume-heading {
    margin-top: 2.50em; /* 40px */
    margin-left: -10px;
}

.uploaddoc-plusbtn {
    background: #6dc9f5;
    color: #fff;
    padding: 0.62em 0.62em; /* 10px 10px */
    border-radius: 5px;
    font-size: 1.06em; /* 17px */
    position: relative;
    top: -12px;
    margin: 0 2px;
}

.uploaddoc-body {
    margin: 10px 0;
}

.outgoing-msg-bg {
    /*background-color: #f1f2f6;*/
    display: flex;
    flex-direction: column;
}

.chat-main-container .message-item.outgoing-message .message-content {
    background-color: #50c5fd;
    color: #fff;
}

.chat-main-container .message-item .message-content {
    background: #f1f2f6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0.94em 1.25em; /* 15px 20px */
    margin: 0 15px;
}

.chat-main-container .message-item.outgoing-message {
    margin-left: auto;
}

.chat-main-container .message-item {
    max-width: 65%;
    margin-bottom: 1.25em; /* 20px */
}

    .chat-main-container .message-item .message-action {
        color: #828282;
        margin-top: 0.31em; /* 5px */
        font-style: italic;
        font-size: .75em;
        margin: 5px 15px 0 15px;
    }

    .chat-main-container .message-item.outgoing-message .message-action {
        text-align: right;
    }

.chat-main-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.chat-textarea input.form-control.form-control-lg {
    border: none;
    background-color: #f1f1f4;
    padding: 2.50em 4.69em 2.50em 1.25em; /* 40px 75px 40px 20px */
    border-radius: 0;
}

.chat-textarea {
    position: relative;
}

    .chat-textarea .form-group {
        margin-bottom: 0;
    }

    .chat-textarea button {
        position: absolute;
        top: 50%;
        right: 0;
        font-size: 1.88em; /* 30px */
        transform: translate(-50%, -50%);
        border: 0;
        cursor: pointer;
    }

.ud-buttons {
    display: flex;
    align-items: flex-end;
    margin-left: 0.38em; /* 6px */
}

.ud-selectbox {
    flex: 1;
}
/*======== End My Application ==========*/

/*================ Culture Board ==============*/
.userProfilepic img {
    width: 4.38em; /* 70px */
    height: 4.38em; /* 70px */
    border-radius: 50px;
}

.post-right-icons {
    flex: 1 0;
}

    .post-right-icons i {
        color: #acb3bc;
        font-size: 1.12em; /* 18px */
    }

.create-post-feed .nav-pills .nav-link.active, .create-post-feed .nav-pills .show > .nav-link {
    color: #12c6ec;
    background-color: transparent;
    font-weight: 500;
}

.create-post-feed .nav-pills .nav-link {
    color: #878787;
}

    .create-post-feed .nav-pills .nav-link span {
        padding-left: 0.44em; /* 7px */
    }

    .create-post-feed .nav-pills .nav-link:first-child {
        padding-left: 0;
    }

.create-post-feed li.nav-item {
    margin-right: 0.94em; /* 15px */
}

.feed-main-tab .nav-tabs .nav-link {
    color: #373737;
    border: 0;
    border-bottom: 3px solid transparent;
}

    .feed-main-tab .nav-tabs .nav-link:hover {
        border: none;
        color: #373737;
    }

    .feed-main-tab .nav-tabs .nav-link.active {
        background-color: transparent;
        border-bottom: 3px solid #12c6ec;
        color: #12c6ec;
    }

.feed-main-tab nav {
    margin-top: 0.94em; /* 15px */
}

.feeds-sorting .common-dropdown .btn-outline {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 0.81em; /* 13px */
}

.feeds-sorting .common-dropdown span {
    font-size: 0.81em; /* 13px */
}

.feeds-header {
    display: flex;
}

    .feeds-header img {
        border-radius: 50px;
        width: 3.75em; /* 60px */
        height: 3.75em; /* 60px */
    }

    .feeds-header .media {
        flex: 1;
    }

    .feeds-header .post-badge {
        background-color: #e5f4f8;
        color: #2cb5d2;
        font-size: 0.81em; /* 13px */
        font-weight: 500;
        padding: 0.31em 0.62em; /* 5px 10px */
    }

    .feeds-header .badge {
        margin-left: 0.44em; /* 7px */
    }

    .feeds-header .post-badge i {
        font-size: 1em;
        font-weight: normal;
    }

    .feeds-header h5 a {
        font-size: 1em;
        font-weight: 600;
        margin-bottom: 0.31em; /* 5px */
        color: #373737;
        display: inline-block;
    }

    .feeds-header .media-body {
        margin-top: 0.31em; /* 5px */
    }

.feed-more-option span {
    font-size: 0.81em; /* 13px */
    font-weight: 500;
    color: #373737;
    line-height: 2.25em; /* 36px */
    cursor: pointer;
}

.feed-more-option i {
    cursor: pointer;
    margin-right: 0.62em; /* 10px */
}

.feed-more-option .dropdown-menu {
    margin-top: 0.62em; /* 10px */
}

.feeds-content p {
    line-height: 1.25em; /* 20px */
    font-size: 0.81em; /* 13px */
    margin-top: 0.62em; /* 10px */
}

.feeds-like-inner ul {
    flex: 1;
}

    .feeds-like-inner ul li {
        display: inline-block;
    }

        .feeds-like-inner ul li i {
            color: #75808f;
            font-size: 1.12em; /* 18px */
        }

.feeds-like-inner {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    margin-top: 0.94em; /* 15px */
}

    .feeds-like-inner a span {
        color: #373737;
    }

.share-comment-count a span {
    color: #12c6ec;
    font-weight: 500;
}

.feeds-like-inner a .reply-count {
    color: #fff;
}

.likes-number {
    padding: 15px 0;
}

.likes-counts {
    flex: 1;
}

    .feeds-like-inner ul li .icon-heart,
    .likes-counts i {
        color: #d31b1b;
        font-size: 1.25em; /* 20px */
        margin-right: 0.31em; /* 5px */
    }

.feeds-comments-box ul li {
    display: inline-block;
}

.feeds-comments-box ul {
    position: absolute;
    right: 0.62em; /* 10px */
    top: 50%;
    transform: translateY(-50%);
}

.feeds-comments-box li a {
    font-size: 1.12em; /* 18px */
    color: #acb3bc;
    margin: 0 3px;
}

.feeds-comments-box img {
    width: 3.12em; /* 50px */
    height: 3.12em; /* 50px */
}

.reply-grey-bg {
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 0.75em; /* 12px */
    margin-top: 0.44em; /* 7px */
}

.first-reply {
    margin-left: 3.12em; /* 50px */
}

.reply-main-section ul {
    margin-top: 0.31em; /* 5px */
}

.reply-main ul li {
    display: inline-block;
}

    .reply-main ul li a, .view-comment-btn a {
        color: #12c6ec;
    }

.reply-count {
    background-color: #12c6ec;
    width: 1.25em; /* 20px */
    height: 1.25em; /* 20px */
    border-radius: 50px;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin-left: 0.31em; /* 5px */
}

.reply-main-section img {
    width: 2.81em; /* 45px */
    height: 2.81em; /* 45px */
}

.feed-post-hours {
    color: #838383;
}

.feeds-header .idea-badge {
    background-color: #fbf2e0;
    color: #ffaa00;
    font-size: 0.81em; /* 13px */
    font-weight: 500;
    padding: 0.31em 0.62em; /* 5px 10px */
}

    .feeds-header .idea-badge i {
        font-size: 1em;
        font-weight: normal;
    }

.reply-main a span {
    color: #373737;
}

    .reply-main a span.reply-count {
        color: #fff;
    }

.popup-gallery {
    margin-top: 1.56em; /* 25px */
}

    .popup-gallery a img {
        border-radius: 5px;
        max-width: 100%;
    }

    .popup-gallery a {
        margin: 0 5px;
        display: inline-block;
        position: relative;
    }

        .popup-gallery a:first-child {
            margin-left: 0.00em; /* 0px */
        }

    .popup-gallery span {
        /* display: block; */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-weight: 600;
        font-size: 1em;
    }

    .popup-gallery a:last-child:before {
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        border-radius: 5px;
    }

.video-image {
    position: relative;
}

    .video-image img {
        max-width: 100%;
        border-radius: 9px;
    }

    .video-image:before {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        content: "";
        display: block;
        border-radius: 9px;
        z-index: 1;
    }

    .video-image .video-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        font-size: 3.12em; /* 50px */
        color: #fff;
        cursor: pointer;
    }

h3.main-panel-title, h3.main-panel-title a {
    font-size: 1em;
    color: #6c757d;
    font-weight: 600;
    margin-bottom: 0.00em; /* 0px */
    display: block;
    position: relative;
}

h4.main-panel-title, h4.main-panel-title a {
    font-size: 0.88em; /* 14px */
    color: #025ea1;
    font-weight: 500;
    margin-bottom: 0.00em; /* 0px */
    display: block;
}

.cb-right-card a:after {
    right: 0.31em; /* 5px */
}

.cb-right-card .dropdown-menu {
    font-size: 0.81em; /* 13px */
    line-height: 2.5;
}

.days-filter-btn-group {
    position: absolute;
    top: 0;
    right: 1.56em; /* 25px */
}

    .days-filter-btn-group .btn {
        background-color: transparent;
        font-size: 0.81em; /* 13px */
        border: 1px solid #6dc9f5;
        color: #6dc9f5;
        padding: 0.19em 0.50em; /* 3px 8px */
    }

.card-header1 {
    height: 1.88em; /* 30px */
}

.today-list h3 {
    text-transform: uppercase;
    font-size: 0.81em; /* 13px */
    background: #f1f1f1;
    border-top: 1px solid #e5e5e5;
    color: #373737;
    font-weight: 400;
}

.birthday-list img {
    width: 3.12em; /* 50px */
    height: 3.12em; /* 50px */
    border-radius: 50px;
}

.birthday-list a h5 {
    font-size: 0.88em; /* 14px */
    font-weight: 500;
    color: #373737;
}

.birthday-list p {
    color: #868686;
    font-size: 0.81em; /* 13px */
}

.birthday-list ul li {
    border-bottom: 1px solid #e5e5e5;
}

.main-birthday-list ul li:last-child {
    border-bottom: none;
}

.mi-work-info-listing {
    max-height: 23.75em; /* 380px */
    overflow-y: auto;
}

.mi-work-info-listing-inbox {
    max-height: 23.75em; /* 380px */
    overflow-y: auto;
}

.no-record-found-content {
    min-height: 9.38em; /* 150px */
    position: relative;
}

    .no-record-found-content p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #868686;
    }

.ques-poll .progress {
    background-color: #f3f8fb
}

.ques-poll .progress-bar {
    background-color: #cbf1fa;
    color: #373737;
}

.poll-left-bar {
    text-align: left;
    margin-left: 0.94em; /* 15px */
}

.custom-poll-radio {
    position: absolute;
    top: 0.50em; /* 8px */
}

.culture_board_main_container.widget .ui-state-default {
    background-color: transparent;
    border: none;
    color: #373737;
}

/*======== End My Application ==========*/
.req-docs-container li.date {
    width: 30%;
    padding-left: 1.56em; /* 25px */
}

.req-docs-container li.start, .req-docs-container li.end {
    width: 30%;
}

.req-docs-container li.end {
    width: 30%;
}

.training-certification-container li.training-type {
    width: 25%;
    padding-left: 1.56em; /* 25px */
}

.training-certification-container li.name {
    width: 30%;
}

.training-certification-container li.status {
    width: 15%;
}

.training-certification-container li.org-provider {
    width: 30%;
}

.training-certification-container li.action {
    width: 5%;
}

.myApplicationleft-header input {
    flex: 5;
}

/* Payroll page css Start */
.re_pay_drop {
}

.payroll_type_view {
    position: relative;
}

.show_filer_pa {
    width: 2.19em; /* 35px */
    height: 2.19em; /* 35px */
    border-radius: 4px;
    border: 1px solid #dee2e6;
    text-align: center;
    font-size: 0.94em; /* 15px */
    line-height: 1.25em; /* 20px */
    color: #0997fe;
    padding: 0.44em; /* 7px */
    cursor: pointer;
    position: absolute;
    content: '';
    right: 0.94em; /* 15px */
    top: 4.12em; /* 66px */
}

    .show_filer_pa:hover {
        background: #0997fe;
        color: #fff;
    }

.payroll_type_view .nav-link {
    font-size: 0.81em; /* 13px */
    background: #f4f7fa;
    font-weight: 500;
    padding: 0.94em 1.88em; /* 15px 30px */
    border-color: #e8eff5;
    color: #373737;
    border-top-left-radius: .50em;
    border-top-right-radius: .50em;
    letter-spacing: 0.06em; /* 1px */
}

    .payroll_type_view .nav-link.active {
        color: #fff;
        background: #6dc9f5;
    }

.payroll_configuration_view,
.pay_codes_view,
.payroll_entry_view,
.pay_summary_view,
.paycode_mapping_type,
.payroll_summary_type,
.coaching-step-2,
.coaching-step-3,
.coaching-step-4,
.coaching-step-5 {
    display: none;
}

    .payroll_configuration_view .dow_icon,
    .payroll_configuration_view .upl_icon {
        font-size: 0.88em; /* 14px */
        letter-spacing: 0.06em; /* 1px */
    }

        .payroll_configuration_view .dow_icon i {
            font-size: 1.31em; /* 21px */
            line-height: 1.62em; /* 26px */
        }

        .payroll_configuration_view .upl_icon i {
            font-size: 1.62em; /* 26px */
        }

.check_uncheck_view {
    background: #f4f7fa;
}

.download_payroll button {
    box-shadow: none;
    border: 0;
    cursor: pointer;
}

.download_payroll button {
    width: 2.50em; /* 40px */
}

.download_payroll .dropdown-toggle::after {
    display: none;
}
/* payroll page css End */

/* ======= Org Chart CSS Start ========*/
.org_chart_main_container h3 {
    font-size: 1.12em; /* 18px */
    font-weight: 600;
}

.tree, .tree ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .tree ul {
        margin-left: 1em;
        position: relative
    }

        .tree ul ul {
            margin-left: .5em
        }

        .tree ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            border-left: 1px solid
        }

    .tree li {
        margin: 7px 0 20px 0;
        padding: 10px 1em 0 1em;
        line-height: 2.5em;
        color: #369;
        font-weight: 700;
        position: relative;
    }

    .tree ul li:before {
        content: "";
        display: block;
        width: 0.62em; /* 10px */
        height: 0;
        border-top: 1px solid;
        margin-top: 0.56em; /* 9px */
        position: absolute;
        top: 1em;
        left: 0
    }

    .tree ul li:last-child:before {
        background: #fff;
        height: auto;
        top: 1em;
        bottom: 0
    }

    .tree li a {
        text-decoration: none;
        color: #369;
    }

    .tree li button, .tree li button:active, .tree li button:focus {
        text-decoration: none;
        color: #369;
        border: none;
        background: transparent;
        margin: 0.00em 0.00em 0.00em 0.00em; /* 0px 0px 0px 0px */
        padding: 0.00em 0.00em 0.00em 0.00em; /* 0px 0px 0px 0px */
        outline: 0;
    }

.oc-tree-view-left-header {
    flex: 1;
}

.btn-expandAll {
    background-color: transparent;
    font-size: 0.88em; /* 14px */
    font-weight: 600;
    color: #3c3c3c;
}

.oc-tree-view-left-header span {
    font-weight: 600;
    font-size: 0.88em; /* 14px */
    text-transform: uppercase;
    color: #373737;
    display: inline-block;
    width: 3.12em; /* 50px */
    vertical-align: middle;
}

.oc-tree-view-main-section h5 {
    font-weight: 600;
    font-size: 0.88em; /* 14px */
    text-transform: uppercase;
}

.tree-view-main-list ul {
    margin-left: 0.94em; /* 15px */
    margin-top: 0.94em; /* 15px */
    z-index: 0;
    position: relative;
}

.oc-level1 {
    background-color: #ebffed;
}

.oc-level2 {
    background-color: #f2fffe;
}

.oc-level3 {
    background-color: #f7f2ff;
}

.oc-level4 {
    background-color: #fdffed;
}

.oc-level5 {
    background-color: #ebf4ff;
}

.oc-level6 {
    background-color: #f9edf1;
}

.oc-level7 {
    background-color: #ebffed;
}

.oc-level8 {
    background-color: #f2fffe;
}

.oc-level9 {
    background-color: #f7f2ff;
}

.oc-level10 {
    background-color: #fdffed;
}

.oc-level-main {
    padding: 0.62em 0.94em; /* 10px 15px */
    border: 1px solid #e8f5f4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    position: relative;
}

.oc-businessUnit-level-main {
    padding: 0.62em 0.94em; /* 10px 15px */
    border: 1px solid #e8f5f4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    position: relative;
}

.oc-panel-left {
    flex: 1;
}

.tree li a.corporate-panel {
    color: #6cbc66;
    display: block;
}

.oc-tree-view-chart ul.tree {
    margin-top: 1.25em; /* 20px */
}

.tree-view-main-list {
    margin-top: 0.94em; /* 15px */
}

.treeviewPanelleft {
    flex: 1;
}
/* .org-chart-tree ul.jobtitle-tree ul.jobtitle-tree > li:nth-last-child(1)::before {
     background-color: white;
     bottom: 0;
     height: calc(100% - 26px);
     position: absolute;
     content: '';
     width: 0.12em; /* 2px
     left: -17px;
} */
.org-chart-tree ul.jobtitle-tree ul.jobtitle-tree > li:nth-last-child(1)::before {
    background-color: white;
    bottom: 0;
    height: calc(100% - 26px);
    position: absolute;
    content: '';
    width: 0.31em; /* 5px */
    left: -19px;
}

.org-chart-tree ul.jobtitle-tree ul.jobtitle-tree > li.job-title-no-record:nth-last-child(1)::before {
    height: 3.12em; /* 50px */
}

p.headletter {
    text-transform: uppercase;
}

.oc-level1 p.headletter {
    background-color: #86dd94;
}

.oc-level2 p.headletter {
    background-color: #41c0b8;
}

.oc-level3 p.headletter {
    background-color: #996ce0;
}

.oc-level4 p.headletter {
    background-color: #c7d81b;
}

.oc-level5 p.headletter {
    background-color: #2b7fe4;
}

.oc-level6 p.headletter {
    background-color: #ffa7c4;
}

.oc-level7 p.headletter {
    background-color: #86dd94;
}

.oc-level8 p.headletter {
    background-color: #41c0b8;
}

.oc-level9 p.headletter {
    background-color: #996ce0;
}

.oc-level10 p.headletter {
    background-color: #c7d81b;
}

p.headletter {
    display: inline-block;
    width: 1.88em; /* 30px */
    height: 1.88em; /* 30px */
    text-align: center;
    border-radius: 50px;
    padding: 6px 0;
    color: #fff;
    font-weight: 600;
    font-size: 0.88em; /* 14px */
}

.childletter {
    width: 1.25em; /* 20px */
    height: 1.25em; /* 20px */
    text-align: center;
    border-radius: 50px;
    padding: 1.5px 0 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 0.69em; /* 11px */
    background-color: #6dc9f5;
    margin-left: 0.31em; /* 5px */
}

.oc-level1 .treeviewPanelleft span {
    color: #6cbc66;
}

.oc-level2 .treeviewPanelleft span {
    color: #38bdb4;
}

.oc-level3 .treeviewPanelleft span {
    color: #7834e2;
}

.oc-level4 .treeviewPanelleft span {
    color: #b6c32e;
}

.oc-level5 .treeviewPanelleft span {
    color: #4897f8;
}

.oc-level6 .treeviewPanelleft span {
    color: #f379a2;
}

.oc-level7 .treeviewPanelleft span {
    color: #6cbc66;
}

.oc-level8 .treeviewPanelleft span {
    color: #38bdb4;
}

.oc-level9 .treeviewPanelleft span {
    color: #7834e2;
}

.oc-level10 .treeviewPanelleft span {
    color: #b6c32e;
}

.treeviewPanelleft span {
    font-weight: 500;
    padding-left: 0.31em; /* 5px */
    font-size: 0.88em; /* 14px */
}

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

    .treeviewPanelright i {
        font-size: 1.25em; /* 20px */
        margin: 0 5px;
        color: #a0a0a0;
        /* color: rgba(0,0,0,.4); */
    }

        .treeviewPanelright i:last-child {
            margin-right: 0;
        }

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

    .treeviewPanelright button {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
    }

.profile-more-dropdown a.dropdown-item {
    font-size: 0.81em; /* 13px */
    padding: 0.62em; /* 10px */
    color: #373737;
}

.treeviewPanelright .profile-more-dropdown i {
    margin-right: 0.62em; /* 10px */
}

.oc-treeview-hierarchy .oc-level-main:after {
    position: absolute;
    border-left: 2px solid #ccc;
    content: "";
    width: 0.81em; /* 13px */
    height: 100%;
    top: 100%;
    border-bottom: 2px solid #ccc;
    left: 0.50em; /* 8px */
}

.oc-treeview-hierarchy .oc-level-main:last-child:after {
    display: none;
}

.oc-businessmainUnit:after {
    position: absolute;
    content: "";
    border-left: 2px solid #ccc;
    height: 100%;
    width: 0.56em; /* 9px */
    top: -16px;
    left: 0.44em; /* 7px */
    z-index: 1;
}

.oc-panel-left .titleinput {
    width: 92%;
}

.emp-chart-tree.unmapped ul::before {
    border: medium none;
}

.emp-chart-tree ul > a > ul:empty ::before {
    border-left: none;
    bottom: 0;
    content: "";
    display: block;
    left: 1.12em; /* 18px */
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1;
}

.emp-chart-tree ul > a:last-child::before > a:empty {
    border-left: 1px solid white;
    margin-left: -17px;
}

.emp-chart-tree > ul:first-child {
    padding-left: 0;
}

.emp-chart-tree ul:nth-child(2n+1):before, .org-chart-tree ul:nth-child(2n+1) > a::before {
    border: medium none;
}

.emp-tree {
    display: block !important;
}

.emp-chart-tree a {
    position: relative;
}

.emp-chart-tree ul > a:last-child::before {
    background-color: #FFFFFF;
    bottom: 0;
    height: auto;
    position: absolute;
    z-index: 2;
}

.emp-chart-tree ul > a > ul:empty::before {
    border: none;
}

.emp-chart-tree ul > a.LastVisibleli::before {
    background-color: white;
    bottom: 0;
    height: auto;
    position: absolute;
}

ul > li a.sortable-placeholder {
    background-color: #eee;
    border: 2px dotted #999 !important;
    height: 3.12em; /* 50px */
    left: 0;
    margin-bottom: 0.25em; /* 4px */
    position: relative;
    top: 0;
    width: 100%;
    display: block;
}

.total-levels-inner {
    background-color: #f7f7f7;
    border-radius: 5px;
    border: 1px solid #dee5ee;
}

    .total-levels-inner h4 {
        color: #373737;
        font-size: 1.12em; /* 18px */
        font-weight: 700;
        margin-bottom: 0.62em; /* 10px */
    }

li.total-levels-listing {
    /* width: 49%;
    margin: 10px 0; */
    width: 33.1%;
    margin: 10px 0;
}

.total-levels-listing i {
    font-size: 1.25em; /* 20px */
    margin-right: 0.31em; /* 5px */
}

.total-levels-listing span {
    font-weight: 600;
    font-size: 0.81em; /* 13px */
}

.org-chart-right-nav .nav-tabs .nav-link.active {
    background-color: #6dc9f5;
    border-color: transparent;
    color: #fff;
}

.org-chart-right-nav .nav-tabs .nav-link {
    background-color: #e1e5ea;
    color: #8e8e8e;
}

.org-chart-right-nav .nav-tabs .nav-item {
    margin: 0 1px;
}

.tab-container .ocSearchbox {
    max-width: 25.00em; /* 400px */
}

.ocSearchbox-content a i {
    color: #373737;
}

.ocSearchbox-content i {
    top: 50%;
    right: 0.62em; /* 10px */
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.oc-filter-content h3 i {
    color: #0897fd;
}

.oc-fileter-head {
    min-width: 5.00em; /* 80px */
}

.OCsearch-box i {
    top: 50%;
    right: 0.31em; /* 5px */
    transform: translate(-50%, -50%);
    color: #373737;
}

.oc-fileter-head h3 {
    align-items: center;
    height: 100%;
}

.org-chart-right-nav .nav-tabs {
    border-bottom: none;
}

.org-chart-right-nav .right-tab-inner-tab .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .org-chart-right-nav .right-tab-inner-tab .nav-tabs .nav-link.active {
        border-bottom: 2px solid #6dc9f5;
        color: #6dc9f5;
        background-color: transparent;
    }

    .org-chart-right-nav .right-tab-inner-tab .nav-tabs .nav-link {
        background-color: transparent;
    }

        .org-chart-right-nav .right-tab-inner-tab .nav-tabs .nav-link:hover {
            border-color: transparent transparent #6dc9f5 transparent;
            border-width: 0.00em 0.00em 0.12em 0.00em; /* 0px 0px 2px 0px */
        }

    .org-chart-right-nav .right-tab-inner-tab .nav-tabs .nav-link {
        border: none;
    }

.OCbadge {
    border-radius: 50px;
    font-size: .75em;
    padding: 0 10px;
    font-weight: 500;
    margin-left: 0.19em; /* 3px */
}

.inactive-badge {
    border: 1px solid #e2242a;
    color: #e2242a;
}

.active-badge {
    border: 1px solid #0abc62;
    color: #0abc62;
}

.pendingtermination-badge {
    border: 1px solid #ffc000;
    color: #ffc000;
}

.pendingterminationchecked-badge {
    border: 1px solid #ff854b;
    color: #ff854b;
}

.employeeName h5 {
    font-size: 1em;
    font-weight: 600;
}

.employeeName img {
    border-radius: 50%;
    border: 3px solid rgba(2,94,161,0.2);
    width: 3.75em; /* 60px */
}

.employeeName .employee-content {
    font-size: 0.81em; /* 13px */
    color: #8e8e8e;
    margin-top: 0.31em; /* 5px */
    display: block;
    font-weight: 400;
}

.employeeName {
    flex: 1;
}

.oc-tree-view-main-section .levelHead {
    flex: 1;
}

.oc-tree-view-main-section .printer-icon {
    color: #6dc9f5;
    font-size: 1em;
    margin-left: 0.62em; /* 10px */
}

.oc-tree-view-chart .accordion-panel-head {
    flex: 1;
}

.c-panel:after {
    border-left: 1px solid #dadada;
    position: absolute;
    content: "";
    width: 0.56em; /* 9px */
    height: 100%;
    left: 0.44em; /* 7px */
    top: 0;
    border-bottom: 1px solid #dadada;
    /* margin-top: 0; */
    margin-top: -17px;
    z-index: 0;
}

.oc-tree-view-chart .card {
    border: none;
    border-radius: none;
}

.r-panel:after {
    position: absolute;
    border-bottom: 1px solid #dadada;
    width: 0.56em; /* 9px */
    height: 58%;
    content: "";
    top: 0;
    left: -10px;
}

.d-panel:after, .s-panel:after, .t1-panel:after {
    position: absolute;
    width: 0.56em; /* 9px */
    height: 100%;
    content: "";
    top: -16px;
    left: 0.44em; /* 7px */
    border-left: 1px solid #dadada;
    z-index: 0;
}

.oc-dept-panel:after, .oc-store-panel:after, .oc-test1-panel:after {
    position: absolute;
    content: "";
    border-top: 1px solid #dadada;
    width: 0.56em; /* 9px */
    left: -10px;
    top: 2.00em; /* 32px */
}

p.headletter.oc-level-2-panel-headletter {
    background-color: #41c0b8;
}

.oc-level-2-panel-count {
    color: #41c0b8;
}

p.headletter.oc-level-3-panel-headletter {
    background-color: #996ce0;
}

.oc-level-3-panel-count {
    color: #996ce0;
}

p.headletter.oc-level-4-panel-headletter {
    background-color: #c7d81b;
}

.oc-level-4-panel-count {
    color: #c7d81b;
}

p.headletter.oc-level-5-panel-headletter {
    background-color: #b6c32e;
}

p.headletter.oc-level-5-panel-headletter {
    background-color: #2b7fe4;
}

.oc-level-5-panel-count {
    color: #2b7fe4;
}

p.headletter.oc-level-6-panel-headletter {
    background-color: #ffa7c4;
}

.oc-level-6-panel-count {
    color: #ffa7c4;
}

.oc-level6 p.headletter {
    background-color: #ffa7c4;
}

.region-panel-count {
    color: #41c0b8;
}

.test1-panel-count {
    color: #2b7fe4;
}

.treeviewPanelright span {
    font-weight: 600;
    padding: 0 7px;
}

.sortable-columns-container h4 {
    font-size: 0.88em; /* 14px */
    font-weight: 500;
    color: #373737;
    margin-bottom: 0.94em; /* 15px */
}

.sortable1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .sortable1 li {
        margin: 0.75em 0.00em; /* 12px 0px */
        padding: 8px 0;
        font-size: 0.88em; /* 14px */
    }

ul.sortable1 {
    padding: 0.62em; /* 10px */
    max-height: 28.75em; /* 460px */
    overflow-y: auto;
}

    ul.sortable1 button {
        padding: 0.31em 0.62em; /* 5px 10px */
    }

li.ui-state-default.ui-sortable-handle {
    border: 1px dashed #d4d4d4;
    margin: 10px 0;
    background-color: #fff;
    border-radius: 5px;
}

    li.ui-state-default.ui-sortable-handle:hover {
        border: 1px dashed #6dc9f5;
        cursor: pointer;
        background-color: #fff;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

    li.ui-state-default.ui-sortable-handle:active {
        border: 1px dashed #6dc9f5;
    }

.sorting-jobtitle {
    flex: 1;
    font-size: 0.81em; /* 13px */
    font-weight: 500;
    color: #373737;
}

li.ui-state-default.ui-sortable-handle:hover .sorting-jobtitle {
    color: #6dc9f5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.add-departmentbtn {
    background-color: #f8f2ff;
    border-color: #ae93d8;
    color: #8865b5;
    font-weight: 500;
    font-size: 0.88em; /* 14px */
    padding: 0.94em 1.25em; /* 15px 20px */
}

    .add-departmentbtn i {
        font-size: 1em;
        margin-right: 0.62em; /* 10px */
        font-weight: 400;
        color: #ae92dc;
    }

    .add-departmentbtn:hover {
        background-color: #8865b5;
        border-color: #ae93d8;
        color: #f8f2ff;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .add-departmentbtn:hover i {
            color: #f8f2ff;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
        }

.jobtitlesCount {
    color: #00c0ef;
}

.text-grey {
    color: #a5a5a5;
    font-size: 0.81em; /* 13px */
    margin-top: 0.94em; /* 15px */
}

.add-dept-section {
    min-height: 12.50em; /* 200px */
}

.addjobtitle {
    background-color: #6dc9f5;
    margin-right: 0.94em; /* 15px */
}

    .addjobtitle i {
        color: #fff;
    }

    .addjobtitle span {
        font-size: 0.81em; /* 13px */
        color: #fff;
    }

.joblevelPosition span, .joblevelPosition i {
    color: #373737;
    font-size: 0.88em; /* 14px */
    font-weight: 500;
}

.oc-employees-treeview .nav-pills .nav-link {
    padding: 0;
}

    .oc-employees-treeview .nav-pills .nav-link.active {
        background-color: transparent;
        color: #6dc9f5;
        transition: all 0.5s;
    }

        /* .oc-employees-treeview .nav-pills .nav-link.active .white-bg */
        .oc-employees-treeview .nav-pills .nav-link.active > div {
            border-color: #6dc9f5;
        }

.oc-employees-treeview .nav-pills .nav-link {
    color: #373737;
}

.employeesProfileDetails img {
    border-radius: 50px;
    width: 3.12em; /* 50px */
}

.employeesProfileDetails {
    flex: 1;
}

    .employeesProfileDetails h6 {
        font-size: 0.88em; /* 14px */
        font-weight: 500;
    }

.ocemployees-counts li {
    margin: 0 5px;
}

.ocemployees-joblocation {
    color: #8e8e8e;
    font-size: 0.81em; /* 13px */
}

.ocemployees-profileinfo-left img {
    width: 4.38em; /* 70px */
}

.ocemployees-profileinfo-left h5 {
    font-size: 1em;
    color: #373737;
    font-weight: 600;
}

.employeeID-badge {
    font-size: 0.81em; /* 13px */
    font-weight: 400;
    padding: 0.31em 0.94em; /* 5px 15px */
    margin-top: 0.19em; /* 3px */
    border: 1px solid #6dc9f5;
    background-color: #f5fcff;
    color: #6dc9f5;
}

.icon-primary-color, .ocemployee-job {
    color: #8e8e8e;
}

.ocemployees-profileinfo-left {
    flex: 1;
}

.ocemployee-setting span {
    font-size: 0.81em; /* 13px */
    color: #373737;
}

.ocemployee-setting .dropdown-item {
    padding: 0.94em 1.56em; /* 15px 25px */
    cursor: pointer;
}

.ocemployee-details-cardheader {
    background-color: transparent;
    border: none;
    margin-top: 0;
    padding: 0.94em; /* 15px */
    cursor: pointer;
}

.OC-employees-lists .accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    font-weight: bold;
    font-size: 1.25em; /* 20px */
}

.OC-employees-lists .accordion .card-header[aria-expanded="false"]:after {
    content: "\f106";
    font-weight: bold;
    font-size: 1.25em; /* 20px */
}

.ocemployee-details-cardheader .card-title i {
    font-size: 1.5em;
    color: #6dc9f5;
}

.ocemployee-details-cardheader .card-title span {
    font-size: 0.88em; /* 14px */
    color: #6dc9f5;
    font-weight: 500;
}

.OC-employees-lists .card-body {
    padding: 0 20px 20px;
}

.ocemplyeeinfo-label {
    color: #8e8e8e;
}

.ocemployee-setting .dropdown-menu i {
    color: #5d6a7b;
    margin-right: 0.31em; /* 5px */
}

.ocemployeessearchbox .OCsearch-box {
    flex: 1;
}

.org-chart-right-nav .right-tab-inner-tab .ocemployees-Payratehistory .nav-tabs .nav-link.active {
    background-color: #6dc9f5;
    color: #fff;
}

.graphical-data-chart img {
    max-width: 100%;
}

.oc-tree-view-chart .collapse {
    z-index: 1;
}

.org-countlabel-box {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    font-weight: 500;
    color: #909090;
    border-radius: 5px;
}

    .org-countlabel-box span {
        display: inline-block;
        font-size: 0.81em; /* 13px */
        font-weight: 600;
        color: #373737;
    }
/* ======= Org Chart CSS End ========*/

/* payroll page css End */

.goree_wages_view {
    border-left: 5px solid #6dc9f5;
    padding: 0.94em; /* 15px */
    border-radius: 4px;
    border-right: 5px solid #6dc9f5;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
}

    .goree_wages_view h2 {
        font-size: 1.12em; /* 18px */
        font-weight: 600;
    }

        .goree_wages_view h2 span {
            background: #2170dc;
            padding: 0.50em 1.25em; /* 8px 20px */
            font-size: 0.88em; /* 14px */
            color: #fff;
            font-weight: 500;
            letter-spacing: 0.06em; /* 1px */
            border-radius: 4px;
        }

    .goree_wages_view .form-group label {
        opacity: 0.8;
    }

    .goree_wages_view .form-group p {
        font-size: 1.25em; /* 20px */
        font-weight: 600;
    }

.removal_check {
    padding: 0.62em; /* 10px */
    min-width: 12.50em; /* 200px */
}

    .removal_check p {
        font-size: 0.81em; /* 13px */
        font-weight: 500;
    }

    .removal_check span {
        width: 0.94em; /* 15px */
        height: 0.94em; /* 15px */
        border-radius: 3px;
        display: inline-block;
        margin-right: 0.31em; /* 5px */
        vertical-align: middle;
    }

.removal-1 {
    background: #6dc9f5;
}

.removal-2 {
    background: #e0737f;
}

.pay_configer_co {
    font-size: 1.75em; /* 28px */
    color: #373737;
    cursor: pointer;
}

.slider_fil_co {
    padding: .175rem .75em;
}

    .slider_fil_co i {
        font-size: 1.31em; /* 21px */
    }

.ud-buttons {
    display: flex;
    align-items: flex-end;
    margin-left: 0.38em; /* 6px */
}

.ud-selectbox {
    flex: 1;
}

/* .slider_fil_co{
     font-size: 2.19em; /* 35px
     cursor: pointer;
} */
.payroll_silder {
    display: none;
}

.payroll_table tbad {
    display: none;
}

.payroll_table_inner .white-bg {
    display: none;
}

.pay_table_search i {
}

.payroll_table table tr td {
    position: relative;
}

    .payroll_table table tr td:nth-child(2) {
        min-width: 6.25em; /* 100px */
    }

.payroll_table .form-group input {
    min-width: 6.25em; /* 100px */
}

.payroll_table .form-group .form-control {
    padding-right: 1.56em; /* 25px */
}

.payroll_table .icon-paperwork {
    width: 1.25em; /* 20px */
    font-size: 17px !important;
    position: absolute;
    right: 0.75em; /* 12px */
    top: 50%;
    transform: translateY(-57%);
}

    .payroll_table .icon-paperwork.green {
        color: #28a745;
    }

    .payroll_table .icon-paperwork.gray {
        color: #888888;
    }

.payroll_table .dropdown .dropdown-item {
    font-size: 0.81em; /* 13px */
    /* padding: .25rem 0.7em; */
    padding: 0.75rem 1.5em;
}

.payroll_confi_popup .icon-delete-icon,
.pay_notes_popup table i,
.fetch_hours_popup_view .icon-delete-icon,
.payroll_confi_popup .icon-undo,
.payroll_confi_popup .icon-edit-pencil {
    font-size: 1.5em;
    cursor: pointer;
}

.table-bl-blue {
    border-left: 5px solid #6dc9f5;
}

.table-bl-red {
    border-left: 5px solid #e0737f;
}

.benefites_popup .modal-lg,
.deduction_popup .modal-lg {
    max-width: 60%;
}

.progress-bar-content .dropdown-menu {
    z-index: 5003;
    max-height: 18.75em; /* 300px */
    overflow-y: auto;
}

.pic_che_view input {
    float: none !important;
}

.payroll_type_view .ats_filter_view {
    display: none;
}

.wrap_pay_view > div {
    display: inline-block;
}

.wrap-1 {
    width: 5%;
}

.wrap-2 {
    width: 20%;
}

.wrap-3,
.wrap-4 {
    width: 5%;
}

.wrap-5,
.wrap-6,
.wrap-7,
.wrap-8,
.wrap-9,
.wrap-10,
.wrap-11,
.wrap-12 {
    width: 7.5%;
}

.pay_co {
    font-size: 0.88em; /* 14px */
    /* background: #0997fe; */
    display: block;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.06em; /* 1px */
}

.organization_header .wrap-5,
.organization_header .wrap-6,
.organization_header .wrap-7,
.organization_header .wrap-8,
.organization_header .wrap-9,
.organization_header .wrap-10,
.organization_header .wrap-11,
.organization_header .wrap-12 {
    width: 7.0%;
    margin-right: 0.31em; /* 5px */
    white-space: normal;
    word-break: break-all;
    vertical-align: top;
    font-size: .75em;
    line-height: .85em;
    font-weight: 500;
}

.org-th-1,
.orga-td-1 {
    width: 3%;
}

.org-th-2,
.orga-td-2 {
    width: 15%;
}

.org-th-3,
.orga-td-3 {
    width: 8%;
}

.org-th-4,
.orga-td-4 {
    width: 3%;
}

.org-th-5,
.orga-td-5 {
    width: 10%;
}

.org-th-6,
.orga-td-6 {
    width: 7%;
}

.org-th-7,
.orga-td-7 {
    width: 10%;
}

.org-th-8,
.orga-td-8 {
    width: 8%;
}

.org-th-9,
.orga-td-9 {
    width: 10%;
}

.org-th-10,
.orga-td-10 {
    width: 7%;
}

.org-th-11,
.orga-td-11 {
    width: 10%;
}

.org-th-12,
.orga-td-12 {
    width: 10%;
}

.organization_header table,
.organization_header thead th {
    vertical-align: bottom;
    word-break: break-all;
    border: 0 !important;
    text-align: right;
}

.organization_body tbody td {
    vertical-align: middle;
}

.orga-tree-1 {
    padding-left: 0.94em; /* 15px */
}

.orga-tree-2 {
    padding-left: 1.88em; /* 30px */
}

.orga-tree-3 {
    padding-left: 3.12em; /* 50px */
}

.organization_body .icon-employees {
    font-size: 18px !important;
    vertical-align: middle;
    color: #424d4f;
}

.ge_re {
    display: inline-block;
    background: #6dc9f5;
    padding: 0.31em 0.38em; /* 5px 6px */
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.06em; /* 1px */
    font-size: .75em;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
}

.orga-td-5,
.orga-td-6,
.orga-td-7,
.orga-td-8,
.orga-td-9,
.orga-td-10,
.orga-td-11,
.orga-td-12 {
    text-align: right;
}

.orga-tree-0 {
    background: #f4f7fa;
}

.table-tr-bg-gray {
    background: #e9ebef !important;
}

.table-bl-purple {
    border-left: 5px solid #b776c5;
}


/****** Dashrath Hapani CSS *********/
.documents-heading.documents-formstatus {
    flex: 1;
    padding: 0.50em 0.94em; /* 8px 15px */
    border-radius: 3px;
}

.documents-upload-content {
    margin: 15px 0;
}

.documents-selectbox {
    align-self: center;
    margin-right: 0.62em; /* 10px */
}

.documents-update-button {
    margin-left: 0.62em; /* 10px */
}

.documents-heading-inner span {
    color: #fff;
}

.update-btn-icon {
    background-color: #6dc9f5;
}

    .update-btn-icon i {
        color: #fff;
        font-size: 1.12em; /* 18px */
    }

/* New Summary View */
.head_orga_view,
.body_orga_view {
    white-space: nowrap;
}

.org_le_1 {
    width: 3.12em; /* 50px */
    display: inline-block;
    margin: 0 -1px;
}

.org_le_2 {
    width: 80%;
    display: inline-block;
    margin: 0 -1px;
}

.org_le_3,
.org_le_4,
.org_le_5,
.org_le_6,
.org_le_7,
.org_le_8,
.org_le_9,
.org_le_10 {
    /* width: 10%;
     text-align: right; */
    /* width: 12.0%; */
    width: 8.75em; /* 140px */
    text-align: right;
    display: inline-block;
    border-right: 1px solid #c2c2c2;
    padding-right: 0.62em; /* 10px */
    word-break: break-word;
    white-space: initial;
}

.org_le_10 {
    padding-right: 0;
    border-right: 0;
}

.hed_title {
    display: block;
    width: 2.19em; /* 35px */
    height: 2.19em; /* 35px */
    text-align: center;
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    font-size: 0.81em; /* 13px */
    text-transform: uppercase;
    background: #86dd94;
    line-height: 2.19em; /* 35px */
    position: relative;
    z-index: 1;
}

.org_us_t {
    display: inline-block;
    width: 25%;
    font-weight: 600;
    font-size: 0.81em; /* 13px */
}

.head_orga_view ul li {
    font-size: 0.81em; /* 13px */
    font-weight: 500;
    text-align: center;
}

.c_org_card ul.d-flex li {
    font-size: 0.81em; /* 13px */
    font-weight: 500;
    cursor: pointer;
}

.orga_left_view,
.orga_right_view {
    display: inline-block;
    margin: 0 -2px;
}

.orga_left_view {
    /* width: 25%; */
    width: 25.00em; /* 400px */
}

    .orga_left_view li h4.main-panel-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
/* .orga_right_view{
     width: 75%;
} */
.icon_size_20 {
    font-size: 1.25em; /* 20px */
}

.body_orga_view .card {
    border: 0;
    cursor: pointer;
}

.ch_level_1 .hed_title {
    background: #86dd94;
}

.ch_level_2 .hed_title {
    background: #41c0b8;
}

.ch_level_3 .hed_title {
    background: #996ce0;
}

.ch_level_4 .hed_title {
    background: #c7d81b;
}

.ch_level_5 .hed_title {
    background: #2b7fe4;
}

.ch_level_6 .hed_title {
    background: #ffa7c4;
}

.ch_level_1 .orga_right_view {
    position: relative;
    left: -15px;
}

.ch_level_2 .orga_right_view {
    position: relative;
    left: -31px;
}

.ch_level_3 .orga_right_view {
    position: relative;
    left: -46px;
}

.ch_level_4 .orga_right_view {
    position: relative;
    left: -61px;
}

.panel_or_1:after {
    border-left: 1px solid #dadada;
    position: absolute;
    content: "";
    width: 0.88em; /* 14px */
    height: 100%;
    left: 1.38em; /* 22px */
    top: 0;
    border-bottom: 1px solid #dadada;
    margin-top: -24px;
    z-index: 0;
}

.panel_or_2::after {
    position: absolute;
    content: "";
    width: 0.88em; /* 14px */
    height: 100%;
    left: 0.44em; /* 7px */
    top: 0;
    border-bottom: 1px solid #dadada;
    margin-top: -24px;
    z-index: 0;
}

.panel_or_3:after {
    border-left: 1px solid #dadada;
    position: absolute;
    content: "";
    width: 0.88em; /* 14px */
    height: 100%;
    left: 1.25em; /* 20px */
    top: 0;
    /* border-bottom: 1px solid #dadada; */
    margin-top: -18px;
    z-index: 0;
}

.panel_or_4::after {
    position: absolute;
    content: "";
    width: 0.88em; /* 14px */
    height: 100%;
    left: 1.31em; /* 21px */
    top: 0;
    border-bottom: 1px solid #dadada;
    margin-top: -24px;
    z-index: 0;
}

.panel_or_5::after {
    position: absolute;
    content: "";
    width: 0.88em; /* 14px */
    height: 100%;
    left: 1.25em; /* 20px */
    top: 0;
    border-bottom: 1px solid #dadada;
    margin-top: -24px;
    z-index: 0;
    border-left: 1px solid #dadada;
}

.label-badge {
    font-size: .75em;
    padding: 0.25em 0.62em; /* 4px 10px */
    border-radius: 3px;
    font-weight: 500;
    display: inline-block;
}

.emp-sign-pending-badge {
    color: #888888;
    background-color: #e7e7e7;
}

.sheet_view_inner table tbody tr:first-child td {
    color: #996ce0;
    font-weight: 600;
}

.org_le_2 .org_us_t:last-child:hover .icon-employees,
.org_le_2 .org_us_t:last-child:hover span {
    color: #025ea1;
}

.orga_right_view table th {
    border: 0;
    width: 25%;
    text-align: center;
}

.summary_fil {
    display: none;
}

.head_title_org .hed-1,
.head_title_org .hed-2,
.head_title_org .hed-3 {
    display: inline-block;
    text-align: center;
    font-weight: 700;
    border-right: 1px solid #c2c2c2;
    margin-bottom: 0.62em; /* 10px */
}

.head_title_org .hed-1 {
    width: 17.62em; /* 282px */
}

.head_title_org .hed-2 {
    width: 17.75em; /* 284px */
}

.head_title_org .hed-3 {
    width: 17.75em; /* 284px */
}

.ch_level_1 .orga_left_view {
    padding-left: 0.94em; /* 15px */
}

.ch_level_2 .orga_left_view {
    padding-left: 1.88em; /* 30px */
}

.ch_level_3 .orga_left_view {
    padding-left: 2.81em; /* 45px */
}

.ch_level_4 .orga_left_view {
    padding-left: 3.75em; /* 60px */
}

.vacancy_temp form,
.another_vacancy form {
    display: block;
    width: 100%;
}

    .vacancy_temp form .select2-container,
    .another_vacancy form .select2-container {
        width: 100% !important;
        display: block;
    }

.round_action span {
    float: left;
    margin-left: 0.31em; /* 5px */
}


/*********** PMS ***********/
.main-pms-dashboard.nav-pills .nav-link {
    position: relative;
}

    .main-pms-dashboard.nav-pills .nav-link.active:before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #13ded0;
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: -10px;
    }

    .main-pms-dashboard.nav-pills .nav-link.card_1.active:before {
        border-top-color: #18e0cc;
    }

    .main-pms-dashboard.nav-pills .nav-link.card_2.active:before {
        border-top-color: #2377fc;
    }

    .main-pms-dashboard.nav-pills .nav-link.card_5.active:before {
        border-top-color: #7380e0;
    }

.pms-empl-name {
    background-color: #6dc9f5;
    border-radius: 5px;
    padding: 10px 0;
    color: #fff;
}

    .pms-empl-name span {
        font-weight: 600;
        text-transform: uppercase;
    }

.main-pms-dashboard li.nav-item {
    /* margin: 0 12px; */
    flex: 1 1 auto;
}
/* .main-pms-dashboard li.nav-item:first-child{
     margin-left: 0;
}
.main-pms-dashboard li.nav-item:last-child{
     margin-right: 0;
} */
.main-pms-dashboard.nav-pills a.nav-link.active {
    color: #fff;
}

.main-pms-dashboard.nav-pills a.nav-link {
    color: #fff;
}

.main-pms-dashboard.nav-pills a:hover.nav-link {
    color: #fff;
    transition: all 0.5s;
}

.pms-dash-card-content h2 {
    font-size: 1em;
}

.pms-dash-card-content i {
    font-size: 3.5em;
    margin-left: -10px;
}

.pms-dash-card-content span {
    float: right;
    font-size: 2.5em;
    font-weight: 600;
    margin-top: 1.56em; /* 25px */
}

.pms-goal-heading h3 {
    font-size: 1.12em; /* 18px */
    font-weight: 600;
    flex: 1;
}

.pms-goal-heading {
    border-bottom: 1px solid #e3e3e3;
}

.viewAll_button {
    background-color: transparent;
    color: #373737;
    font-size: 0.88em; /* 14px */
    font-weight: 600;
}

.pms-goal-filter-box {
    width: 100%;
    margin-left: auto;
}

.pms-goal-status {
    padding-left: 0.94em; /* 15px */
}

.pms-goal-searchbox {
    flex: 1;
}

    .pms-goal-searchbox i {
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        right: 0.31em; /* 5px */
    }

.pms-goal-status button.dropdown-item {
    cursor: pointer;
    font-size: 0.88em; /* 14px */
    color: #373737;
    padding: 0.62em 2.50em; /* 10px 40px */
}

.pms-status-sign {
    width: 0.62em; /* 10px */
    height: 0.62em; /* 10px */
    display: inline-block;
    border-radius: 50px;
    margin-right: 0.62em; /* 10px */
}

.pms-draft-label, .pms-inactive-label, .pms-readonly-label, .pms-published-label {
    color: #373737;
}

.pms-published-sign {
    background-color: #0bb37d;
}

.pms-draft-sign {
    background-color: #ff7537;
}

.pms-readonly-sign {
    background-color: #af4c9d;
}

.pms-inactive-sign {
    background-color: #939393;
}

.pms-btn-dropdown-head {
    background-color: transparent;
    border: 1px solid #ced4da;
    font-size: 0.81em; /* 13px */
    padding: 0.50em 1.25em; /* 8px 20px */
    width: 100%;
    text-align: left;
}

.pms-goal-status .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .5em solid #495057;
    border-right: .25em solid transparent;
    border-bottom: 0;
    border-left: .25em solid transparent;
    position: absolute;
    right: 0.62em; /* 10px */
    top: 50%;
    transform: translateY(-50%);
}

.pms-goal-card-top-icons li {
    align-items: center;
}

.pms-goal-card-top-icons li {
    width: 2.19em; /* 35px */
    height: 2.19em; /* 35px */
    border-radius: 50px;
    text-align: center;
    justify-content: center;
}

.pms-goal-status .dropdown-menu.show {
    width: 100%;
}

.pms-goal-card-top-icons .split_goal_icon {
    border: 1px solid #12c6ec;
}

    .pms-goal-card-top-icons .split_goal_icon a {
        color: #12c6ec;
    }

.pms-goal-card-top-icons .cascade_goal_icon {
    border: 1px solid #2170dc;
}

    .pms-goal-card-top-icons .cascade_goal_icon:hover {
        border: 1px solid #2170dc;
    }

        .pms-goal-card-top-icons .cascade_goal_icon:hover a {
            color: #2170dc;
        }

.goalclose_goal_icon {
    border: 1px solid #e0737f;
}

.blockuser_goal_icon {
    border: 1px solid #333d4a;
}

.goalclose_goal_icon a {
    color: #e0737f;
}

.blockuser_goal_icon a {
    color: #333d4a;
}

.pms-goal-card-top-icons li i {
    font-size: 1.25em; /* 20px */
}

.blockuser_goal_icon a i {
    font-size: 1.12em; /* 18px */
}

.pms-goal-card-heading h4 {
    flex: 1;
    font-size: 1em;
    color: #373737;
    font-weight: 600;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pms-goal-card-heading {
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    padding: 1.25em 1.25em 0.94em 1.25em; /* 20px 20px 15px 20px */
    height: 4.25em; /* 68px */
}

    .pms-goal-card-heading:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 0.31em; /* 5px */
        top: 0;
        left: 0;
        border-radius: 5px 5px 0 0;
    }

.pms-goal-card-published:before {
    background-color: #0bb37d;
}

.pms-goal-card-draft:before {
    background-color: #ff7537;
}

.pms-goal-card-readonly:before {
    background-color: #af4c9d;
}

.pms-goal-card-inactive:before {
    background-color: #939393;
}

.pms-goal-middle-content {
    padding: 25px 0;
}

.pms-goal-footer-content {
    padding: 0 15px;
    text-align: center;
}

    .pms-goal-footer-content li {
        margin: 0 3px 20px 3px;
    }

        .pms-goal-footer-content li a {
            width: 2.19em; /* 35px */
            height: 2.19em; /* 35px */
            /* display: inline-flex; */
            text-align: center;
            justify-content: center;
            border-radius: 50px;
            line-height: 2.12em; /* 34px */
            display: inline-block;
        }

            .pms-goal-footer-content li a.pms-metric-btn {
                background-color: #6dc9f5;
            }

            .pms-goal-footer-content li a.pms-scoredetails-btn {
                background-color: #2170dc;
            }

        .pms-goal-footer-content li i {
            color: #fff;
            font-size: 1.25em; /* 20px */
            align-self: center;
        }

.pms-goal-achievement-heading {
    font-size: 1.12em; /* 18px */
    color: #6a6c6f;
    font-weight: 600;
}

.pms-goal-achievement-chart img {
    max-width: 100%;
    margin-top: 0.94em; /* 15px */
}

.pms-goals-progressbar {
    /* display: inline-flex; */
    width: 30%;
    margin: 0 auto;
}

    .pms-goals-progressbar img {
        max-width: 100%;
    }

    .pms-goals-progressbar .prog-circle {
        float: none;
    }

.pms-goal-middle-content .prog-circle .fill,
.pms-goal-middle-content .prog-circle .bar {
    width: 100% !important;
    height: 100% !important;
}

.pms-goals-progress-details {
    width: 100%;
    text-align: center;
    margin-top: 0.62em; /* 10px */
}

.pms-goals-dashboard-mobile .nav-item a {
    color: #fff;
    cursor: -webkit-grabbing;
}

.pms-goals-dashboard-mobile .pms-goals-progressbar img {
    max-width: 100%;
    width: auto;
    display: inline-block;
}

.pms-scorecard-filter-card:after, .pms-scorecard-filter-card:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pms-scorecard-filter-card:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 1.88em; /* 30px */
    margin-left: -30px;
}

.pms-scorecard-filter-card:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 2.25em; /* 36px */
    margin-left: -36px;
}

.pms-scorecard-filter-card:after, .pms-scorecard-filter-card:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pms-scorecard-filter-card:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 0.44em; /* 7px */
    margin-left: -31px;
    right: 0.75em; /* 12px */
    left: auto;
}

.pms-scorecard-filter-card:before {
    border-color: rgba(223, 223, 223, 0);
    border-bottom-color: #dfdfdf;
    border-width: 0.56em; /* 9px */
    margin-left: -33px;
    right: 0.62em; /* 10px */
    left: auto;
}

.pms-scorecard-filter-content h3 {
    font-weight: 600;
    font-size: 1.12em; /* 18px */
    color: #373737;
}

.switch-label {
    font-weight: 600;
    color: #373737;
    font-size: 0.88em; /* 14px */
}

.pms-scorecard-filter-buttons {
    border-top: 1px solid #e3e3e3;
}

.pms-mobile-scorecard-main img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
    padding: 0 15px;
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 30px solid #2170dc;
}

    .triangle-up span {
        position: relative;
        top: 0.50em; /* 8px */
        left: -4px;
        color: #fff;
    }

.up-arrow-bg {
    background-color: #d7ffea;
    width: 1.88em; /* 30px */
    height: 1.88em; /* 30px */
    border-radius: 50px;
    text-align: center;
    color: #04a01b;
    padding-top: 0.44em; /* 7px */
    font-size: 0.94em; /* 15px */
    margin-right: 0.44em; /* 7px */
}

.down-arrow-bg {
    background-color: #ffd8d8;
    width: 1.88em; /* 30px */
    height: 1.88em; /* 30px */
    border-radius: 50px;
    text-align: center;
    color: #fc1616;
    padding-top: 0.44em; /* 7px */
    font-size: 0.94em; /* 15px */
    margin-right: 0.44em; /* 7px */
}

.straight-arrow-bg {
    background-color: #fff0de;
    width: 1.88em; /* 30px */
    height: 1.88em; /* 30px */
    border-radius: 50px;
    text-align: center;
    color: #ff960e;
    padding-top: 0.44em; /* 7px */
    font-size: 0.94em; /* 15px */
    margin-right: 0.44em; /* 7px */
}

.pms-scorecard-details {
    font-weight: 500;
    color: #373737;
}

.pms-goal-middle-content p {
    font-size: 1.5em;
    line-height: 3.44em; /* 55px */
    font-weight: 500;
    color: #373737;
}

.pms-goal-footer-content li.published-post a {
    background-color: #dcffd6 !important;
}

.pms-goal-footer-content .published-post a i {
    color: #439233;
}

.pms-goal-footer-content li.unpublished-post a {
    background-color: #e0e0e0 !important;
}

.pms-goal-footer-content .unpublished-post a i {
    color: #8b8b8b;
}

.payroll_batch {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    font-weight: 400;
    color: #6d6d6d;
    border-radius: 5px;
}

    .payroll_batch span {
        display: inline-block;
        /* display: block; */
        font-size: 0.81em; /* 13px */
        font-weight: 600;
        color: #373737;
    }

.default_payroll_sec {
    border-bottom: 1px solid #dee5ee;
}

.paycode_mapping_type .icon-sort-arrow {
    font-size: 1.25em; /* 20px */
    color: #6dc9f5;
    cursor: pointer;
}

.title_pa_su label {
    line-height: 1.44em; /* 23px */
    cursor: pointer;
}

.exp_payroll {
    font-size: 0.88em; /* 14px */
    font-weight: 500;
    cursor: pointer;
}

    .exp_payroll img {
        width: 1.25em; /* 20px */
        width: 1.38em; /* 22px */
        margin-right: 0.31em; /* 5px */
    }

.terminate_employee_se,
.pay_rate_change_view {
    background: #f7fafb;
    display: none;
}

.current_pay_title h3 {
    border-bottom: solid 1px #a8cae2;
}

.termination_pay_rate .background_tab_info_inner {
    max-height: 43.75em; /* 700px */
    overflow: auto;
}

.pms-goal-employeemanage {
    flex: 1 auto;
}

.pms-goals-employeehead h5 {
    /* flex: 1 0 auto; */
    flex: 1;
    font-size: 1.12em; /* 18px */
}

.pms-goals-employeehead h3 {
    flex: 1;
    font-size: 0.94em; /* 15px */
    font-weight: 500;
}

.pms-goal-employeemore i {
    cursor: pointer;
}

.pms-goal-employeemore a span {
    color: #373737;
    font-size: 0.81em; /* 13px */
    padding-left: 0.62em; /* 10px */
}

.pms-goal-employeemore a i {
    font-size: 1.12em; /* 18px */
    color: #373737;
    width: 20px !important;
    margin: 0 !important;
}

.pms-goal-employeemore li {
    line-height: 0.19em; /* 3px */
}

.pms-goal-employeemore .dropdown-item.active, .pms-goal-employeemore .dropdown-item:active {
    background-color: transparent;
}

.pms-goals-employeeinfo li {
    /* line-height: 2.00em; /* 32px */
}

.employeeinfo-head {
    display: inline-block;
    /* width: 5.00em; /* 80px */
    width: 5.62em; /* 90px */
}

.pms-goal-employeestable .head_title_org .hed-1,
.pms-goal-employeestable .head_title_org .hed-2,
.pms-goal-employeestable .head_title_org .hed-3,
.pms-goal-employeestable .head_title_org .hed-4,
.pms-goal-employeestable .head_title_org .hed-5 {
    display: inline-block;
    text-align: center;
    font-weight: 700;
    border-right: none;
    margin-bottom: 0.62em; /* 10px */
    width: 19%;
}

.pms-goal-employeestable .head_title_org .hed-6 {
    display: inline-block;
    text-align: center;
    font-weight: 700;
    border-right: none;
    margin-bottom: 0.62em; /* 10px */
    width: auto;
}

.pms-goal-employeestable .head1-info,
.pms-goal-employeestable .head2-info,
.pms-goal-employeestable .head3-info,
.pms-goal-employeestable .head4-info {
    display: inline-block;
    text-align: center;
    font-weight: normal;
    border-right: none;
    margin-bottom: 0.00em; /* 0px */
    width: 19%;
}

.pms-goal-employeestable .head5-info {
    display: inline-block;
    text-align: center;
    font-weight: normal;
    border-right: none;
    margin-bottom: 0.00em; /* 0px */
    width: 15%;
}

.pms-goal-employeestable .org_le_3,
.pms-goal-employeestable .org_le_4,
.pms-goal-employeestable .org_le_5,
.pms-goal-employeestable .org_le_6 {
    /* width: 10%;
     text-align: right; */
    /* width: 12.0%; */
    width: 20%;
    text-align: right;
    display: inline-block;
    border-right: none;
    padding-right: 0.62em; /* 10px */
    word-break: break-word;
    white-space: initial;
}

.pms-goal-employeestable .orga_right_view {
    width: 100%;
}

.ac-label {
    font-weight: 700;
    position: relative;
    padding: .5em 1em;
    margin-bottom: 0;
    display: block;
    cursor: pointer;
    background-color: whiteSmoke;
    transition: background-color .15s ease-in-out;
}

    /*.ac-input:checked + label, .ac-label:hover {
  background-color: #999;
}*/

    .ac-label:after, .ac-input:checked + .ac-label:after {
        content: "+";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 2em;
        height: 100%;
        line-height: 2.4em;
        text-align: center;
        /*background-color: #e5e5e5;*/
        transition: background-color .15s ease-in-out;
        font-size: 1.25em; /* 20px */
    }

/*.ac-label:hover:after, .ac-input:checked + .ac-label:after {
  background-color: #b5b5b5;
}*/

.ac-input:checked + .ac-label:after {
    content: "-";
}

.ac-input {
    display: none;
}

.ac-text, .ac-sub-text {
    opacity: 0;
    height: 0;
    margin-bottom: .5em;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
}

.ac-input:checked ~ .ac-text, .ac-sub .ac-input:checked ~ .ac-sub-text {
    opacity: 1;
    height: auto;
}

.ac-sub .ac-label {
    background: none;
    font-weight: 600;
    padding: .5em 0em;
    margin-bottom: 0;
}

    .ac-sub .ac-label:checked {
        background: none;
        border-bottom: 1px solid whitesmoke;
    }

    .ac-sub .ac-label:after, .ac-sub .ac-input:checked + .ac-label:after {
        left: 0;
        background: none;
    }

    .ac-sub .ac-label:last-child:after, .ac-sub .ac-input:last-child:checked + .ac-label:last-child:after {
        display: none;
    }

    .ac-sub .ac-input:checked + label, .ac-sub .ac-label:hover {
        background: none;
    }

.ac-sub-text {
    padding: 0em;
    margin-top: 0.62em; /* 10px */
    margin-right: 0.62em; /* 10px */
    margin-bottom: 0.38em; /* 6px */
}

.pms-goals-employeehierechy label span {
    padding-left: 1.88em; /* 30px */
}

.ac.pms-goals-employeehierechy {
    border: 1px dashed #e5e5e5;
}

.ac-sub {
    margin-left: 0.62em; /* 10px */
    border: 1px dashed #dadada;
}

.ac-sub-text {
    margin-left: 1.25em; /* 20px */
    border: 1px dashed #dadada;
}

.ac-second-level {
    background-color: #e3e3e3;
}

.ac-second-level {
    border: 1px dashed #e5e5e5;
    margin: 6px 6px 0 6px;
}

.ac-sub {
    margin-top: 0.31em; /* 5px */
}

.pms-goals-prgressvalue {
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #373737;
    font-weight: 600;
}

.head5-info .progress {
    position: relative;
}

    .head5-info .progress .progress-bar {
        background-color: #6dc9f5;
    }

.pms-scorecard-middle-content {
    width: 60%;
    margin: 20px auto;
}

    .pms-scorecard-middle-content p {
        font-size: 1.5em;
        line-height: 3.44em; /* 55px */
        font-weight: 500;
        color: #373737;
    }
/* .pmsemployee-status .icon-associated-business, .pmsemployee-status .icon-split{
     font-size: 1.25em; /* 20px
     margin: 0 7px;
} */
.pms-employee-buttons {
    width: 6.25em; /* 100px */
    text-align: right;
    padding-right: 0.62em; /* 10px */
}

    .pms-employee-buttons i {
        font-size: 1em;
    }

.goal-progress-icon {
    color: #46c3ff;
}

.pms-employee-details img {
    width: auto;
}

.pms-goals-content {
    color: #fff;
}

.pms-moremenu-list {
    display: none;
}

ul.pms-moremenu-list {
    position: absolute;
    right: 0.31em; /* 5px */
    background: #fff;
    z-index: 1;
    border: 1px solid #e2e2e2;
    max-height: 18.75em; /* 300px */
    overflow-y: auto;
    width: 14.06em; /* 225px */
    border-radius: 5px;
    top: 1.56em; /* 25px */
}

    ul.pms-moremenu-list > li {
        padding: 0.94em 0.94em; /* 15px 15px */
        cursor: pointer;
        line-height: inherit;
    }

.pms-other-actions2 ul, .pms-logs-history2 ul {
    display: none;
}

li.pms-other-actions2, li.pms-logs-history2 {
    position: relative;
}

    li.pms-other-actions2:before, li.pms-logs-history2:before {
        content: "\e90e";
        position: absolute;
        top: 1.25em; /* 20px */
        right: 0.94em; /* 15px */
        font-family: 'splashtrack' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 700;
        font-size: .75em;
        vertical-align: middle;
        transition: all 0.5s ease-in-out;
    }

    li.pms-other-actions2.pms-icon:before, li.pms-logs-history2.pms-icon:before {
        content: "\e938";
    }

.pms-otherActions-submenu i {
    padding-right: 0.62em; /* 10px */
    font-size: 1.06em; /* 17px */
}

.pms-scorecard-employeemore .pms-otherActions-submenu li {
    line-height: inherit;
    padding: 0.62em 0.94em; /* 10px 15px */
}

li.pms-other-actions2.pms-icon {
    font-weight: 500;
}

.pms-otherActions-submenu .dropdown-item.active, .pms-otherActions-submenu .dropdown-item:active {
    color: #373737;
}

.pms-otherActions-submenu .dropdown-item span {
    color: #6d6d6d;
}
/* .pmsemployee-status .icon-goal-co{
    font-size: 1.38em; /* 22px 
} */
.pms-goals-progressbar .prog-circle {
    margin: 0;
}
/*========== Manage Scorecard ==========*/
.pms-scorecard-head h4 {
    font-size: 1.12em; /* 18px */
    font-weight: 600;
}

.pms-scorecard-employeemore ul.dropdown-menu.dropdown-menu-right.show {
    max-height: 23.75em; /* 380px */
    overflow: auto;
    margin-top: 0.44em; /* 7px */
    margin-left: 0.94em; /* 15px */
    z-index: 5008;
}
/* .pms-scorecard-employeemore li{
     line-height: 2.25em; /* 36px    
} */
.pms-scorecard-employeemore li a {
    display: block;
    line-height: 1.56em; /* 25px */
}

.pms-sc-employeeinfo span.employeeinfo-head {
    width: 12.50em; /* 200px */
}

.pms-scorecard-details-info h3 {
    color: #6dc9f5;
}

.pms-goals-employeeinfo.pms-sc-employeeinfo li {
    line-height: 2.38em; /* 38px */
}

.employeeinfo-details .triangle-up span {
    top: 0;
}

.pms-sc-detailsTabcontent .nav-tabs .nav-link,
.coaching_session_view .nav-tabs .nav-link {
    color: #373737;
    font-weight: 500;
    border-color: #e9ecef #e9ecef #dee2e6;
    background-color: #fff;
}

    .pms-sc-detailsTabcontent .nav-tabs .nav-item.show .nav-link,
    .pms-sc-detailsTabcontent .nav-tabs .nav-link.active,
    .coaching_session_view .nav-tabs .nav-item.show .nav-link,
    .coaching_session_view .nav-tabs .nav-link.active {
        color: #f9f9f9;
        background-color: #6dc9f5 !important;
        border-color: transparent;
        font-size: 0.88em; /* 14px */
    }

.pms-sc-detailsTabcontent .pms-sc-filterbtn {
    background: #2170dc;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 0.62em 0.00em; /* 10px 0px */
    min-width: 13.75em; /* 220px */
    cursor: pointer;
}

.pms-sc-filterbtn span {
    padding-right: 0.94em; /* 15px */
    letter-spacing: 0.06em; /* 1px */
}

.pms-sc-filterbtn i {
    float: right;
    margin-right: 0.94em; /* 15px */
    margin-top: 0.25em; /* 4px */
}

.pms-sc-detailsTabcontent .nav-tabs,
.coaching_session_view .nav-tabs {
    border-bottom: none;
}
/*.pms-sc-activity-list thead{
     background-color: #ebf4ff;
}*/
/*.pms-sc-activity-list .table thead th{
     color: #2170dc;
}*/
.pms-sc-activity-list i {
    color: #6dc9f5;
    font-size: 26px !important;
}

.pms-sc-activity-list table {
    border: 1px solid #e2e2e2;
}
/*.pms-sc-logleft{
     flex: 1;
}*/
.pms-sc-logleft i {
    font-size: 1.25em; /* 20px */
}

.pms-sc-logleft .icon-calendar {
    color: #6dc9f5;
    padding-right: 0.62em; /* 10px */
}

.pms-sc-logleft .icon-fast {
    color: #2170dc;
}

.pms-sc-logright .icon-delete-icon {
    font-size: 1.62em; /* 26px */
}

.pms-sc-logright .icon-edit-pencil {
    font-size: 1.62em; /* 26px */
    padding-right: 0.12em; /* 2px */
}

.pms-sc-activity-listing {
    max-height: 25.00em; /* 400px */
    overflow: auto;
    margin-top: 0.94em; /* 15px */
}

.pms-sc-icon-group i {
    font-size: 1.62em; /* 26px */
    margin: 0 2px;
    color: #2170dc;
    cursor: pointer;
}

.pms-sc-rollingChart img {
    max-width: 100%;
}

.pms-sc-heading h3 {
    font-size: 1.12em; /* 18px */
    font-weight: 600;
    color: #373737;
}

.pms-sc-csvbtn img {
    width: 0.62em; /* 10px */
}

.pms-sc-mastername h4 {
    font-size: 1em;
    font-weight: 600;
}

.mastersc-instances i {
    font-size: 1.25em; /* 20px */
}

.sc-review-cardslist .white-card li {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.sc-review-footer .primary-badge {
    padding: 0.50em 1.25em; /* 8px 20px */
    font-size: 0.81em; /* 13px */
    font-weight: 400;
    background: #939ea9;
}

.sc-review-footer .log_history {
    border-top: 1px solid #e5e5e5;
}

.sc-review-footer i {
    font-size: 1.88em; /* 30px */
}

.pms-sc-csvbtn .icon-download-c {
    font-size: 1.12em; /* 18px */
}

.viewcoaching-data h5 {
    color: #373737;
    font-size: 1.12em; /* 18px */
}

.viewcoaching-content h6 {
    color: #6dc9f5;
    text-align: center;
}

.sc-review-footer .icon-user {
    font-size: 0.88em; /* 14px */
}

.viewcoaching-data {
    max-height: 28.12em; /* 450px */
    overflow-y: auto;
}

.grey-bg {
    background: #f6f6f6;
    border-radius: 5px;
    border: 1px solid #dee5ee;
}

.pms-show-beyond-checkbox {
    flex: 1;
    align-self: center;
}

.pms-logsHistory-submenu i {
    font-size: 1.06em; /* 17px */
}

.pms-lb-profileDetails li:last-child:after {
    content: "";
}

.pms-lb-profileDetails li:after {
    content: "|";
    margin: 0 8px;
}

.pms-lb-profileDetails li {
    display: inline-block;
}

.pms-lb-profileName {
    font-weight: 600;
    font-size: 1em;
    color: #373737;
}

.pms-lb-profilepic {
    flex: 0 auto;
}

.pms-lb-profileDetails {
    margin: 5px 0;
}

.pms-lb-cardsubtitle {
    font-weight: 600;
}

span.pms-lb-progressvalue {
    font-weight: 700;
    color: #2170dc;
}
/*============ Coach Dashboard ============*/
.coach_dash_accor .card-header {
    border-bottom: 0;
    background: #fff;
    position: relative;
    cursor: pointer;
    padding: 0;
}

    .coach_dash_accor .card-header > div {
        padding: .75rem 1.25em;
    }

    .coach_dash_accor .card-header button {
        width: 100%;
        text-align: left;
    }
/* .start_coaching_btn{
     position: absolute;
     right: 1.31em; /* 21px
     top: 50%;
     font-size: 0.81em; /* 13px 
     padding: 0.62em 1.25em; /* 10px 20px
     background: #6dc9f5;
     color: #fff;
     font-weight: 400;
     letter-spacing: 0.06em; /* 1px
     border-radius: 4px;
     transform: translateY(-50%);
} */
/* .start_coaching_btn:hover{
     color: #fff;
} */
.coach_thum {
    border-radius: 100px;
    display: inline-block;
    vertical-align: middle;
}

    .coach_thum img {
        border-radius: 100px;
        width: 100%;
        height: 100%;
    }

.coach_title {
    display: inline-block;
    /* padding-left: 1.25em; /* 20px */
    vertical-align: middle;
}

    .coach_title h3 {
        font-size: 1em;
        margin-bottom: 0.31em; /* 5px */
        color: #025ea1;
        font-weight: 600;
    }

    .coach_title h6 {
        font-size: 0.81em; /* 13px */
        font-weight: 500;
        color: #373737;
    }
/* .coach_dash_accor .pms-goal-footer-content li:first-child a{
     background-color: #2170dc;
} */
.coach_dash_accor .card-body {
    padding-top: 0;
}

.showgoals_check .custom-checkbox {
    cursor: pointer;
}

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

.show_goals_view,
.rolling_chart_view,
.scorecard_activity_view,
.publish_confi_view {
    display: none;
}

.coach_dash_accor .card-header > div[aria-expanded="true"] {
    background: #ececec;
}

.benefitEnrollment .coach_dash_accor .card-header > div[aria-expanded="true"] {
    background: transparent;
}

.scorecard_setup_popup .footer-button {
    border-top: 0;
}

.pending_payroll_view .dataTables_filter {
    display: none;
}

.pending_payroll_view .collapse_view {
    font-size: 0.94em; /* 15px */
    line-height: 0.69em; /* 11px */
}

.pending_payroll_view .ats_filter_view {
    display: none;
}

.termination_check label {
    line-height: 1.44em; /* 23px */
    cursor: pointer;
}

.immediate_check_view .media .custom-checkbox {
    position: relative;
    transform: translateY(100%);
}

.pending_payroll_view table tr span {
    white-space: nowrap;
}

.bu-tree .bu-tree .oc-businessUnit-level-main:not(.oc-level1):after {
    content: "";
    display: block;
    left: -17px;
    position: absolute;
    top: 1.50em; /* 24px */
    z-index: 2;
    border-bottom: solid 2px #ccc;
    width: 1.00em; /* 16px */
}

.jobtitle-tree .jobtitle-tree .oc-businessUnit-level-main:not(.oc-level1):after {
    content: "";
    display: block;
    left: -17px;
    position: absolute;
    top: 1.50em; /* 24px */
    z-index: 2;
    border-bottom: 2px solid #ccc;
    width: 1.00em; /* 16px */
}

p.headletter.oc-level-7-panel-headletter {
    background-color: #6cbc66;
}

.oc-level-7-panel-count {
    color: #6cbc66;
}

p.headletter.oc-level-8-panel-headletter {
    background-color: #38bdb4;
}

.oc-level-8-panel-count {
    color: #38bdb4;
}

p.headletter.oc-level-9-panel-headletter {
    background-color: #7834e2;
}

.oc-level-9-panel-count {
    color: #7834e2;
}

p.headletter.oc-level-10-panel-headletter {
    background-color: #b6c32e;
}

.oc-level-10-panel-count {
    color: #b6c32e;
}

.oc-businessUnit-level-main.no-after:after {
    content: none !important;
}

.activity_log_btn {
    position: absolute;
    right: 2.00em; /* 32px */
    top: -1px;
    font-size: 1.56em; /* 25px */
    cursor: pointer;
}

#ui-id-2 .ui-menu-item {
    font-size: 0.88em; /* 14px */
    padding: 0.44em 0.62em; /* 7px 10px */
    font-weight: 500;
}
/* .business-unit-tree > ul.bu-tree ul.bu-tree > li:nth-last-child(1)::before {
    background-color: white;
    bottom: 0;
    height: calc(100% - 26px);
    position: absolute;
    content: '';
    width: 0.12em; /* 2px
    left: -17px;
} */
.business-unit-tree > ul.bu-tree ul.bu-tree > li:nth-last-child(1)::before {
    background-color: white;
    bottom: 0;
    height: calc(100% - 26px);
    position: absolute;
    content: '';
    width: 0.25em; /* 4px */
    left: -17px;
}

.business-unit-tree > ul.bu-tree ul.bu-tree > li.BU-NoRecord:nth-last-child(1)::before {
    height: 3.12em; /* 50px */
}

.goal_active_card {
    background: #f4f7fa;
    border-radius: 5px;
    overflow: hidden;
}

    .goal_active_card h4 {
        font-size: 0.88em; /* 14px */
        font-weight: 500;
    }

    .goal_active_card h6 {
        /* font-size: 1.25em; /* 20px
     color: #2170dc; */
        font-size: 1em;
        color: #2170dc;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .goal_active_card .log_history {
        background: #e1f1f9;
        padding: 7px 0 4px 0;
    }

        .goal_active_card .log_history i {
            font-size: 2.25em; /* 36px */
            cursor: pointer;
        }
/* Coaching Session page css */
.coaching-step-1 .pms-sc-activity-list .table thead th,
.coaching-step-4 .pms-sc-activity-list .table thead th,
.coaching-step-5 .pms-sc-activity-list .table thead th {
    border-bottom: 1px solid #dee2e6;
    background: #f4f7fa;
}
/* .coaching_session_view .footer-button{
     border-top:0;
} */
.review_view {
    position: relative;
}

    .review_view h3.main-panel-title {
        border-bottom: 1px solid #dee5ee;
    }

.review_rating i {
    font-size: 1.56em; /* 25px */
    color: #cccccc;
    cursor: pointer;
}

    .review_rating i:hover {
        color: #f3ca00;
    }

.review_rating h5 {
    font-size: 1em;
}

    .review_rating h5 span {
        font-size: 0.81em; /* 13px */
    }

.goal_review_step {
    position: absolute;
    right: 0;
    top: -5px;
}

    .goal_review_step button i {
        line-height: 19px !important;
    }

.comparison_box .comparison_title {
    background: #f4f7fa;
    height: 4.38em; /* 70px */
}

    .comparison_box .comparison_title p {
        font-size: .75em;
    }

.session_current.comparison_title h6 {
    position: relative;
    top: 0.62em; /* 10px */
}

.comparison_box h3.main-panel-title {
    border-bottom: 1px solid #dee5ee;
    font-size: 0.88em; /* 14px */
}

.coaching_session_view .card-header .main-panel-title a {
    font-size: 1em;
}

.coaching_session_view .pms-goal-achievement-heading {
    font-size: 1em;
}

.review_rating .pms-goals-prgressvalue {
    position: static;
    text-align: left;
    margin-top: 0.31em; /* 5px */
    font-size: 0.81em; /* 13px */
    font-weight: 500;
}

.review_rating .head5-info .progress .progress-bar {
    background-color: #1fcd85;
}

.comparison_more span {
    display: inline-block;
    font-size: 1.88em; /* 30px */
    cursor: pointer;
}

.pms-sc-date-filter {
    position: relative;
}

.pms-date-filter {
    position: absolute;
    right: 0;
    top: 0.62em; /* 10px */
    z-index: 1;
}

    .pms-date-filter .daterange-daysbtn button {
        font-weight: 400;
        background: #6dc9f5;
        color: #ffffff;
    }

        .pms-date-filter .daterange-daysbtn button:hover {
            background: #007bff;
        }

    .pms-date-filter .custom-days {
        background: #f4f7fa;
    }

        .pms-date-filter .custom-days .custom-days-label {
            color: #373737;
        }

    .pms-date-filter .ui-rangeSlider .ui-rangeSlider-innerBar {
        height: 1.00em; /* 16px */
        border: 1px solid #1fcd85;
        border-radius: 100px;
        width: 100% !important;
    }

    .pms-date-filter .ui-rangeSlider .ui-rangeSlider-bar {
        height: 1.00em; /* 16px */
        background: #1fcd85;
        border-radius: 10px;
    }

    .pms-date-filter .ui-rangeSlider-leftLabel .ui-rangeSlider-label-value,
    .pms-date-filter .ui-rangeSlider-rightLabel .ui-rangeSlider-label-value {
        color: #373737;
        font-weight: 600;
        letter-spacing: 0.06em; /* 1px */
        font-size: 0.81em; /* 13px */
    }

.pms-activity-empHead {
    flex: 1;
    font-size: 0.94em; /* 15px */
    font-weight: 600;
    color: #373737;
    align-self: center;
}

.pms-activity-employeeDetails li {
    line-height: 1.88em; /* 30px */
}

.pms-activityDate i {
    position: absolute;
    right: 0.75em; /* 12px */
    top: 50%;
    transform: translateY(-50%);
}
/* ul.emp-tree:not(.EPlevel-1):after {
    position: absolute;
    content: "";
    border-left: 1px solid rgba(0,0,0,.2);
    height: 100%;
    width: 0.56em; /* 9px 
    top: 0;
    left: 0.44em; /* 7px 
    z-index: 1;
}
ul.emp-tree .nextlidiv:after {
    content: "";
    display: block;
    left: -9px;
    position: absolute;
    top: 2.69em; /* 43px 
    z-index: 2;
    border-bottom: solid 1px #ccc;
    width: 0.62em; /* 10px 
}
ul.emp-tree ul.emp-tree > li:nth-last-child(1) > a:nth-last-child(1):before {
    background-color: #ffffff;
    bottom: 0;
    height: calc(100% - 43px);
    position: absolute;
    content: '';
    width: 0.06em; /* 1px 
    left: -9px;
    z-index: 2;
}
ul.emp-tree li.EMP-NoRecord:before {
    background-color: #ffffff;
    bottom: 0;
    height: calc(100% - 0px);
    position: absolute;
    content: '';
    width: 0.06em; /* 1px 
    left: 0.44em; /* 7px 
    z-index: 2;
} */
ul.emp-tree:before {
    content: '';
    left: 0.44em; /* 7px */
    position: absolute;
    z-index: 1;
    width: 0.12em; /* 2px */
    height: calc(100%);
    background-color: #dee5ee;
    top: -8px;
}


ul.emp-tree.EPlevel-1:before, ul.emp-tree.EPlevel-1 > li:before {
    content: "";
    display: none;
}

ul.emp-tree li {
    position: relative;
}

    ul.emp-tree li:before {
        content: '';
        left: -8px;
        position: absolute;
        top: 1.88em; /* 30px */
        z-index: 12220;
        width: 0.56em; /* 9px */
        height: 0.12em; /* 2px */
        background-color: #dee5ee;
    }

    ul.emp-tree li:last-child:after {
        content: '';
        left: -10px;
        position: absolute;
        top: 1.94em; /* 31px */
        z-index: 3;
        width: 0.25em; /* 4px */
        height: calc(100% - 31px);
        background-color: #FFFFFF;
    }

    ul.emp-tree li.EMP-NoRecord:before {
        background-color: #ffffff;
        top: -8px;
        height: calc(100% - 22px);
        position: absolute;
        content: '';
        width: 0.12em; /* 2px */
        left: -9px;
        z-index: 2;
    }

.oc-tree-view-main-section .ui-sortable-handle {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.pms-scorecard-filter-button a {
    color: #ffffff !important;
}
/* Paperwork Page Css */
.pob_process_view li span,
.pob_process_view li p {
    display: inline-block;
    vertical-align: middle;
}

.pob_process_view li span {
    width: 0.94em; /* 15px */
    height: 0.94em; /* 15px */
    border-radius: 4px;
}

.pob_process_view li p {
    font-size: 0.88em; /* 14px */
    font-weight: 500;
    color: #373737;
}

.pob_process_1 {
    background: #4CA8EC;
}

.pob_process_2 {
    background: #888888;
}

.pob_process_3 {
    background: #ECA24C;
}

.pob_process_4 {
    background: #ADC95F;
}

.pob_process_5 {
    background: #ff625d;
}
/* .pob_leftview{}
.pob_rightview{} */
/* .pob_leftview.job_tabs .nav-item>a.active, .pob_leftview.job_tabs .nav-item>a:hover{
     border-color: #6dc9f5 !important;
     background-color: #fff !important;
} */
.pob_rightview .job_manage_title {
    position: relative;
}

.pob_notes {
    font-size: 0.81em; /* 13px */
    color: #de8200;
    text-align: justify;
}

.pob_righttitle h5 {
    color: #025ea1;
    font-weight: 600;
    font-size: 0.94em; /* 15px */
    border-bottom: 1px solid #dee2e6;
}

.pob_leftview .nav-tabs li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0.75em 1.25em; /* 12px 20px */
    border-radius: 4px !important;
    font-weight: 600;
    color: #373737;
}

    .pob_leftview .nav-tabs li a.active {
        color: #373737;
    }

.pob_process_view .dropdown .dropdown-item {
    padding: .85rem 1.5em;
}

.pob_process_view .dropdown-item.active,
.pob_process_view .dropdown-item:active {
    background-color: #ffffff;
}

.assigen_title h2 i {
    font-size: 1.88em; /* 30px */
    cursor: pointer;
}

.pob_doc_com {
    font-weight: 500;
}

.custom-file-label {
    line-height: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.login_btn_view a {
    border: 1px solid #1fcd85;
    color: #ffffff;
    font-weight: 500;
    border-radius: 4px;
    background: #1fcd85;
    display: inline-block;
    font-size: 0.81em; /* 13px */
    padding: 0.19em 0.94em; /* 3px 15px */
}

    .login_btn_view a i {
        vertical-align: middle;
        margin-left: 0.25em; /* 4px */
        font-size: 1.25em; /* 20px */
    }
/* .envelope_view .select_title{
     border-bottom: 1px solid #e0e0e0;
} */
.envelope_list_view li {
    padding: 0.75em 1.25em; /* 12px 20px */
    /* background: #1fcd85; */
    color: #fff;
    border-radius: 4px;
    border: 1px solid #000;
}

    .envelope_list_view li h6 {
        flex: 1;
        padding-right: 0.94em; /* 15px */
        font-size: 0.81em; /* 13px */
        font-weight: 600;
    }

.doc_btn i {
    font-size: 1.62em; /* 26px */
}

.NotificationDescription a {
    color: #009cff;
}

.btnApplyNowSticky {
    position: sticky;
    top: 7.69em; /* 123px */
    background-color: #ffffff;
    z-index: 1;
}

.ocemployee-details-cardbody ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ocemployee-details-cardbody li {
    display: inline-block;
    width: 100%;
    word-break: break-all;
}

.mi-employment-details li:last-child {
    border: unset;
    padding-bottom: 0 !important;
}

#goalDashBoardGoalList .d-inline-flex .icon-split {
    color: #12c6ec;
}

#goalDashBoardGoalList .d-inline-flex .icon-associated-business {
    color: #2170dc;
}

#goalDashBoardGoalList .d-inline-flex .icon-goal-co {
    color: #e0737f;
}

#goalDashBoardGoalList .d-inline-flex .icon-block-user {
    color: #333d4a;
}

.pmsemployee-status .icon-associated-business,
.pmsemployee-status .icon-split,
.pmsemployee-status .icon-goal-co {
    font-size: 1.25em; /* 20px */
    margin: 0 5px;
}

.pmsemployee-status .icon-block-user {
    font-size: 1.12em; /* 18px */
    margin: 0 5px;
}

.table_head_bg .splash_icon {
    font-size: 1em;
}

.main_table_class .table th input {
    height: calc(2.0rem + 2px);
}

.pms-goal-heading li a.pms-scoredetails-btn {
    font-size: 1.56em; /* 25px */
}

.document_inner img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.custom-chk-line-height .custom-checkbox label {
    line-height: 1.5em;
}

.nav_up_scroll {
    top: -200px;
    -webkit-transition: bottom 0.5s ease-in-out;
    -moz-transition: bottom 0.5s ease-in-out;
    -ms-transition: bottom 0.5s ease-in-out;
    -o-transition: bottom 0.5s ease-in-out;
    transition: bottom 0.5s ease-in-out;
}

.right_section_view.right_top {
    padding-top: 0;
}

.ul-i9info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.download-files-setting-icon {
    font-size: 1.25em; /* 20px */
}

.payroll_information_view .uc_general_info_inputs label {
    line-height: 1.44em; /* 23px */
}

.payroll_information_view .add_pay i {
    font-size: 1em;
    display: block;
    cursor: pointer;
}

.reg_hou_pay .form-group,
.ove_hou_pay .form-group {
    display: none;
}

.org_client_box {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}

.org_client_cont {
    flex: 1;
}

.org_client_pic {
    width: 4.38em; /* 70px */
    height: 4.38em; /* 70px */
    border-radius: 100%;
}

    .org_client_pic img {
        width: 100%;
        border-radius: 100%;
    }

.org_client_cont h5 {
    font-weight: 600;
    font-size: 1em;
    text-transform: capitalize;
}

.org_client_cont p {
    font-size: 0.88em; /* 14px */
    font-weight: 400;
    line-height: 1.44em; /* 23px */
}

.org_client_footer {
    border-top: 1px solid #dee5ee;
}

    .org_client_footer i {
        padding-right: 0.94em; /* 15px */
    }

    .org_client_footer .icon-comment,
    .org_client_footer .icon-user,
    .org_client_footer .icon-money-bag {
        font-size: 1em;
        color: #a0a0a0;
    }

        .org_client_footer .icon-comment:hover,
        .org_client_footer .icon-user:hover,
        .org_client_footer .icon-money-bag:hover {
            color: #2170dc;
        }

.client_inner_list .org_client_pic {
    width: 3.12em; /* 50px */
    height: 3.12em; /* 50px */
}

.client_list_view {
    border-bottom: 0;
    justify-content: center;
}

    .client_list_view .active .org_client_box {
        border: 1px solid #6dc9f5;
    }

        .client_list_view .active .org_client_box:after,
        .client_list_view .active_tree .org_client_box:after {
            position: absolute;
            left: 50%;
            bottom: -17px;
            height: 1.06em; /* 17px */
            width: 0.06em; /* 1px */
            background: #6dc9f5;
            content: '';
        }

.or_list_view {
    font-size: 0.88em; /* 14px */
    font-weight: 700;
    color: #2874fb;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
}

#orgChartBusinessUnitsContent > div.oc-tree-view-chart > .bu-tree > li:first-child {
    margin-top: 10px !important;
}

.org_client_box .status_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.25em; /* 20px */
    height: 1.25em; /* 20px */
    content: '';
}

.client_inner_list .status_icon {
    width: 1.00em; /* 16px */
    height: 1.00em; /* 16px */
    bottom: 0.19em; /* 3px */
}

.client_chart_view .content_tree_view::before {
    position: absolute;
    width: 100%;
    height: 1.06em; /* 17px */
    content: '';
    top: 0;
    left: 0;
    /* border-left: 1px solid #6dc9f5;
    border-right: 1px solid #6dc9f5; */
    border-top: 1px solid #6dc9f5;
}

.client_inner_list .row {
    justify-content: center;
}

.notified_popup .close {
    position: absolute;
    right: 0.62em; /* 10px */
    top: 0.62em; /* 10px */
    font-size: 0.94em; /* 15px */
}

.switch_user_img img {
    width: 100%;
}

.switch_user_content h3 {
    font-size: 1.62em; /* 26px */
    font-weight: 600;
    color: #373737;
}

.switch_user_content h4 {
    font-size: 0.88em; /* 14px */
    color: #373737;
}

.switch_user_footer button {
    padding: 0.62em 1.75em; /* 10px 28px */
    font-size: 0.81em; /* 13px */
    font-weight: 400;
    letter-spacing: 0.06em; /* 1px */
}
/* .switch_user_btn .job_switch{
     position:static;
     padding: 40px 0 25px 0;
}
.switch_user_btn .switch .slider:before {
     height: 1.62em; /* 26px
     width: 1.62em; /* 26px
     bottom: 0.12em; /* 2px
}
.switch_user_btn .switch {
     width: 5.00em; /* 80px
     height: 1.88em; /* 30px
}
.switch_user_btn .switch input[type="checkbox"]:checked + input[type="hidden"] + .slider:before, input[type="checkbox"]:checked + .slider:before {
     -webkit-transform: translateX(50px);
     -ms-transform: translateX(50px);
     transform: translateX(50px);
 } */

.immediate-check-payments {
    max-height: 20.19em; /* 323px */
}

.general-listing .nav-tabs .nav-item.show .nav-link, .general-listing .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #0996ff;
    border-radius: 0;
    color: #0996ff;
}

.general-listing .nav-tabs .nav-link {
    color: #75808f;
    border: 0;
    font-size: 0.88em; /* 14px */
}

    .general-listing .nav-tabs .nav-link:hover {
        border-top-color: transparent;
        border-right-color: transparent;
        border-left-color: transparent;
    }

.client_title_view {
    position: relative;
    text-align: center;
    padding-top: 0.62em; /* 10px */
}

    .client_title_view h6 {
        font-size: 0.88em; /* 14px */
        color: #fff;
        font-weight: 400;
        display: inline-block;
        position: relative;
    }

        .client_title_view h6:after {
            position: absolute;
            left: 50%;
            bottom: -7px;
            content: '';
            width: 50%;
            height: 0.12em; /* 2px */
            background: #e0737f;
            transform: translateX(-50%);
        }

.emp_pro_cardview:hover > .dropdown-menu {
    display: block;
}

.emp_pro_cardview li {
    border-bottom: 0;
}

.emp_pro_cardview h3 {
    font-weight: 500;
    margin-top: 0;
    font-size: 0.88em; /* 14px */
}

.interviews-lists .media p.primary-text {
    color: #56c8ff;
}

.employee-badge-warning {
    font-size: 0.81em; /* 13px */
    font-weight: 400;
    padding: 0.31em 0.94em; /* 5px 15px */
    margin-top: 0.19em; /* 3px */
    border: 1px solid #ff9900;
    background-color: #f9f9f9;
    color: #ff9900;
}

#paycodeHeaderBox .ats_card .owl-nav .owl-prev {
    left: -5px;
}

#paycodeHeaderBox .ats_card .owl-nav .owl-next {
    right: -5px;
}

#paycodeHeaderBox .ats_card .owl-nav .disabled {
    opacity: 0;
}

/* Benefit Style Start*/

.benefit_display_none {
    display: none;
}

.benefit_delete_btn {
    margin-top: 1.88em; /* 30px */
}

.benefit_title h4 {
    font-size: 1.4em;
    text-transform: uppercase;
    color: #047fd8;
    position: relative;
}

    .benefit_title h4:before {
        background-color: #047fd8;
        content: '';
        width: 5.00em; /* 80px */
        height: 0.19em; /* 3px */
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

.benefit_title {
    margin-bottom: 1.5rem !important
}

.benefit_disable {
    pointer-events: none;
}

    .benefit_disable input {
        pointer-events: none;
        background-color: #e9ecef !important;
        opacity: 1;
    }

    .benefit_disable select {
        pointer-events: none;
        background-color: #e9ecef !important;
        opacity: 1;
    }

.benefit_disable_select2 {
    background-color: #e9ecef !important;
    opacity: 1;
}

.benefit_bg_color {
    background-color: #c3c6ca6b !important;
}

.benefit_display_none {
    display: none;
}

.divBenefit .error {
    font-weight: normal !important;
}

#chkEnableDisable label {
    font-size: 14px !important;
}

.benefit_cancel-btn {
    padding: 0.50em 1.25em 0.50em 1.25em; /* 8px 20px 8px 20px */
}

.orange-badge {
    background: rgba(253, 227, 167, 1);
    color: rgb(255,140,0);
    font-size: .75em;
    padding: 0.25em 0.62em; /* 4px 10px */
    border-radius: 3px;
    font-weight: 500;
    display: inline-block;
}

.benefit_logo_detail img.benefit_logo_img {
    max-width: 8.44em; /* 135px */
    max-height: 2.50em; /* 40px */
}

.benefit_choose_file_view {
    border: 1px dotted #e4e1e1;
    padding: 0.94em; /* 15px */
    border-radius: 4px;
    border: 1px dashed #5e778e;
    background: #f4f7fa;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

    .benefit_choose_file_view .icon-upload {
        position: absolute;
        right: 0.94em; /* 15px */
        top: 50%;
        transform: translateY(-50%);
        font-size: 2.50em; /* 40px */
        z-index: 0;
        color: #6dc9f5;
    }

.benefit_select2_container .select2-container .select2-selection--single .select2-selection__rendered,
.benefit_select2_container .select2.select2-container {
    width: 100% !important;
}

h3.benefitView_collapse_title a {
    color: #454545;
    text-decoration: none;
}

.benefitView_collapse_title a:after {
    right: 0px !important;
}

.divBenefit.main_middle_section .WizardLevel .dropdown-menu.process-bar-dropdown-menu {
    min-width: auto;
}

.benefit_datatable .dataTables_filter {
    margin-top: -35px !important;
    margin-bottom: 0.62em; /* 10px */
}

.lblcapitalize {
    text-transform: lowercase;
}

    .lblcapitalize:first-letter {
        text-transform: uppercase;
    }

.benefit-purple-badge {
    background: rgb(229 195 255);
    color: rgb(161 53 216);
    font-size: .75em;
    padding: 0.25em 0.62em; /* 4px 10px */
    border-radius: 3px;
    font-weight: 500;
    display: inline-block;
}

.benefitEnrollment .coach_dash_accor .pms-goal-card-draft h4 {
    color: #333333;
}

.benefitEnrollment .coach_dash_accor .card-body {
    position: relative;
    border-top: 1px solid rgba(0,0,0,.125);
}

.benefitEnrollment .ribbon-top-right {
    top: 0.00em; /* 0px */
    /* left: 0.00em; /* 0px */
    width: 9.38em; /* 150px */
    height: 9.38em; /* 150px */
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.benefitEnrollment .ribbon span {
    position: absolute;
    display: block;
    width: 10.94em; /* 175px */
    padding: 12px 0;
    background-color: #0abc62;
    color: #fff;
    font-weight: 500;
    font-size: 0.88em; /* 14px */
    letter-spacing: 0.03em; /* 0.5px */
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    /* text-transform: uppercase; */
    text-align: center;
    top: 1.25em; /* 20px */
    /* right: 1.25em; /* 20px
    transform: rotate(-45deg); */
}



.benefitEnrollment .eoi_upl a {
    font-size: 1.56em; /* 25px */
}

.benefitEnrollment #pills-tab .nav-link.active {
    color: #f9f9f9;
    background-color: #6dc9f5 !important;
    border-color: transparent;
}

.req-span {
    position: relative;
    top: 0.31em; /* 5px */
}

.span_EOI_Form_Name {
    width: 40%;
}

    .span_EOI_Form_Name > div {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.overflow-hidden {
    overflow: hidden;
}

.document-require {
    font-size: 0.62em; /* 10px */
}

.divEnrollment a {
    border-color: #6dc9f5;
    font-size: 0.81em; /* 13px */
    color: #ffffff !important;
}

.EOI_Document_Link {
    position: relative;
    z-index: 2;
}

.cost-title {
    color: #2170dc;
    font-weight: 600;
    padding: 0.62em; /* 10px */
}

.plan_document_download_icon a {
    font-size: 22px !important
}

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

a.benefit_plan_doc {
    color: #0056b3 !important;
    text-decoration: underline !important;
}

.benefit_title h6 {
    text-decoration: underline black 2px !important;
}

#benefit_no_detail {
    text-align: center;
}

.benefit_doc_download li {
    display: inline-block;
    margin-right: 0.62em; /* 10px */
}

.plan-content-view {
    border-bottom: 1px solid #e3e3e3;
}

    .plan-content-view:last-child {
        border-bottom: 0;
    }

#days-Count {
    color: black;
    font-size: 0.88em; /* 14px */
}

.plan-premium-list .custom-control label {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-label-required:after {
    content: " *";
    color: red;
}

label.custom-control-label.mt-1.enabled_check {
    color: black;
    font-weight: 500;
}

#EnrollmentAllow label#oedays-Count {
    color: #a2a4a7;
    font-weight: 400;
    font-size: 1em; /* 13px */
    margin-bottom: 0;
}

input#documentFile {
    cursor: pointer;
}

.table-beneficiary {
    padding-top: 0.12em; /* 2px */
}

.cov_detail {
    color: #a2a4a7;
}

.mi-work-info-card.basic-info-card {
    border: none !important;
}

.chk-tobaccouser {
    left: 0.88em; /* 14px */
}

.dependent_edit {
    font-size: 26px !important;
}

p.card-text.mt-3.confirm-text {
    font-weight: 400 !important;
    font-size: 13px !important;
}

label.custom-control-label.confirm-lbl.lblchkbox {
    color: black !important;
    font-weight: 600 !important;
}

.divEnrollment a.btn_loadmore {
    color: #6dc9f5 !important;
}

.desc_enroll p, .desc_enroll a {
    display: inline;
}

.enrollment_date {
    font-weight: 600 !important;
}

.card.completed_status {
    border: 1px solid #117321 !important;
}

.completed_text, .completed_text h3 {
    color: #117321 !important;
}

.card-header.completed_status {
    border-bottom: 1px solid #117321 !important;
}

span.errMsg.plan_HSASel {
    color: red;
}

.editor_list ul {
    list-style: unset !important;
    padding-left: 15px !important;
}

.empeditor_list ul {
    list-style: outside !important;
    padding-left: 15px !important;
}

.form-control.dd_tobaccouser {
    width: 20% !important;
}

.divdep-confirm label, .divchkboxConfirmation label {
    color: black !important;
    font-weight: 600 !important;
}

.enrollment_shadow {
    box-shadow: 0 0 6px -1px #656e7e;
}

span.highlight_planinfo {
    color: red;
    font-weight: 600;
}

span.highlight_beneficiaryinfo {
    font-weight: 700;
}

.divbeneficiaryinfo {
    padding: 0.00em 0.94em 0.94em 0.94em; /* 0px 15px 15px 15px */
}

.dep-disabled.benefit_disable.disabled {
    color: #b6b6b9;
}

    .dep-disabled.benefit_disable.disabled.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #b6b6b9 !important;
    }

.form-select .rz-dropdown-label {
    overflow: unset !important;
}

.rz-dropdown :hover {
    cursor: pointer !important;
}

.form-select {
    font-size: 1em;
    height: calc(2.25rem + 2px);
}
/* Benefit Style End*/
/* 31-07-2020 */
/* Fetch Hours css */
.fetch_hours_step_view {
}

.fetch_hours_step {
    margin-bottom: 0.62em; /* 10px */
}

    .fetch_hours_step:before {
        position: absolute;
        top: .75em;
        background: #195dba;
        height: 1.75em;
        width: 1.75em;
        color: #fff;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        text-align: center;
        line-height: 1.75em;
        font-weight: 400;
    }

.fe_step_1:before,
.mapp_step_1:before {
    content: "1";
}

.fe_step_2:before,
.mapp_step_2:before {
    content: "2";
}

.fe_step_3:before,
.mapp_step_3:before {
    content: "3";
}

.fetch_hours_step::after {
    content: '';
    position: absolute;
    top: 3.125em;
    left: .7438em;
    width: .0625em;
    height: 40%;
    height: calc(100% - 38px);
    background-color: rgba(0,0,0,.1);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.main-page-listing-dropdown.label_title_list {
    top: 3px !important;
}

.progress-Steps-heading.label_title {
    margin-top: 8px !important;
}

.fetch_hours_box h4.config-padding {
    font-size: 1em;
    font-weight: 600;
    padding-top: 0.88em; /* 14px */
    color: #000000;
}

.fetch_hours_box h4.hedear-title {
    font-weight: 500;
    font-size: 1.12em; /* 18px */
    font-family: 'Nunito', sans-serif;
}

.fetch_hours_title {
    /*border-bottom: 1px solid #dee5ee;*/
    color: #025ea1;
    font-size: 1em;
    font-weight: 600;
    position: relative;
}

    .fetch_hours_title:after {
        position: absolute;
        left: 1.00em; /* 16px */
        bottom: -6px;
        content: '';
        width: 5.81em; /* 93px */
        height: 0.12em; /* 2px */
        background: #0997fe;
    }

.payroll_height_cv {
    height: 60vh;
    overflow-y: auto;
}

.benefit_choose_file_view .icon-delete-con {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #dc3545;
    font-size: 1.44em; /* 23px */
    background: #fff;
    border-radius: 100px;
    content: '';
}

.adjustmnet_pay button::after {
    text-align: right;
    position: absolute;
    right: 0.38em; /* 6px */
    top: 1.00em; /* 16px */
}

.adjustmnet_pay .dropdown-item {
    font-size: 0.81em; /* 13px */
    color: #495057;
}

.add_adju i {
    font-size: 1.5em;
}

.link-primary {
    color: #009cff !important;
}

.total-amount {
    font-size: 0.88em; /* 14px */
    margin-bottom: 0.62em; /* 10px */
    padding-bottom: 0.31em; /* 5px */
    color: #0773c1;
    font-weight: 600;
}

.detail-box {
    margin-right: 0.94em; /* 15px */
    width: 30%;
    margin-bottom: 0.62em; /* 10px */
}

    .detail-box span:first-child {
        font-weight: 600;
        line-height: 1.62em; /* 26px */
        display: inline-block;
        width: 100%;
    }

.none_element {
    pointer-events: none;
    background-color: #e9ecef;
    opacity: 1 !important;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.coverage_box_view .select2-container {
    width: 100% !important;
}

/* disable control  Start*/

.control_disable {
    pointer-events: none;
}

    .control_disable select {
        pointer-events: none;
        background-color: #e9ecef !important;
        opacity: 1;
    }

.disable_bg_color {
    background-color: #c3c6ca6b !important;
}

/* disable control End*/
.notify_icon_disable {
    pointer-events: none !important;
    cursor: not-allowed !important;
    color: #a8bcc7;
}

.main_div_progress p {
    position: absolute;
    display: block;
    width: 100%;
    color: #000000;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.69em; /* 11px */
    font-weight: 700;
}

.main_div_progress .progress-bar {
    background-color: #50b750;
}

.main_div_progress .progress {
    background-color: #dadebd;
    width: 100%;
}

.main_div_progress {
    position: relative;
    width: 62%;
    margin: 0 auto;
}

.ES_note {
    font-style: italic;
    color: #ff7900;
    font-size: 0.88em; /* 14px */
    font-weight: 500;
    padding: 0.5rem 1rem 0.5rem 1em;
}

.custom-control-input:disabled ~ .custom-control-label.ES_label-color {
    color: #333;
}

#tblLeaves.table td, #tblLeaves.table th {
    background: none !important;
}

#tblLeaves.table tr {
    text-align: center !important;
}

.timeOff_icon {
    font-size: 20px !important;
    margin-left: -1em;
}

.timeoff_span {
    line-height: -9px;
    margin-right: -12px
}

.timeoff_calendar_span {
    margin-right: -5px;
}

.timeOff_calendar_icon {
    font-size: 20px !important;
    margin-left: -1em;
}

.timeOff_btn_margin {
    margin-top: 0.5em;
    margin-right: 0.5em;
}

.tom_leave_detail_th i {
    padding-left: 0.75em;
}

.tom_leave_detail_th span {
    line-height: 2.00em; /* 32px */
}

.highcharts-credits {
    display: none;
}

.pagefilters {
    display: inline-block;
    height: auto;
}

.fade-out {
    animation: fade 2s ease forwards;
}

.spin-in {
    animation: spin 2s ease forwards;
}

@keyframes fade {
    0% {
        opacity: 1;
    }

    99% {
        height: auto;
    }

    100% {
        height: 0.00em; /* 0px */
        opacity: 0;
    }
}

@keyframes spin {
    0% {
        height: 0.00em; /* 0px */
    }

    99% {
        height: auto;
    }

    100% {
        height: auto;
    }
}

.req {
    color: red;
    font-weight: bold;
    margin-left: 0.31em; /* 5px */
}

::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

.btn-light {
    color: #000 !important;
    background-color: #e1e1e1 !important;
    border-color: #e1e1e1 !important;
}

    .btn-light:hover {
        color: #000 !important;
        background-color: #c7c7c7 !important;
        border-color: #c7c7c7 !important;
    }