@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype'), url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype'), url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

* {
    margin: 0;
    padding: 0;
}

:root {
    --green: #014653;
    --neon-yellow: #2EACB3;
    --white: #ffffff;
    --darkblack: #222222;
    --black: #000000;
    --coolblue: #2EACB3;
    --success: #0CAF00;
    --danger: #C80000
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: var(--darkblack);
    background: hsla(190, 98%, 16%, 0.05);
    overflow-x: hidden;
    scroll-behavior: smooth;
    position: relative;
}

body::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 315px;
    background-color: var(--green);
    border-radius: 0 0 50px 50px;
    z-index: -2;
}

*::selection {
    background-color: transparent;
}

*:not(img)::selection {
    background-color: var(--green);
    color: #fff;
}

.ff-poppins {
    font-family: 'Poppins', sans-serif;
}

a,
a:active,
a:focus,
a:hover,
img {
    text-decoration: none;
    outline: 0
}

:focus,
a,
img,
input[type=range]:focus {
    outline: 0
}

a,
.btn-link {
    color: var(--neon-yellow);
}

a:hover {
    color: #005AB8
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
    margin: 0;
    padding: 0;
}

.select2-container ul li {
    font-family: 'Poppins', sans-serif;
}

hr {
    background-color: #DDDDDD;
    opacity: 1;
}

/* width */

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px;
}


/* Track */

::-webkit-scrollbar-track {
    background: hsla(0, 0%, 95%, 0.4);
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #013842;
    background: #01384238;
}

header .toggle-icon {
    font-size: 18px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

header .toggle-icon label {
    display: flex;
    flex-direction: column;
    width: 40px;
    height: 40px;
    cursor: pointer;
    padding: 10px;
    /* background: hsla(0, 0%, 0%, 0.2); */
    border-radius: 100px;
    /* border: 1px solid #1d212d; */
}

header .toggle-icon input[type="checkbox"] {
    display: none;
}

header .toggle-icon label span {
    background: var(--white);
    border-radius: 10px;
    height: 2px;
    margin: 2px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

header .toggle-icon span:nth-of-type(1) {
    width: 50%;
}

header .toggle-icon span:nth-of-type(2) {
    width: 100%;
}

header .toggle-icon span:nth-of-type(3) {
    width: 75%;
}

header .toggle-icon input[type="checkbox"]:checked~span:nth-of-type(1) {
    transform-origin: bottom;
    transform: rotatez(45deg) translate(12px, 0px);
}

header .toggle-icon input[type="checkbox"]:checked~span:nth-of-type(2) {
    transform-origin: top;
    transform: translate(0px, -1px) rotatez(-50deg);
}

header .toggle-icon input[type="checkbox"]:checked~span:nth-of-type(3) {
    transform-origin: bottom;
    width: 50%;
    transform: translate(1px, -11px) rotatez(45deg);
}

.page-title h1 {
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    color: var(--white);
}

.page-title span {
    color: var(--white);
    margin-bottom: 4px;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
}

.btn-themeNeon,
.page-hedding .btn-theme {
    background-color: #dfff00;
    color: var(--darkblack);
}

.btn-themeNeon:hover,
.page-hedding .btn-theme:hover {
    background: #000;
    border-color: #dfff00;
    color: #dfff00;
}

a,
img {
    border: 0;
    max-width: 100%
}

.h-auto,
img {
    height: auto
}

.btn,
a {
    transition: all .5s
}

.btn:focus,
.form-control:focus {
    box-shadow: none
}

li,
ul {
    list-style: none
}

p:last-child,
ul.listing-wrapper li:last-child {
    margin-bottom: 0 !important
}


/* section {
    overflow: hidden
} */

.banner-title {
    font: 300 55px/65px 'Bebas Neue';
    letter-spacing: 0;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 40px
}

.a-btn:hover,
.banner-title span,
.blogInner-wrapper a:hover,
.contact-wrapper a:hover,
.join-wrapper .contact-box a:hover,
.mega-menu:hover span,
.news-user .comment:hover,
.newsInner-wrapper a:hover,
.sitemap-wrapper a:hover,
header .nav-item:hover .nav-link {
    color: #005AB8
}

.bg-theme {
    background-color: var(--green) !important;
}

.text-theme {
    color: var(--green) !important;
}

.text-yellow {
    color: var(--neon-yellow);
}

.text-dark {
    color: var(--darkblack) !important;
}

.text-lightblue {
    color: #2EACB3;
}

.text-success {
    color: var(--success);
}

.text-themeGreen {
    color: #00C670;
}

.text-danger {
    color: var(--danger);
}

.text-themeDanger {
    color: #BE0000;
}

.text-themeRedLight {
    color: #F5738D;
}


.btn-link-yellow {
    color: var(--neon-yellow);
}

.row.g-30>* {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}


/* p {
        font: 16px/1.556 'Poppins', sans-serif;
    } */

.btn {
    padding: 12px 30px;
    border-radius: 13px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    border: 1px solid transparent;
    transition: all 0.3s linear;
    white-space: nowrap;
    cursor: pointer;
}

.btn[disabled] {
    background-color: #6fa329;
    pointer-events: none;
}

.btn-sm {
    padding: 8px 24px;
}

.btn-xs {
    padding: 8px 16px !important;
    font-size: 14px;
    line-height: 20px;
}

.btn-sm {
    padding: 10px 16px !important;
    font-size: 16px;
    line-height: 23px;
}

.btn-theme {
    background-color: var(--neon-yellow);
    color: var(--white);
}

.btn-theme:hover {
    color: var(--neon-yellow);
    background-color: #217e83;
    background: var(--white);
    border-color: var(--neon-yellow);
}

.btn-coolblue {
    background-color: var(--coolblue);
    color: var(--white);
}

.btn-coolblue:hover {
    color: var(--coolblue);
    background-color: var(--white);
    border-color: var(--coolblue);
}

/* .btn-theme:hover {
        background-color: var(--darkblack);
        color: var(--neon-yellow);
    } */

.btn-white {
    background-color: var(--white);
    border: 1px solid transparent;
    color: var(--black);
}


.btn-white:hover {
    color: var(--white);
    background-color: var(--black);
    background: transparent;
    border-color: var(--white);
}

.txt-lable {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: var(--black);
    display: inline-block;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.form-select {
    border-radius: 13px;
    padding: 7px 36px 7px 18px;
    font-size: 16px;
    /* font-weight: 500; */
    line-height: 30px;
    border: 1px solid #DDDDDD;
}

.form-select-sm {
    padding: 4px 30px 4px 14px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 6px;
}

.form-select.btn-theme {
    border: none;
    background-image: none;
    position: relative;
}

.form-select.btn-theme:hover {
    background-color: var(--neon-yellow);
    color: var(--white);
}

.formSele-arrowWhite {
    position: relative;
}

.formSele-arrowWhite:after {
    content: '\f107';
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
}

.form-control {
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    color: #222222;
    padding: 14px 18px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}


.form-control.form-control-small {
    padding: 10px 18px;
}

input.form-control::placeholder {
    color: #222222;
}

textarea.form-control {
    border-radius: 10px;
}


/* header css start */

header {
    width: 100%;
    top: 0;
    z-index: 11;
    background-color: var(--green);
    transition: top 0.3s;
    position: relative;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.16);
}

header nav {
    padding: 12px 0 11.5px;
}

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

.navbar-logo img {
    width: 100%;
}

.top-navbar {
    background-color: hwb(0 0% 100% / 0.2);
    border-radius: 100px;
    margin: auto;
}

.nav-icon {
    width: 40px;
    height: 40px;
    background-color: hsla(0, 0%, 0%, 0.2);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-navbar .navbar-nav .dropdown-toggle::after {
    display: none;
}

.top-navbar .navbar-nav .nav-link {
    padding: 0;
}

.profile-dropdown .profile-dd-menu .img-box img {
    height: 52px;
}

.profile-dropdown .dropdown-menu ul .img-box {
    width: 22px;
    margin-right: 8px;
    display: inline-flex;
    text-align: center;
    justify-content: center;
}

.notification-nav .dropdown-menu {
    background-color: #013842;
    color: var(--white);
    width: 198px;
    border-radius: 13px;
    overflow: hidden;
}

.profile-dropdown .dropdown-menu {
    background-color: #013842;
    color: var(--white);
    width: 218px;
    border-radius: 13px;
    overflow: hidden;
}

.profile-dropdown .dropdown-menu a {
    color: var(--white);
    font-size: 12px;
    line-height: 35px;
    font-weight: 400;
    padding: 2px 12px;
    display: flex;
    align-items: center;
}

.profile-dropdown .dropdown-menu li:focus,
.profile-dropdown .dropdown-menu li:hover {
    color: var(--white);
    background-color: hsla(0, 0%, 0%, 0.2);
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
    color: inherit;
    background-color: transparent;
}

.navcarosel-box {
    max-width: 650px;
}

.navcarosel-box .carosel-menu {
    padding: 0 34px;
}

.navcarosel-box .slick-prev {
    left: 10px;
}

.navcarosel-box .slick-next {
    right: 10px;
}

.navcarosel-box .slick-prev,
.navcarosel-box .slick-next {
    width: 16px;
    height: 16px;
    border-radius: 100px;
}

.navcarosel-box .slick-prev:before,
.navcarosel-box .slick-next:before {
    font-size: 12px;
}

.navcarosel-box .slick-next:before {
    content: '\f105';
    font-family: "Font Awesome 6 Free";
}

.navcarosel-box .slick-prev:before {
    content: '\f104';
    font-family: "Font Awesome 6 Free";
}

.navcarosel-box .btn-group {
    width: 100%;
    height: 52px;
    /* border-radius: 100px; */
    overflow: hidden;
}

.navcarosel-box .dropdown-toggle {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    padding: 12px 12px;
    border-radius: 100px;
    overflow: hidden;
}

.navcarosel-box .dropdown-toggle.show,
.navcarosel-box .dropdown-toggle.active,
.navcarosel-box .dropdown-toggle:hover {
    background-color: #dfff00;
    color: var(--darkblack);
}

.navcarosel-box .dropdown-toggle.show::after,
.navcarosel-box .dropdown-toggle:hover::after {
    color: var(--darkblack);
}

.carosel-nav-menu {
    display: block;
    width: auto;
    border-radius: 15px;
    padding: 0;
    overflow: hidden;
    display: none;
    /* Hidden by default */
    position: absolute;
    z-index: 9999;
    min-width: 165px;
    /* Ensure this is set properly */
    transition: opacity 0.3s ease;
    /* Smooth transition for opacity */
    opacity: 0;
    /* Start hidden */
    background: #013842;
}

.dropdown-menu.carosel-nav-menu.show {
    display: block;
    /* Ensure dropdown is visible */
    opacity: 1;
    /* Fully visible */
}

.carosel-nav-menu .img-box {
    text-align: center;
    width: 23px;
    margin-right: 14px;
}

.carosel-nav-menu ul {
    margin: 10px 0;
}

.carosel-nav-menu .dropdown-item {
    padding: 8px 16px;
    color: var(--white);
    font-size: 14px;
}

.carosel-nav-menu .dropdown-item:hover,
.carosel-nav-menu .dropdown-item:focus {
    color: #dfff00;
    background: transparent;
}

.carosel-nav-menu li:not(:last-of-type) {
    /* border-bottom: 1px solid hsla(0, 0%, 0%, 0.15); */
}

.top-navbar .navbar-nav .nav-item {
    margin-left: 12px;
}

.navcarosel-box .dropdown-toggle::after {
    color: var(--white);
    margin-left: 4px;
}

.navcarosel-box .dropdown-toggle.active::after {
    color: var(--darkblack);
}

.serch-box {
    position: absolute;
    width: 100%;
    height: 98px;
    left: 0;
    top: 100px;
    background: var(--green);
    /* top: -135%; */
    /* display: none; */
    transition: all 0.3s linear;
    visibility: hidden;
    opacity: 0;
    z-index: -99;
    transform: scale(0.9);
}

.show-serch-box {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    transform: scale(1);
}

.serch-box>div {
    position: relative;
    /* background-color: #013842; */
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.16);
}

.serch-box div div {
    max-width: 768px;
    width: 100%;
}

.serch-box input {
    width: 100%;
    height: 52px;
    border-radius: 100px;
    background-color: hsla(0, 0%, 0%, 0.2);
    border: none;
    top: 0;
    color: var(--white);
    padding-right: 60px;
}

.serch-box input:focus {
    background-color: hsla(0, 0%, 0%, 0.2);
    color: var(--white);
}

.serch-box .serch-icon {
    background: var(--green);
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    height: 48px;
    width: 48px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-icon {
    color: hwb(0deg 100% 0% / 20%);
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
}

.close-icon:hover,
.close-icon:focus {
    color: var(--white);
}


/* header css end */

.page-hedding {
    margin: 32px 0 30px;
}

.card {
    background-color: var(--white);
    border-radius: 25px;
    box-shadow: 0px 25px 25px hsla(0, 0%, 0%, 0.16);
    padding: 20px;
}

.card.card-small {
    padding: 16px 20px;
    border-radius: 15px;
}

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

.grey-box {
    background-color: #F2F5F6;
    border-radius: 10px;
    padding: 11px 12px;
    position: relative;
    overflow: hidden;
}

.grey-box:not(:last-of-type) {
    margin-bottom: 10px;
}

.budget-e-box h4 {
    width: 65%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3615;
}

strong {
    font-size: 31px;
    font-weight: 600;
    line-height: 1.42;
    letter-spacing: 0px;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.text-underline {
    text-decoration: underline;
}

.grey-box .progress {
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: transparent;
}

.grey-box .progress .progress-bar {
    background-color: var(--green);
}

.fs-18 {
    font-size: 18px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.card-title h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.card-title {
    padding-bottom: 8px;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 12px;
}

.btn-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    border-radius: 7px;
    border: 1px solid transparent;
}

.btn-lg-icon {
    width: 24px;
    height: 24px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    border-radius: 7px;
    padding: 4px;
}

.btn-light-grey {
    background-color: hsla(0, 0%, 100%, 0.16);
    color: var(--white);
}

.icon-bg-blue {
    color: #004451;
    background-color: rgb(0 69 82 / 9%);
}

.icon-bg-blue:hover {
    color: #fff;
    background-color: #004451;

}

.icon-bg-skyblue {
    color: #2EACB3;
    background-color: rgb(46 172 179 / 9%);
}


.icon-bg-skyblue:hover {
    color: #fff;
    background-color: #2EACB3;
}

.icon-bg-yellow {
    color: #EFB408;
    background-color: rgb(239 180 8 / 13%);
}


.icon-bg-yellow:hover {
    color: #fff;
    background-color: #EFB408;
}

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

.btn-icon.bg-green:hover {
    color: var(--green);
    background: #077e94 !important;
    background: #fff !important;
    border-color: #077e94 !important;
}

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

.dashboard-boxcard {
    padding: 24px 30px 18px;
}

.top-100px {
    top: 100px;
}

.total-b-box {
    background-color: #F2F5F6;
    border-radius: 8px;
    padding: 5px 0;
    line-height: 30px;
}

.budget-accordion .accordion-button.collapsed {
    padding: 19px 22px 20px;
    background-color: #EEF1F2;
    color: var(--darkblack);
}

.budget-accordion .accordion-button {
    background-color: var(--green);
    color: var(--white);
    border-radius: 15px !important;
    border: none;
}

.budget-accordion .accordion-button .name {
    font-size: 16px;
    font-weight: 600;
}

.budget-accordion .accordion-button .lable-budget {
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
    margin-left: 6px;
}

.accordion-button::after {
    content: '\f107';
    background: none;
    font-family: "Font Awesome 6 Free";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.accordion-item {
    border: none;
    background-color: #F2F5F6;
    border-radius: 15px !important;
}

.accordion-body {
    padding: 20px 18px;
}

.accordion-innerbox {
    border-radius: 15px;
    padding: 20px;
}

.accordion-innerbox:not(:last-of-type) {
    margin-bottom: 30px;
}

.accordion-innerbox>* {
    font-size: 18px;
}

.accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.p-20 {
    padding: 20px !important;
}

.budget-accordion .accordion-item:not(:last-of-type) {
    margin-bottom: 12px;
}

.badge {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 7px;
}

.badge-warning {
    color: #C19C23;
    background: #c19c2333;
}

.badge-danger {
    color: #A90000;
    background: #a900001f;
}

.badge-dangerNew {
    color: #FFFFFF;
    background: #C80000;
}

.badge-themeDangerNew {
    color: #C80000;
    background: #C8000012;
    border: 1px solid #C80000;
}

.badge-themeRedLight {
    color: #F5738D;
    background-color: rgb(245 115 141 / 10%);
}

.badge-info {
    color: #2EACB3;
    background: #2eacb33b;
}

.badge-infoBorder {
    color: #2EACB3;
    background: #2EACB30F;
    border: 1px solid #2EACB3;
}

.badge-success {
    color: #00C670;
    background: #00c67030;
}

.badge-dark {
    background-color: #303030;
    color: var(--white);
}

.badge-brown {
    color: #B3872E;
    background: rgb(179 135 46 / 10%);
}

.badge-green {
    color: #7AD45A;
    background-color: rgb(122 212 90 / 10%);
}

.badge-white {
    color: var(--darkblack);
    background-color: var(--white);

}

.badge-themeNew1 {
    font-weight: normal;
    color: #222222;
    background: #F5F8F8;
    border: 1px solid #DEDEDE;
}

.badge-blue {
    color: #014653;
    background: #01465312;
    border: 1px solid #014653;
}


.badge-blueNew {
    color: #1E62FF;
    background: #CEDDFF;
    border: 1px solid #CEDDFF;
}

.badge-themePrimary {
    color: #4C88BB;
    background: #D4E2EF;
}



.send-m-display {
    padding: 22px;
    border-radius: 15px;
    color: var(--white);
}

.bg-grey {
    background-color: #F1F4F5;
}

.send-reminder-box {
    padding: 14px 13px 18px;
    border-radius: 10px;
}

.send-reminder-box li a {
    line-height: 30px;
    font-weight: 500;
    color: var(--darkblack);
}

.send-reminder-box .breadcrumb-item+.breadcrumb-item::before {
    content: '|';
    font-size: 20px;
}

.sidebar {
    top: 25px;
}

.footer_wrap {
    background-color: #313131;
    padding: 15px;
    text-align: center;
}

.footer_wrap .copy {
    text-align: center;
    font-size: 14px;
}

.progress-employee-type .progress {
    width: calc(100% - 54px);
    border-radius: 100px;
    background-color: #EEF1F2;
}

.progress-employee-type .progress-bar {
    border-radius: 100px;
    background-color: #2EACB3;
}

.progress-employee-type {
    margin-top: 12px;
}

.progress-employee-type label {
    font-size: 12px;
    color: var(--darkblack);
}

.card-fotter {
    margin-top: 12px;
    border-top: 1px solid #E7E7E7;
    padding-top: 8px;
}

.card-fotter h4,
.card-fotter label {
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
}

.date-slider a {
    color: var(--darkblack);
    font-size: 14px;
    font-weight: 500;
}

@property --p {
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
}

.pie {
    --p: 20;
    --border: 22px;
    --w-130: 130px;
    width: var(--w-130);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    margin: 5px;
    place-content: center;
    font-size: 31px;
    font-weight: 600;
    /* font-family: sans-serif; */
    z-index: 2;
}

.pie>div {
    line-height: 0.2;
}

.pie>div:before {
    content: '';
    position: absolute;
    border-radius: 100px;
    border: 3px solid hwb(0deg 44% 56% / 16%);
    width: 96%;
    height: 96%;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.pie span {
    font-size: 12px;
    font-weight: normal;
}

.pie:before,
.pie:after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.pie:before {
    inset: 0;
    background: radial-gradient(farthest-side, var(--green) 98%, #0000) top/var(--border) var(--border) no-repeat, conic-gradient(var(--green) calc(var(--p)*1%), #0000 0);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border)), #000 calc(100% - var(--border)));
    mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border)), #000 calc(100% - var(--border)));
}

.pie:after {
    inset: calc(50% - var(--border)/2);
    background: var(--green);
    transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w-130)/2));
}

.animate {
    animation: p 1s .5s both;
}

.no-round:before {
    background-size: 0 0, auto;
}

.no-round:after {
    content: none;
}

@keyframes p {
    from {
        --p: 0
    }
}

.chart-title {
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}


/* Custom tooltip CSS */

.custom-tooltip {
    background-color: #303030;
    color: var(--white);
    padding: 4px 8px;
    border-radius: 100px;
    font-family: Arial, sans-serif;
}


/* .custom-tooltip h3 {
        margin: 0;
        font-size: 16px;
    } */

.custom-tooltip p {
    margin: 0;
    font-size: 10px;
}

.tooltip-bg div>div:nth-of-type(3)>* {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.left-0 {
    left: 0px !important;
}

.navigation-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99;
    transition: 0.3s all;
    flex-shrink: 0;
    left: -100%;
    overflow: hidden;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0 7px 7px 0;
    background-color: var(--green);
    width: 300px;
}

.navigation-box {
    padding: 0;
    border-radius: 0 7px 7px 0;
    height: 100%;
    margin: 0px;
    transition: all 0.3s linear;
}


/* .brand-logo {
        margin-bottom: 39px;
    } 
     .navigation-box .nav .nav-item .nav-link img {
        min-width: 26px;
    }    
    */

.navbar-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
}

.navigation-box .nav .nav-item .nav-link {
    display: flex;
    white-space: nowrap;
    align-items: center;
    color: var(--white);
    padding: 21px 29px 20px;
    gap: 21px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.navigation-box .nav .nav-item {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.16);
}

.navigation-box .nav .nav-item .nav-link:hover span,
.navigation-box .nav .nav-item .nav-link.active span,
.navigation-box .nav .nav-item .nav-link:hover {
    color: var(--darkblack);
}

.navigation-box .nav .nav-item .nav-link:hover::after {
    color: var(--darkblack);
}

.navigation-box .nav .nav-item .nav-link:hover::before,
.navigation-box .nav .nav-item .nav-link.active::before {
    background-color: var(--neon-yellow);
}

.navigation-box .nav .nav-item .nav-link::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    /* transform: scale(1.15, 1); */
    transition: all 0.3s linear;
}

.navigation-box .dropdown-menu.show {
    position: relative !important;
    top: 0 !important;
    transform: translate(0px, 0px) !important;
    background: #013842;
    color: var(--white);
}

.navigation-box .dropdown-menu {
    padding: 0;
}

.navigation-box .dropdown-menu .dropdown-item {
    display: flex;
    white-space: nowrap;
    align-items: center;
    color: var(--white);
    padding: 21px 29px 20px;
    gap: 21px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.navigation-box .dropdown-menu .dropdown-item img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(1852%) hue-rotate(38deg) brightness(119%) contrast(98%);
}

.navigation-box .nav-link.show {
    background-color: var(--neon-yellow);
    color: var(--darkblack) !important;
}

.navigation-box .nav-link.show::after {
    color: var(--darkblack);
}

.navigation-box .dropdown-menu .dropdown-item:hover {
    background-color: var(--neon-yellow);
    color: var(--darkblack) !important;
}

.navigation-box .dropdown-menu .dropdown-item:hover img {
    filter: none;
}

.dropdown-toggle::after {
    border: none;
    content: '\f107';
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    color: var(--white);
    position: absolute;
    right: 16px;
}

.notification-title {
    padding: 30px 24px 24px;
}

.notification-title h5 {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.notification-wrapper {
    background-color: #303030;
    border-radius: 25px 0 0 25px;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 99;
    transition: 0.3s all;
    flex-shrink: 0;
    right: -110%;
    left: auto;
    overflow: hidden;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 385px;
    color: var(--white);
}

.notification-box {
    padding: 18px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.16);
}

.notification-box.active {
    background-color: hsla(0, 0%, 0%, 0.18);
}


/* .notification-box:not(:last-of-type) {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.16);
} */

.notification-box>a {
    color: var(--white);
}

.notification-box h5 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
    line-height: 1;
}

.notification-box p {
    font-size: 13px;
    margin-bottom: 3px;
    color: #CCCCCC;
    line-height: 1.2;
}

.notification-box span {
    font-size: 10px;
    color: #A5A5A5;
    line-height: 1;
}

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

.budget-box {
    height: 258px;
}

.ai-insights-box {
    height: 300px;
}

.budget-box svg g:nth-of-type(2) g:nth-of-type(1) g:nth-of-type(2) rect {
    rx: 4;
    ry: 4;
}

.body-wrapper {
    min-height: calc(100vh - 166px);
}

.body-wrapper>.container-fluid {
    padding: 0 100px;
}


/* dataTable css start */
.table {
    color: var(--darkblack);
}

.dt-container .row.mt-2:nth-of-type(1),
.dt-container .row.mt-2:nth-of-type(2) {
    margin-top: 0 !important;
}

.data-Table thead th,
.table thead th {
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 1.5;
    padding: 0 10px 12px !important;
     white-space: nowrap;

}

.data-Table thead th:last-child,
.table thead th:last-child {
    padding-right: 0 !important;
}

.table thead th i {
    font-size: 10px;
    margin-left: 4px;
}

.data-Table thead th:first-child,
.table thead th:first-child {
    padding-left: 0;
}

/* .data-Table thead th:last-child,
.table thead th:last-child {
    padding-right: 0;
} */

.data-Table tfoot th,
.table tfoot th {
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 1.5;
    padding: 12px 10px !important;
    border-bottom: none !important;
}

.dt-scroll-headInner table th,
table.data-Table>thead>tr>th,
table.data-Table>thead>tr>td,
.table th,
.table td {
    border-bottom: 1px solid #E7E7E7 !important;
}

div.dt-container.dt-empty-footer .dt-scroll-body {
    border-bottom: 1px solid #E7E7E7;
}

.dt-scroll-headInner table {
    border: none !important;
}

table.dataTable>tbody>tr>td,
.table tbody td {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 16px 10px;
}

table.dataTable>thead>tr>th:first-child,
table.dataTable>tbody>tr>td:first-child,
.table thead th:first-child,
.table tbody td:first-child,
.table tfoot td:first-child {
    padding-left: 0 !important;
}

table.dataTable>tbody>tr>td:last-child,
.table tbody td:last-child {
    padding-right: 0;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    line-height: 8px;
    font-size: 0.5em;
}


/* Custom styles for pagination */

.pagination .paginate_button {
    padding: 5px 10px;
    margin: 0 5px;
    background-color: #f1f1f1;
    border-radius: 4px;
    cursor: pointer;
    color: #007bff;
}

div.dt-container .dt-paging .dt-paging-button {
    padding: 0;
}


/* Custom styles for active and disabled pagination buttons */

.pagination .paginate_button.current {
    background-color: #007bff;
    color: var(--white) !important;
}

.pagination .paginate_button.disabled {
    color: #ccc !important;
    background-color: #f1f1f1;
}


/* Custom pagination arrows */

.page-item .page-link.previous,
.page-item .page-link.next,
.pagination .first,
.pagination .last {
    color: var(--white) !important;
}

.pagination .first:before {
    content: '\f100';
    font-family: "Font Awesome 6 Free";
    color: var(--black);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pagination .last:before {
    content: '\f101';
    font-family: "Font Awesome 6 Free";
    color: var(--black);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pagination .previous:before {
    content: '\f104';
    font-family: "Font Awesome 6 Free";
    color: var(--black);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pagination .next:before {
    content: '\f105';
    font-family: "Font Awesome 6 Free";
    color: var(--black);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pagination .page-link.first:hover,
.pagination .page-link.previous:hover,
.pagination .page-link.last:hover,
.pagination .page-link.next:hover {
    color: transparent !important;
}

.dt-paging-button .page-link:hover:before {
    color: var(--white);
}

.page-item:not(:first-child) .page-link {
    margin-left: 0px;
}

.pagination .page-link,
.dt-paging-button button {
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding: 2px 10px !important;
    border-radius: 7px !important;
    background-color: transparent;
}

.pagination .page-link.active,
.pagination .page-link:hover,
.dt-paging-button .page-link:hover,
.page-item.active .page-link {
    z-index: 2;
    color: var(--white);
    background-color: #004552;
    border-color: #004552;

}

div.dt-container .dt-paging .dt-paging-button:hover {
    background: transparent;
    border-color: transparent;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
    position: relative;
    right: -4px;
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: none;
    outline-offset: 0px;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    opacity: 1;
    color: var(--darkblack);
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}

table.dataTable>tfoot>tr>th,
table.dataTable>tfoot>tr>td {
    border-top: 1px solid #E7E7E7;
}


/* dataTable css end */


/* modal css start */

.modal-content {
    padding: 0 30px;
    border-radius: 25px;
}

.modal-header {
    padding: 22px 0 17px;
}

.btn-close {
    opacity: 1;
    padding: 0;
}

.modal-header h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}

.modal-body {
    padding: 14px 0;
}

.modal-footer {
    padding: 21px 0 25px;
}

.modal-footer a,
.modal-footer button {
    margin: 0;
    margin-right: 6px;
}

.modal-footer a:last-child,
.modal-footer button:last-child {
    margin-right: 0;
}

/* modal css end */

.employee-name-box a {
    font-size: 14px;
    font-weight: 500;
    color: var(--darkblack);
}

.employee-name-box img {
    width: 34px;
    height: 34px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 15px;
}

.employee-name-content {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

table.dataTable td table thead {
    display: none;
}

.icon-bg-green {
    background-color: hsla(190, 100%, 16%, 0.09);
}

.icon-bg-green:hover {
    background-color: hsla(190, 100%, 16%, 1);
}

.btn-lg-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.btn-lg-icon:hover img {
    filter: brightness(0) invert(1);
}

.icon-bg-red {
    background-color: hsla(0, 100%, 39%, 0.09);
}

.icon-bg-red:hover {
    background-color: #c70000;
}

/* .icon-bg-skyBlue:hover {
    background-color: #E5F5F6
}

.icon-bg-skyBlue:hover {
    background-color: #2eacb3
} */

#filled-positions-table tr th,
#filled-positions-table tr td table td {
    max-width: 180px;
    width: 180px;
    min-width: 180px;
    text-align: left;
}

#filled-positions-table tr td table td,
#filled-positions-table tr td table td:first-child {
    padding: 6px 10px !important;
}

/* Set the table layout to fixed for consistent widths */

#filled-positions-table {
    table-layout: fixed;
    width: 100%;
}


/* You can define specific column widths like this */

#filled-positions-table th:nth-child(1),
#filled-positions-table>tbody>tr>td:nth-child(1) {
    max-width: 102px;
    width: 102px;
    min-width: 102px;
    /* Position column wider */
}

#filled-positions-table th:nth-child(1),
#filled-positions-table th:nth-child(2),
#filled-positions-table>tbody>tr>td:nth-child(1),
#filled-positions-table>tbody>tr>td:nth-child(2) {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
}

#filled-positions-table th:nth-child(2),
#filled-positions-table>tbody>tr>td:nth-child(2) {}

#filled-positions-table th:nth-child(2),
#filled-positions-table>tbody>tr>td:nth-child(2) {
    left: 102px;
}

#filled-positions-table th.w-120,
#filled-positions-table td.w-120 {
    max-width: 120px;
    width: 120px;
    min-width: 120px;
}

.table-responsive::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-track {
    background: var(--white);
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #CECECE;
    border-radius: 10px;
}

#filled-positions-table td table td {
    border-bottom: none !important;
}

.table-search {
    position: relative;
    margin-right: 12px;
    max-width: 278px;
    width: 100%;
}

.table-search input {
    height: 45px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    width: 100%;
}

.table-search a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}


/* sefalimam css start */

/* .btn-themeGray {
    background: #DEDEDE
} */


/* sefalimam css end */


/* select2 css start */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #222;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 53px;
    padding-left: 20px;
    padding-right: 40px;
    color: #222222;
    font-size: 14px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: '\f107';
    font-family: "Font Awesome 6 Free";
    color: #000000;
    font-size: 18px;
}

.select2-results__option {
    padding: 10px 18px;
}

.select2-dropdown {
    border-radius: 10px;
}


/* select2 css end */

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

.form-group input~img {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.datepicker-dropdown>* {
    min-width: 320px;
}

.datepicker-dropdown table {
    width: 100%;
}

.datepicker td,
.datepicker th {
    padding: 8px;
}

input.datepicker,
input.timePicker {
    background-repeat: no-repeat;
    background-position: right 18px center;
}

input.datepicker {
    background-image: url('../images/calendar.svg');
}

input.timePicker {
    background-image: url('../images/clock.svg');
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background: var(--green) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background: var(--green) !important;
}

.datepicker th {
    font-weight: 600;
    font-size: 16px;
}

.datepicker th {
    font-size: 14px;
}

#compare-budgettable th {
    padding-top: 12px !important;
}

#compare-budgettable thead tr:nth-of-type(2) th:last-of-type,
#compare-budgettable td:last-of-type {
    width: 380px;
}

#compare-budgettable td.text-success,
#compare-budgettable td.text-danger {
    font-weight: 500;
}

table tbody .form-control {
    padding: 7px 16px 8px;
    font-size: 14px;
}

table tbody .form-select {
    padding: 4px 24px 5px 16px;
    font-size: 14px;
    min-width: 110px;
}

table tbody .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding: 4px 24px 5px 16px;
}

table tbody .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 12px;
}

table tbody tr td .update-row-btn {
    padding: 4px;
    font-size: 16px;
    line-height: 1.313;
}

/* 16-09-2024  */

.bg-vac {
    color: #00C670;
    background: #C2F1DD
}

.img-circle {
    width: 47px;
    height: 47px;
    min-width: 47px;
    border-radius: 50%;
    overflow: hidden;
}

.ratio>img,
.img-obj>img,
.img-circle>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.ratio.cover>img,
.img-obj.cover>img,
.img-circle.cover>img {
    object-fit: cover;
}

.requestsUser-block {
    display: flex;
    margin-bottom: 35px;
}

.requestsUser-block>div:first-child {
    display: flex;
    align-items: center;
    border-right: 1px solid rgb(112 112 112 / 56%);
    padding-right: 27px;
    margin-right: 27px;
    min-width: 190px;
}

.requestsUser-block .img-circle {

    margin-right: 15px;
}

.requestsUser-block h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
}

.requestsUser-block p {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42;
    letter-spacing: 0.06px;
}



.card-hod {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 17px 30px;
}

.card-hod .card-title {
    margin: 0;
    padding: 0;
    border: 0;
    margin-bottom: 10px;
}

.card-hod .card-title h3 {
    font-weight: 500;
}

.user-ovImg {
    display: flex;
}

.user-ovImg>div {
    margin-left: -13px;
    border: 1px solid #FFFFFF;
}

.user-ovImg>div:first-child {
    margin-left: 0;
}

.user-ovImg .num {
    color: #FFFFFF;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    min-width: 47px;
    background: #004552;
    border-radius: 50%;
}

.table-collapse .table-icon {
    color: #014653;
    font-size: 16px;
    line-height: 0;
    border: 0;
    background: transparent;
}

.table-collapse .table-icon {
    transform: rotate(180deg);
    transition: all .5s;
}

.table-collapse .table-icon.collapsed {
    transform: none;
}

.table-collapse tr:hover td {
    background: #F5F8F8;
    border-bottom-color: transparent !important;
}

.table-collapse tr.in td,
.table-collapse .collapsing td,
.table-collapse .collapse td {
    background: #F5F8F8;
    border-bottom-color: transparent !important;
}

.table-collapse .collapsing td,
.table-collapse .collapse td {
    padding: 0 20px 16px 10px;
}

.table-food .user-block {
    display: flex;
    align-items: center;
}

.table-food .user-block .img-circle {
    width: 21px;
    height: 21px;
    min-width: 21px;
    margin-right: 5px;
}

.table-food .user-block h6 {
    font-size: inherit;
    font-weight: inherit;
}

.table-food th:last-child .dt-column-order {
    display: none;
}

.modal .card {
    background: #F2F5F6;
    box-shadow: none;
    border: 0;
    border-radius: 15px;
    padding: 20px 30px;
}

.inputCounter-group {
    padding: 5px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    width: 113px;
    flex-wrap: nowrap;
}

.inputCounter-group .btn-number {
    width: 29px;
    height: 29px;
    font-size: 14px;
    background: #F1F1F1;
    border-radius: 9px;
    padding: 0;
}

.inputCounter-group .input-number {
    width: 45px;
    font-size: 14px;
    padding: 0 10px;
    border: 0;
    text-align: center;
}

.table-respond {
    vertical-align: middle;
}

.table-respond th {
    white-space: nowrap;
}

.table-respond th>span {
    margin-left: 8px;
}

.table-respond th>span img {
    width: 18px;
}

.table-respond th:first-child {
    min-width: 290px;
}

.table-respond .collapse,
.table-respond .collapsing {
    vertical-align: top;
}

.badge-headcount {
    text-transform: uppercase;
    background: #FFFFFF;
    border-radius: 7px;
    padding: 3px 6px;
}

.table-respond .badge {
    margin-top: 5px;
    display: block;
}

.form-check {
    padding-left: 32px;
}

.form-check .form-check-input {
    width: 23px;
    height: 23px;
    border-color: #707070;
    margin-left: -32px;
    margin-top: 0;
}

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

.form-check.no-label {
    padding: 0;
    width: auto;
    min-height: inherit;
    display: inline-block;
    margin-bottom: 0;
}

.form-check.no-label .form-check-input {
    margin: 0;
}

.btn-themeBlue {
    color: #FFFFFF;
    background: #014653
}

.btn-themeBlue:hover {
    color: #FFFFFF;
    background: #02677a;
}

.btn-themeBlueBr {
    color: #014653;
    background: #fff;
    border-color: #014653;
}

.btn-themeBlueBr:hover {
    color: #FFFFFF;
    background: #014653;
}


.btn-themeSkyblueLight {
    color: #2EACB3;
    background: #2EACB338
}

.btn-themeSkyblueLight:hover,
.btn-themeSkyblue {
    color: #FFFFFF;
    background: #2EACB3
}


.btn-themeSkyblue:hover {
    color: #FFFFFF;
    background: #35c5cd;
}

.btn-themeWarning {
    color: #FED049;
    background: #FED04936
}

.btn-themeWarning:hover {
    color: #fff;
    background: #FED049
}

.btn-themeYellow {
    color: #EFB408;
    background: #FED04936;
    border: 1px solid #EFB408;
}

.btn-themeYellow:hover {
    color: #fff;
    background: #EFB408
}

.btn-themeSuccess {
    color: #7AD45A;
    background: #43BB64
}

.btn-themeSuccess:hover {
    color: #fff;
    background: #7AD45A
}

.btn-themeGreenNew {
    color: #fff;
    background: #43BB64;
}

.btn-themeGreenNew:hover {
    color: #fff;
    background: #50e077;
}

.btn-themeGreen {
    color: #3EB95F;
    background: #3EB95F0F;
    border: 1px solid #3EB95F;
}

.btn-themeGreen:hover {
    color: #fff;
    background: #3EB95F
}


.btn-themePrimary {
    color: #FFFFFF;
    background: #004451;
    border-color: #004451
}

.btn-themePrimary:hover {
    color: #004451;
    background: #fff
}

.btn-danger {
    color: #A90000;
    background: #fae8e8;
}

.btn-danger:hover {
    color: #fff;
    background: #A90000;
}

.btn-themeDanger {
    color: #C80000;
    background: #FAE8E8;
}

.btn-themeDanger:hover {
    color: #fff;
    background: #C80000;
}

.btn-themeGray {
    background: #DEDEDE
}

.btn-themeGray:hover,
.btn-themeGrayLight {
    background: #F5F8F8
}

.btn-themeGrayLight:hover {
    background: #DEDEDE
}


.modal-footer .btn {
    padding: 7px 16px;
}



.modal-manning h4 {
    font-weight: 600;
    margin-bottom: 30px;
}

.modal-manning .modal-body {
    padding: 37px 0 100px;
}

.modal-manning .manningHeadcount-block {
    font-size: 16px;
    display: block;
    padding: 10px 22px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}

.modal-backdrop.show {
    opacity: .7;
}

body#body-content\ manningHod-page .modal-backdrop+.modal-backdrop {
    z-index: 1061;
}

body#body-content\ manningHod-page #Manning-modal {
    z-index: 1062;
}

.tableUser-block {
    display: flex;
    align-items: center;
    white-space: nowrap;
    line-height: 1.3;
}

.tableUser-block .img-circle {
    width: 21px;
    height: 21px;
    min-width: 21px;
    margin-right: 7px;
}

.table-totalEmp {
    vertical-align: middle;
}

ul.manning-timeline {
    padding: 0 0 0 14px;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

ul.manning-timeline li {
    color: #222222;
    font-size: 14px;
    /* border-left: 1px solid #D5D5D5; */
    padding-left: 23px;
    padding-top: 30px;
    position: relative;
}

ul.manning-timeline li span {

    opacity: 0.34;
}

ul.manning-timeline li:first-child {
    padding-top: 3px;
}

ul.manning-timeline li:last-child {
    padding-bottom: 3px;
}

ul.manning-timeline li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    top: 27px;
    left: 0;
    transform: translateX(-50%);
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 50%;
    z-index: 1;
}


ul.manning-timeline li:first-child::before {
    top: 0;
}

ul.manning-timeline li.active {
    border-color: #014653;
}

ul.manning-timeline li.active span {
    opacity: 1;
}

ul.manning-timeline li.active span>span {
    display: block;
    color: #014653;
    font-weight: 500;
}

ul.manning-timeline li.active::before {
    background: #014653
}

ul.manning-timeline li::after {
    content: " ";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    bottom: 50%;
    transform: translateX(-50%);
    background: #D5D5D5;
}

ul.manning-timeline li.active::after {
    background: #014653;
}

/* 16-09-2024 end  */

.table-compareBudget td:last-child {
    min-width: 230px;
}

.table-FilledPositions thead th {
    min-width: 140px;
}

.btn-small {
    padding: 5px 17px;
    font-size: 16px;
    line-height: 23px;
    border-radius: 7px;
}

.btn.btn-xsmall {
    font-size: 14px;
    line-height: 1.429;
    padding: 2px 10px;
    border-radius: 7px;
}

.uploadFile-block {
    display: flex;
    align-items: center;
}

.uploadFile-block .uploadFile-btn {
    position: relative;
    overflow: hidden;
    margin-right: 9px;
    flex-shrink: 0;
}

.uploadFile-block input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

label.form-label {
    color: #222222;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.a-link,
.a-linkTheme,
.a-linkDanger {
    color: var(--link-color);
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.a-link:hover,
.a-linkTheme:hover,
.a-linkDanger:hover {
    color: var(--link-color);
    text-decoration: none;
}

.a-link {
    --link-color: #014653;
}

.a-linkTheme {
    --link-color: #2EACB3;
}

.a-linkDanger {
    --link-color: #C80000;
}

.eye-btn,
.correct-btn,
.close-btn {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 7px;
    color: rgb(var(--icon-bg));
    /* Solid color */
    background: rgba(var(--icon-bg), 0.09);
    /* Background with 9% opacity */
}

.eye-btn:hover,
.correct-btn:hover,
.close-btn:hover {
    color: #fff;
    background: rgb(var(--icon-bg));
    /* Solid background on hover */
}

.eye-btn {
    --icon-bg: 0, 69, 82;
}

.eye-btn.skyBlue {
    --icon-bg: 46, 172, 179;
}

.correct-btn {
    --icon-bg: 62, 185, 95;
}

.close-btn {
    --icon-bg: 200, 0, 0;
}

.table-vacRec td:last-child {
    text-align: center;
}

.form-check.form-switch {
    padding-left: 73px;
    height: 32px;
}

.form-switch .form-check-input {
    width: 73px;
    height: 32px;
    margin-left: -73px;
    border-radius: 7px;
}

.form-switchTheme.switch-blue .form-check-input:not(:checked) {
    /* aa: rgb(1 70 83 / 15%);
border-color: #ddd; */
    border: 1px solid #ddd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23014653'/%3e%3c/svg%3e");

}

.form-switchTheme.switch-blue .form-check-input:checked {
    background-color: #014653;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.profile-dropdown .switch-toggle {
    margin-right: 11px;
}

.switch-toggle {
    position: relative;
    width: 73px;
    height: 32px;
    min-width: 73px;
    background-color: rgb(0 0 0 / 20%);
    /* border: 1px solid #E3E8EC; */
    margin: 0;
    border-radius: 7px;
    touch-action: none;
}



.switch-toggle #item {
    position: relative;
    width: 50%;
    height: 100%;
    border-radius: 7px;
    transition: all 0.05s cubic-bezier(0.04, 0.46, 0.36, 0.99);
    touch-action: none;
    user-select: none;
    cursor: pointer;
}

.switch-toggle #item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 7px;
    height: 100%;
    background: #00262D;
    content: "";
}

.switch-toggle .left {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    user-select: none;
}

.switch-toggle .left span {
    font-family: sans-serif;
    font-size: 26px;
    pointer-events: none;
    user-select: none;
    color: #7F93A8;
    transition: all 0.2s ease;
    font-weight: 500;
}

.switch-toggle .right {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    pointer-events: none;
    user-select: none;
}

.switch-toggle .left img,
.switch-toggle .right img {
    /* font-family: sans-serif;
    font-size: 26px; */
    pointer-events: none;
    user-select: none;
    /* color: #7F93A8; */
    transition: all 0.2s ease;
    /* font-weight: 500; */
    filter: brightness(0) invert(1);
}

.switch-toggle.select-left .left img,
.switch-toggle.select-right .right img {
    filter: none;

}

.doughnut-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-transform: capitalize;
}

.doughnut-label>span {
    width: 13px;
    height: 13px;
    min-width: 13px;
    display: inline-block;
    margin-right: 8px;
}

.bg-themeNeon {
    background: #dfff00;
}

.bg-themeYellow {
    background: #FED049;
}


.bg-themeLightBlue {
    background: #2EACB3
}

.bg-themeSkyblue {
    background: #2EACB3
}

.bg-themeSkyblueLight {
    background: #8DC9C9
}

.bg-themeSkyblueLightNew {
    background: #53CAFF
}

.bg-themeGreen {
    background: #0E8509
}

.bg-themeGreenLight {
    background: #7AD45A
}

.bg-themeGray {
    background: #333333
}

.bg-themeGrayLight {
    background: #F5F8F8;
}

.bg-brown {
    background: #B3872E;
}

.bg-themeWarning {
    background: #EFB408;
}

.badge-themeLight {
    background: #F1F1F1;
    color: #222222;
}

.badge-theme {
    color: #222222;
    color: #202020;
    background: #D6E1E3
}

.badge-themeNew {
    color: #222222;
    background: #F5F5F5
}

.badge-themeSkyblue {
    color: #2EACB3;
    background: #2EACB31F;
    border: 1px solid #2EACB3;
}

.badge-themeYellow {
    color: #FED049;
    background: rgb(254 208 73 / 10%);
    border: 1px solid #FED049;
}

.badge-themeRed {
    color: #FF4B4B;
    background: rgb(255 75 75 / 10%);
}

.badge-themeBlue {
    color: #014653;
    background: #01465312;
    border: 1px solid #014653;
}

.badge-themeSuccess {
    color: #3EB95F;
    background: #3EB95F12;
    border: 1px solid #3EB95F;
}

.badge-themeWarning {
    color: #FFC658;
    background: #ffc65829;
    border: 1px solid #FFC658;
}

.badge-themePurple {
    color: #9E5CF7;
    background: #9E5CF70F;
    border: 1px solid #9E5CF7;
}

.badge-themeDanger {
    color: #A90000;
    background: #A9000014;
    border: 1px solid #A90000;
}

.badge-themePink {
    color: #FF5D9F;
    background: #FF5D9F12;
    border: 1px solid #FF5D9F;
}

.badge-orange {
    color: #FF6F00;
    background: #C800000F;
    border: 1px solid #FF6F00;
}

.badge-themeGray {
    color: #333333;
    background: rgb(51 51 51 / 10%)
}

.todoList-main {
    max-height: calc(100% - 50px);
    /* max-height: 500px; */
    overflow: auto;
    padding-right: 4px;
}

.talentPool-main,
.hireReq-main,
.respond-main {
    max-height: 350px;
    overflow: auto;
    padding-right: 4px;
}

.respond-main {
    height: 210px;
}


.todoList-block,
.talentPool-block,
.hireReq-block,
.respond-block {
    display: flex;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E7E7E7;
}

.todoList-block:last-child,
.talentPool-block:last-child,
.hireReq-block:last-child,
.respond-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.todoList-block .img-circle,
.talentPool-block .img-circle,
.hireReq-block .img-circle,
.respond-block .img-circle {
    width: 37px;
    height: 37px;
    min-width: 37px;
    margin-right: 8px;
}

.todoList-block div:nth-child(2),
.talentPool-block div:nth-child(2),
.hireReq-block div:nth-child(2),
.respond-block div:nth-child(2) {
    flex-grow: 1;
}

.todoList-block h6,
.talentPool-block h6,
.hireReq-block h6,
.respond-block h6 {
    line-height: 1.625;
    margin-bottom: 2px;
}

.todoList-block p,
.talentPool-block p,
.hireReq-block p {
    margin-bottom: 10px;
}

.respond-block p {
    margin: 0;
}

.todoList-block .icon,
.talentPool-block .icon,
.hireReq-block .icon,
.respond-block .icon {
    margin-left: 4px;
}

.hireReq-block .icon {
    display: flex;
    align-items: center;
}

.table-topCoun .flag {
    width: 30px;
    margin-right: 8px;
}




.table-topCoun tr:last-child td {
    border: 0 !important;
    padding-bottom: 0;
}

.h-45 {
    height: 45px;
}

.h-55 {
    height: 55px;
}


.delete-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    font-size: 16px;
    color: #A90000;
    background: rgb(200 0 0 / 9%);
    border-radius: 7px;
}

.delete-icon:hover {
    color: #fff;
    background: #A90000;
}

.upInterviews-block {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 20px 20px 10px;
    background: #F5F8F8;
    border-radius: 15px;
    margin-bottom: 8px;
}

.hireReq-block>div:nth-child(2),
.upInterviews-block>div:nth-child(2) {
    max-width: calc(100% - 47px);
}

.hireReq-block .icon,
.upInterviews-block div:last-child {
    flex-grow: 1;
    margin-top: 4px;
}

.upInterviews-block:last-child {
    margin-bottom: 0;
}

.upInterviews-block .img-circle {
    width: 37px;
    height: 37px;
    min-width: 37px;
    margin-right: 10px;
}

.upInterviews-block div:nth-child(2) {
    flex-grow: 1;
}

.upInterviews-block div:last-child {
    margin-left: 4px;
    text-align: right;
}

.upInterviews-block h6 {
    line-height: 1.625;
    margin-bottom: 2px;
}

.upInterviews-block p {
    font-size: 12px;
    margin-bottom: 10px;
}

.upInterviews-block .date {
    text-transform: uppercase;
}

.upInterviews-block .time {
    color: #747474;
    text-transform: uppercase;
}


.fc-toolbar {
    margin-bottom: 10px;
}

.fc-toolbar .fc-center h2 {
    font-size: 18px;
    font-weight: 500;
}

.fc-toolbar .fc-state-default {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.fc td,
.fc th {
    border-color: transparent;
    text-align: center;
}

.fc th {
    font-size: 16px;
    font-weight: 500;
}

/* .fc-week {
    height: auto !important;
} */

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
    padding: 10px 8px;
}

.fc-other-month {
    opacity: .35;
}

.recHR-main .card {
    height: 100%;
}

.modal-respondApp .modal-body {
    padding: 9px 5px 45px;
}

.modal-respondApp img {
    margin-bottom: 29px;
}

.modal-respondApp h4 {
    font-weight: 600;
    line-height: 1.375;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.modal-respondApp p {
    line-height: 1.9;
    margin-bottom: 33px;
}

.modal-respondApp .btn {
    padding: 7px 18px;
}

.modalCalendar-block {
    padding: 20px 0 10px;
    background: #F5F8F8;
    border-radius: 7px;
    overflow: hidden;
}

.sendRequestTime-main .head {
    display: flex;
}

.sendRequestTime-main .head>div {
    width: 50%;
    padding-top: 4px;
    padding-bottom: 4px;
}

.sendRequestTime-main .head>div:first-child {
    padding-right: 10px;
}


.sendRequestTime-main .head>div:last-child {
    padding-left: 10px;
}

.sendRequestTime-main .block>div {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

.sendRequestTime-main .block>div:last-child {
    margin-bottom: 0;
}

.sendRequestTime-main .block>div:hover,
.sendRequestTime-main .block>div.active {
    background: #EFEFEF
}

.sendRequestTime-main .block>div>div {
    width: 50%;
    padding: 16px 13px
}

.sendRequestTime-main .block>div>div img {
    margin-right: 10px;
}

.sendRequestTime-main .block>div.active:after {
    content: "\f058";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 21px;
    color: #004552;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.sendRequestTime-main .block>div.disable {
    pointer-events: none;
    opacity: 0.4;
}

.sendRequestTime-main>p {
    margin: 5px 0;
    text-align: center;
    text-transform: uppercase;
}

.sendRequestTime-main .form-control {
    padding: 10px 15px;
}

.table-sendRequestFinal th {
    font-size: 16px;
    font-weight: 500;
    padding: 14px 10px 14px 0;
}

.table-sendRequestFinal tr:last-child th,
.table-sendRequestFinal tr:last-child td {
    border: 0 !important;
    padding-bottom: 0;
}

.input-group>i {
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 20px;
}

.modal-jobAD img {
    max-width: 70%;
}



.dots-link {
    color: #222;
    line-height: 1;
    font-size: 19px;
}

.dotsV-link {
    color: #222;
    line-height: 1;
    font-size: 19px;
}

.table-Vacancies td:last-child {
    text-align: center;
}

.card-footer {
    padding: 21px 0 4px;
    background: transparent;
}

.card-header {
    padding: 0 0 20px;
    margin-bottom: 30px;
    background: transparent;
    border-bottom: 1px solid #E7E7E7;
}

.card-header .form-control {
    padding: 10px 18px;
    border-radius: 13px !important;
}

.card-header .input-group>i {
    /* top: 13px;  */
    top: 20px; 
    color: #014653;
}

.btn-grid,
.btn-list {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0 !important;
    background: #FFFFFF;
    border: 1px solid #C9C9C9;
    border-radius: 7px;
}

.btn-grid img,
.btn-list img {
    width: 18px;
    transition: all 0.3s linear;
}

.btn-grid.active,
.btn-list.active {
    background: #014653;
}

.btn-grid.active img,
.btn-list.active img {
    filter: brightness(0) invert(1);
}

.vacanciesGrid-block {
    padding: 21px 20px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    height: 100%;
}

.vacanciesGrid-block .heading {
    padding-bottom: 8px;
    margin-bottom: 14px;
    border-bottom: 1px solid #DDDDDD;
}

.vacanciesGrid-block .heading h6 {
    line-height: 1.438;
    margin-bottom: 2px;
}


.vacanciesGrid-block .heading p {
    font-size: 12px;
    font-weight: 500;
}

.vacanciesGrid-block .bg {
    display: flex;
    text-align: center;

    background: #F5F8F8;
    border-radius: 15px;
}

.vacanciesGrid-block .bg div {
    width: 50%;
    padding: 10px 8px;
    position: relative;
}

.vacanciesGrid-block .bg div:first-child::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 28px;
    background: #DDDDDD;
}

.vacanciesGrid-block .bg p {
    margin-bottom: 4px;
}

.vacanciesGrid-block .bg p:last-child {
    font-weight: 500;
}

.vacanciesGrid-block table {
    width: 100%;
    margin-bottom: 16px;
}

.vacanciesGrid-block th,
.vacanciesGrid-block td {
    font-weight: normal;
    padding: 5px 0;
}

.vacanciesGrid-block th {
    text-align: left;
}

.vacanciesGrid-block td {
    text-align: right;
}

.vacanciesGrid-block img {
    width: 15px;
}

.vacanciesGrid-block img+img {
    padding-left: 2px;
}


.vacanciesGrid-block .a-link {
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 18px;
}

.btn-themeLightNew {
    color: #FFFFFF;
    background: #FFFFFF12;
    border: 1px solid #FFFFFF57;
}

.btn-themeLightNew:hover {
    color: #000;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.page-appHedding .btn {
    padding: 12px 18px;
}




.table-applicants .badge {
    padding: 5px 10px;
}

.table-applicants td:last-child {
    text-align: center;
}

.table-collapseNew .bg {
    background: #F5F8F8;
    border-radius: 7px;
}

.table-collapseNew .bg table th {
    font-size: 16px;
    font-weight: 500;
}

.table-collapseNew .bg table th,
.table-collapseNew .bg table td {
    padding: 10px 17px !important;
    text-align: left;
}

.table-collapseNew .bg table tr:last-child td {
    border-bottom: 0;
}

.table-lable tbody th {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 10px;
    padding-left: 0;
}

.table-lable tbody td {
    padding: 17px 10px;
}

.table-lable tbody td:last-child {
    padding-right: 0;
}

.modal-content .table-lable tbody tr:last-child th,
.modal-content .table-lable tbody tr:last-child td {
    border-bottom: 0 !important;
    padding-bottom: 0;
}

.table-applicants thead th,
.table-applicants tbody td:nth-child(6),
.table-applicants tbody td .a-link {
    white-space: nowrap;
}

.progress-container.skyblue {
    --progressStroke: #2EACB3;
}

.progress-container.skyblueLight {
    --progressStroke: #8DC9C9;
}

.progress-container.SkyblueLightNew {
    --progressStroke: #53CAFF;
}

.progress-container.blue {
    --progressStroke: #014653;
}

.progress-container.blueNew {
    --progressStroke: #2575B2;
}


.progress-container.success {
    --progressStroke: #3EB95F;
}

.progress-container.green {
    --progressStroke: #7AD45A;
}

.progress-container.greenDark {
    --progressStroke: #068101;
}

.progress-container.warning {
    --progressStroke: #FFC658;
}

.progress-container.yellow {
    --progressStroke: #FED049;
}

.progress-container.purple {
    --progressStroke: #9E5CF7;
}

.progress-container.purpleNew {
    --progressStroke: #A953FF;
}

.progress-container.pink {
    --progressStroke: #FF5D9F;
}

.progress-container.red {
    --progressStroke: #FF4B4B;
}

.progress-container.redDark {
    --progressStroke: #BB0000;
}

.progress-container.brown {
    --progressStroke: #B3872E;
}

.progress-container.gray {
    --progressStroke: #333333;
}

.progress-container {
    position: relative;
    width: 120px;
    height: 120px;
}

.progress-circle {
    width: 100%;
    height: 100%;
    position: relative;
    transform: rotate(-90deg);
    /* Rotate to start from the top */
}

.progress-background {
    fill: none;
    stroke: rgb(112 112 112 / 16%);
    stroke-width: 2;
}

.progress {
    fill: none;
    stroke: var(--progressStroke);
    stroke-width: 5;
    stroke-dasharray: 339.29;
    /* Updated dasharray based on radius */
    stroke-dashoffset: 339.29;
    /* Updated offset for initial state */
    transition: stroke-dashoffset 1s ease;
}


.progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 0.07px;
}

.progress-text span {
    color: #5D5D5D;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.07px;
}

.progress-container .img-obj {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 5px;
}



.applicantsGrid-block {
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    padding: 12px 20px 20px;
    position: relative;
}

.applicantsGrid-block .dropdown {
    position: absolute;
    top: 22px;
    right: 22px;
}

.applicantsGrid-block .progress-container {
    width: 89px;
    height: 89px;
    display: inline-block;
    margin-bottom: 4px;
}


.applicantsGrid-block .progress-background {
    stroke-width: 0;
}

.applicantsGrid-block h6 {
    line-height: 1.3;
    margin-bottom: 4px;
}

.applicantsGrid-block .badge {
    padding: 5px 10px;
    margin-bottom: 10px;
}

.applicantsGrid-block .bg {
    text-align: left;
    padding: 10px 20px;
    background: #F5F8F8;
    border-radius: 15px;
    margin-bottom: 5px;
}

.applicantsGrid-block .bg p {
    margin-bottom: 12px;
}

.applicantsGrid-block .bg p i {
    margin-right: 10px;
}

.applicantsGrid-block .bg-table {
    padding: 4px 11px;
    margin-bottom: 10px;
}

.applicantsGrid-block table {
    /* text-align: left; */
}

.applicantsGrid-block th {
    text-align: left;
    font-weight: normal;
}

.applicantsGrid-block td {
    text-align: right;
}

.applicantsGrid-block th,
.applicantsGrid-block td {
    padding: 5px 0;
}

.userApplicants-btn,
.userReviewTasks-btn,
.prReview-btn {
    cursor: pointer;
}

.userApplicants-wrapper,
.userReviewTasks-wrapper,
.prReview-wrapper {
    position: fixed;
    top: 0;
    left: auto;
    bottom: 0;
    right: -110%;
    /* right: 0; */
    height: 100%;
    width: 976px;
    max-width: 90%;
    padding: 30px;
    z-index: 99;
    transition: 0.3s all;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* color: var(--white); */
    background-color: #FFFFFF;
    box-shadow: 0px 0px 25px #00000080;
    border-radius: 50px 0px 0px 50px;

}

.userApplicants-title,
.userReviewTasks-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #DDDDDD;
}

.userReviewTasks-title .d-flex {
    align-items: center;
}

.userApplicants-title .progress-container,
.userReviewTasks-title .img-obj {
    width: 80px;
    height: 80px;
    min-width: 80px;
    margin-right: 20px;
}

.userApplicants-title h4,
.userReviewTasks-title h4 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    margin-bottom: 5px;
}

.userApplicants-title h4 .badge {
    margin-left: 20px;
}

.userApplicants-title>div:last-child,
.userReviewTasks-title>div:last-child {
    margin-left: auto;
}

.userApplicants-title .btn+.btn {
    margin-left: 6px;
}

.userApplicants-body,
.userReviewTasks-body {
    flex-grow: 1;
    overflow: auto;
    padding-top: 36px;
    padding-right: 6px;
}

.userApplicants-body .table-lable tbody th,
.userReviewTasks-body .table-lable tbody th {
    font-weight: 500;
}


.tab-userApplicants .nav-tabs,
.tab-prReview .nav-tabs {
    border-bottom: 1px solid #DDDDDD;
}

.tab-userApplicants .nav-tabs .nav-link,
.tab-prReview .nav-tabs .nav-link {
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 22px 15px;
    margin: 0;
    border: 0;
    border-radius: 0;
    position: relative;
}

.tab-userApplicants .nav-tabs .nav-link::after,
.tab-prReview .nav-tabs .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    height: 5px;
    transform: translateY(-50%);
    background: #2EACB3;
    border-radius: 10px;
    opacity: 0;
    transition: all .15s ease-in-out;
}

.tab-userApplicants .nav-tabs .nav-link.active,
.tab-prReview .nav-tabs .nav-link.active {
    color: #2EACB3;
}

.tab-userApplicants .nav-tabs .nav-link.active::after,
.tab-prReview .nav-tabs .nav-link.active::after {
    opacity: 1;
}

.tab-userApplicants .tab-content,
.tab-prReview .tab-content {
    padding-top: 20px;
}

.table-docUserApp td:last-child {
    text-align: right;
}

.userApplicants-accordion {
    padding-left: 14px;
}



.userApplicants-accordion .accordion-item {
    padding-left: 23px;
    background: transparent;
    /*  border: 1px solid #DDDDDD !important;
    border-radius: 7px !important;
    
    overflow: hidden; */
    margin-bottom: 20px;
    position: relative;
}

.userApplicants-accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.userApplicants-accordion .accordion-item::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 50%;
    z-index: 1;
}

.userApplicants-accordion .accordion-item:first-child::before {
    top: 0;
}

.userApplicants-accordion .accordion-item.active {
    border-color: #014653;
}

.userApplicants-accordion .accordion-item.active span {
    opacity: 1;
}

.userApplicants-accordion .accordion-item.active::before {
    background: #014653;
    border-color: #014653;
}

.userApplicants-accordion .accordion-item::after {
    content: " ";
    position: absolute;
    width: 1px;
    /* height: 100%; */
    top: 0;
    left: 0;
    bottom: -20px;
    /* transform: translateX(-50%); */
    background: #D5D5D5;
}

.userApplicants-accordion .accordion-item:last-child:after {
    display: none;
}

.userApplicants-accordion .accordion-item.active::after {
    background: #014653;
}

.userApplicants-accordion .accordion-button {
    font-size: 14px;
    color: #222222;
    padding: 12px 15px;
    border: 1px solid #DDDDDD;
    border-radius: 7px !important;

}

.userApplicants-accordion .accordion-button:not(.collapsed) {
    color: #014653;
    font-weight: 600;
    background: transparent;
    box-shadow: none;
    border-color: #014653;
    border-bottom: 0 !important;
    border-radius: 7px 7px 0 0 !important;
}

.userApplicants-accordion .accordion-collapse {
    border: 1px solid #014653;
    border-radius: 0 0 7px 7px !important;
    border-top: 0;

    background: #fff;
    z-index: 3;
    position: relative;
}

/* .userApplicants-accordion .accordion-collapse.collapsing,
.userApplicants-accordion .accordion-collapse.show {
    border-color: #014653;
}

*/
.userApplicants-accordion .accordion-body {
    padding: 5px 15px 18px;


}

.userApplicants-accordion ol {
    counter-reset: section;
    padding-left: 0;
    margin-bottom: 12px;
}

.userApplicants-accordion ol li {
    padding-left: 14px;
    margin-bottom: 8px;
    position: relative;
}

.userApplicants-accordion ol li::before {
    counter-increment: section;
    content: counter(section)".";
    position: absolute;
    top: 0;
    left: 0
}

.userApplicants-accordion ol li:last-child {
    margin-bottom: 0;
}

.userApplicants-accordion ol li.disabled {
    opacity: 0.3;
}

.textarea-icon {
    position: relative;
}

.textarea-icon img {
    position: absolute;
    right: 11px;
    bottom: 11px;
    width: 26px;
}

.card.bg {
    border: 0;
    background: #F5F8F8;
    box-shadow: none;
}

.userApplicants-bg {
    border-radius: 10px;
}

.userAppInt-commBlock {
    margin-top: 8px;
    display: none;
}

.userApplicants-body .table-lable.table-intUserApp tbody th {
    width: 220px;
}

.text-medium {
    font-weight: 500 !important;
}

.intUserApp-block {
    padding: 20px;
    background: #F5F8F8;
    border-radius: 10px;
}

.intUserApp-block h6 {
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 6px;
}

.intUserApp-block p {
    font-size: 13px;
}

.table-shortApp td:nth-child(6) {
    white-space: nowrap;
}

.table-shortApp td:nth-child(7) {
    min-width: 160px;
}

.ticketBook-form {
    position: relative;
}

.ticketBook-form .form-control {
    padding-right: 100px;
}

.ticketBook-form .btn {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.ticketBook-list {
    counter-reset: section;
}

.ticketBook-list ol {
    padding: 0;
    margin: 0;
}


.ticketBook-list ol li {
    padding-left: 20px;
    margin-bottom: 11px;
    position: relative;
}

.ticketBook-list ol li:last-child {
    margin-bottom: 0;
}

.ticketBook-list ol li::before {
    counter-increment: section;
    content: counter(section)".";
    position: absolute;
    top: 0;
    left: 0;
    color: #014653;
    font-weight: 600;
}

.uploadFileNew-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* height: 344px; */
    min-height: 210px;
    border: 1px dashed #D9D9D9;
    border-radius: 25px;
    position: relative;
    cursor: pointer;
    text-align: center;
}

.uploadFileNew-block img {
    width: 80px;
    margin-bottom: 25px;
}

.uploadFileNew-block h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.612;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.uploadFileNew-block p {
    margin-bottom: 0;
}

.uploadFileNew-block input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.addQue-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
}

.addQue-block>div:first-child {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.addQue-block img {
    margin-bottom: 29px;
}

.addQue-block h5 {
    width: 160px;
    max-width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.612;
    margin-bottom: 22px;
    text-transform: capitalize;
}

.table-compareBudget p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.table-dropdown .dropdown-toggle {
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
}


/* .table-dropdown .dropdown-toggle:focus {
    border: 0;
    outline: 0;
}

*/
.table-dropdown .dropdown-toggle:active,
.table-dropdown .dropdown-toggle:focus,
.table-dropdown .dropdown-toggle:hover {
    color: inherit;
    background: transparent;
    /* border: 0; */
}

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

.table-dropdown .dropdown-menu {
    background: #fff;
    box-shadow: 0px 5px 15px #00000029;
    border: 0;
    padding: 3px 10px;
    border-radius: 5px;
}

.table-dropdown .dropdown-menu li {
    border-bottom: 1px solid #DDDDDD;
}

.table-dropdown .dropdown-menu li:last-child {
    border-bottom: 0;
}

.table-dropdown .dropdown-menu .dropdown-item {
    padding: 10px 0;
}

.table-dropdown .dropdown-menu .dropdown-item:hover {
    color: #2eacb3;
    color: #014653;
}

.btn-tableIcon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}

.btnIcon-orange {
    color: #FFC658;
    background: rgb(255 198 88 / 15%);
}

.btnIcon-orange:hover {
    color: #fff;
    background: #FFC658;
}

.btnIcon-orangeDark {
    color: #FF6F00;
    background: rgb(255 111 0 / 9%);
}

.btnIcon-orangeDark:hover {
    color: #fff;
    background: #FF6F00;
}

.btnIcon-yellow {
    color: #EFB408;
    background: rgb(239 180 8 / 9%);
}

.btnIcon-yellow:hover {
    color: #fff;
    background: #EFB408;
}

.btnIcon-skyblue {
    color: #2EACB3;
    background: rgb(46 172 179 / 15%);
}

.btnIcon-skyblue:hover {
    color: #fff;
    background: #2EACB3;
}

.btnIcon-blue {
    color: #004552;
    background: rgb(0 69 82 / 9%);
}

.btnIcon-blue:hover {
    color: #fff;
    background: #004552;
}

.btnIcon-success {
    color: #3EB95F;
    background: rgb(62 185 95 / 9%);
}

.btnIcon-success:hover {
    color: #fff;
    background: #3EB95F;
}


.btnIcon-danger {
    color: #A90000;
    background: rgb(169 0 0 / 9%);
}

.btnIcon-danger:hover {
    color: #fff;
    background: #A90000;
}

.table tbody td.p-table {
    padding: 10px 0;
}

/* .table-viewJobDes td:first-child,
.table-viewJobDes td:nth-child(2),
.table-viewJobDes td:nth-child(3), 
.table-viewJobDes td:nth-child(5),*/
.table-viewJobDes td:last-child {
    white-space: nowrap;
}

.table-viewJobDes td:nth-child(4) {
    min-width: 350px;
}

.table-viewJobDes span {
    display: inline-flex;
    align-items: center;
}

.table-viewJobDes span i {
    font-size: 23px;
}

.text-successTheme {
    color: #3EB95F;
}

.cke_top,
.cke_bottom {
    background: transparent !important;
}

.form-check.form-switch {
    padding-left: 81px;
}

.form-switchTheme .form-check-label {
    font-weight: 600;
    line-height: 35px;
}

.form-switchTheme .form-check-input {
    width: 71px;
    height: 35px;
    margin-left: -81px;
    background-color: rgb(1 70 83 / 15%);
    border-radius: 100px;
    border: 0;
}

.form-switchTheme .form-check-input,
.form-switchTheme .form-check-input:active,
.form-switchTheme .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    box-shadow: none;
}

.form-switchTheme .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23014653'/%3e%3c/svg%3e");
    /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23014653'/%3e%3c/svg%3e); */
}

.talentAc-main {
    margin-bottom: 35px;
    counter-reset: section;
}

.talentAc-block {
    margin-bottom: 40px;
}

.talentAc-block:last-child {
    margin-bottom: 0;
}

.talentAc-block .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.talentAc-block .title h6 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.talentAc-block .title h6:after {
    counter-increment: section;
    content: counter(section);
    margin-left: 4px;
}

.talentAc-block .form-select {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 14px 36px 15px 18px;
}

/* .table-viewQue td:first-child,
.table-viewQue td:nth-child(2), */
.table-viewQue td:last-child {
    white-space: nowrap;
}

.table-viewQue td:nth-child(3) {
    min-width: 240px;
}

table ol {
    counter-reset: section;
    padding-left: 0;
    margin-bottom: 12px;
}

table ol li {
    padding-left: 14px;
    margin-bottom: 8px;
    position: relative;
}

table ol li::before {
    counter-increment: section;
    content: counter(section)".";
    position: absolute;
    top: 0;
    left: 0
}

table ol li:last-child {
    margin-bottom: 0;
}

.talentPoolGrid-block,
.empAccomGrid-block,
.empPerforGrid-block,
.salaryIncrementManag-block,
.empListPeopleEmp-block,
.upArrivalGrid-block {
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    padding: 20px 20px;
    position: relative;
    height: 100%;
}

.upArrivalGrid-block {
    text-align: left;
}

.talentPoolGrid-block .dropdown,
.empListPeopleEmp-block .dropdown {
    position: absolute;
    top: 22px;
    right: 22px;
}

.talentPoolGrid-block .img-circle,
.empAccomGrid-block .img-circle,
.empPerforGrid-block .img-circle,
.salaryIncrementManag-block .img-circle,
.empListPeopleEmp-block .img-circle,
.upArrivalGrid-block .img-circle {
    width: 77px;
    height: 77px;
    display: inline-block;
    /* margin-bottom: 6px; */
}


.talentPoolGrid-block h6,
.empAccomGrid-block h6,
.empPerforGrid-block h6,
.salaryIncrementManag-block h6,
.empListPeopleEmp-block h6,
.upArrivalGrid-block h6 {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 6px;
}

.empListPeopleEmp-block h6 {
    margin-bottom: 2px;
}

.talentPoolGrid-block p {
    margin-bottom: 10px;
}

.empAccomGrid-block .badge,
.empPerforGrid-block>.badge,
.empListPeopleEmp-block>.badge,
.upArrivalGrid-block>.badge {
    margin-bottom: 4px;
}

.empAccomGrid-block p {
    margin-bottom: 2px;
}

.empPerforGrid-block p {
    margin-bottom: 13px;
}

.upArrivalGrid-block .text-center {
    margin-bottom: 20px;
}

.empPerforGrid-block .rating {
    margin-bottom: 18px;
}

.a-link.text-success {
    color: #3EB95F;
    display: inline-block;
    margin-bottom: 18px;
}

.empAccomGrid-block .position {
    color: #014653;
    font-weight: 500;
    margin-bottom: 10px;
}

.talentPoolGrid-block .bg {
    display: flex;
    text-align: center;

    background: #F5F8F8;
    border-radius: 15px;
    margin-bottom: 12px;
}

.talentPoolGrid-block .bg div {
    width: 50%;
    padding: 10px 8px;
    position: relative;
}

.talentPoolGrid-block .bg div:first-child::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 28px;
    background: #DDDDDD;
}

.talentPoolGrid-block .bg p {
    font-weight: 500;
    margin-bottom: 4px;
}

.talentPoolGrid-block .bg p:last-child {
    font-weight: 500;
}

.empAccomGrid-block .bg {
    padding: 10px 10px;
    background: #F5F8F8;
    border-radius: 7px;
    margin-bottom: 5px;
}

.empPerforGrid-block .bg,
.salaryIncrementManag-block .bg {
    padding: 11px 12px;
    background: #F5F8F8;
    border-radius: 15px;
    margin-bottom: 9px;
}

.empPerforGrid-block h5 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.empPerforGrid-block .d-flex.bg,
.salaryIncrementManag-block .d-flex {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.empPerforGrid-block .d-flex.bg h5 {
    margin-bottom: 0;
}

.empPerforGrid-block .btn {
    min-width: 171px;
}

.talentPoolGrid-block table,
.empAccomGrid-block table {
    width: 100%;
    margin-bottom: 10px;
}

.empAccomGrid-block table {
    margin-bottom: 15px;
}

.upArrivalGrid-block .table-block {
    padding: 7px 0;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 13px;
}

.upArrivalGrid-block .table-block table {
    width: 100%;
}

.talentPoolGrid-block th,
.talentPoolGrid-block td,
.empAccomGrid-block th,
.empAccomGrid-block td,
.upArrivalGrid-block th,
.upArrivalGrid-block td {
    font-weight: normal;
    padding: 5px 0;
}

.upArrivalGrid-block th,
.upArrivalGrid-block td {
    padding: 7px 0;
}

.talentPoolGrid-block th,
.empAccomGrid-block th,
.upArrivalGrid-block th {
    text-align: left;
}

.talentPoolGrid-block td,
.empAccomGrid-block td,
.upArrivalGrid-block td {
    text-align: right;
}

.empAccomGrid-block tr:last-child td {
    height: 43px;
}

.empAccomGrid-block .user-ovImg {
    display: inline-flex;
    margin-left: 3px;
}

.empAccomGrid-block .user-ovImg .img-circle {
    width: 33px;
    height: 33px;
    min-width: 33px;
    border: 0;
}



.talentPoolGrid-block table img {
    width: 15px;
}

.talentPoolGrid-block table img+img {
    padding-left: 2px;
}

.table-recHoD.table-collapseNew .bg {
    padding: 24px 20px;
}

.table-recHoD td:last-child {
    text-align: right;
}

/* 25-09  */
.form-radio {
    margin: 0 40px 16px 0;
}

.form-radio label {
    position: relative;
    padding-left: 32px;
}

.form-radio input {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.form-radio label::before {
    content: '';
    width: 23px;
    height: 23px;
    border-radius: 100px;
    border: 1px solid #707070;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s linear;
}

.form-radio input:checked~label::before {
    border: 8px solid #014653;
}

.form-check:not(:last-of-type) {
    margin-right: 40px;
}

.select2-selection__clear {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: auto;
    right: 20px;
}

/* multiform step  */
.progressbar-wrapper {
    background: #fff;
    width: 100%;
    padding-top: 28px;
    margin-bottom: 40px;
}

.progressbar-tab {
    width: 1094px;
    max-width: 100%;
    margin: 0 auto;
}

.progressbar-tab li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 14px;
    font-weight: 500;

    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

.progressbar-tab li span {
    display: block;
    height: 21px;
}

.progressbar-tab li:before {
    width: 47px;
    height: 47px;
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: #D6E1E3;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
}

.progressbar-tab li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #D6E1E3;
    top: 23px;
    left: -50%;
    z-index: 0;
}

.progressbar-tab li:first-child:after {
    content: none;
}

.progressbar-tab li:before {
    outline: 1px solid transparent;
    /* outline-offset: 3px; */
}

.progressbar-tab li.active:before {
    /* outline-color: #014653; */
    background: #014653;
    border: 3px solid white;
    box-sizing: content-box;
}

.progressbar-tab li.current:before {
    outline-color: #014653;
}

.progressbar-tab li.active:after {
    background-color: #014653;
}

/* .progressbar-tab li.active:before {
         background: #55b776 url(user.svg) no-repeat center center;
         background-size: 60%;
     }
     
     .progressbar-tab li::before {
         background: #fff url(user.svg) no-repeat center center;
         background-size: 60%;
     } */

.progressbar-tab {
    counter-reset: step;
}

.progressbar-tab li:before {
    content: counter(step);
    counter-increment: step;
}


#msform fieldset {

    width: 100%;
    margin: 0;
    position: relative;
}

#msform fieldset>.btn {
    min-width: 86px;
}

#msform fieldset:not(:first-of-type) {
    display: none;
}

hr.hr-footer {
    background-color: #DDDDDD;
    margin: 0 0 22px;
    opacity: 1;
    border: 0;
}

/* multiform step  end*/
.emailDrafting-block {}

.emailDrafting-block .ratio {
    border: 1px solid #E1E1E1;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 8px;
}

.emailDrafting-block .ratio::before {
    padding-top: 113.88%;
}

/* .emailDrafting-block .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
} */

.emailDrafting-block h5 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.overlay-block {
    position: relative;
}

.overlay-block .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #014653F7;
    transform: translateY(101%);
    -webkit-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.overlay-block .overlay>* {
    transform: translateY(-80%);
    opacity: 0;
    -webkit-transition: transform 0.5s linear, opacity 0.5s linear 0.5s;
    -o-transition: transform 0.5s linear, opacity 0.5s linear 0.5s;
    transition: transform 0.5s linear, opacity 0.5s linear 0.5s;
}

.overlay-block:hover .overlay {
    transform: translateY(0);
}

.overlay-block:hover .overlay>* {
    transform: translateY(0);
    opacity: 1;
}

html,
.login-body {
    height: 100%;
}

.login-body:before {
    display: none;
}

.login-left {
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    /* padding: 16px 16px 12px; */
    padding: 16px 26px 16px 16px;
    border-radius: 0 40px 40px 0;
    overflow: hidden;
}

.login-left>* {
    position: relative;
    z-index: 2;
}

.login-left .img-obj,
.login-left .img-obj::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.login-left .img-obj::after {
    content: '';
    background: #014653;
    opacity: 0.8;
}

.login-left .head {
    width: 460px;
    max-width: 100%;
    /* margin: 50px auto 16px; */
    /* margin: 11% auto 16px; */
    margin: 50px auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.login-left .head h1 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 12px;
}

.login-left .head h2 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
}

.login-left a {
    color: #fff;
}

.login-left a:hover {
    color: #fff;
    text-decoration: underline;
}

.login-right {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.login-right>.footer {
    text-align: center;
    padding: 0 0 16px;
}

.login-form {
    flex-grow: 1;
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-form h3 {
    font-size: 32px;
    margin-bottom: 50px;
    text-align: center;
}

.form-floating>.form-control,
.form-floating>.form-control:focus {
    background: transparent;
    /* border: 2px solid #c2c2c2; */
    border-color: #c2c2c2;
}

.form-floating i {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

.form-check.form-switch .form-check-input:not(:checked) {
    background-color: #fff;
    border: 1px solid #ddd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23014653'/%3e%3c/svg%3e");

}

.form-check.form-switch .form-check-input:disabled {
    opacity: 1;
    background-color: rgb(184 186 187 / 17%);
    border-color: transparent;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23E2E2E2'/></svg>");
}


.form-check .form-check-input {
    border-width: 2px;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 1;
    transform: translateY(-0.7rem);
    background: #fff;
    background: #f2f5f6;
    padding: 0 2px;
    margin: 0 10px;
    height: auto;
}

.slick-dots {
    position: static;
}

.login-form .form-floating i {
    font-size: 16px;
}

.login-form .btn-themeNeon:hover {
    color: #dfff00;
    background-color: var(--darkblack);
}

.login-slider {
    width: 400px;
    max-width: 100%;
    /* margin: 0 auto 24px; */
    margin: 0 auto 5%;
}

.login-slider .slick-slide {
    padding: 30px 24px;
    border-radius: 15px;
    margin: 0 5px;
    background: hwb(0deg 0% 100% / 50%);
    text-align: center;
}

.login-slider p {
    line-height: 1.7;
    margin-bottom: 16px;
}

.login-slider .d-flex {
    align-items: center;
    justify-content: center;
    text-align: left;
}

.login-slider .img-circle {
    margin-right: 12px;
}

.login-slider span {
    font-weight: normal;
    font-size: 12px;
}

.slick-dots li {
    width: 7px;
    height: 7px;
    padding: 0;
}

.slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
}

.slick-dots li button:before {
    width: 100%;
    height: 100%;
    font-size: 0;
    background: transparent;
    border: 2px solid #000;
    border-radius: 50%;
    opacity: .7;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background: #000;
    opacity: .7;
}

.card-heigth .card {
    height: 100%;
}

.table-dutyRoster a {
    white-space: nowrap;
}

.table-dutyRoster td:nth-last-child(2) {
    min-width: 150px;
}

.page-hedding .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 55px;
}

.employeesGrid-block {
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    padding: 20px 20px;
    position: relative;
    height: 100%;
}

.employeesGrid-block .dropdown {
    position: absolute;
    top: 22px;
    right: 22px;
}

.employeesGrid-block .img-circle {
    width: 77px;
    height: 77px;
    display: inline-block;
    margin-bottom: 4px;
}

.employeesGrid-block h6 {
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 4px;
}

.employeesGrid-block p {
    margin-bottom: 16px;
}


.employeesGrid-block .bg {
    display: flex;
    text-align: center;

    background: #F5F8F8;
    border-radius: 15px;
    margin-bottom: 17px;
}

.employeesGrid-block .bg div {
    width: 50%;
    padding: 10px 8px;
    position: relative;
}

.employeesGrid-block .bg div::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 28px;
    background: #DDDDDD;
}

.employeesGrid-block .bg div:last-child::after {
    display: none;
}

.employeesGrid-block .bg p {
    font-weight: 600;
    margin-bottom: 4px;
}

.employeesGrid-block .bg p:last-child {
    font-weight: 500;
}

.employees-progress {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

.employees-progress span {
    /* display: inline-block; */
    margin-bottom: 5px;
}

.employees-progress .progress {
    width: 100%;
}


.progress-themeBlue {
    --proBG: #014653;
}

.progress-themeskyblueNew {
    --proBG: #4C88BB;
}

.progress-themeskyblue {
    --proBG: #2EACB3;
}

.progress-themeDanger {
    --proBG: #A90000;
}

.progress-themeRed {
    --proBG: #C80000;
}

.progress-themeGreen {
    --proBG: #47BC67;
}

.progress-themeWarning {
    --proBG: #EFB408;
}

.progress-custom {
    height: 18px;
    background: #EEF1F2;
    border-radius: 18px;
}

.progress-custom .progress-bar {
    border-radius: 18px;
    font-size: 12px;
    font-weight: 500;
    background: var(--proBG);
}


.progress-custom.progress-customDot {
    height: 7px;
    margin-top: 7px;
    margin-bottom: 8px;
    position: relative;
    overflow: visible;
}

.progress-custom.progress-customDot:before,
.progress-custom.progress-customDot::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background: var(--proBG);
    border-radius: 50%;
}

.progress-custom.progress-customDot::after {
    background: #C6C6C6;
    left: auto;
    right: 0;
}

.progress-custom.progress-customDot.value-0::before,
.progress-custom.progress-customDot.value-0::after {
    background: #C6C6C6;
}

.progress-custom.progress-customDot.value-100::after {
    background: var(--proBG);
}

.empDetails-user {
    display: flex;
    align-items: center;
}

.empDetails-user .img-circle {
    width: 77px;
    height: 77px;
    min-width: 77px;
    margin-right: 20px;
}

.empDetails-user h4 {
    font-weight: 600;
    margin-bottom: 5px;
}

.empDetail-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 15px 17px;
    background: #F5F8F8;
    border-radius: 15px;
    height: 100%;
}

.empDetail-block h6 {
    margin-bottom: 3px;
}

.empDetail-block strong {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.13px;
    color: #222222;
}

.empDetail-block.empDetailPro-block {
    display: block;
}

.empDetail-block.empDetailPro-block>div {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.empDetail-block.empDetailPro-block>div:last-child {
    margin-bottom: 0;
}

.empDetail-block.empDetailPro-block .progress-custom {
    width: 100%;
    background: #fff;
}

.empDetail-block.empDetailPro-block>div>span {
    display: block;
    min-width: 90px;
    margin-left: 15px;
    font-weight: 500;
    /* white-space: nowrap; */
}

.empDetails-leave {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    padding: 27px 21px;
}

.empDetails-leave>.row>* {
    border-right: 1px solid #DDDDDD;
}

.empDetails-leave>.row>*:last-child {
    border-right: 0;
}

.table-leave {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.table-leave th,
.table-leave td {
    padding: 8px 3px;
}

.table-leave th {
    font-weight: inherit;
    padding-left: 0;
}


.table-leave td {
    padding-right: 0;
    text-align: right;
}

.empDetailsGrid-block {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    padding: 20px 20px;
    position: relative;
    height: 100%;
}

.empDetailsGrid-block .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E7E7E7;
}

.empDetailsGrid-block .header p {
    margin-bottom: 0;
}

.empDetailsGrid-block .header p i {
    font-size: 18px;
    color: #000;
    margin-right: 10px;
}

.empDetailsGrid-block .time {
    display: flex;
    justify-content: space-between;
    margin: -3px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E7E7E7;
}

.empDetailsGrid-block .time>div {
    padding: 3px;
}

.empDetailsGrid-block .label {
    color: #878787;
    font-size: 12px;
    margin-bottom: 2px;
}

.empDetailsGrid-block h6 {
    font-size: 18px;
}

.empDetailsGrid-block p {
    display: flex;
    align-items: center;
}

.empDetailsGrid-block p .badge {
    font-size: 12px;
    padding: 3px 4px;
    margin-left: 4px;
}

.empDetailsGrid-block>.text-center {
    margin-top: 11px;
}

.attendance-bg {
    padding: 5px 12px;
    background: #F5F8F8;
    margin-bottom: 40px;
}

.bg-themeSuccess {
    background-color: #3EB95F;
}

.bg-themePurple {
    background-color: #9E5CF7;
}

.bg-themeDanger {
    background-color: #A90000;
}

.bg-themeRed {
    background-color: #FF4B4B;
}

.bg-themeRedLight {
    background-color: #F5738D;
}

.table-attendance {

    text-align: center;
}

.table-attendance th span {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.table-attendance td>.badge {
    border: 0;
    margin-bottom: 2px;
}

.table-attendance td>.badge img {
    margin-right: 7px;
}

.table-attendance td>.badge img.left {
    transform: rotate(180deg);
}

.table-attendance td>.btn-block {
    margin-top: 4px;
    margin-bottom: 7px;
}

.table-attendance td p .badge {
    font-size: 12px;
    padding: 3px 4px;
}

.table-attendance b {
    font-weight: 600;
}

.table-attendance th:nth-child(1),
.table-attendance th:nth-child(2),
.table-attendance>tbody>tr>td:nth-child(1),
.table-attendance>tbody>tr>td:nth-child(2) {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    text-align: left;
}

.table-attendance th:nth-child(1),
.table-attendance>tbody>tr>td:nth-child(1) {
    min-width: 64px;
    max-width: 64px;
}

.table-attendance th:nth-child(2),
.table-attendance>tbody>tr>td:nth-child(2) {
    left: 64px;
}

.table-attendance th:nth-last-child(1),
.table-attendance th:nth-last-child(2),
.table-attendance th:nth-last-child(3),
.table-attendance th:nth-last-child(4),
.table-attendance th:nth-last-child(5),
.table-attendance>tbody>tr>td:nth-last-child(1),
.table-attendance>tbody>tr>td:nth-last-child(2),
.table-attendance>tbody>tr>td:nth-last-child(3),
.table-attendance>tbody>tr>td:nth-last-child(4),
.table-attendance>tbody>tr>td:nth-last-child(5) {
    position: sticky;
    right: 0;
    z-index: 2;
    background: #F5F8F8;
    text-align: left;
}

.table-attendance th:nth-last-child(1),
.table-attendance>tbody>tr>td:nth-last-child(1) {
    min-width: 77px;
    max-width: 77px;
}

.table-attendance th:nth-last-child(2),
.table-attendance>tbody>tr>td:nth-last-child(2) {
    min-width: 67px;
    max-width: 67px;
    right: 77px;
}

.table-attendance th:nth-last-child(3),
.table-attendance>tbody>tr>td:nth-last-child(3) {
    min-width: 86px;
    max-width: 86px;
    right: 144px;
}

.table-attendance th:nth-last-child(4),
.table-attendance>tbody>tr>td:nth-last-child(4) {
    min-width: 86px;
    max-width: 86px;
    right: 230px;
}

.table-attendance th:nth-last-child(5),
.table-attendance>tbody>tr>td:nth-last-child(5) {
    min-width: 82px;
    max-width: 82px;
    right: 316px;
}



.text-skyblue {
    color: #2EACB3;
}

.tt-hover {
    position: relative;
}

.tt-main {
    display: none;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 182px;
    z-index: 11;
    transition: all .5s ease-in;

}

.tt-large .tt-main {
    width: 226px;
}

.tt-hover:hover .tt-main {
    display: block;
    opacity: 1;
}

.tt-main .tt-inner {
    display: block;
    width: 100%;
    color: #222222;
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px #00000033;
    border-radius: 0px 7px 7px 12px;
    margin-top: 3px;
    white-space: normal;
    text-align: left;
}

.tt-large .tt-main .tt-inner {
    padding: 12px;
}

.tt-main .tt-inner p {
    margin-bottom: 10px;
}

.tt-main .tt-inner b {
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
}

.tt-main .tt-inner .btn {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    padding: 5px 7px;
    border-radius: 5px;
    text-transform: capitalize;
}

.ttb-hover {
    position: relative;
}

.ttb-main {
    display: none;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 118px;
    width: 100px;
    z-index: 11;
    transition: all .5s ease-in;

}



.ttb-main .ttb-inner {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 8px;
    padding: 4px 8px;
    color: #fff;
    background: #303030;
    border-radius: 10px;
    margin-top: 4px;
    position: relative;
    line-height: 1.2;
}


.ttb-main .ttb-inner:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    transform: translateX(-50%);
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #303030;
}

.ttb-main .ttb-inner>span {
    display: block;
    width: 100%;
}

.ttb-main .ttb-inner>span:not(:last-child) {
    padding-bottom: 3px;
    border-bottom: 1px solid #505050;
}

.ttb-main .ttb-inner>span>span {
    color: #DFDFDF;
    font-size: 10px;
    margin-bottom: 4px;
}

.ttb-main .ttb-inner>span p {
    font-size: 14px;
}

.ttb-hover:hover .ttb-main {
    display: block;
    opacity: 1;
}

.table-arrowAtten {
    position: relative;
}

.table-arrowAtten .arrow-left,
.table-arrowAtten .arrow-right {
    display: inline-block;
    position: absolute;
    top: 20px;
    z-index: 11;
    font-size: 14px;
}

.table-arrowAtten .arrow-left {
    left: 174px;
}

.table-arrowAtten .arrow-right {
    right: 387px;
}

.btn.btn-weekly,
.btn.btn-monthly,
.btn.btn-yearly {
    color: #222222;
    font-size: 14px;
    line-height: 1.458;
    font-weight: normal;
    padding: 7px 10px;
    background: #FFFFFF;
    border: 1px solid #C9C9C9;
    border-radius: 7px;
}

.btn.btn-weekly.active,
.btn.btn-monthly.active,
.btn.btn-yearly.active {
    color: #fff;
    background: #014653;
    border: 1px solid #014653;
}

.inputCustom-color {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #DDDDDD;
    color: #222222;
    padding: 14px 18px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    position: relative;
}

.inputCustom-color input[type="color"] {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    border: 2px solid #E7E7E7;
    border-radius: 50%;
}

.card-confiTimeAtten h6 {
    font-size: 18px;
    font-weight: 600;
}

.btn.btn-plusIcon {
    padding: 12px 20px;
}

.shift-block {
    margin-bottom: 16px;
}

.timeAttend-boxcard p {
    font-size: 18px;
}

.card-heigth .card.cardH-auto {
    height: auto;
}

.table-timeAtten a {
    white-space: nowrap;
}

.table-timeAtten td:nth-child(3) {
    min-width: 150px;
}

.timeAttenRespond-block {
    display: flex;
    margin-bottom: 12px;
}

.timeAttenRespond-block .img-circle {
    width: 37px;
    height: 37px;
    min-width: 37px;
    margin-right: 10px;
}

.timeAttenRespond-block span {
    font-size: 12px;
}

.table-timeAttenRespond {
    width: 100%;
}

.table-timeAttenRespond td,
.table-timeAttenRespond th {
    padding: 5px 5px;
}

.table-timeAttenRespond th {
    font-size: 14px;
    font-weight: 500;
    padding-left: 0;
}

.table-timeAttenRespond td {
    padding-right: 0;
}

.table-locationHistory a {
    white-space: nowrap;
}

.createDuty-user {
    display: flex;
    align-items: center;
}

.createDuty-user .img-circle {
    width: 57px;
    height: 57px;
    min-width: 57px;
    margin-right: 7px;
}


.createDuty-user p {
    margin-bottom: 3px;
}

.createDuty-user>div>span {
    display: block;
    font-size: 12px;
    line-height: 1.2;
}

.card-themeSkyblue {
    background: #F5F8F8;
    border-radius: 7px;
    padding: 12px 15px;
}

.date-block,
.createDuty-emp .bg-white {
    font-size: 12px;
    width: 69px;
    min-width: 69px;
    height: 69px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding: 5px;
    border-radius: 10px;
    text-transform: uppercase;
    background: #fff;
}

.date-block.bg {
    background: #F5F8F8;
}

.date-block h5,
.createDuty-emp .bg-white h5 {
    font-size: 22px;
    line-height: 1;
}

.createDuty-date .bg-white {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    padding: 5px 20px;
    border-radius: 10px;
}

.createDuty-date .bg-white p {
    margin-bottom: 0;
}

.createDuty-tableBlock.createDuty-blue {
    --createDuty: #014653;
}

.createDuty-tableBlock.createDuty-yellow {
    --createDuty: #FED049;
}

.createDuty-tableBlock.createDuty-skyBlue {
    --createDuty: #2EACB3;
}

.createDuty-tableBlock.createDuty-purple {
    --createDuty: #9E5CF7;
}

.createDuty-tableBlock {
    width: 253px;
    height: 91px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 11px 13px;
    background: #FFFFFF;
    border-radius: 8px;
    border-left: 3px solid;
    border-color: var(--createDuty);
    text-align: left;
}



.createDuty-tableBlock .d-flex {
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
}

.createDuty-tableBlock .d-flex:last-child {
    border-bottom: 0;
}

.createDuty-tableBlock p {
    margin: 0;
}

.createDuty-tableBlock span {
    color: var(--createDuty);
    font-style: italic;
    font-weight: 500;
}

.createDuty-tableBlock .badge {
    color: #fff;
    font-weight: normal;
    background: var(--createDuty);
    border-radius: 20px;
    margin-left: 4px;
}

.table-createDutyWeekly th,
.table-createDutymonthly th,
.table-createDutymonthly td,
.table-overtimemonthly th,
.table-overtimemonthly td {
    text-align: center;
}

.table-createDutymonthly td,
.table-overtimemonthly td {
    vertical-align: middle;
}

.table-createDutyWeekly th span,
.table-createDutymonthly th span,
.table-overtimemonthly th span {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.table-createDutyWeekly th:first-child,
.table-createDutyWeekly td:first-child,
.table-createDutyWeekly th:last-child,
.table-createDutyWeekly td:last-child,
.table-createDutymonthly th:first-child,
.table-createDutymonthly td:first-child,
.table-overtimemonthly th:first-child,
.table-overtimemonthly td:first-child,
.table-overtimemonthly th:last-child,
.table-overtimemonthly td:last-child {
    position: sticky;
    text-align: left;
    background: #F5F8F8;
    z-index: 1;
}

.table-createDutyWeekly th:first-child,
.table-createDutyWeekly td:first-child,
.table-createDutymonthly th:first-child,
.table-createDutymonthly td:first-child,
.table-overtimemonthly th:first-child,
.table-overtimemonthly td:first-child {
    left: 0;
    min-width: 220px;
}

.table-createDutyWeekly th:last-child,
.table-createDutyWeekly td:last-child,
.table-overtimemonthly th:last-child,
.table-overtimemonthly td:last-child {
    right: 0;
    text-align: center;
    font-weight: bold;
}

.table-createDutyWeekly td:last-child {
    vertical-align: middle;
}

.table-createDutyWeekly th:last-child span,
.table-createDutyWeekly td:last-child span {
    font-size: 18px;
}

.table.table-createDutymonthly thead th,
.table.table-overtimemonthly thead th {
    padding-top: 10px !important;
}


.table.table-createDutymonthly tbody td:last-child,
.table.table-overtimemonthly tbody td:last-child {
    padding-right: 10px;
}

.table-createDutymonthly,
.table-overtimemonthly {
    border-color: #E7E7E7;
}

.table-createDutymonthly th:first-child,
.table-createDutymonthly td:first-child,
.table-overtimemonthly th:first-child,
.table-overtimemonthly td:first-child {
    border-left: 0;
}

.table-createDutymonthly .col-total {
    background: #FFFFFF;
}

.table-createDutymonthly td.col-total {
    font-size: 16px;
    font-weight: 500;
}


.table-createDutymonthly .col-leave,
.table-overtimemonthly .col-leave {
    background: #9E5CF726;
}



.table-createDutymonthly th>.badge,
.table-createDutymonthly td>.badge {
    width: 27px;
    height: 27px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    padding: 0;
    border-radius: 10px;
    text-transform: uppercase;
}

.table-createDutymonthly th>.badge.badge-p,
.table-createDutymonthly td>.badge.badge-p {
    color: #222;
}

.tooltip-inner {
    font-size: 10px;
    border-radius: 20px;
    padding: 6px 11px;
    background: #303030
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #303030;
}


.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #303030;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #303030;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #303030;
}

.table-overtimemonthly td {
    font-size: 16px;
    font-weight: 500;
}

.date-calender {
    position: relative;
}



.daterangepicker {
    border: 0;
}

.configTimeAtten-dateRange .daterangepicker {
    position: static !important;
    display: block !important;
    margin: 0;
    background-color: transparent;
    width: 100%;
}


.daterangepicker.show-calendar .ranges {
    margin: 0;
}

.daterangepicker.opensright:before,
.daterangepicker.opensright:after {
    display: none;
}

.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right {
    display: inline-block;
    width: 100%;
    float: none;
    max-width: 100%;
    background-color: transparent;
    padding: 0;
}

.daterangepicker .drp-calendar.right {
    display: none;
}

.daterangepicker .drp-calendar.left .calendar-table {
    width: 100%;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}

.daterangepicker .calendar-table th {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 5px;
}

.daterangepicker .calendar-table td {
    color: #222222;
    font-size: 13px;
    line-height: 1.477;
    padding: 13px 5px;
    border: 0;
}

.daterangepicker .calendar-table td.off {
    font-size: 12px;
    color: #222222;
    opacity: 0.35;
    background: transparent;
}

.daterangepicker .calendar-table td.in-range {
    color: #fff;
    background: rgb(0 69 82 / 75%);
}

.daterangepicker .calendar-table td.start-date,
.daterangepicker .calendar-table td.end-date {
    color: #fff;
    background: rgb(0 69 82 / 75%);
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.daterangepicker .calendar-table td.start-date:before,
.daterangepicker .calendar-table td.end-date::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #004552;
    border-radius: 50%;
    z-index: -1;
}

.daterangepicker .calendar-table td.start-date {
    border-radius: 50% 0 0 50%;
}

.daterangepicker .calendar-table td.end-date {
    border-radius: 0 50% 50% 0;
}

.leaveUser-main {
    /* max-height: calc(100% - 50px); */
    /* max-height: 500px; */
    overflow: auto;
    padding-right: 4px;
}

.leaveUser-block {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E7E7E7;
}

.leaveUser-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.leaveUser-block .img {
    width: 42px;
    min-width: 42px;
    margin-right: 12px;
    border-radius: 10px;
    overflow: hidden;
}

.leaveUser-block .img img {
    width: 100%;
}

.leaveUser-block .img-circle {
    width: 37px;
    height: 37px;
    min-width: 37px;
    margin-right: 2px;
}

.leaveUser-block>div:nth-child(2) {
    flex-grow: 1;
}

.leaveUser-block h6 {
    margin-bottom: 4px;
}

.leaveUser-block p {
    font-size: 12px;
    margin-bottom: 7px;
}

.leaveUser-block>div:nth-child(3) {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: flex-end;
    margin-left: auto;
}

.table-leaveReq td:nth-child(4),
.table-leaveReq td:nth-child(5),
.table-leaveReq td:last-child {
    white-space: nowrap;
}




.card-wiINsight .leaveUser-block {
    flex-wrap: nowrap;
    align-items: flex-start;
}

.card-wiINsight .leaveUser-block>div:nth-child(3) {

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}

.card-wiINsight .leaveUser-block a {
    white-space: nowrap;
    margin-left: 10px;
}

.card-wiINsight .leaveUser-block a:first-child {
    margin-left: 0;
}

.leaveUser-bgBlock {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #F5F8F8;
    border-radius: 5px;
    padding: 4px 7px;
    margin-bottom: 14px;
}

.leaveUser-bgBlock.skyblue {
    color: #2EACB3;
    background: #E9F7F7
}

.leaveUser-bgBlock.success {
    color: #7AD45A;
    background: #F1FBEE
}

.leaveUser-bgBlock.greenDark {
    color: #068101;
    background: #0681011A
}

.leaveUser-bgBlock.blue {
    color: #014653;
    background: #01384221;
}

.leaveUser-bgBlock:last-child {
    margin-bottom: 0 !important;
}

.card-upcomingLeve .leaveUser-bgBlock {
    border-radius: 15px;
    padding: 29px 19px;
    margin-bottom: 10px;
}

.card-upcomingLeve .card-title h3,
.card-upcomingBirthLeve .card-title h3 {
    white-space: nowrap;
}

.card-upcomingBirthLeve .leaveUser-block {
    flex-wrap: nowrap;
}

.card-upcomingBirthLeve .leaveUser-block .d-flex {
    flex-wrap: wrap;
    gap: 2px;
}

.card-upcomingBirthLeve .leaveUser-block .d-flex a {
    margin-right: 10px;
}

.card-upcomingBirthLeve .leaveUser-block .d-flex a:last-child {
    margin-right: 0;
}

.card-wiINsight,
.card-upcomingLeve,
.card-upcomingBirthLeve {
    height: 415px !important;
}

.leaveReqGrid-block {
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    padding: 20px 15px;
    position: relative;
    height: 100%;
}

.leaveReqGrid-block .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
}

.leaveReqGrid-block .dropdown {
    position: absolute;
    top: 22px;
    right: 22px;
}

.leaveReqGrid-block .img-circle {
    width: 77px;
    height: 77px;
    display: inline-block;
    margin-bottom: 4px;
}

.leaveReqGrid-block h6 {
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 4px;
}

.leaveReqGrid-block>.badge {
    margin-bottom: 4px;
}

.leaveReqGrid-block p {
    margin-bottom: 2px;
}


.leaveReqGrid-block .position {
    color: #014653;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}


.leaveReqGrid-block .bg {
    background: #F5F8F8;
    border-radius: 15px;
    margin-bottom: 10px;
    padding: 9px 10px 12px;
}

.leaveReqGrid-block .bg i {
    display: inline-block;
    font-weight: 300;
    margin-bottom: 12px;
}

.leaveReqGrid-block .bg>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.leaveReqGrid-block .bg .date-block {
    margin-right: 0;
}

.leaveReqGrid-block .bg>div>div:nth-child(2) {
    font-size: 12px;
    margin: 0 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.leaveReqGrid-block .bg>div>div:nth-child(2) img {
    display: inline-block;
    margin-bottom: 4px;
}

.leaveReqGrid-block .d-flex {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.leaveReqGrid-block .d-flex .badge {
    border: 0;
}

.leaveReqGrid-block p.text-start {
    margin-bottom: 10px;
}

.leaveReqGrid-block .bg.leave {
    text-align: left;
    padding: 8px 20px;
    margin-bottom: 15px;
}

.leaveReqGrid-block .bg.leave span {
    font-size: 16px;
    font-weight: 500;
    margin-right: 7px;
}

.leaveReqGrid-block .btn-block {
    display: flex;
    margin: 0 -5px;
}

.leaveReqGrid-block .btn {
    flex-grow: 1;
    margin: 0 5px;
    padding: 10px 10px !important;
}

.employee-bg {
    padding: 12px 14px;
    background: #F5F8F8;
    border-radius: 15px;
}

.employee-bg p {
    line-height: 1.493;
    font-weight: 600;
    letter-spacing: 0.07px;
}

.employee-bg p span {
    color: #5D5D5D;
    font-size: 13px;
    font-weight: 500;
}


.employee-progressMain {
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
    overflow-y: hidden;
    margin: -5px -5px 0;
    padding-bottom: 4px;
}

.employee-progressMain>div {
    padding: 5px 5px 0;
}

.employee-progressMain .progress-container {
    width: 96px;
    height: 96px;
}



.employee-progressMain h6 {
    width: 96px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.07px;
    text-align: center;
}

.leaveReq-card .bg-white {
    padding: 20px 20px;
    border-radius: 15px;
    overflow: hidden;
}

.appleaveReq-block {
    padding: 9px 30px 12px;
    border-radius: 15px;
    text-align: center;
}

.appleaveReq-block i {
    font-weight: 300;
    display: inline-block;
    margin-bottom: 11px;
}

.appleaveReq-block>.d-flex .date-block {
    margin: 0;
}

.appleaveReq-block>.d-flex>div:nth-child(2) {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 22px;
}



.table-lableNew th,
.table-lableNew td {
    padding: 9px 5px;
    border-bottom: 1px solid #DDDDDD;
}


.table-lableNew th:first-child,
.table-lableNew td:first-child {
    padding-left: 0 !important;
}

.table-lableNew th:last-child,
.table-lableNew td:last-child {
    padding-right: 0 !important;
}

.table-lableNew .tableUser-block .img-circle {
    width: 26px;
    height: 26px;
    min-width: 26px;
}

.leaveReq-card .table-lableNew th {
    width: 220px;
}

.leaveReqTicket-main {
    width: 474px;
    max-width: 100%;
    border-radius: 15px;
    overflow: hidden;
    color: #fff;
    background: #014653
}


.leaveReqTicket-main .ratio::before {
    padding-top: 41.14%;
    min-height: 120px;
}

.leaveReqTicket-main .ratio::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000CF 100%) 0% 0% no-repeat padding-box;
}

.leaveReqTicket-main .ratio>div:nth-child(2) {
    left: 50%;
    width: auto;
    height: auto;
    padding: 7px 10px 0;
    transform: translateX(-50%);
    text-align: center;
    z-index: 1;
}

.leaveReqTicket-main .ratio h5 {
    font-weight: 600;
}

.leaveReqTicket-main .ratio span {
    font-size: 11px;
    font-weight: 600;
}

.leaveReqTicket-main .d-flex {
    top: auto;
    bottom: 0;
    padding: 10px 20px 14px;
    height: auto;
    z-index: 1;
    align-items: center;
    gap: 8px;
}

.leaveReqTicket-main .d-flex .dash {
    flex-grow: 1;
    border-bottom: 1px dashed #FFFFFF;
}

.leaveReqTicket-main .d-flex img {
    margin: 0 6px;
}

.leaveReqTicket-main .d-flex>div:last-child {
    text-align: right;
}


.leaveReqTicket-main .ratio h6 {
    font-weight: 300;
}


.leaveReqTicket-main .ratio h3 {
    font-size: 26px;
    font-weight: 600;
}

.leaveReqTicket-main>div:last-child {
    padding: 18px 20px 25px;
}

.leaveReqTicket-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.leaveReqTicket-name h5 {
    font-size: 18px;
    font-weight: bold;
}

.leaveReqTicket-name .badge {
    color: #014653;
    padding: 8px 16px;
    border-radius: 20px;
}

.leaveReqTicket-block {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #FFFFFF;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.leaveReqTicket-block {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #FFFFFF;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.leaveReqTicket-block span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.leaveReqTicket-block img {
    margin-bottom: 8px;
}

.leaveReqTicket-block h6 {
    margin-bottom: 4px;
}

.leaveReqTicket-block p {
    font-size: 12px;
}

.leaveReqTicket-block>div:nth-child(2) {
    text-align: center;
}

.leaveReqTicket-block>div:last-child {
    text-align: right;
}

.leaveReqTicket-main .total {
    color: #DFFF00;
    font-size: 16px;
    text-align: center;
    padding: 10px 10px;
    background: #002431;
    border-radius: 10px;
    margin-top: 5px;
}


.route-main {
    border-radius: 10px;
    overflow: hidden;
}

.route-main .header {
    padding: 3px 11px;
    background: #DDDDDD;
}

.route-main .header span {
    font-weight: 500;
}

.route-main .body {
    padding: 7px 11px 10px;
}

.route-inner {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}

.route-inner:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.route-main .body .route-inner p {
    margin-bottom: 6px;
}

.route-inner span {
    font-size: 12px;
    margin-right: 14px;
}

.route-main .body .bg-themeGrayLight {
    padding: 10px 10px;
    border-radius: 10px;
}

.route-main .body p {
    margin-bottom: 8px;
}

.route-main .body table {
    width: 100%;
}

.route-main .body tbody th {
    font-weight: normal;
    padding: 2px 4px;
    padding-left: 0;
    white-space: nowrap;
}

.route-main .body tbody td {
    padding: 2px 4px;
    padding-right: 0;
    text-align: right;
    font-weight: 600;
}

.route-main .body tbody tr:last-child th,
.route-main .body tbody tr:last-child td {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}

.route-main .body tbody td span {
    font-weight: normal;
}

.route-main .body tfoot th,
.route-main .body tfoot td {
    font-weight: 600;
    padding: 5px 5px 0;
}

.route-main .body tfoot th {
    padding-left: 0;
}

.route-main .body tfoot td {
    padding-right: 0;
}

.table-leaveHistory td:nth-child(2),
.table-leaveHistory td:nth-child(4) {
    min-width: 180px;
}

.table-leaveHistory td:nth-child(3),
.table-leaveHistory td:nth-child(4) {
    white-space: nowrap;
}

.themeDiffColor-block.green {
    --themeDiffColor: 122, 212, 90;
}

.themeDiffColor-block.blue {
    --themeDiffColor: 1, 70, 83;
}

.themeDiffColor-block.blueDark {
    --themeDiffColor: 162, 100, 247;
}

.themeDiffColor-block.red {
    --themeDiffColor: 255, 75, 75;
}

.themeDiffColor-block.skyblue {
    --themeDiffColor: 46, 172, 179;
}

.themeDiffColor-block.yellow {
    --themeDiffColor: 254, 208, 73;
}

.themeDiffColor-block.greenDark {
    --themeDiffColor: 6, 129, 1;
}

.themeDiffColor-block.themeSkyblueLight {
    --themeDiffColor: 141, 201, 201;
}

.themeDiffColor-block.redDark {
    --themeDiffColor: 187, 0, 0;
}

.themeDiffColor-block.themeSkyblueLightNew {
    --themeDiffColor: 83, 202, 255;
}

.themeDiffColor-block.themeRedLight {
    --themeDiffColor: 245, 115, 141;
}

.themeDiffColor-block.purpleNew {
    --themeDiffColor: 169, 83, 255;
}

.themeDiffColor-block.brown {
    --themeDiffColor: 179, 135, 46;
}

.themeDiffColor-block.themeGray {
    --themeDiffColor: 51, 51, 51;
}

.themeDiffColor-block.blueNew {
    --themeDiffColor: 37, 117, 178;
}




.themeDiffColor-block {
    border: 1px solid;
    background: rgba(var(--themeDiffColor), 0.1);
    background: rgba(var(--themeDiffColor), 0.08);
    border-color: rgb(var(--themeDiffColor), 44);
}


.themeDiffColor-block .themeDiffColor {
    color: rgb(var(--themeDiffColor));
}


.regInclude-block {
    padding: 9px 10px;
    border-radius: 5px;
    /* opacity: 0.1; */
    margin-bottom: 9px;
    border: 0;
}

.regInclude-block .d-flex {
    margin-bottom: 5px;
    align-items: center;
    justify-content: space-between;
}

.regInclude-block h5 {
    font-size: 14px;
    font-weight: 500;
}

.regInclude-block h6 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.regInclude-block p {
    font-size: 12px;
}

.regInclude-date h6 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.regInclude-date .row>.col-auto {
    text-align: end;
}

.regInclude-date .select2-container {
    display: inline-block;
}

.regInclude-date .select2-container--default .select2-selection--single {
    border: 0;
}

.regInclude-date .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
    padding-left: 0;
}

.regInclude-date .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0;
}

.regInclude-date span {
    display: block;
    font-size: 13px;
}

.regInclude-card .bg-themeGrayLight {
    padding: 17px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    font-weight: bold;
}

.regInclude-card .bg-themeGrayLight p {
    margin: 0;
}

.calendar-card .leaveUser-main {
    padding: 10px 10px;
    border: 1px solid #DDDDDD;
    border-radius: 15px;
}

.calendar-card .leaveUser-bgBlock h6 {
    font-size: 14px;
}

.calendar-event .fc-toolbar .fc-state-default {
    color: #fff;
    background: #014653;
    text-transform: capitalize;
    padding: 12px 13px;
    height: auto;
}

.calendar-event .fc-toolbar .fc-state-default.fc-state-active,
.calendar-event .fc-toolbar .fc-state-default.fc-state-down {
    background: #013842
}

.calendar-event .fc-state-default.fc-corner-left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.calendar-event .fc-state-default.fc-corner-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


.calendar-event .fc-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 21px;
}

.calendar-event .fc-center {
    flex-grow: 1;
}

.calendar-event .fc-toolbar .fc-center h2 {
    float: none;
    font-size: 24px;
    font-weight: normal;
}

.calendar-event .fc-toolbar .fc-right {
    order: 1;
}

.fc.calendar-event td,
.fc.calendar-event th {
    border-color: #DDDDDD;
}

.fc.calendar-event th {
    padding: 2px 5px;
}

.calendar-event .fc-basic-view .fc-day-number,
.calendar-event .fc-basic-view .fc-week-number {
    padding: 2px;
    text-align: right;
    color: inherit;
}

.calendar-event .fc-event {
    border: 0 !important;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 5px;
    margin-bottom: 6px;
}

.leaveCate-block {
    padding: 17px 20px 25px;
    border-radius: 10px;
    height: 100%;
}

.leaveCate-block .d-flex {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.leaveCate-block h6 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
}

.leaveCate-block p {
    font-size: 13px;
    margin-bottom: 7px;
}

.addDash-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 20px 10px;
    background: #B4B4B414;
    border: 1px dashed #ACACAC;
    border-radius: 10px;
    height: 100%;
}

.addDash-block i {
    font-size: 24px;
    margin-bottom: 14px;
}

.addDash-block h6 {
    text-transform: capitalize;
}

.leaveAdd-block {
    padding: 20px 26px;
    border-radius: 15px;
}

.opacity-0 {
    opacity: 0 !important;
}

.card-boardingPass>.row>.col-lg-6:first-child {
    border-right: 1px solid #DDDDDD;
}

.leaveDashHod-main .card-wiINsight,
.leaveDashHod-main .card-upcomingLeve {
    height: 100% !important;
}

.permissions-accordion .accordion-item {
    background: transparent;
    border-bottom: 1px solid #E7E7E7;
    border-radius: 0 !important;
}

.permissions-accordion .accordion-button {
    padding: 12px 10px;
    font-size: 16px;
    line-height: 1.313;
    font-weight: 500;
}

.permissions-accordion .accordion-button,
.permissions-accordion .accordion-button:not(.collapsed) {
    color: #222;
    background: #F5F8F8;
    box-shadow: none;
}

.permissions-accordion .accordion-collapse {
    padding: 10px 0 0;
}

.permissions-accordion .table {
    margin: 0;
}

.permissions-accordion thead th {
    white-space: nowrap;
}

.permissions-accordion thead th:first-child,
.permissions-accordion tbody td:first-child {
    padding-left: 10px !important;
    min-width: 115px;
}

.permissions-accordion tr:last-child td {
    border-bottom: 0;
}


.form-check.form-checkNoLabel {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.form-check.form-checkNoLabel .form-check-input {
    margin: 0;
}

.two-progressbar {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}

.dashboard-boxcard span {
    display: block;
    font-size: 12px;
    letter-spacing: 0.06px;
}

.table-accomMainten td:nth-child(3) {
    min-width: 130px;
}

.table-accomMainten td:nth-child(6),
.table-accomMainten td:last-child {
    white-space: nowrap;
}

.card-accomSummary .leaveUser-bgBlock {
    flex-wrap: nowrap;
    padding: 14px 20px;
}

.card-accomSummary .leaveUser-bgBlock h6 {
    font-size: 18px;
    line-height: 1.5;
    margin-right: 4px;
}

.card-accomSummary .leaveUser-bgBlock h3 {
    font-size: 31px;
    font-weight: 600;
    letter-spacing: 0.15px;
}

.two-progressbar .progress-container:first-child {
    width: 272px;
    height: 272px;
}

.two-progressbar .progress-container:nth-child(2) {
    width: 210px;
    height: 210px;
}

.two-progressbar .progress-container:nth-child(2),
.two-progressbar .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.two-progressbar .progress-background {
    stroke-width: 1px;
}

.two-progressbar .progress {
    stroke-width: 3px;
}

.two-progressbar .text h5 {
    font-size: 51px;
    font-weight: 600;
    letter-spacing: 0.26px;
}

.two-progressbar .text p {
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
}

.card.card-accomTrends {
    height: 436px;
}

.card-accomWiINsight {
    height: 100% !important;
}

.card-accomTrends .leaveUser-block p,
.card-accomWiINsight .leaveUser-block p {
    font-size: 14px;
    margin-bottom: 14px;
}

.card-accomTrends {
    height: 436px;
}

.card-accomStati .permissions-accordion {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.card-accomStati .accordion-item {
    width: 50%;
    padding: 0 12px;
    padding-bottom: 15px;
    border-right: 1px solid #DDDDDD;
    border-bottom: 0;
}

.card-accomStati .accordion-item:nth-child(even) {
    border-right: 0;
}

.card-accomStati .permissions-accordion .accordion-button {
    font-size: 14px;
    padding: 5px 10px;
}

.card-accomStati .permissions-accordion .d-flex {
    align-items: flex-end;
    margin-bottom: 11px;
}

.card-accomStati .permissions-accordion .d-flex:last-child {
    margin-bottom: 0;
}

.card-accomStati .permissions-accordion span {
    font-size: 12px;
    text-transform: capitalize;
}

.card-accomStati .permissions-accordion .progress-custom {
    height: 8px;
}

.card-accomStati .permissions-accordion .d-flex>div:last-child {
    font-size: 12px;
    font-weight: normal;
    min-width: 36px;
    margin-left: 11px;
    text-align: right;
}

.table-accomAmenities td:nth-child(2),
.table-accomHoldReq td:nth-child(2),
.table-holdReq td:nth-child(2) {
    min-width: 130px;
}

.table-holdReq td:nth-last-child(2) {
    min-width: 120px;
}

.table-accomHoldReq td:nth-child(3),
.table-accomHoldReq td:last-child,
.table-holdReq td:nth-child(3),
.table-holdReq td:last-child {
    white-space: nowrap;
}

.modal-assign .bg-themeGrayLight {
    padding: 5px 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.modal-assign table th {
    font-size: 16px;
    font-weight: 500;
    padding: 3px 15px;
    padding-left: 0;
    vertical-align: top;
}

.modal-assign table td {
    padding: 4px 15px;
}

.table-accomMainten .tableUser-block .a-link {
    font-size: 12px;
}

.table-accomMainten tr.danger-tr td {
    background: rgb(200 0 0 / 18%);
}

.table-accomMainten tr.danger-tr td:first-child {
    padding-left: 36px !important;
    position: relative;
}

.table-accomMainten tr.danger-tr td:first-child:before {
    content: "\f071";
    font-family: "Font Awesome 6 Free";
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: #C80000;
    position: absolute;
    top: 18px;
    left: 8px;
}

.smallImg-block {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.smallImg-block .img-obj {
    width: 102px;
    height: 72px;
    margin-right: 6px;
}

.smallImg-block .img-obj:last-child {
    margin-right: 0;
}

.flex-all {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.card-maintenReqDetail .table-lable th {
    white-space: nowrap;
}

.card-maintenReqDetail .table-lable td {
    min-width: 280px;
}

.card-maintenReqDetail .tableUser-block .a-link {
    font-size: 12px;
}


.table-invenManagement td>span {
    letter-spacing: 0.07px;
}

.table-invenManagement th {
    white-space: nowrap;
}



.table-invenManagement td:nth-child(7) {
    min-width: 90px;
}

.table-invenManagement td .tableUser-block+.tableUser-block {
    margin-top: 7px;
}


.accordion-gary .accordion-item {
    background: #EEF1F2;
    overflow: hidden;
    margin-bottom: 20px;
}

.accordion-gary .accordion-item:last-child {
    margin-bottom: 0;
}

.accordion-gary .accordion-button {
    font-size: 16px;
    font-weight: 600;
    flex-wrap: wrap;
    gap: 20px;
    background: transparent;
    padding: 13px 22px;
}

.accordion-gary .accordion-button:not(.collapsed) {
    color: #222222;
    background: transparent;
    box-shadow: none;
    border-radius: 0 !important;
}


.accordion-gary .accordion-button span {
    font-size: 14px;
    line-height: 1.243;
    font-weight: normal;
    padding: 10px 12px;
    margin-left: auto;
    background: #F6F6F6;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}

.accordion-gary .accordion-button::after {
    margin-left: 0;
}

.accordion-gary .accordion-collapse {
    margin: 0 22px;
    padding: 17px 0;
    border-top: 1px solid #DDDDDD;
}

.accordion-gary .bg-white {
    padding: 18px 25px;
    border-radius: 12px;
}

.table-accommodation .d-flex {
    white-space: nowrap;
}

.table-accommodation .d-flex i {
    font-size: 23px;
    margin-right: 5px;
}

.table-accommodation .tableUser-block+.tableUser-block {
    margin-top: 6px;
}

.rating {
    color: #FED049;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

.rating i:not(:last-child) {
    margin-right: 2px;
}

.rating i.disable {
    color: #DEDEDE;
}

.table-empAccom th {
    width: 280px;
}

.calendarAccom-card .leaveUser-main .d-flex {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.calendarAccom-card .leaveUser-main .d-flex:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.calendarAccom-card .leaveUser-main .d-flex>div:last-child {
    flex-grow: 1;
}

.calendarAccom-card .leaveUser-bgBlock {
    margin-bottom: 6px;
}


.calendarAccom-card .leaveUser-block {
    padding-bottom: 0;
    margin-bottom: 20px;
    border: 0;
}

.calendarAccom-card .leaveUser-block:last-child {
    margin-bottom: 0;
}

.calendarAccom-card .leaveUser-block .img-circle {
    width: 21px;
    height: 21px;
    min-width: 21px;
    margin-right: 6px;
}

.calendarAccom-card .tableUser-block {
    width: 100%;
}

.calendarAccom-card .leaveUser-block p {
    font-size: 14px;
    margin: 0;
}

.calendarAccom-card .leaveUser-block .badge {
    margin-left: auto;
}

.modal-selectBed .bg-themeGrayLight {
    padding: 15px 20px;
    border-radius: 15px;
}

.modal-selectBed .bed-badge {
    width: 143px;
    height: 39px;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 7px;
    text-align: center;
    margin: 0 auto 20px;
}

/* .bg-themeGrayLight {
    padding: 15px 20px;
    border-radius: 15px;
} */

.bed-block {
    width: 114px;
    height: 182px;
    max-width: 100%;
    background: #F1FBEE;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 7px;
    padding: 16px 14px;
    text-align: center;
    margin: 0 auto;
}

.bed-block>div {
    margin-bottom: 10px;
}

.bed-block .icon,
.bed-block .img-circle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    display: none;
}

.bed-block .img-circle {
    width: 35px;
    height: 35px;
    min-width: 35px;
    border: 1px solid #FFFFFF;
}

.bed-block p {
    font-size: 12px;
    font-weight: 600;
}

.bed-block.active {
    background: #014653;
}

.bed-block.active .icon {
    display: block;
}

.bed-block.active p {
    color: #DFFF00;
}

.bed-block.disable {
    background: #D6D6D6;
}

.bed-block.disable .img-circle {
    display: block;
}

.card-reviewDetails .empDetails-user {
    padding-bottom: 12px;
    border-bottom: 1px solid #E7E7E7;
}

.table-assignTask td:nth-child(2),
.table-holdReqAccom td:nth-child(2),
.table-assignTaskHOD td:nth-child(2) {
    min-width: 130px;
}

.table-assignTask td:nth-child(3),
.table-holdReqAccom td:nth-child(3),
.table-assignTaskHOD td:nth-child(3),
.table-holdReqAccom td:last-child {
    white-space: nowrap;
}

.table-holdReqAccom td:nth-child(5) {
    min-width: 120px;
}

/* table-assignTask */


.form-control:disabled,
.form-control[readonly] {
    background-color: #F5F8F8;
    opacity: 1;
}

/* .select2-container {
     z-index: 9999 !important;
    
} */

#filled-positions-table td:first-child>.btn,
#filled-positions-table .form-control {
    display: none;
}

#filled-positions-table tr.inputShow td:first-child>.d-flex,
#filled-positions-table tr.inputShow .inputValue {
    display: none !important;
}

#filled-positions-table tr.inputShow td:first-child>.btn,
#filled-positions-table tr.inputShow .form-control {
    display: block;
}

.viewBudget-accordion .accordion-item {
    background-color: transparent;
    margin-bottom: 20px;
    border-radius: 0 !important;
}

.viewBudget-accordion .accordion-button {
    /* background: transparent;
    padding: 0 0 8px; */
    background: #F5F8F8;
    padding: 8px 10px;
    /* border-bottom: 1px solid #E7E7E7; */
    flex-wrap: wrap;
}

.viewBudget-accordion .accordion-button:not(.collapsed) {
    color: #222222;
    background: #F5F8F8;
    box-shadow: none;
}

.viewBudget-accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
}

.viewBudget-accordion .accordion-button h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.viewBudget-accordion .accordion-button .badge,
.viewBudget-accordion .accordion-button .btn,
.viewBudget-accordion .accordion-button::after {
    margin-left: 16px;
}

.viewBudget-accordion .accordion-button .fs-13 {
    margin-left: auto;
}


.viewBudget-accordion .accordion-collapse {
    padding: 10px 0;
}


.increment-btn {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 7px;
    color: #fff;
    background: #014653;
}

.increment-btn img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    object-position: center center;
    filter: brightness(0) invert(1);
}

.dashboard-boxcard strong small {
    font-size: 16px;
    font-weight: normal;
    color: #9A9A9A;
}

.timeAttend-boxcard .d-flex>div:first-child {
    width: 100%;
}

.timeAttend-boxcard .text-end span {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 17px;
    white-space: nowrap;
}

.timeAttend-boxcard .text-end span:last-child {
    margin-bottom: 0;
}

.card-serviceCharges .doughnut-label,
.card-salaryCalc .doughnut-label,
.card-payrollDis .doughnut-label,
.doughnut-labelTop .doughnut-label {
    align-items: flex-start;
    justify-content: flex-start;
}

.card-serviceCharges .doughnut-label>span,
.card-salaryCalc .doughnut-label>span,
.card-payrollDis .doughnut-label>span,
.doughnut-labelTop .doughnut-label>span {
    margin-top: 2px;
}

.card-wiINsightPayroll .leaveUser-block,
.card-activityLog .leaveUser-block {
    flex-wrap: nowrap;
}

.border-right {
    border-right: 1px solid #DDDDDD;
}

/* .card-wiINsightPayroll,
.card-activityLog {
    height: 100% !important;
} */

.table-payroll td:nth-child(5),
.table-payroll td:nth-child(6),
.table-payroll td:nth-last-child(3) {
    min-width: 100px;
    /* background: #000; */
}


.paySlip-user {
    display: flex;
}

.paySlip-user .img-obj {
    min-width: 163px;
    width: 163px;
    height: 163px;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 21px;
}

.paySlip-user h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

.paySlip-table {
    width: 100%;
}

.paySlip-table th,
.paySlip-table td {
    font-size: 16px;
    font-weight: normal;
    padding: 7px 10px;
}

.paySlip-table th {
    padding-left: 0;
}

.paySlip-table td {
    padding-right: 0;
}

.paySlip-block {
    padding: 20px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
    height: 100%;
    overflow: hidden;
}

.paySlip-body {
    padding: 20px 20px;
}

.paySlip-header {
    font-size: 18px;
    font-weight: 600;
    padding: 11px 20px;
    background: #F5F8F8;
}

.paySlipBorder-table {
    width: 100%;
}

.paySlipBorder-table thead th {
    font-size: 16px;
    font-weight: 500;
    padding: 12px;
    padding-top: 0;
    border-bottom: 1px solid #E7E7E7;
}

.paySlipBorder-table tbody td {
    font-size: 14px;
    font-weight: normal;
    padding: 12px;
    border-bottom: 1px solid #E7E7E7;
}

.paySlipBorder-table tbody td .form-control {
    width: 137px;
    max-width: 100%;
    display: inline-block;
    margin-left: 14px;
}

.paySlipBorder-table tfoot td {
    font-size: 14px;
    font-weight: 600;
    padding: 12px;
    padding-bottom: 0;
}

.paySlipBorder-table thead th:first-child,
.paySlipBorder-table tbody td:first-child,
.paySlipBorder-table tfoot td:first-child {
    padding-left: 0;
}

.paySlipBorder-table thead th:last-child,
.paySlipBorder-table tbody td:last-child,
.paySlipBorder-table tfoot td:last-child {
    padding-right: 0;
}

.bankDetail-block {
    background: #66C1C645;
    border: 1px solid #0146537D;
    border-radius: 15px;
    padding: 9px 24px;
}

.bankDetail-block table th,
.bankDetail-block table td {
    padding: 10px 10px;
}

.bankDetail-block table th {
    padding-left: 0;
    font-weight: 600;
}

.bankDetail-block table td {
    padding-right: 0;
}

.card-paySlip .bg-themeGrayLight,
.card-fianlSettlement .bg-themeGrayLight {
    padding: 20px 20px;
    border-radius: 15px;
}

.four-progressbar {
    position: relative;
    max-width: 193px;
    margin: 0 auto;
}

.four-progressbar .progress-container {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.four-progressbar .progress-container:first-child {
    width: 100%;
    position: static;
    transform: none;
}

.four-progressbar .progress-container:nth-child(2) {
    width: calc(100% - 22%);
}

.four-progressbar .progress-container:nth-child(3) {
    width: calc(100% - 44%);
}

.four-progressbar .progress-container:nth-child(4) {
    width: calc(100% - 66%);
}

/* .runPayroll-form h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
} */
.runPayroll-form .progressbar-tab li {
    text-transform: none;
}

.payrollPeriod-block {
    padding: 60px 55px 44px;
    border-radius: 15px;
}

.emp-select {
    padding: 8px 12px;
    border-radius: 0;
}

.table-empSelection td:nth-child(3) {
    min-width: 170px;
}

.table-empSelection td:nth-child(5) {
    min-width: 120px;
}

.table-timeAttendance .badge+.badge {
    margin-top: 5px;
}

.table-timeAttendance a+a {
    margin-left: 10px;
}

.table-timeAttendance td:nth-last-child(3),
.table-timeAttendance td:nth-last-child(4) {
    min-width: 100px;
}

.table-timeAttendance td:nth-child(6) {
    max-width: 150px;
}

.table-timeAttendance td:last-child {
    white-space: nowrap;
}

.table-serviceCharge td:nth-child(3) {
    min-width: 180px;
}

.table-serviceCharge td:nth-child(5) {
    min-width: 120px;
}

.table-deductions td:nth-child(5) {
    min-width: 120px;
}


.table-deductions .ttb-main .ttb-inner {
    padding: 6px 9px;
}

.table-deductions .ttb-main .ttb-inner>span p {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}

.table-deductions .ttb-main .ttb-inner>span:not(:last-child) {
    padding-bottom: 4px;
    border: 0;
}

.table-review thead tr:first-child th {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    padding: 5px 10px !important;
    text-align: center;
}

.table-review thead tr:first-child th:nth-child(2) {
    background: #F3F6F6
}

.table-review thead tr:first-child th:nth-child(3) {
    background: #E8E8E8
}

.table-review thead tr:first-child th:nth-child(4) {
    background: #D6E1E3
}

.table-review thead tr:last-child th {
    padding-top: 12px !important;
}

.table-review td:nth-child(7) {
    min-width: 125px;
}

/*

.table-review td:nth-child(6) {
    min-width: 200px;
} */


.payrollConf-block {
    padding: 24px 31px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-radius: 15px;
}

.payrollConf-block:last-child {
    margin-bottom: 0;
}

.payrollConf-block h6 {
    margin-bottom: 0;
}

.payrollConf-block .value {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.13px;
}

.payrollConfStep-block {
    padding: 12px 23px 30px;
    border-radius: 15px;
}

ul.listing-wrapper li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 40px;
}

ul.listing-wrapper li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/check-circle-green.svg) top left no-repeat;
    background-size: contain;
}

.payrollConfStep-block ul.listing-wrapper {
    font-weight: 500;
}

.table-pension tr.danger-tr {
    background: rgb(200 0 0 / 18%);
}

.table-pension tr.danger-tr td:first-child {
    padding-left: 6px !important;
}

.table-pension i.fa-circle-exclamation {
    color: #BE0000;
    font-size: 18px;
}


.ttb-resigned .ttb-main {
    width: 201px;
}

.ttb-resigned .ttb-main .ttb-inner {
    color: #222222;
    padding: 6px 12px 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 6px #00000029;
}

.ttb-resigned .ttb-main .ttb-inner:before {
    border-bottom-color: #fff;
}

.ttb-resigned .ttb-main .ttb-inner h6 {
    font-size: 14px;
    font-style: italic;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 4px;
}

.ttb-resigned .ttb-main .ttb-inner h6 span {
    color: #BE0000;
}

.ttb-resigned .ttb-main .ttb-inner p {
    font-size: 12px;
    line-height: 1.5;
    white-space: normal;
}

.table-tax th,
.table-tax td {
    white-space: nowrap;
}

.table-tax th:nth-child(3),
.table-tax td:nth-child(3) {
    min-width: 184px;
}

.card-confingLink {
    padding: 30px;
}

.card-confingLink .listing-wrapper li {
    margin-bottom: 24px;
}

.card-payrollMain .bg-themeGrayLight {
    background: #F5F8F8;
    border-radius: 10px;
    padding: 13px 21px;
}

.card-uploadSerCharg p {
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 4px;
}

.table-staffShopDash td:nth-child(3) {
    white-space: nowrap;
}

.table-staffShopDash td:nth-child(4) {
    min-width: 120px;
}

.prodConfig-block {
    margin-bottom: 20px;
}

.prodConfig-block img {
    width: 55px;
}

.table-staffProdListing td:first-child {
    min-width: 90px;
}

.table-staffProdListing td:last-child {
    white-space: nowrap;
}

.table-staffProdListing td>img {
    width: 43px;
}

.modal-viewStaffShop table th {
    font-weight: 600;
    padding: 3px 15px;
    padding-left: 0;
    vertical-align: top;
}

.modal-viewStaffShop table td {
    padding: 4px 15px;
}

.modal-viewStaffShop .bg-themeGrayLight {
    padding: 24px 20px 26px;
    border-radius: 15px;
}

.modal-viewStaffShop .bg-themeGrayLight img {
    max-width: 90%;
}

/* .nav-staffShop .top-navbar {
    max-width: 735px;
    width: 100%; 
} 
    comment for ui break*/ 

.nav-staffShop .top-navbar .dropdown-toggle::after {
    display: none;
}

.nav-staffShop .navcarosel-box .carosel-menu {
    padding: 0;
}

.nav-staffShop .slick-slide {
    min-width: 178px;
}

.card-fianlSettlement .bg-themeGrayLight.d-flex {
    flex-wrap: wrap;
}

.card-fianlSettlement .bg-themeGrayLight.d-flex>div {
    padding-right: 30px;
    margin-right: 27px;
    border-right: 1px solid #707070;
}

.card-fianlSettlement .bg-themeGrayLight.d-flex>div:last-child {
    padding-right: 0;
    margin-right: 0;
    border: 0;
}

.empType-chartBlock,
.payrollDistr-chart,
.taxChart-block {
    width: 206px;
    max-width: 100%;
    display: inline-block;
}

.taxChart-block {
    width: 328px;
    margin: 0 auto;
}

.card-chartLeave .doughnut-label,
.card-topHiring .doughnut-label {
    justify-content: flex-start
}

.myOTHours-block {
    width: 400px;
    max-width: 100%;
}

.card-title select.form-select {
    font-size: 14px;
    padding: 4px 40px 4px 20px;
}

.card-title .form-select.form-select-large {
    padding: 7px 40px 7px 18px;
}

ol.listingNo-wrapper {
    counter-reset: section;
    padding-left: 0;
    margin-bottom: 12px;
}


ol.listingNo-wrapper li {
    padding-left: 24px;
    margin-bottom: 8px;
    position: relative;
}

ol.listingNo-wrapper li::before {
    counter-increment: section;
    content: counter(section)".";
    position: absolute;
    top: 0;
    left: 0
}

ol.listingNo-wrapper li:last-child {
    margin-bottom: 0;
}

.talentAc-main ol.listingNo-wrapper {
    margin-bottom: 0;
}

.talentAc-main ol.listingNo-wrapper li::before {
    top: 50%;
    transform: translateY(-50%);
}

.fullFinal-main {
    padding: 20px 20px;
    border-radius: 15px;
    background: #F5F8F8;
}

.fullFinal-head {
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E7E7E7;
}

.fullFinal-block {
    margin-bottom: 20px;
}

.fullFinal-block:last-child {
    margin-bottom: 0;
}

.cke_notifications_area {
    display: none !important;
}

.card.card-wiINsightperformance,
.card.card-qualityMetrics,
.card.cart-kpiAlert {
    height: 437px;
}

.qualityMetrics-block {
    margin-bottom: 30px;
}

.qualityMetrics-block:last-child {
    margin-bottom: 0;
}

.qualityMetrics-block>div {
    display: flex;
    justify-content: space-between;
}

.qualityMetrics-block>div:first-child {
    margin-bottom: 5px;
}

.qualityMetrics-block>div:nth-child(2) {
    margin-bottom: 3px;
}

.qualityMetrics-block>div p {
    font-weight: 500;
    margin: 0;
}

.qualityMetrics-block>div>span {
    font-size: 12px;
    text-transform: capitalize;
}

.qualityMetrics-block .progress-custom {
    height: 8px;
}

.alert-custom {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    border-radius: 10px;
}

.alert-custom i {
    font-size: 21px;
    margin-right: 16px;
}

.alert-custom.alert-themeDanger {
    background: #FEF2F2;
}

.alert-custom.alert-themeDanger i {
    color: #C80000;
}

.alert-custom.alert-themeSuccess {
    background: #F0FDF4
}


.alert-custom.alert-themeSuccess i {
    color: #47BC67
}


.alert-custom.alert-themePrimary {
    background: #EFF6FF
}


.alert-custom.alert-themePrimary i {
    color: #3D85FE
}

.cart-kpiAlert .alert-custom {
    margin-bottom: 16px;
}

.cart-kpiAlert .alert-custom:last-child {
    margin-bottom: 0;
}

.card.card-PerformanceCyc {
    height: 437px;
}

.PerformanceCyc-main {
    overflow: auto;
}

.PerformanceCyc-block {
    padding: 20px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.PerformanceCyc-block:last-child {
    margin-bottom: 0;
}

.PerformanceCyc-block .PerformanceCyc-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E7E7E7;
}

.PerformanceCyc-block .PerformanceCyc-head h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.PerformanceCyc-block .PerformanceCyc-head h5 span {
    margin-left: 15px;
    padding: 8px 20px;
}

.PerformanceCyc-block .PerformanceCyc-head p {
    font-size: 12px;
}

.PerformanceCyc-block .PerformanceCyc-head p img {
    width: 15px;
    margin-right: 8px;
}

.PerformanceCyc-block .d-flex {
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    padding: 18px 16px;
}

.PerformanceCyc-block p {
    font-weight: 500;
    margin: 0;
}

.PerformanceCyc-block h3 {
    font-size: 31px;
    font-weight: 600;
    letter-spacing: 0.15px;
}

.chart-department {
    width: 421px;
    max-width: 100%;
}

.kpiList-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E7E7E7;
}

.kpiList-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.kpiList-block p {
    margin-bottom: 0;
}

.monthlyCheck-block {
    display: flex;
    align-items: flex-start;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E7E7E7;
}

.monthlyCheck-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.img-circle.userImg-block {
    width: 77px;
    height: 77px;
    min-width: 77px;
}

.monthlyCheck-block .userImg-block {
    margin-right: 18px;
}

.monthlyCheck-block .d-flex {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
}

.monthlyCheck-block h6 {
    margin-bottom: 4px;
}

.monthlyCheck-block .badge-themeNew1 {
    padding: 8px 7px;
}

.monthlyCheck-block p {
    margin-bottom: 10px;
}

.monthlyCheck-block a {
    white-space: nowrap;
}

.sumDisEmp-block,
.participants-block {
    display: flex;
    flex-direction: column;
    padding: 20px 21px;
    border-radius: 10px;
    height: 100%;
    max-height: 600px;
}

.sumDisEmp-block .d-flex,
.participants-block .d-flex {
    /* align-items: flex-start; */
    padding: 20px 9px;
    border-bottom: 1px solid #DDDDDD;
}



.sumDisEmp-block .d-flex:last-child,
.participants-block .d-flex:last-child {
    border: 0;
}

.sumDisEmp-block .d-flex.select,
.participants-block .d-flex.select {
    background: #fff;
}

.sumDisEmp-block .img-circle.userImg-block,
.participants-block .img-circle.userImg-block {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-right: 14px;
}

.sumDisEmp-block .d-flex div:nth-child(2),
.participants-block .d-flex div:nth-child(2) {
    flex-grow: 1;
}

.sumDisEmp-block h6,
.participants-block h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.participants-block .form-check {
    display: flex;
    align-items: center;
    margin-left: 4px;
}

.table-monthlyCheck td:nth-child(4),
.table-monthlyCheck td:last-child {
    white-space: nowrap;
}

.table-monthlyCheck td:nth-child(5) {
    min-width: 280px;
    max-width: 489px;
}

.table-employeesDetails td:first-child {
    white-space: nowrap;
}

.table-employeesDetails td:nth-child(2) {
    min-width: 280px;
    max-width: 884px;
}

.employeesDetails-block .userImg-block {
    margin-right: 21px;
}

.employeesDetails-block h4 {
    font-weight: 600;
    margin-bottom: 8px;
}

.employeesDetails-block p {
    margin-bottom: 4px;
}

.table-PerforImprovPlan th:nth-child(4),
.table-PerforImprovPlan td:nth-child(4),
.table-PerforImprovPlan td:nth-child(5),
.table-PerforImprovPlan td:last-child,
.table-PerforDevPlan td:nth-child(5),
.table-PerforDevPlan td:last-child {
    white-space: nowrap;
}

.table-PerforImprovPlan td:nth-child(6),
.table-PerforDevPlan td:nth-child(6) {
    min-width: 200px;
}

.performance-form .progressbar-tab li {
    text-transform: none;
}

.performance-form .progressbar-tab {
    width: 1183px;
}

.perPartiSel-block {
    padding: 31px 20px;
    border-radius: 10px;
}

.selectReviewTypes-block {
    padding: 10px 18px;
    background: #F5F8F8;
    border-radius: 10px;
}

.selectReviewTypes-block .form-check {
    padding-left: 39px;
}

.selectReviewTypes-block .form-check .form-check-input {
    margin-top: 9px;
    margin-left: -39px;
}

.selectReviewTypes-block .form-check-label {
    font-weight: 500;
}

.selectReviewTypes-block .form-check-label span {
    font-weight: normal;
    display: block;
    margin-top: 2px;
}

.perCycleSum-block {
    padding: 22px 20px;
    border-radius: 10px;
}

.perCycleSum-block .row>*:first-child {
    border-right: 1px solid #D9D9D9;
}

.table-lableSmallLabel th,
.perCycleSum-block tbody th {
    font-size: 14px;
    font-weight: 600;
    padding: 7px 10px;
    padding-left: 0 !important;
}

.table-lableSmallLabel td,
.perCycleSum-block tbody td {
    padding: 7px 10px;
    padding-right: 0 !important;
}

.perCycleSum-block h6,
.empList-block h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* .perCycleSum-block tbody tr:first-child th,
.perCycleSum-block tbody tr:first-child td {
    padding-top: 0;
} */
.perCycleSum-block .tableUser-block,
.empList-block .tableUser-block {
    margin-bottom: 20px;
}

.perCycleSum-block .tableUser-block:last-child,
.empList-block .tableUser-block:last-child {
    margin-bottom: 0;
}

.perActSch-block {
    padding: 14px 18px 23px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.perActSch-block:last-child {
    margin-bottom: 0;
}

.perActSch-block h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

.perFinalConfirmation-block {
    text-align: center;
    padding: 22px 16px 33px;
    background: #E4FEF3;
    border-radius: 10px;
}

.perFinalConfirmation-block h5 {
    color: #00C670;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.perFinalConselect-block {
    padding: 21px 20px;
    border-radius: 10px;
}

.respond-modal .respond-block {
    flex-wrap: wrap;
}

.respond-main {
    height: auto;
    min-height: 210px;
}

.respondViewDetail-block {
    margin-top: 6px;
    width: 100%;
}

.respondViewDetail-block tbody th {
    font-weight: 500;
    padding: 6px 7px;
    padding-left: 0;
}

.respondViewDetail-block tbody td {
    padding: 6px 7px;
}

.respondViewDetail-block tbody td:last-child {
    padding-right: 0;
}

.videoQuestions-main {
    margin-bottom: 35px;
    counter-reset: section;
}

.videoQuestions-block {
    margin-bottom: 40px;
}

.videoQuestions-block:last-child {
    margin-bottom: 0;
}

.videoQuestions-block .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.videoQuestions-block .title h6 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.videoQuestions-block .title h6:after {
    counter-increment: section;
    content: counter(section);
    margin-left: 4px;
}

.videoQuestions-block .form-select {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 14px 36px 15px 18px;
}



.perforCycles-block {
    padding: 21px 20px;
    border-radius: 10px;
}

.perforCycles-block .card-header {
    padding-bottom: 9px;
    margin-bottom: 20px;
}

.perforCycles-block h3 {
    margin-bottom: 6px;
}

.perforCycles-block h3 .badge {
    padding: 8px 10px;
}

.perforCycles-block p img {
    width: 15px;
    margin-right: 6px;
}

.perforCycles-block .bg-white {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 16px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.perforCycles-block .progress-custom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 0;
}

.table-perforCycles .date {
    color: #646464;
    font-size: 12px;
    display: block;
}

.table-perforCycles td:nth-last-child(3),
.table-perforCycles td:nth-last-child(2),
.table-perforCycles td:last-child {
    min-width: 200px;
}

.perforCycleAnaly-block {
    padding: 20px 20px;
    border-radius: 10px;
}

.perforCycleAnaly-block>.row>*:first-child {
    border-right: 1px solid #DDDDDD;
}


.perforCycleAnaly-block .doughnut-label {
    align-items: flex-start;
    justify-content: flex-start;
}

.perforCycleAnaly-block .doughnut-label>span {
    margin-top: 3px;
}

.perforCycleMatrix-table {
    width: 100%;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
}

.perforCycleMatrix-table th {
    font-weight: inherit;
    padding: 5px 10px;
    border-bottom: 1px solid #ECECEC;

}

.perforCycleMatrix-table th:first-child {
    position: sticky;
    left: 0;
    text-align: right;
    border-right: 1px solid #ECECEC;
    padding-left: 0;
    background: #F5F8F8;
}

.perforCycleMatrix-table tr:last-child th {
    border-bottom: 0;
    padding-bottom: 11px;
}

.perforCycleMatrix-table td {
    padding: 25px 10px;
    border-bottom: 1px solid #ECECEC;
}

.perforCycleMatrix-table .content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 165px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 7px;
}

.perforCycleMatrix-table .content.highlight {
    color: #fff;
    background: #004552;
}

.modal-viewProgress .modal-body h5 {
    margin-bottom: 12px;
}

.modal-viewProgress .modal-body .manning-timeline {
    margin-bottom: 24px;
}

.modal-viewProgress ul.manning-timeline li {
    padding-top: 16px;
}

.modal-viewProgress ul.manning-timeline li::before {
    top: 13px;
}

.modal-viewProgress ul.manning-timeline li:first-child::before {
    top: 0;
}

.modal-viewProgress ul.manning-timeline li:first-child {
    padding-top: 3px;
}

.progressOneCenText-block,
.card-resolutionRate .progress-block,
.card-reportsResolved .progress-block,
.card-feedbackEvaluation .progress-block {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px;
}

.card-feedbackEvaluation .progress-block {
    margin-bottom: 20px;
    max-width: 100%;
}

.card-reportsResolved .progress-block {
    margin-bottom: 16px;
}

.progressOneCenText-block .progress-container,
.card-resolutionRate .progress-container {
    position: relative;
    width: 236px;
    height: 236px;
}

.card-feedbackEvaluation .progress-container {
    position: relative;
    width: 250px;
    height: 250px;
    max-width: 100%;
}

.card-reportsResolved .progress-container {
    width: 136px;
    height: 136px;
    position: relative;
}

.progressOneCenText-block .text,
.card-resolutionRate .text,
.card-reportsResolved .text,
.card-feedbackEvaluation .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 82%;
}

.card-resolutionRate .text,
.card-feedbackEvaluation .text {
    white-space: nowrap;
}

.progressOneCenText-block .text h5,
.card-resolutionRate .text h5,
.card-feedbackEvaluation .text h5 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.18px;
}

.card-reportsResolved .text h5 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.11px;
}

.card-resolutionRate .text p {
    font-weight: 500;
    text-transform: uppercase;
}

.progressOneCenText-block .text p,
.card-feedbackEvaluation .text p,
.card-reportsResolved .text p {
    font-size: 12px;
    line-height: 1.17;
    font-weight: 500;
    text-transform: uppercase;
    white-space: normal;
}


.card-resolutionRate .d-flex,
.card-reportsResolved .d-flex,
.card-feedbackEvaluation .d-flex {
    border-top: 1px solid #E7E7E7;
    padding-top: 11px;
    align-items: center;
    justify-content: space-between;
}

.card-resolutionRate .d-flex p,
.card-reportsResolved .d-flex p,
.card-feedbackEvaluation .d-flex p {
    font-weight: 600;
    margin: 0;
}

.card-confiCases .d-flex {
    margin-bottom: 20px;
    align-items: center;
}

.card-confiCases .d-flex:last-child {
    margin-bottom: 0;
}

.card-confiCases .progress {
    flex-grow: 1;
}


.card-confiCases span {
    width: 80px;
    margin-left: 14px;
    text-align: right;
}

.card-appealsSection p {
    text-transform: capitalize;
}

.card-appealsSection .bg-themeGrayLight {
    padding: 14px 16px;
    border-radius: 12px;
    height: 100%;
}

.card-appealsSection h6 {
    font-weight: 600;
    margin-bottom: 16px;
}

.card-appealsSection .doughnut-label {
    align-items: flex-start;
}

.card-appealsSection .doughnut-label>span {
    margin-top: 3px;
}

.caseTimelines-block {
    margin-bottom: 20px;
}

.caseTimelines-block:last-child {
    margin-bottom: 0;
}

.caseTimelines-block>p {
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0;
}

.caseTimelines-block>div:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.caseTimelines-block>div p {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
}

.caseTimelines-block>div span {
    font-size: 12px;
}


.card.peopleRelation-boxcard {
    padding: 21px 20px;
    min-height: 88px;
}

.peopleRelation-boxcard p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.card.card-empGrieSubmission {
    padding: 58px 20px 68px;
}

.card-empGrieSubmission h4 {
    font-weight: 600;
    margin-bottom: 11px;
}

.card-empGrieSubmission p {
    width: 1153px;
    max-width: 100%;
    margin: 0 auto 40px;
    line-height: 2;
}

.card-empGrieSubmission .row {
    margin-bottom: 58px;
}

.empGrieSubmission-check {
    width: 177px;
    height: 52px;
    background: #F5F8F8;
    border-radius: 7px;
    display: flex;
    align-items: center;
    padding: 5px 20px;
}

.empGrieSubmission-check .form-check {
    margin: 0;
    min-height: inherit;
}

.context-btn {
    /* width: 300px;
    height: 150px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto; */
    cursor: context-menu;
}

.context-menu {
    display: none;
    position: absolute;
    z-index: 9999;
    width: 136px;
    background: #fff;
    box-shadow: 0px 5px 15px #00000029;
    border-radius: 5px;
    overflow: hidden;
}

.context-menu--active {
    display: block;
}

.context-menu ul {
    padding: 3px 10px;
}

.context-menu li {
    border-bottom: 1px solid #DDDDDD;
    cursor: pointer;
}

.context-menu li:last-child {
    border: 0;
}

.context-menu li a {
    display: block;
    color: #222;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 0;
    /* white-space: nowrap; */
}

.context-menu li a:hover {
    color: #2eacb3;
}

.grieInv-card .bg-themeGrayLight,
.appealReviewDecision-card .bg-themeGrayLight {
    padding: 20px 20px;
    border-radius: 10px;
}

.grieInv-card .bg-themeGrayLight>.row>*:first-child,
.appealReviewDecision-card .bg-themeGrayLight>.row>*:first-child {
    border-right: 1px solid #D9D9D9;
}

.grieInv-card .bg-themeGrayLight h6,
.appealReviewDecision-card .bg-themeGrayLight h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.grieInv-card .bg-themeGrayLight table span img,
.appealReviewDecision-card .bg-themeGrayLight table span img {
    width: 14px;
    margin-right: 8px;
}

.grieInv-card .bg-themeGrayLight table img.pdf,
.appealReviewDecision-card .bg-themeGrayLight table img.pdf {
    height: 22px;
}

.card-AccomGrieHearing h6,
.card-appeal h6,
.card-nonRetaliation h6,
.card-rightAccompanied h6 {
    font-size: 18px;
    font-weight: 600;
}

.table-letterTemplates td {
    padding: 9px 5px;
    border-bottom: 1px solid #DDDDDD;
}

.table-letterTemplates a {
    white-space: nowrap;
}

.table-letterTemplates td:first-child {
    min-width: 140px;
}

.table-letterTemplates td input {
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    color: #222222;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.card-people-relation p {
    width: 1153px;
    max-width: 100%;
    margin: 0 auto 40px;
    line-height: 2;
}



.table-retaliation-case th:first-child {
    min-width: 110px;
}

.table-history-and-logs tr td:nth-child(8),
.table-retaliation-case tr td:nth-child(4),
.table-retaliation-case tr td:nth-child(3) {
    min-width: 200px;
}

.table-history-andlogs td:nth-last-of-type(2) {
    min-width: 140px;
}

.prReview-body {
    flex-grow: 1;
    overflow: auto;
    padding: 20px 30px;
}

.prReview-body .table-lable tbody th {
    font-weight: 500;
    white-space: nowrap;
}

.prReview-body .table-lable tbody td {
    min-width: 180px;
}

.prReview-body .table-lable tbody td img {
    margin-right: 10px;
}

.prReview-footer {
    background: #F5F8F8;
    padding: 23px 20px 20px;
}

.prReview-footer .card-footer {
    margin-top: 20px;
}

.table-evidence tbody td:last-child {
    text-align: right;
}

.prReviewWhen-wrapper .prReview-footer {
    padding: 30px 36px;
}

.card.card-grievance,
.card.card-disciplinary {
    padding: 0;
    overflow: hidden;
}

.card.card-grievance .head,
.card.card-disciplinary .head {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 12px 10px 11px;
    background: #F5F8F8;
    text-transform: uppercase;
}

.card.card-grievance .body,
.card.card-disciplinary .body {
    padding: 20px 20px 23px;
    border-bottom: 1px solid #E7E7E7;
}

.card.card-grievance .body:last-child,
.card.card-disciplinary .body:last-child {
    border-bottom: 0;
}

.table-kpiList td:first-child {
    min-width: 140px;
}

.table-kpiList td:last-child {
    min-width: 180px;
}

.responseKpi-block {
    padding: 14px 20px;
    border-radius: 12px;
}

.responseKpi-block>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E7E7E7;
}

.responseKpi-block>div label.form-label {
    margin-right: 10px;
    margin-bottom: 0;
}

.responseKpi-block ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.responseKpi-block ul li {
    padding: 0 10px;
    border-right: 1px solid #707070;
    margin-bottom: 4px;
}

.responseKpi-block ul li:last-child {
    border-right: 0;
}


.responseKpi-block ul li span {
    color: #222222;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.three-progressbar {
    position: relative;
    max-width: 229px;
    margin: 0 auto;
}

.three-progressbar .progress-container {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.three-progressbar .progress-container:first-child {
    width: 100%;
    position: static;
    transform: none;
}

.three-progressbar .progress-container:nth-child(2) {
    width: calc(100% - 22%);
}

.three-progressbar .progress-container:nth-child(3) {
    width: calc(100% - 44%);
}

.card-participation .doughnut-label,
.card-comParticipation .doughnut-label {
    justify-content: flex-start;
}

.trainingAttendance-chart,
.departmentPart-chart,
.incident-chart,
.categoryIncidents-chart,
.fileManagement-chart {
    width: 235px;
    max-width: 100%;
    margin: 0 auto;
}

.categoryIncidents-chart {
    width: 267px;
}

.ldDash-block {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding-right: 4px;
}

.card-trainingHistory .leaveUser-block .date,
.card-surveysDeadline .leaveUser-block .date {
    margin-bottom: 10px;
}


.card-trainingHistory .leaveUser-block .date i,
.card-surveysDeadline .leaveUser-block .date i {
    font-size: 16px;
    margin-right: 10px;
}


.card-trainingHistory .leaveUser-block p,
.card-surveysDeadline .leaveUser-block p {
    font-size: 14px;
    margin-bottom: 4px;
}


.card-trainingHistory .leaveUser-block span,
.card-surveysDeadline .leaveUser-block span {
    color: #666666;
}

.card-surveysDeadline .leaveUser-block span {
    margin-right: 10px;
}

.card-surveysDeadline .leaveUser-block a {
    white-space: nowrap;
}

.table-empLDHod th:nth-child(2) {
    min-width: 100px;
}

.table-empLDHod th:last-child {
    white-space: nowrap;
}

.card-attendancePara h6,
.card-evaluationSet h6 {
    font-size: 18px;
    font-weight: 600;
}

.table-training td:first-child,
.table-attendTrack td:nth-child(4),
.table-trainingProgram td:nth-child(2) {
    min-width: 160px;
}

.table-training td:nth-last-child(5),
.table-attendTrack td:nth-last-child(4),
.table-attendTrack td:last-child,
.table-trainingProgram td:nth-last-child(3) {
    white-space: nowrap;
}


.table-training td .user-ovImg .img-circle,
.table-training td .user-ovImg .num {
    width: 34px;
    height: 34px;
    min-width: 34px;
    font-size: 13px;
}

.table-trainingProgram td:first-child {
    min-width: 120px;
}

.calendarLD-card .leaveUser-block p,
.calendarIncident-card .leaveUser-block p {
    font-size: 14px;
    margin-bottom: 4px;
}

.calendarLD-card .leaveUser-main .d-flex,
.calendarIncident-card .leaveUser-main .d-flex {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 14px;
    margin-bottom: 20px;
}

.calendarLD-card .leaveUser-bgBlock,
.calendarIncident-card .leaveUser-bgBlock {
    margin-bottom: 7px;
}

.calendarLD-card .time,
.calendarIncident-card .time {
    color: #8A8A8A;
    font-size: 12px;
    margin-bottom: 4px;
    width: 100%;
}

.calendarLD-card .time i,
.calendarIncident-card .time i {
    font-size: 14px;
    margin-right: 5px;
}


.calendarLD-card .leaveUser-block .user-ovImg,
.calendarIncident-card .leaveUser-block .user-ovImg {
    flex-direction: row;
    margin-left: 0;
}

.calendarLD-card .leaveUser-block .user-ovImg .img-circle,
.calendarLD-card .leaveUser-block .user-ovImg .num,
.calendarIncident-card .leaveUser-block .user-ovImg .img-circle,
.calendarIncident-card .leaveUser-block .user-ovImg .num {
    width: 24px;
    height: 24px;
    min-width: 24px;
    font-size: 9px;
}

.calendarLD-card .upcoming,
.calendarIncident-card .upcoming {
    color: #000;
    font-weight: 500;
    background: #E9E9E9;
    padding: 4px 10px;
    margin-bottom: 14px;
}


.table-queUserApp th:first-child,
.table-videoQueUserApp th:first-child {
    width: 370px;
}

.table-queUserApp th,
.table-queUserApp td,
.table-videoQueUserApp th {
    min-width: 200px;
}

.table-videoQueUserApp .ratio {
    width: 200px;
}

.surveyStatus-block {
    padding: 17px 20px;
    border-radius: 15px;
    margin-bottom: 10px;
}

.surveyStatus-block:last-child {
    margin-bottom: 0;
}

.surveyStatus-block .head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 9px;
    margin-bottom: 8px;
    border-bottom: 1px solid #DDDDDD;
}

.surveyStatus-block .head h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.surveyStatus-block .head p {
    font-size: 12px;
}

.surveyStatus-block .body {
    display: flex;
}

.surveyStatus-block .d-flex:first-child {
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 50px;
}

.surveyStatus-block .d-flex:first-child span {
    width: 100%;
    margin-right: 6px;
}

.surveyStatus-block .d-flex:first-child .progress-custom {
    width: calc(100% - 39px);
    margin-right: 10px;
    height: 8px;
    background: #fff;
}

.surveyStatus-block .btn-tableIcon {
    margin-right: 5px;
}

.surveyStatus-block .btn-tableIcon:last-child {
    margin-right: 0;
}

.table-recentSurvey td:first-child {
    min-width: 120px;
}

.table-recentSurvey td:last-child {
    white-space: nowrap;
}



.createSurvey-form .progressbar-wrapper {
    padding-top: 45px;
    margin-bottom: 70px;
}

.createSurvey-form .progressbar-tab {
    width: 720px;
}

.createSurvey-form .progressbar-tab li {
    width: 33.33%;
}

.surveyTitle-block {
    padding: 20px 20px;
    border-radius: 15px;
}

.negPosi-block {
    display: flex;
    margin: 0 -5px;
}

.negPosi-block .btn {
    font-size: 18px;
    line-height: 1.548;
    padding: 13px 10px;
    width: 55px;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin: 0 5px;
}

.negPosi-block .btn-neg,
.negPosi-block .btn-posi {
    font-size: 14px;
    padding: 16px 20px;
    background: #F2F2F2;
    width: 170px;
}

.negPosi-block .btn.active {
    color: #fff;
    background: #014653;
}

.input-group.searchInput-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.filters-btn {
    width: 160px;
    font-weight: 600;
}

.filters-btn i {
    margin-left: 16px;
    transition: all .5s;
}

.filters-btn.active i {
    transform: rotate(180deg);
}

.filters-block {
    position: relative;
    padding: 16px 20px 23px;
    background: #F5F8F8;
    border-radius: 10px;
}

.filters-block::before {
    content: '';
    position: absolute;
    left: calc(50% + 92px);
    bottom: 100%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 11px solid #F5F8F8;
}

.confiCreateSurvey-switch label.form-label {
    font-size: 18px;
    /* font: normal normal 600 18px/30px Poppins; */
    color: #222222;
    text-transform: capitalize;
    width: 545px;
}

.servey-card .bg-themeGrayLight,
.serveyResult-card .bg-themeGrayLight {
    padding: 11px 20px;
    border-radius: 15px;
}


.servey-card .card-title h3 {
    font-size: 22px;
    line-height: 1.5;
}

.userDetailList-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.userDetailList-wrapper li {
    padding: 0 20px;
    display: flex;
    align-items: center;
    border-right: 1px solid #CECECE;
}

.userDetailList-wrapper li:last-child {
    border-right: 0;
}


.userDetailList-wrapper li.d-flex {
    align-items: center;
}

.userDetailList-wrapper li span {
    font-weight: 600;
    margin-right: 10px;
}


.userDetailList-wrapper li .img-circle {
    width: 21px;
    height: 21px;
    min-width: 21px;
    margin-right: 6px;
}

.servey-card .bg-white {
    padding: 17px 20px;
    border-radius: 10px;
}

.servey-card table th {
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px;
    vertical-align: top;
}

.servey-card table td {
    padding: 5px 10px;
}

.servey-card .bg-white table td {
    min-width: 180px;
}

.servey-card table th:first-child {
    padding-left: 0;
}

.servey-card table td:last-child {
    padding-right: 0;
}

.servey-card .user-ovImg>.img-circle {
    width: 34px;
    height: 34px;
    min-width: 34px;
}

.table-serveyList td:first-child {
    min-width: 120px;
}

.table-serveyList td:nth-child(4),
.table-serveyList td:nth-child(5),
.table-serveyList td:last-child {
    white-space: nowrap;
}

.serveyResult-card .bg-white {
    border-radius: 15px;
    padding: 26px 20px;
}

.serveyResult-card .servey-boxCard {
    padding: 14px 17px;
}

.servey-boxCard p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
}

.servey-boxCard h3 {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.13px;
}

.serveyParticipant-card .bg-themeGrayLight {
    padding: 19px 20px;
    border-radius: 15px;
}

.serveyParticipant-card h6 {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.serveyParticipant-card hr {
    margin: 30px 0;
}

.card-incidentHr .dashboard-boxcard span {
    display: inline-block;
    font-size: 14px;
}

.card-incidentSeverity .leaveUser-bgBlock,
.card-incidentResolTime .leaveUser-bgBlock {
    flex-wrap: nowrap;
    padding: 14px 18px;
    border-radius: 15px;
}


.card-incidentSeverity .leaveUser-bgBlock h6,
.card-incidentResolTime .leaveUser-bgBlock h6 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}



.card-upMeetIncident .leaveUser-block>div,
.card-todoIncidentHOD .leaveUser-block>div {
    width: 100%;
}

.card-upMeetIncident .d-flex,
.card-todoIncidentHOD .d-flex {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.card-upMeetIncident h6,
.card-todoIncidentHOD h6,
.card-upMeetIncident span {
    font-weight: 600;
    margin-bottom: 4px;
}

.card-todoIncidentHOD span {
    font-weight: 500;
    margin-bottom: 4px;
}

.card-preventiveIncident,
.card-resolutionApp,
.card-wiInsightsIncident {
    max-height: 383px;
}

.card-preventiveIncident .leaveUser-block p,
.card-resolutionApp .leaveUser-block p,
.card-wiInsightsIncident .leaveUser-block p {
    font-size: 14px;
}

.table-incidentDelegated th {
    white-space: nowrap;
}

.table-incidentListing td:first-child,
.table-incidentListing td:nth-child(2) {
    min-width: 130px;
}

.table-incidentListing td:nth-child(4),
.table-incidentListing td:nth-child(5),
.table-incidentListing td:last-child {
    white-space: nowrap;
}

.table-incidentListing td .user-ovImg .img-circle {
    width: 28px;
    height: 28px;
    min-width: 28px;
}

.card-incidentListing .nav-tabs {
    border-bottom: 0;
}

.card-incidentListing .nav-tabs .nav-link {
    margin: 0;
    border: 0;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 10px;
    border-bottom: 2px solid transparent;
}

.card-incidentListing .nav-tabs .nav-link.active {
    color: #014653;
    border-bottom-color: #014653;
}

.incident-card .bg-themeGrayLight {
    padding: 17px 18px;
    border-radius: 15px;
}

.incident-card .bg-white {
    padding: 14px 15px;
    border-radius: 15px;
}

.incident-card h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.incident-card .bg-themeGrayLight .card-title h3 {
    font-size: 22px;
    line-height: 1.5;
}

.incident-card .img-circle.userImg-block {
    width: 56px;
    height: 56px;
    min-width: 56px;
}

.incident-card table th {
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px;
    vertical-align: top;
}

.incident-card table td {
    padding: 5px 10px;
}

.incident-card .bg-white table td {
    min-width: 180px;
}

.incident-card table th:first-child {
    padding-left: 0;
}

.incident-card table td:last-child {
    padding-right: 0;
}

.incident-card .user-ovImg>.img-circle {
    width: 28px;
    height: 28px;
    min-width: 28px;
}

.ratio-authNoti .d-flex {
    align-items: center;
}

.ratio-authNoti .form-label {
    text-transform: none;
    margin-bottom: 0;
    margin-right: 10px;
}

.ratio-authNoti .form-check-inline {
    margin-right: 20px;
}

.ratio-authNoti .form-check-inline:first-of-type {
    margin-left: auto;
}

.ratio-authNoti .form-check-inline:last-child {
    margin-right: 0;
}

.table-incidentInvesMeet td:nth-child(2) {
    min-width: 150px;
}

.table-incidentInvesMeet td:nth-child(3),
.table-incidentInvesMeet td:nth-child(4) {
    white-space: nowrap;
}

.table-incidentInvesMeet td:nth-child(5) {
    min-width: 120px;
}

.table-incidentInvesMeet td .user-ovImg .img-circle,
.user-ovImg.user-ovImgTable .img-circle {
    width: 28px;
    height: 28px;
    min-width: 28px;
}

.card-invesTemp .btn {
    white-space: normal;
}


/* 20-01 */
.navcarosel-box .dropdown-toggle::after {
    right: 10px;
    margin-left: 0;
}

.navcarosel-box .btn-group {
    width: auto;
    min-width: 100px;
}

.navcarosel-box .dropdown-toggle {
    padding-right: 30px;
}


.table-docExpiring th:last-child,
.table-docExpiring td:nth-last-child(2),
.table-uncateDocuments th,
.table-auditLogs th,
.table-fileVersionHistory th {
    white-space: nowrap;
}

.table-auditLogs th:nth-child(2) {
    min-width: 130px;
}

.table-auditLogs th:last-child {
    white-space: nowrap;
}

.table-fileVersionHistory td:first-child {
    min-width: 170px;
}

.modal-uploadFile .bg-themeGrayLight,
.modal-raiseATicket .bg-themeGrayLight {
    border-radius: 25px;
    padding: 24px;
}

.modal-uploadFile .uploadFileNew-block,
.modal-raiseATicket .uploadFileNew-block {
    height: 300px;
}

.modal-uploadFile .uploadFileNew-block img,
.modal-raiseATicket .uploadFileNew-block img {
    width: 50px;
    margin-bottom: 40px;
}



.uploadedFilesProgress-block {
    display: flex;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.uploadedFilesProgress-block:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.uploadedFilesProgress-block>.bg {
    width: 67px;
    height: 64px;
    min-width: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background: #014653;
    border-radius: 8px;
    margin-right: 16px;
    text-transform: uppercase;
}


.uploadedFilesProgress-block>div:nth-child(2) {
    flex-grow: 1;
}

.uploadedFilesProgress-block h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    word-break: break-word;
}

.uploadedFilesProgress-block>div:nth-child(2)>div:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 12px;
}

.uploadedFilesProgress-block .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #222222;
    border-radius: 50%;
    margin: 0 12px;
}

.text-themeYellow {
    color: #EFB408;
}

.text-themeDanger {
    color: #C80000;
}

.text-themeSuccess {
    color: #3EB95F;
}

.uploadedFilesProgress-block>.icon {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-left: 24px;
}

.uploadedFilesProgress-block .progress-custom {
    margin-top: 8px;
    height: 8px;
}

.selectFolderLocation-block {
    display: flex;
    align-items: center;
    padding: 20px 12px;
    border-bottom: 1px solid #DDDDDD;
}

.selectFolderLocation-block:last-child {
    border-bottom: 0;
}

.selectFolderLocation-block.active {
    background: #F5F8F8;
}


.selectFolderLocation-block>img {
    width: 50px;
    min-width: 50px;
    margin-right: 16px;
}

.selectFolderLocation-block>div {
    flex-grow: 1;
}

.selectFolderLocation-block .form-control {
    padding: 12px 18px 13px;
    max-width: 495px;
}

.selectFolderLocation-block h5 {
    font-size: 18px;
    font-weight: 600;
}

.selectFolderLocation-block>.btn-lg-icon {
    margin-left: 12px;
}

.modal-postUploadPrompt .modal-body {
    padding: 0 0 60px;
    text-align: center;
}

.modal-postUploadPrompt .modal-body>img {
    width: 69px;
    margin-bottom: 24px;
}

.modal-postUploadPrompt h4 {
    width: 417px;
    max-width: 100%;
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 36px;
}

.fileDocument-block {
    display: flex;
    flex-direction: column;
    padding: 20px 21px;
    border-radius: 10px;
    height: 100%;
    max-height: 635px;
}

.fileDocument-block .card-title select.form-select {
    line-height: 2.214;
    padding: 6px 30px 6px 16px;
}

.search-document {
    position: relative;
}

.search-document>div {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.search-document>div>i {
    color: #DDDDDD;
    font-size: 16px;
}



.search-document>div>.btn-icon {
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: rgb(34 34 34 / 30%);
    background: #F5F8F8;
    border-radius: 50%;
    margin-left: 10px;
}

.fileDocument-block .d-flex {
    align-items: center;
    padding: 20px 9px;
    border-bottom: 1px solid #DDDDDD;
}

.fileDocument-block .d-flex.active {
    background: #FFFFFF
}

.fileDocument-block .img-circle.userImg-block {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-right: 14px;
}

.fileDocument-block .d-flex div:nth-child(2) {
    flex-grow: 1;
}

.fileDocument-block h6 {
    font-size: 18px;
    font-weight: 600;
    /* margin-bottom: 4px; */
}

.table-fileDocView th:nth-child(3),
.table-fileuncateDocView th:nth-child(4) {
    white-space: nowrap;
}

.table-fileDocView td:first-child,
.table-fileuncateDocView td:nth-child(2) {
    min-width: 140px;
}


.modal-successNotification .modal-body {
    padding: 0 0 54px;
    text-align: center;
}

.modal-successNotification .modal-body>img {
    width: 49px;
    margin-bottom: 32px;
}

.modal-successNotification h4 {
    width: 417px;
    max-width: 100%;
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 53px;
}

.table-fileAauditLogs th,
.table-fileAauditLogs td:nth-last-child(2) {
    white-space: nowrap;
}

.table-fileAauditLogs td:nth-child(2) {
    min-width: 150px;
}

.fileManagEmpWise-accordion .accordion-item {
    background: transparent;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0 !important;
}

.fileManagEmpWise-accordion .accordion-button {
    color: #222222;
    padding: 20px 9px;
    background: #fff;
    border-radius: 0 !important;
    border: 0;
    box-shadow: none;
}

.fileManagEmpWise-accordion .accordion-button.collapsed {
    background: transparent;
}

.fileManagEmpWise-accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
}

.fileManagEmpWise-accordion .accordion-collapse {
    background: #fff;
    padding: 0 14px 10px;
}

.fileDocument-block .fileManagEmpWise-accordion .accordion-collapse .d-flex {
    padding: 10px 9px;
    border-bottom: 0;
}

.fileDocument-block .fileManagEmpWise-accordion .accordion-collapse .img-circle.userImg-block {
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin-right: 14px;
}

.fileDocument-block .fileManagEmpWise-accordion .accordion-collapse h6 {
    font-size: 16px;
}

.billingInvoicePremiumPlan-block {
    padding-top: 15px;
    padding-bottom: 21px;
    margin-bottom: 23px;
    border-bottom: 1px solid #E7E7E7;
}

.card-billingInvoicePremiumPlan h6 {
    opacity: 0.8;
    margin-bottom: 10px;
}

.card-billingInvoicePremiumPlan .billingInvoicePremiumPlan-block h6 {
    margin-bottom: 5px;
    white-space: nowrap;
}

.card-billingInvoicePremiumPlan span {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

/* .card-billingInvoicePremiumPlan .value {
    width: 57px;
    min-width: 57px;
    margin-left: 10px;
}

*/
.card-billingInvoicePremiumPlan .value p {
    font-size: 16px;
    margin-bottom: 12px;
}

ul.listingNew-wrapper li {
    position: relative;
    font-size: 16px;
    padding-left: 22px;
    margin-bottom: 12px;
}

ul.listingNew-wrapper li:last-child {
    margin-bottom: 0;
}

ul.listingNew-wrapper li::before {
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.table-billingInvoicePremiumPlan td {
    padding: 0 5px 12px;
    vertical-align: top;
}

.table-billingInvoicePremiumPlan td:last-child {
    white-space: nowrap;
}

.table-billingInvoicePremiumPlan th {
    white-space: nowrap;
}

.table-billingInvoicePremiumPlan td {
    white-space: nowrap;
}

.card-billingInvoice>div:first-child {
    padding: 28px 30px 90px;
}

.card-billingInvoice h4 {
    font-weight: 600;
    margin-bottom: 4px;
}

.card-billingInvoice h6 {
    font-size: 18px;
    margin-bottom: 6px;
}

.card-billingInvoice .img {
    display: inline-block;
    width: 274px;
    max-width: 100%;
    margin-bottom: 10px;
}

.card-billingInvoice .img img {
    width: 100%;
}

.card-billingInvoice>.bg-themeGrayLight {
    padding: 16px 12px;
}

.table-billingInvoice th,
.table-billingInvoiceTotal th,
.table-billingInvoiceTotal td {
    white-space: nowrap;
}

.table-billingInvoice td:nth-child(2) {
    min-width: 170px;
}

.table-billingInvoice th:last-child,
.table-billingInvoice td:last-child {
    white-space: nowrap;
    text-align: right;
}

.table-billingInvoiceTotal tbody th {
    font-size: 18px;
    font-weight: 500;
    padding: 6px 10px;
    border: 0 !important;
}

.table-billingInvoiceTotal tbody th:first-child {
    padding-left: 0;
}

.table-billingInvoiceTotal {
    min-width: 268px;
}

.table-billingInvoiceTotal tbody td {
    font-size: 16px;
    font-weight: 500;
    padding: 6px 10px !important;
    border: 0 !important;
}

.table-billingInvoiceTotal tbody tr:last-child td,
.table-billingInvoiceTotal tbody tr:last-child th {
    padding-bottom: 16px !important;
}


.table-billingInvoiceTotal tbody td:last-child {
    text-align: right;
}

.table-billingInvoiceTotal tfoot th {
    font-size: 18px;
    font-weight: 600;
    padding: 16px 10px 0 !important;
    border-top: 1px solid #E7E7E7;
}

.table-billingInvoiceTotal tfoot th:first-child {
    padding-left: 0 !important;
}

.table-billingInvoiceTotal tfoot th:last-child {
    padding-right: 0 !important;
    text-align: right;
}

.card-billingInvoice div:first-child p {
    font-size: 16px;
}

.table-billingInvoicePaymentHistory td:first-child span {
    color: #014653;
    font-weight: 500;
}

.table-billingInvoicePaymentHistory th {
    white-space: nowrap;
}

.table-billingInvoiceSupportList th,
.table-billingInvoiceSupportList td:nth-child(4) {
    white-space: nowrap;
}

.table-billingInvoiceSupportList td:nth-child(3) {
    min-width: 150px;
}

.card.card-billingInvoiceSupport {
    padding: 20px 30px;
}

.billingInvoiceSupport-accordion .accordion-item {
    background: #FFFFFF;
    box-shadow: 0px 0px 24px #00000014;
    border: 1px solid #E7E7E7;
    border-radius: 12px !important;
    margin-bottom: 12px;
}

.billingInvoiceSupport-accordion button.accordion-button {
    color: inherit;
    font-weight: 500;
    padding: 21px 20px;
    background: transparent;
    box-shadow: none;
}

.billingInvoiceSupport-accordion .accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
    box-shadow: none;
}


.billingInvoiceSupport-accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
}

.billingInvoiceSupport-accordion .accordion-collapse {
    padding: 0 20px 20px;
}

.card-billingInvoiceSupport .img-circle {
    width: 50px;
    height: 50px;
    min-width: 50px;
}

.card-billingInvoiceSupport h6 {
    font-size: 18px;
    font-weight: 600;
}

.chatStatus-text.online {
    --chatStatus: #7AD45A;
}

.chatStatus-text.offline {
    --chatStatus: #A90000;
}

.chatStatus-text {
    display: flex;
    align-items: center;
    color: var(--chatStatus);
}

.chatStatus-text:before {
    content: '';
    width: 14px;
    height: 14px;
    background: var(--chatStatus);
    border-radius: 50%;
    margin-right: 4px;
}

.billingInvoiceChart-block {
    display: flex;
    flex-direction: column;
}

.billingInvoiceChart-block>div:first-child {
    height: 595px;
    overflow: auto;
    padding-right: 4px;

}

.billingInvoiceChart-block>div:first-child>div {
    display: flex;
    flex-direction: column;
    /* align-items: flex-end; */
    justify-content: flex-end;
    min-height: 100%;
}

.chat-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgb(34 34 34 / 60%);
    margin: 0 0 34px;
}

.chat-tag:before,
.chat-tag:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #E7E7E7;
}

.chat-msg {
    display: flex;
    align-items: end;
    gap: 12px;
    margin-bottom: 30px;
}

.chat-msg.right {
    flex-direction: row-reverse;
    justify-content: flex-start;
    text-align: right;
}

.chat-msg .msg {
    padding: 18px 24px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    max-width: 80%;
}

.chat-msg .time {
    font-size: 12px;
    opacity: .6;
    margin-bottom: 4px;
}

.chat-msg p {
    font-size: 16px;
}

.chatSend-input {
    position: relative;
}

.chatSend-input .form-control {
    padding-right: 50px;
}

.chatSend-input>i {
    position: absolute;
    top: 50%;
    right: 72px;
    transform: translateY(-50%);
    font-size: 14px;
    color: #DDDDDD;
}

.chatSend-input .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 30px;
    padding: 10px 12px;
}

.table-announcementsList td:first-child {
    min-width: 120px;
}

.table-announcementsList td:last-child,
.table-sosHistory th,
.table-sosHistory td:last-child,
.table-sosTeamManagement th,
.table-sosTeamManagement td:last-child {
    white-space: nowrap;
}

.card-sosHistory label.form-label {
    text-transform: none;
}

.table-sosTeamManagement td:nth-child(2) {
    min-width: 160px;
}

.table-sosTeamManagement td .user-ovImg .img-circle {
    width: 28px;
    height: 28px;
    min-width: 28px;
}

.sosResortMap-map {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    min-height: 450px;
}

.sosResortMap-block {
    padding: 20px;
    background: #F5F5F5;
    border: 1px solid #D1CFCF;
    border-radius: 10px;
}

.sosResortMap-block .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}

.sosResortMap-block>.d-flex {
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid transparent;
    border-radius: 10px;
    margin-bottom: 10px;
}

.sosResortMap-block>.d-flex.unsafe {
    background: #F5EAEA;
    border-color: #EFB6AF;
}

.sosResortMap-block>.d-flex:last-child {
    margin-bottom: 0;
}

.sosResortMap-block>.d-flex h6 {
    font-size: 14px;
    margin-bottom: 1px;
}

.sosResortMap-block>.d-flex p {
    font-size: 12px;
    color: #666666;
}

.sosResortMap-block>.d-flex>div:nth-child(2) {
    flex-grow: 1;
    margin-right: 4px;
}

.sosteamActivity-header .d-flex,
.sosEmpSafetyStatus-header .d-flex {
    align-items: center;
    justify-content: space-between;
    padding: 23px 27px 23px 17px;
    border-radius: 15px;
}

.sosteamActivity-header .badge,
.sosEmpSafetyStatus-header .badge {
    font-weight: normal;
    padding: 11px 20px;
}

.sosteamActivity-header i,
.sosEmpSafetyStatus-header i {
    color: #434343;
    font-size: 20px;
}

.sosEmpSafetyStatus-form {
    padding: 12px 20px;
    border-radius: 15px;
}


.sosteamActivity-emp>.d-flex,
.sosEmpSafetyStatus-emp>.d-flex {
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin-bottom: 16px;
    gap: 8px;
}

.sosteamActivity-emp>.d-flex.unsafe,
.sosEmpSafetyStatus-emp>.d-flex.unsafe {
    background: #F5EAEA;
    border-color: #EFB6AF;
}

.sosteamActivity-emp>.d-flex:last-child,
.sosEmpSafetyStatus-emp>.d-flex:last-child {
    margin-bottom: 0;
}

.sosteamActivity-emp>.d-flex h6,
.sosEmpSafetyStatus-emp>.d-flex h6 {
    margin-bottom: 5px;
}

.sosteamActivity-emp>.d-flex p,
.sosEmpSafetyStatus-emp>.d-flex p {
    font-size: 12px;
    color: #666666;
}

.sosteamActivity-emp>.d-flex>div:nth-child(2),
.sosEmpSafetyStatus-emp>.d-flex>div:nth-child(2) {
    flex-grow: 1;
}

.sosteamActivity-emp>.d-flex>div:last-child,
.sosEmpSafetyStatus-emp>.d-flex>div:last-child {
    text-align: right;
}

.sosteamActivity-emp>.d-flex>div:last-child span,
.sosEmpSafetyStatus-emp>.d-flex>div:last-child span {
    color: #686868;
    font-size: 12px;
    font-style: italic;
}

.sosteamActivity-emp>.d-flex>div:last-child ul,
.sosEmpSafetyStatus-emp>.d-flex>div:last-child ul {
    display: flex;
    justify-content: flex-end;
    margin: 0 -20px 13px;
    white-space: nowrap;
}

.sosteamActivity-emp>.d-flex>div:last-child ul>li,
.sosEmpSafetyStatus-emp>.d-flex>div:last-child ul>li {
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-right: 1px solid #AFAFAF;
}

.sosteamActivity-emp>.d-flex>div:last-child ul>li:last-child,
.sosEmpSafetyStatus-emp>.d-flex>div:last-child ul>li:last-child {
    border: none;
}

.sosteamActivity-emp>.d-flex>div:last-child ul li i,
.sosteamActivity-emp>.d-flex>div:last-child ul li img,
.sosEmpSafetyStatus-emp>.d-flex>div:last-child ul li i,
.sosEmpSafetyStatus-emp>.d-flex>div:last-child ul li img {
    width: 20px;
    font-size: 20px;
    margin-right: 10px;
}



/* 24-02-2025 */


.card-visa-management .nav-tabs .nav-link {
    margin: 0;
    border: 0;
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 20px 12px;
    border-bottom: 2px solid transparent;
}

.card-visa-management .nav-tabs .nav-link.active {
    color: #014653;
    border-bottom-color: #014653;
}


.total-incidents-box>div,
.talentAcqVisaTotal-box>div {
    margin-bottom: 12px;
}

.total-incidents-box>div:last-child,
.talentAcqVisaTotal-box>div:last-child {
    margin-bottom: 0;
}

.total-incidents-box label,
.talentAcqVisaTotal-box label {
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    text-transform: capitalize;
}

.total-incidents-box span,
.talentAcqVisaTotal-box>span {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}

.overdue-alerts-box {
    padding: 11px 17px;
    border-radius: 10px;
}


.user-block {
    padding: 9px 20px 9px 10px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 10px;
}

.block-danger {
    border: 1px solid #EFB6AF;
    background-color: #F5EAEA;
}

.block-danger .overdue-text {
    color: #C80000;
}

.block-danger h6 span {
    background-color: white;
}

.user-block .img-circle {
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin-right: 10px;
}



.user-block h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.643;
    margin-bottom: 0px;
}


.user-block h6 span {
    padding: 2px 7px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    margin-left: 6px;
    background-color: #F5F5F5;
}

.user-block p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #666666;
}

.overdue-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    color: #C80000;
    color: var(--darkblack);
}

.card-visa-management .datepicker {
    padding: 10px 18px 9px;
}

.expiry-dates-overview-box {
    padding: 16px 24px;
    background-color: #F5F8F8;
    border-radius: 10px;

}

.expiry-dates-overview-box:not(:last-of-type) {
    margin-bottom: 10px;
}

.expiry-dates-overview-content {
    max-height: 328px;
    overflow-x: hidden;
    overflow-y: auto;
}

.expiry-dates-overview-box .user-block:not(:last-of-type) {
    margin-bottom: 10px;
}

.card-visa-manINsightPayroll .leaveUser-block .img {
    max-height: 42px;
}

.card-visa-manINsightPayroll .leaveUser-block .img img {
    object-fit: cover;
}

.card-visa-management .nav-tabs {
    border-bottom: none;
    position: relative;
    top: 1px;
}


.total-breakdown-visa>div {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    gap: 8px;
}

.total-breakdown-visa h5 {
    font: normal normal 600 18px/1.612 'Poppins';
    color: var(--darkblack);
}

.total-breakdown-visa p {
    font: normal normal 400 13px/1.462 'Poppins';
    color: var(--darkblack);
}

.total-breakdown-visa>div:not(:last-of-type) {
    margin-bottom: 16px;
}

.total-breakdown-visa>div>div:nth-child(2) {
    flex-grow: 1;
    text-align: right;
}

.total-breakdown-visa>div>div:last-child ul {
    display: flex;
    justify-content: flex-end;
    margin: 0 0px 13px;
    white-space: nowrap;
}

.total-breakdown-visa>div>div:last-child ul li {
    display: flex;
    align-items: center;
    padding: 0 20px;
    color: var(--darkblack);
    font: normal normal 600 13px/1 'Poppins';
}

.total-breakdown-visa>div>div:last-child ul li:first-of-type {
    padding-left: 0;
}

.total-breakdown-visa>div>div:last-child ul li:not(:last-of-type) {
    border-right: 2px solid var(--darkblack);
}

.ExpDa-fillterbox {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.ExpDa-fillterbox>a {
    background: #F5F8F8;
    border-radius: 10px;
    padding: 16px 20px;
    max-width: 265px;
    width: 100%;
    border: 1px solid transparent;
    font: normal normal 500 18px/1.556 'Poppins';
    color: var(--darkblack);
}

.ExpDa-fillterbox>a.active {
    color: #014653;
    border-color: #014653;
}

.card-visa-manDepositRe .form-control-sm {
    height: 40px;
    padding: 8px 18px 8px;
}

.reconciliation-card h4 {
    font: normal normal 600 18px/30px 'Poppins';
    color: var(--darkblack);
    margin-bottom: 12px;
}

.reconciliation-block {
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; */
    padding: 21px 20px 15px;
    background: #F5F8F8;
    border-radius: 15px;
    height: 100%;
}

.reconciliation-block h6 {

    font: normal normal 400 14px/1.429 'Poppins';
}

.reconciliation-block strong {
    font: normal normal 600 24px/1.667 'Poppins';
    letter-spacing: 0.12px;
    color: var(--darkblack);
    display: inline-block;
}

.RecoDiff-block {
    padding: 16px 20px;
    background-color: #FDF3D7;
    color: #F0B919;
    font: normal normal 500 18px/1.389 'Poppins';
    border-radius: 15px;
}

.card-visa-manINsightPayroll .leaveUser-main {
    max-height: 340px;
}

.Nat-wise-Brecard div.dt-container.dt-empty-footer .dt-scroll-body {
    border-bottom: none;
}

.exp-Date-userbox {
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    padding: 10px 20px 10px 10px;
}

.exp-Date-userbox:not(:last-of-type) {
    margin-bottom: 10px;
}

.exp-Date-userbox.expiry-dat-box .expires-date-box {
    grid-template-columns: auto auto auto auto;
}

.expires-date-box {
    grid-template-columns: auto auto auto auto auto;
    gap: 10px;
    display: grid;
    width: 100%;

}

.exp-Date-userbox .img-circle {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 11px;
}

.exp-Date-userbox>div h6 {
    font: normal normal 500 14px/1.643 'Poppins';
}

.exp-Date-userbox>div h6 span {
    width: auto;
    height: 21px;
    background: #F5F5F5;
    border-radius: 5px;
    font: normal normal 400 13px/1 'Poppins';
}

.exp-Date-userbox>div label {
    font: normal normal 500 13px/1.308 'Poppins';
}

.exp-Date-userbox>div p {
    font: normal normal 400 12px/1.417 'Poppins';
    color: #666666;
}

.employee-details-nav {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

.employee-details-nav li {
    display: flex;
    align-items: center;
    padding: 0 8px;
    font: normal normal 400 12px/1.2 'Poppins';
}

.employee-details-nav li:not(:last-of-type) {
    border-right: 1px solid var(--darkblack);
}

.empDetail-block.XpatDetail-box strong {

    display: block;
    font-size: 20px;
}

.empDetail-block.XpatDetail-box span {
    font: normal normal 400 12px/1 'Poppins';
    letter-spacing: 0.06px;
}

.XpatDetail-documents-box {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    padding: 20px 21px;
}

.XpatDetail-Documents-block {
    background: #F5F8F8;
    border-radius: 15px;
    padding: 14px 17px 16px;
}

.XpatDetail-Documents-block span {
    font: normal normal 400 12px/1 'Poppins';
    color: #333333;
    display: inline-block;
    margin-top: 3px;
}

.XpatDet-paySchedule .nav-tabs {

    position: relative;
    top: 1px;
    margin-bottom: 19px;
}

.XpatDet-paySchedule .nav-tabs .nav-link {
    margin: 0;
    border: 0;
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 20px 12px;
    border-bottom: 2px solid transparent;
}

.XpatDet-paySchedule .nav-tabs .nav-link.active {
    color: #014653;
    border-bottom-color: #014653;
}

.XpatDet-paySchedule .listing-box {
    padding: 16px 20px;
    border-radius: 15px;
}

.XpatDet-paySchedule .listing-box .nav {
    font: normal normal 600 16px/1 'Poppins';
    color: #222222;

}

.XpatDet-paySchedule .listing-box .nav li {
    padding: 0 12px;
}

.XpatDet-paySchedule .listing-box .nav li:not(:last-of-type) {
    border-right: 1px solid #222222;
}

.expenses-joining-box {
    padding: 18px 20px 12px;
    background-color: #F5F8F8;
    border-radius: 15px;
}

.expenses-joining-box h6 {
    font: normal normal 500 18px/30px 'Poppins';
}

.expenses-joining-box strong {
    font: normal normal 600 31px/52px 'Poppins';
}

.expenses-joining-box span {
    font: normal normal 400 16px/30px 'Poppins';
}

.tot-amount {
    font: normal normal 600 14px/30px 'Poppins';
    color: #222222;
    border: 1px solid #DDDDDD;
    border-radius: 15px;
    padding: 10px 15px;
}

.renewal-box {
    background: #F5F8F8;
    border-radius: 15px;
    padding: 20px;
}

.renewal-box .card-title {
    padding-bottom: 14px;
    margin-bottom: 16px;
}

.renewal-innerbox {
    margin-bottom: 25px;
}

.renewal-innerbox label {
    font: normal normal 600 14px/1.643 'Poppins';
}

.renewal-innerbox p {
    margin-top: 5px;
    font: normal normal normal 14px/1.429 'Poppins';
}

.VisaMan-Configuration-box h4 {
    font: normal normal 600 18px/30px 'Poppins';
}

.flotting-text span {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #A1A1A1;
    font: normal normal 500 16px/30px 'Poppins';
}

.flotting-text input[type="number"]~span{
    right: 38px;
}

.VisaMan-Configuration-box:not(:last-of-type) {
    margin-bottom: 20px;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 20px;
}

.VisaMan-Configuration-box:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.PayReq-Details-box {
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    padding: 16px;
}

.PayReq-Details-box .img-circle {
    width: 52px;
    height: 52px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 15px;
}

.PayReq-Details-box h6 {
    font: normal normal 500 16px/1.625 'Poppins';
    margin-bottom: 5px;
}

.PayReq-Details-box strong {
    font: normal normal 600 16px/1.356 'Poppins';
}

.PayReq-Details-box .border-top {
    border-top-color: #DDDDDD !important;
    padding-top: 16px;
    margin-top: 16px;
}

.PayReq-Details-box .insurance-Ibox label {
    font: normal normal 500 14px/1.643 'Poppins';
    margin-bottom: 3px;
}

.PayReq-Details-box .insurance-Ibox span {
    font: normal normal 400 14px/1 'Poppins';
    color: #666666;
}

.PayReq-Details-box:not(:last-of-type) {
    margin-bottom: 10px;
}

.PayReqprice-bar {
    background: #F5F8F8;
    padding: 16px;
    border-radius: 15px;

}

.PayReqprice-bar span {
    font: normal normal 600 14px/2.143 'Poppins';
}

.PayReqprice-bar label {
    font: normal normal 600 18px/1.667 'Poppins';
}

.DepRefReq-checkbox {
    background: #F5F8F8;
    border-radius: 15px;
    padding: 23px 34px 25px 26px;
}

.DepRefReq-checkbox p {
    font: normal normal 600 16px/1.625 'Poppins';
    margin-bottom: 4px;
}

.DepRefReq-checkbox span {
    font: normal normal 400 14px/1 'Poppins';
}

.document-management-tabcard fieldset>div {
    padding: 33px 0 0;
}

.document-management-tabcard fieldset>div h2 {
    font: normal normal 600 24px/30px 'Poppins';
    margin-bottom: 24px;
}

.document-management-tabcard .uploadFileNew-block img {
    max-width: 51px;
}

.document-management-tabcard .uploadFileNew-block {
    min-height: 302px;
}

.document-box {
    background: #F5F8F8;
    padding: 24px 20px 26px;
    border-radius: 25px;
}

.document-box .img-box {
    max-height: 158px;
    text-align: center;
}

.document-box p {
    text-align: center;
    font: normal normal 600 14px/1.643 'Poppins';
    margin: 8px 0 16px;
}

.document-box .img-box img {
    height: 158px;
    object-fit: cover;
    object-position: center center;
}

.document-box .border-top {
    padding-top: 16px;
}

.document-proces-listing li {
    background: #F5F8F8;
    border-radius: 15px;
    padding: 22px 20px 21px 54px !important;
    position: relative;
}

.document-proces-listing li:not(:last-of-type) {
    margin-bottom: 10px;
}

ul.listing-wrapper.document-proces-listing li::before {
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}

.generated-folName .btn {
    padding: 12px 42px;
}

.Xpat-Sync-card .uploadFileNew-block {
    padding: 75px 0;
}

.uploadFileNew-block img {
    width: 51px;
    margin-bottom: 42px;
}

/* 6-3-2024  */

.userImg-edit {
    position: absolute;
    bottom: 0;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #FFF;
    font-size: 17px;
    background: #014653;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
}

.userImg-edit:hover {
    color: #014653;
    background: #fff;
    border: 1px solid #014653;
}

.modal-drillSOS .modal-body {
    padding: 0 0 60px;
    text-align: center;
}

.modal-drillSOS h4 {
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 48px;
}

.table-listPromotions th,
.table-listPromotions td:last-child {
    white-space: nowrap;
}

.iniPromotion-block,
.salaryIncrementManag-bgBlock {
    padding: 26px 19px;
    border-radius: 15px;
    margin-bottom: 22px;
}

.iniProSelectEmp-block .bor {
    border-left: 1px solid #DDDDDD;
}

.iniProSelectEmp-block label.form-label {
    display: block;
    text-transform: none;
}

.cardBorder-block {
    padding: 20px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
}

.iniProSelect-block table td:first-child {
    max-width: 320px;
}

.card-IniPromo .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.card-salaryIncrementManag .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.promoApprovalReview-block,
.updateEmployeeDetails-block {
    padding: 10px 20px;
    border-radius: 15px;
}

.promoApprovalReview-block .date,
.updateEmployeeDetails-block .date {
    font-size: 16px;
    font-weight: 500;
}

.table-proposedChanges th {
    white-space: nowrap;
}


.card-promoApprovalReview th,
.card-updateEmployeeDetails th {
    font-size: 16px;
    font-weight: 500;
    vertical-align: top;
}

.card-promoApprovalReview td,
.card-updateEmployeeDetails td {
    min-width: 200px;
}

.card-updateEmployeeDetails th {
    min-width: 120px;
}

.table-peopleEmpPromo th,
.table-peopleEmpPromo td:last-child,
.table-promotionHistory th,
.table-promotionHistory a {
    white-space: nowrap;
}

.table-peopleEmpPromo td:nth-last-child(3) {
    min-width: 120px;
}

.card-salaryIncrementManag>.form-check .form-check-label {
    font-size: 18px;
    font-weight: 600;
}

.salaryIncrementManag-block p {
    margin-bottom: 2px;
}

.salaryIncrementManag-block .d-flex {
    margin-bottom: 8px;
}

.salaryIncrementManag-block .position {
    display: block;
    color: #014653;
    font-weight: 500;
    margin-bottom: 4px;
}

.salaryIncrementManag-block .date {
    display: block;
    font-size: 12px;
    margin-bottom: 14px;
}

.salaryIncrementManag-block .bg p {
    margin-bottom: 0;
}

.salaryIncrementManag-clickBlock {
    position: relative;
    border-radius: 25px;
}

.salaryIncrementManag-block>.hide {
    display: none;
    opacity: 0;
}

.salaryIncrementManag-clickBlock>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}

.salaryIncrementManag-clickBlock.active>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
}


.salaryIncrementManag-clickBlock.active {
    box-shadow: 0px 35px 40px #0000004D;
}

.salaryIncrementManag-clickBlock.active>div>.hide {
    display: block;
    opacity: 1;
}

.salaryIncrementManag-block .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 41px;
    font-size: 13px;
}

.salaryIncrementManag-block .form-control.form-control-small {
    padding: 8px 18px;
    font-size: 13px;
}

.salaryIncrementManag-block input.datepicker {
    background-size: 16px;
}

.salaryIncrementManag-main {
    perspective: 600px;
}

.salaryIncrementManag-inner {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transform-style: preserve-3d;
    transform-origin: center right;
    transition: transform 1s;
}

.salaryIncrementManag-inner.is-flipped {
    transform: translateX(-100%) rotateY(-180deg);
}


.salaryIncrementManag-inner>.salaryIncrementManag-block {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    background: #fff;
}

.salaryIncrementManag-inner>.salaryIncrementManag-block.back {
    transform: rotateY(180deg);
    box-shadow: 0px 35px 40px #0000004D;
}

.card-salaryIncrementSum .bg-themeGrayLight {
    padding: 16px 20px;
    border-radius: 15px;
    min-height: 90px;
    height: 100%;
}

.card-salaryIncrementSum .bg-themeGrayLight.d-flex {
    align-items: center;
    justify-content: space-between;
}

.card-salaryIncrementSum strong {
    font-size: 26px;
    letter-spacing: 0.13px;
}

.table-salaryIncreSummary th {
    white-space: nowrap;
}

.table-salaryIncreSummary td:last-child {
    min-width: 120px;
}

.table-peopleProbationList td:nth-child(5) {
    min-width: 110px;
}

.table-peopleProbationList td:nth-child(6) {
    min-width: 130px;
}

.table-peopleProbationList td:last-child {
    min-width: 140px;
}

.card-probationDetails .bg-themeGrayLight {
    padding: 20px 20px;
    border-radius: 15px;
}

.card-probationDetails ul.manning-timeline li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.card-probationDetails ul.manning-timeline li p {
    color: #929292;
}

.card-probationDetails ul.manning-timeline li>div {
    opacity: .34;
    margin-right: 6px;
}

.card-probationDetails ul.manning-timeline li span,
.card-probationDetails ul.manning-timeline li.active>div {
    opacity: 1;
}

.card-probationDetails table {
    width: 100%;
}

.card-probationDetails table th,
.card-probationDetails table td {
    font-weight: normal;
    padding: 7px 5px;
}

.card-probationDetails table th {
    padding-left: 0;
}

.card-probationDetails table td {
    padding-right: 0;
}

.card-header .input-group .form-control {
    padding-right: 45px;
}

.chat-msg .content p {
    margin-bottom: 10px;
}

.chat-msg .content ul,
.chat-msg .content ul li {
    text-align: left;
    list-style: disc;
}

.chat-msg .content ul {
    padding-left: 15px;
}

.locationEmp-chart,
.transferEmp-chart {
    width: 272px;
    max-width: 100%;
    margin: 0 auto;
}

.card-activePeopleEmp .leaveUser-bgBlock,
.card-annoPeopleEmp .leaveUser-bgBlock,
.card-salaryIncrePeopleEmp .leaveUser-bgBlock,
.card-promotionPeopleEmp .leaveUser-bgBlock,
.card-probationPeopleEmp .leaveUser-bgBlock,
.card-transferPeopleEmp .leaveUser-bgBlock,
.card-salaryadvPeopleEmp .leaveUser-bgBlock,
.card-repayTrackPeopleEmp .leaveUser-bgBlock,
.card-exitClearPeopleEmp .leaveUser-bgBlock,
.card-approvalsPeopleEmp .leaveUser-bgBlock,
.card-resignationPeopleEmp .leaveUser-bgBlock,
.card-liabilityTrackPeopleEmp .leaveUser-bgBlock {
    flex-wrap: nowrap;
    padding: 14px 18px;
    border-radius: 15px;
}

.card-activePeopleEmp .leaveUser-bgBlock h6,
.card-annoPeopleEmp .leaveUser-bgBlock h6,
.card-salaryIncrePeopleEmp .leaveUser-bgBlock h6,
.card-promotionPeopleEmp .leaveUser-bgBlock h6,
.card-probationPeopleEmp .leaveUser-bgBlock h6,
.card-transferPeopleEmp .leaveUser-bgBlock h6,
.card-salaryadvPeopleEmp .leaveUser-bgBlock h6,
.card-repayTrackPeopleEmp .leaveUser-bgBlock h6,
.card-exitClearPeopleEmp .leaveUser-bgBlock h6,
.card-approvalsPeopleEmp .leaveUser-bgBlock h6,
.card-resignationPeopleEmp .leaveUser-bgBlock h6,
.card-liabilityTrackPeopleEmp .leaveUser-bgBlock h6 {
    font-size: 18px;
    line-height: 1.389;
}

.card-salaryIncrePeopleEmp .leaveUser-bgBlock,
.card-promotionPeopleEmp .leaveUser-bgBlock {
    height: 100%;
}

.table-totalAnnPeopleEmp th {
    white-space: nowrap;
}

.table-totalAnnPeopleEmp td:nth-child(3) {
    min-width: 110px;
}

.table-totalAnnSPeopleEmp,
.table-transferPeopleEmp {
    font-size: 16px;
}

.card-exitInterviewPeopleEmp .bg-themeGrayLight {
    border-radius: 12px;
    padding: 15px;
}

.salaryadvPeopleEmp-chart {
    width: 206px;
    max-width: 100%;
    margin: 0 auto;
}

.card-infoUpdatePeopleEmp .leaveUser-block>div:nth-child(3),
.card-infoUpdatePeopleEmpPage .leaveUser-block>div:nth-child(3) {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.card-infoUpdatePeopleEmp .leaveUser-block a,
.card-infoUpdatePeopleEmpPage .leaveUser-block a {
    white-space: nowrap;
    margin-left: 10px;
}

.card-infoUpdatePeopleEmp .leaveUser-block a:first-child,
.card-infoUpdatePeopleEmpPage .leaveUser-block a:first-child {
    margin-left: 0;
}

.card-probationPeopleEmp .leaveUser-bgBlock {
    flex-wrap: wrap;
}

.card-probationPeopleEmp .leaveUser-bgBlock .d-flex {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
    margin-bottom: 4px;
    border-bottom: 1px solid #DDDDDD;
}

.card-probationPeopleEmp p.fw-500 {
    font-size: 16px;
    margin-bottom: 3px;
}

.card-probationPeopleEmp .leaveUser-bgBlock.flex-nowrap {
    padding: 3px 21px;
    margin-bottom: 8px;
}

.card-probationPeopleEmp .progress-custom {
    height: 8px;
}

.card-probationPeopleEmp .progress-custom .progress-bar {
    font-size: 0;
}

.card-probationPeopleEmp span {
    font-size: 12px;
    line-height: 1.2;
}

#mySalaryChart {
    width: 206px;
    max-width: 100%;
    margin: 0 auto;
}

.exitClearPeopleEmp-block {
    font-weight: 600;
    padding: 10px 10px;
    background: #f0b91961;
    border-radius: 10px;
    text-align: center;
}

.card-exitClearPeopleEmp .progress-custom {
    height: 8px;
}

.card-exitClearPeopleEmp .progress-custom .progress-bar {
    font-size: 0;
}

.card-exitClearPeopleEmp .progress-custom+span {
    font-size: 12px;
}

.card-exitClearPeopleEmp .table-lableNew th,
.card-exitClearPeopleEmp .table-lableNew td {
    padding: 16px 5px;
}

.card-exitClearPeopleEmp p {
    min-width: 55px;
    margin: 0 17px 0 0;
}

.approvalsPeopleEmp-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #66C1C6;
    padding: 11px 18px;
    background: #F5F8F8;
    border-radius: 10px;
}

.approvalsPeopleEmp-block p {
    text-transform: capitalize;
    margin: 0;
}

.approvalsPeopleEmp-block p i {
    white-space: nowrap;
}

.card-liabilityTrackPeopleEmp .leaveUser-bgBlock span {
    font-size: 12px;
    font-weight: 500;
    display: block;
    text-align: right;
}

.card-liabilityTrackPeopleEmp .bg-themeGrayLight {
    padding: 15px 21px;
    border-radius: 12px;
}

.card-liabilityTrackPeopleEmp .bg-themeGrayLight .table-lableNew th {
    font-size: 20px;
    text-align: right;
    padding: 7px 5px;
}


.card-liabilityTrackPeopleEmp .bg-themeGrayLight .table-lableNew td {
    font-size: 16px;
    padding: 10px 5px;
}

.card-liabilityTrackPeopleEmp .d-flex {
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
}

.card-liabilityTrackPeopleEmp .progress-custom {
    height: 8px;
}

.table-liabilityTrackPeopleEmp th {
    font-size: 16px;
    font-weight: 500;
    padding: 13px 5px;
}

.table-liabilityTrackPeopleEmp td {
    padding: 15px 5px;
}

.card-salaryadvPeopleEmp .doughnut-label {
    justify-content: flex-start;
}

.card-empListPeopleEmp>.form-check .form-check-label {
    font-size: 18px;
    font-weight: 600;
}

.empListPeopleEmp-block p {
    margin-bottom: 20px;
}

.empListPeopleEmp-block .block {
    padding: 8px 0;
    margin-bottom: 13px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.empListPeopleEmp-block table {
    width: 100%;
}

.empListPeopleEmp-block table td {
    padding: 7px 5px;
}

.empListPeopleEmp-block table td:first-child {
    text-align: left;
    padding-left: 0;
}

.empListPeopleEmp-block table td:last-child {
    text-align: right;
    padding-right: 0;
}


.empListPeopleEmp-block .form-check {
    text-align: left;
}

.empDetailPeopleEmp-sidebar {
    width: 312px;
    background: #F5F8F8;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    text-align: center;
    position: relative;
    padding: 20px 16px;
}

.empDetailPeopleEmp-sidebar .dropdown {
    position: absolute;
    top: 22px;
    right: 22px;
}

.empDetailPeopleEmp-sidebar>.img-circle {
    width: 77px;
    height: 77px;
    display: inline-block;
    /* margin-bottom: 6px; */
}


.empDetailPeopleEmp-sidebar>h6 {
    font-weight: 600;
    margin-bottom: 4px;
}


.empDetailPeopleEmp-sidebar>.badge {
    margin-bottom: 4px;
}

.empDetailPeopleEmp-sidebar>p {
    margin-bottom: 5px;
}

.empDetailPeopleEmp-sidebar>.position {
    font-weight: 500;
    margin-bottom: 12px;
}

.empDetailPeopleEmp-sidebar>.form-select {
    width: auto;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 30px 2px 14px;
    line-height: 1.5;
    border-radius: 7px;
}

.empDetailPeopleEmp-sidebar>.form-select.active {
    color: #3EB95F;
    background-color: #3EB95F1A;
    border-color: #3EB95F;
}

.empDetailPeopleEmp-sidebar>.table {
    margin-bottom: 20px;
}

.empDetailPeopleEmp-sidebar>.table tbody td {
    font-size: 14px;
    /* font-weight: 400; */
    /* line-height: 20px; */
    padding: 13px 5px;
}

.empDetailPeopleEmp-sidebar>.table tbody td:first-child {
    text-align: left;
    padding-left: 0;
}

.empDetailPeopleEmp-sidebar>.table tbody td:last-child {
    text-align: right;
    padding-right: 0;
}

.empDetailPeopleEmp-sidebar>.table tbody td .tableUser-block {
    justify-content: flex-end;
}

.empDetailPeopleEmp-sidebar>ul>li {
    margin-bottom: 5px;
}

.empDetailPeopleEmp-sidebar>ul>li:last-child {
    margin-bottom: 0;
}

.empDetailPeopleEmp-sidebar>ul>li>a {
    color: #222222;
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    padding: 12px 11px;
    background: #FFFFFF;
    border-radius: 10px;
}

.empDetailPeopleEmp-sidebar>ul>li>a::after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.tab-theme .nav-tabs,
.empDetailPeopleEmp-tab .nav-tabs,
.liabilityOverPeopleEmp-tab .nav-tabs {
    border-color: #E7E7E7;
}

.tab-theme .nav-tabs .nav-link,
.empDetailPeopleEmp-tab .nav-tabs .nav-link,
.liabilityOverPeopleEmp-tab .nav-tabs .nav-link {
    color: #666666;
    font-size: 16px;
    line-height: 1.322;
    font-weight: 500;
    border: 0;
    padding: 16px 18px;
    /* margin: 0; */
    border-bottom: 3px solid transparent;
}

.tab-theme .nav-tabs .nav-link.active,
.empDetailPeopleEmp-tab .nav-tabs .nav-link.active,
.liabilityOverPeopleEmp-tab .nav-tabs .nav-link.active {
    color: #014653;
    border-color: #014653
}


.tab-theme .tab-content>.tab-pane,
.empDetailPeopleEmp-tab .tab-content>.tab-pane,
.liabilityOverPeopleEmp-tab .tab-content>.tab-pane {
    padding-top: 21px;
}

.liabilityOverPeopleEmp-tab .nav-tabs .btn {
    margin-left: auto;
    align-self: center;
    margin-bottom: 2px;
}

.empDetailPeopleEmp-tab .table-lable tbody th {
    font-weight: 500;
}

.empDetailPeopleEmp-tab .table-lable tbody .a-link {
    white-space: nowrap;
}

.empDetailPeopleEmp-tab .bg-themeGrayLight {
    padding: 21px 21px;
    border-radius: 10px;
}


.empDetailPeopleEmp-tab .btn-lg-icon {
    width: 30px;
    height: 30px;
    padding: 7px;
    background: #004552
}

.empDetailPeopleEmp-tab .btn-lg-icon img {
    filter: brightness(0) invert(1);
}

.empDetailPeopleEmp-tab .btn-lg-icon:hover {
    background: #fff;
}

.empDetailPeopleEmp-tab .btn-lg-icon:hover img {
    filter: none;
}

.recentActPeopleEmp-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 18px 20px;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    height: 100%;
}

.recentActPeopleEmp-block h6 {
    margin-bottom: 5px;
}

.recentActPeopleEmp-block p {
    color: #6A6A6A;
    font-size: 12px;
}

.empDetailPeopleEmp-tab .table-lable.table-rolePeopleEmp tbody th {
    white-space: nowrap;
}

.card-transferRequestPeopleEmp .bg-themeGrayLight {
    padding: 21px;
    border-radius: 10px;
}

.modal-reqApproval .img-circle {
    width: 37px;
    height: 37px;
    min-width: 37px;
    /* margin-right: 2px; */
}

.modal-reqApproval .border {
    border-bottom-color: #DDDDDD;
}

.modal-reqApproval .bg-themeGrayLight {
    padding: 21px 21px;
    border-radius: 10px;
}

.modal-reqApproval .bg-themeGrayLight h6 {
    margin-bottom: 6px;
}

.table-transferHistoryPeopleEmp th {
    white-space: nowrap;
}

.card-salaryAdvanceReqPeopleEmp .bg-themeGrayLight,
.card-salaryAdvanceReqPeopleEmpHr .bg-themeGrayLight {
    padding: 20px 23px;
    border-radius: 15px;
}

.card-salaryAdvanceReqPeopleEmp .table-lable tbody th,
.card-salaryAdvanceReqPeopleEmpHr .table-lable tbody th {
    font-weight: 500;
}

.attachPdf-block {
    min-width: 285px;
    padding: 7px 10px;
    background: #FFFFFF;
    border-radius: 8px;
}

.attachPdf-block img {
    margin-right: 7px;
}

.table-repaySchedPeopleEmp {
    vertical-align: middle;
}

.table-repaySchedPeopleEmp th {
    white-space: nowrap;
}

.table-lable.table-repaySchedPeopleEmp tbody td {
    padding: 13px 10px;
}

table.table-repaySchedPeopleEmp tbody .form-select {
    min-width: 120px;
}

.table-repaySchedPeopleEmp .form-control {
    max-width: 205px;
}

.table-repaySchedPeopleEmp .position-relative {
    display: inline-block;
}

.table-repaySchedPeopleEmp .position-relative>i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.card-salaryAdvanceReqPeopleEmpHr .bg-white {
    padding: 15px 17px;
    border-radius: 15px;
}

.card-salaryAdvanceReqPeopleEmpHr .bg-white h6 {
    margin-bottom: 3px;
}

.card-salaryAdvanceReqPeopleEmpHr .bg-white strong {
    font-size: 26px;
}

.table-repayTrackPeopleEmp a {
    white-space: nowrap;
}

.table-repayTrackPeopleEmp th:nth-child(5) {
    min-width: 150px;
}

.table-repayTrackPeopleEmp th:nth-child(6) {
    min-width: 160px;
}

.card-repayTrackEmpDetailPeopleEmp .bg-themeGrayLight,
.card-exitProfilePeopleEmp .bg-themeGrayLight {
    padding: 21px;
    border-radius: 10px;
}

.card-repayTrackEmpDetailPeopleEmp .table-lable tbody th,
.card-exitProfilePeopleEmp .table-lable tbody th {
    font-weight: 500;
}

.table-oriReqDetailPeopleEmp th,
.table-repaySchePeopleEmp th,
.table-repaySchePeopleEmp td:last-child,
.table-repaySchePeopleEmp a,
.table-dedHisPeopleEmp th,
.table-dedHisPeopleEmp a,
.table-exitInterviewPeopleEmp th,
.table-exitInterviewPeopleEmp td:last-child {
    white-space: nowrap;
}


.table-dedHisPeopleEmp .failed td {
    background: rgb(250 229 229 / 41%)
}

.table-oriReqDetailPeopleEmpSec th {
    min-width: 120px;
}

.modal-exitClear ul.manning-timeline {
    padding-bottom: 4px;
}

.modal-exitClear ul.manning-timeline h6 {
    font-weight: normal;
}

.modal-exitClear ul.manning-timeline p {
    font-weight: 500;
}

.table-filePermission th {
    white-space: nowrap;
}

.table-filePermission td:nth-child(2) {
    min-width: 120px;
}

.card-header .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45.14px;
}

.card-exitProfilePeopleEmp .form-check {
    margin-right: 0 !important;
}

.card-exitProfilePeopleEmp .form-check-label span {
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.card-exitProfilePeopleEmp a {
    white-space: nowrap;
}

.table-reqDetPeopleEmp th {
    min-width: 160px;
}

.table-reqDetPeopleEmp td {
    min-width: 140px;
}

.card-exitInterviewResPeopleEmp .d-flex p {
    margin-bottom: 13px;
}

.queAns-block {
    padding-bottom: 24px;
    border-bottom: 1px solid #DDDDDD;
}

.queAns-block h6 {
    font-size: 14px;
    line-height: 1.429;
    font-weight: 600;
    margin-bottom: 10px;
}

.queAns-block p {
    line-height: 1.905;
}

.modal-requestApproval .img-circle {
    width: 37px;
    height: 37px;
    min-width: 37px;
}

.modal-requestApproval h6 {
    font-size: 18px;
}

.modal-requestApproval .content {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #DDDDDD;
}

.modal-requestApproval .content p {
    font-weight: 500;
}

.card-liabilityOverPeopleEmp .bg-themeGrayLight {
    padding: 15px 20px;
    border-radius: 15px;
    height: 100%;
}

.card-liabilityOverPeopleEmp .bg-themeGrayLight strong {
    font-size: 26px;
}

.costDistribution-chart {
    width: 359px;
    max-width: 100%;
    margin: 0 auto;
}

.table-collapse.table-liabilityOverEmpPeopleEmp .collapsing td,
.table-collapse.table-liabilityOverEmpPeopleEmp .collapse td {
    padding: 10px !important;
}

.card-resigSettPeopleEmp h6 {
    font-size: 18px;
    font-weight: normal;
}

.card-exitProcessCustom h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.card-exitProcessCustom .a-link {
    margin-left: 16px;
}

.card.pdngX-0 {
    padding-left: 0;
    padding-right: 0;
}

.card.pdngX-0 .card-header {
    margin-left: 20px;
    margin-right: 20px;
}

.orgChart-block {
    height: 600px;
    /* height: 732px; */
}

.card-talentAcqCompliances .border-bottom {
    padding-bottom: 12px;
    margin-bottom: 13px;
    border-bottom-color: #DDDDDD !important;
}

.card-talentAcqCompliances .border-bottom:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0 !important;
}

.card-talentAcqCompliances h6 {
    font-weight: 600;
    letter-spacing: 0.08px;
    margin-bottom: 9px;
}

.card-talentAcqCompliances .d-flex {
    justify-content: space-between;
    margin-bottom: 10px;
}

.card-talentAcqCompliances .d-flex:last-child {
    margin-bottom: 0;
}


.card-talentAcqCompliances .d-flex p {
    margin: 0 6px 0 0;
}

.card-talentAcqDivisions .bg-themeGrayLight,
.card-talentAcqEmpHOD .bg-themeGrayLight,
.card-talentAcqEmpGM .bg-themeGrayLight,
.card-talentAcqApproveBudgetHOD .bg-themeGrayLight,
.card-talentAcqApproveBudgetGM .bg-themeGrayLight {
    padding: 20px 20px 17px;
    border-radius: 10px;
}

.card-talentAcqEmpHOD .bg-themeGrayLight,
.card-talentAcqEmpGM .bg-themeGrayLight,
.card-talentAcqApproveBudgetHOD .bg-themeGrayLight,
.card-talentAcqApproveBudgetGM .bg-themeGrayLight {
    height: 100%;
}

.card-talentAcqApproveBudgetHOD .bg-themeGrayLight,
.card-talentAcqApproveBudgetGM .bg-themeGrayLight {
    padding: 10px 20px 6px;
}

.card-talentAcqDivisions .bg-themeGrayLight.full {
    padding: 14px 17px;
}

.card-talentAcqDivisions .bg-themeGrayLight p,
.card-talentAcqEmpHOD .bg-themeGrayLight p,
.card-talentAcqEmpGM .bg-themeGrayLight p,
.card-talentAcqApproveBudgetHOD .bg-themeGrayLight p,
.card-talentAcqApproveBudgetGM .bg-themeGrayLight p {
    font-size: 18px;
}

.card-talentAcqDivisions .bg-themeGrayLight .img-fluid {
    width: 33px;
}

.card-talentAcqDivisions .table-lableNew td,
.card-talentAcqEmpHOD .table-lableNew td,
.card-talentAcqEmpGM .table-lableNew td {
    font-size: 16px;
}

.card-talentAcqDivisions .table-lableNew th,
.card-talentAcqEmpHOD .table-lableNew th,
.card-talentAcqEmpGM .table-lableNew th {
    font-size: 20px;
    text-align: right;
}

.card-talentAcqRecentActivity .border-bottom {
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-color: #DDDDDD !important;
}

.card-talentAcqRecentActivity .border-bottom:last-child {
    margin-bottom: 0;
}

.card-talentAcqRecentActivity .border-bottom h6 {
    letter-spacing: 0.08px;
    margin-bottom: 6px;
}

.card-talentAcqRecentActivity .border-bottom p {
    margin-bottom: 7px;
}

.card-talentAcqRecentActivity .border-bottom span {
    color: #9E9D9D;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.06px;
}

.table-talentAcqRequests th,
.table-talentAcqRequests td:nth-child(3),
.table-talentAcqRequests td:last-child {
    white-space: nowrap;
}

.card.card-theme {
    padding: 0;
}

.card.card-theme>.card-title {
    color: #fff;
    padding: 21px 20px;
    background: #014653;
    border-radius: 15px;
    border: 0;
    margin: 0;
}

.card.card-theme>.card-title h3 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: uppercase;
}

.card.card-theme>.card-title .a-link {
    color: #fff;
}

.card.card-theme>.card-body {
    padding: 20px;
}

.card.card-theme>.card-body .card-title h3 {
    font-size: 14px;
}

.card.card-theme>.card-body .table-lableNew th {
    font-size: 14px;
    font-weight: 500;
}

.card-theme .table thead th,
.card-theme .btn-small {
    font-size: 14px;
}


.card-talentAcqWorkPlan .bg-themeGrayLight.d-flex,
.card-talentAcqIncident .bg-themeGrayLight.d-flex,
.card-talentAcqHRStatistics .bg-themeGrayLight.d-flex,
.card-talentAcqTurnoverRatio .bg-themeGrayLight.d-flex,
.card-talentAcqTurnoverRatioGM .bg-themeGrayLight.d-flex,
.card-talentAcqRecruitment .bg-themeGrayLight.d-flex,
.card-talentAcqPerforHOD .bg-themeGrayLight.d-flex,
.card-talentAcqIncidentHOD .bg-themeGrayLight.d-flex,
.card-talentAcqIncidentGM .bg-themeGrayLight.d-flex,
.card-talentAcqPerforGM .bg-themeGrayLight.d-flex {
    align-items: center;
    justify-content: space-between;
}

.card-talentAcqWorkPlan .bg-themeGrayLight,
.card-talentAcqPayroll .bg-themeGrayLight,
.card-talentAcqIncident .bg-themeGrayLight,
.card-talentAcqHRStatistics .bg-themeGrayLight,
.card-talentAcqTurnoverRatio .bg-themeGrayLight,
.card-talentAcqTurnoverRatioGM .bg-themeGrayLight,
.card-talentAcqTimeAttend .bg-themeGrayLight,
.card-talentAcqLearningDevel .bg-themeGrayLight,
.card-talentAcqRecruitment .bg-themeGrayLight,
.card-talentAcqLeaveHOD .bg-themeGrayLight,
.card-talentAcqLeaveGM .bg-themeGrayLight,
.card-talentAcqPerforHOD .bg-themeGrayLight,
.card-talentAcqIncidentHOD .bg-themeGrayLight,
.card-talentAcqIncidentGM .bg-themeGrayLight,
.card-talentAcqLearningDevelGM .bg-themeGrayLight,
.card-talentAcqPerforGM .bg-themeGrayLight {
    position: relative;
    padding: 10px 12px 9px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.card-talentAcqWorkPlan .bg-themeGrayLight p,
.card-talentAcqIncident .bg-themeGrayLight p,
.card-talentAcqHRStatistics .bg-themeGrayLight p,
.card-talentAcqTurnoverRatio .bg-themeGrayLight p,
.card-talentAcqTurnoverRatioGM .bg-themeGrayLight p,
.card-talentAcqRecruitment .bg-themeGrayLight p,
.card-talentAcqPerforHOD .bg-themeGrayLight p,
.card-talentAcqIncidentHOD .bg-themeGrayLight p,
.card-talentAcqIncidentGM .bg-themeGrayLight p,
.card-talentAcqPerforGM .bg-themeGrayLight p {
    font-weight: 500;
    margin: 0 5px 0 0;
}

.card-talentAcqWorkPlan .bg-themeGrayLight>strong,
.card-talentAcqIncident .bg-themeGrayLight>strong,
.card-talentAcqHRStatistics .bg-themeGrayLight>strong,
.card-talentAcqTurnoverRatio .bg-themeGrayLight>strong,
.card-talentAcqTurnoverRatioGM .bg-themeGrayLight>strong,
.card-talentAcqRecruitment .bg-themeGrayLight>strong,
.card-talentAcqPerforHOD .bg-themeGrayLight>strong,
.card-talentAcqIncidentHOD .bg-themeGrayLight>strong,
.card-talentAcqIncidentGM .bg-themeGrayLight>strong,
.card-talentAcqPerforGM .bg-themeGrayLight>strong {
    font-size: 14px;
}

.card-talentAcqWorkPlan .bg-themeGrayLight .progress,
.card-talentAcqHRStatistics .bg-themeGrayLight.d-flex .progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 2px;
}

.talentAcqHRStatiEmp-chart {
    width: 187px;
    max-width: 100%;
}

.card-talentAcqWorkPlan .bg-themeGrayLight .card-fotter h4 {
    font-size: 12px;
    font-weight: 500;
}

.card-talentAcqPayroll .doughnut-label,
.card-talentAcqPayroll p {
    font-size: 8px;
}

.upcomingPublic-chart {
    width: 235px;
    max-width: 100%;
    margin: 0 auto;
}

.card-talentAcqPayroll .doughnut-label>span {
    width: 9px;
    height: 9px;
    min-width: 9px;
    margin-right: 6px;
}

.card-talentAcqIncident .leaveUser-main {
    max-height: 220px;
}

.card-talentAcqIncident .leaveUser-block,
.card-talentAcqIncident .leaveUser-block>div {
    width: 100%;
}

.card-talentAcqIncident .leaveUser-block {
    padding-bottom: 9px;
}

.card-talentAcqIncident .leaveUser-block .d-flex {
    flex-wrap: wrap;
    justify-content: space-between;
}

.card-talentAcqIncident .leaveUser-block h6 {
    font-size: 14px;
    font-weight: 600;
}

.card-talentAcqIncident .leaveUser-block .badge {
    font-weight: 600;
    margin-bottom: 2px;
}

.card-talentAcqIncident .leaveUser-block p {
    font-size: 14px;
}

.card-talentAcqSurvey .surveyStatus-block .body {
    align-items: flex-end;
}

.card-talentAcqSurvey .surveyStatus-block .d-flex:first-child span {
    font-size: 12px;
}

.table-talentAcqDocExp td:nth-last-child(2) {
    min-width: 90px;
}

.tab-theme .tab-content>.tab-pane {
    padding-top: 12px;
}

.visaManagtalentAcq-tab .bg-themeGrayLight {
    padding: 11px 17px;
    border-radius: 10px;
}

.table-talentAcqDepositRefundReq th {
    white-space: nowrap;
}

.visaManagtalentAcq-tab h6 {
    font-size: 14px;
}

.card-talentAcqTalentAcq .bg-themeGrayLight,
.card-talentAcqLeave .bg-themeGrayLight {
    padding: 10px 15px;
    border-radius: 15px;
    height: 100%;
}

.card-talentAcqPerformance .bg-themeGrayLight,
.card-talentAcqPeople .bg-themeGrayLight {
    padding: 14px 15px;
    border-radius: 15px;
}

.card-talentAcqTalentAcq .a-link {
    font-size: 13px;
}

.card-talentAcqTalentAcq .hireReq-block h6,
.card-talentAcqLeave .leaveUser-block h6 {
    font-size: 14px;
}

.card-talentAcqTalentAcq .hireReq-block p {
    font-size: 12px;
}

.card-talentAcqTalentAcq .todoList-main,
.card-talentAcqTalentAcq .hireReq-main {
    max-height: 230px;
}

.card-talentAcqLeave .leaveUser-main {
    max-height: 210px;
}

.card-talentAcqLeave .card-talentAcqLeaveUpcoming .leaveUser-bgBlock {
    border-radius: 15px;
    padding: 20px 19px;
    margin-bottom: 10px;
}

.card-talentAcqLeave .card-talentAcqLeaveUpcoming .leaveUser-bgBlock h6 {
    color: #014653;
    font-size: 14px;
}

.card-talentAcqLeave .leaveUser-bgBlock {
    background: #fff;
}

.card-talentAcqLeave .card-upcomingBirthLeve {
    height: auto !important;
}

.card-talentAcqLeave .card-upcomingBirthLeve .leaveUser-block {
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.card-theme .table thead th {
    font-size: 14px;
}

.card-talentAcqPeople .bg-themeGrayLight .leaveUser-bgBlock {
    background: #fff;
    flex-wrap: nowrap;
    padding: 19px 16px;
}

.card-talentAcqPeople .bg-themeGrayLight.viewOrgChart {
    padding: 18px 15px;
}

.card-talentAcqPeople .bg-themeGrayLight.viewOrgChart p {
    color: #014653;
}

.card-talentAcqPeople .leaveUser-block {
    padding-bottom: 19px;
    margin-bottom: 17px;
}

.card-talentAcqPeople .leaveUser-block>div:nth-child(3) {
    flex-direction: initial;
    flex-wrap: wrap;
    gap: 2px 8px;
    align-items: flex-start;
}

.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPronPeo-block,
.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPromPeo-block {
    padding: 13px 19px 12px;
    gap: 0;
}

.card-talentAcqPeople .talentAcqAppPeo-block .leaveUser-bgBlock,
.card-talentAcqPeople .talentAcqResPeo-block .leaveUser-bgBlock,
.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .leaveUser-bgBlock {
    padding: 13px 20px;
}

.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPronPeo-block h6,
.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPromPeo-block h6,
.card-talentAcqPeople .talentAcqAppPeo-block .leaveUser-bgBlock h6,
.card-talentAcqPeople .talentAcqResPeo-block .leaveUser-bgBlock h6,
.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .leaveUser-bgBlock h6,
.card-talentAcqPeople .talentAcqLiabilTrackPeo-block h6,
.card-talentAcqLearningDevel .leaveUser-block h6 {
    font-size: 14px;
}

.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPronPeo-block strong,
.card-talentAcqPeople .talentAcqAppPeo-block .leaveUser-bgBlock strong,
.card-talentAcqPeople .talentAcqResPeo-block .leaveUser-bgBlock strong,
.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .leaveUser-bgBlock strong {
    font-size: 24px;
}

.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPromPeo-block strong {
    font-size: 18px;
}

.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPronPeo-block .d-flex,
.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPromPeo-block .d-flex {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}

.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPromPeo-block .d-flex {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.card-talentAcqPeople .leaveUser-bgBlock.talentAcqPromPeo-block .d-flex:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.card-talentAcqPeople .talentAcqPronPeo-block p.fw-500 {
    font-size: 12px;
    margin-bottom: 3px;
}

.card-talentAcqPeople .talentAcqPronPeo-block h5 {
    font-size: 16px;
}

.card-talentAcqPeople .talentAcqAppPeo-block .approvalsPeopleEmp-block,
.card-talentAcqPeople .talentAcqResPeo-block .approvalsPeopleEmp-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #66C1C6;
    padding: 11px 18px;
    background: #fff;
    border-radius: 10px;
}

.card-talentAcqPeople .talentAcqAppPeo-block .approvalsPeopleEmp-block p,
.card-liabilityTrackPeopleEmp .leaveUser-bgBlock span {
    font-size: 12px;
    font-weight: 500;
    display: block;
}

.card-talentAcqPeople .talentAcqAppPeo-block .approvalsPeopleEmp-block p:last-child {
    text-align: right;
}

.card-talentAcqPeople .talentAcqResPeo-block .approvalsPeopleEmp-block p {
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
}

.talentAcqLiabilTrackPeo-block .leaveUser-bgBlock span {
    font-size: 12px;
    font-weight: 500;
    display: block;
    text-align: right;
}

.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .bg-themeGrayLight {
    border-radius: 12px;
}

.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .bg-themeGrayLight h6 {
    font-size: 14px;
}

.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .d-flex {
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
}

/* 
.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .bg-themeGrayLight  .table-lableNew td {
    padding: 10px 5px;
} */

.card-talentAcqPeople>.card-body .talentAcqLiabilTrackPeo-block .bg-themeGrayLight .table-lableNew th {
    font-size: 20px;
    text-align: right;
    padding: 7px 5px;
}

.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .progress-custom {
    height: 8px;
}

.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .progress-custom+span {
    font-size: 12px;
}

.card-talentAcqPeople .talentAcqLiabilTrackPeo-block .leaveUser-bgBlock {
    flex-wrap: nowrap;
}


.card-talentAcqTimeAttend .bg-themeGrayLight {
    max-height: 361px;
    overflow: auto;
}

.card-talentAcqTimeAttend .bg-themeGrayLight .todoList-main {
    max-height: initial;
}

.card-talentAcqTimeAttend .bg-themeGrayLight .leaveUser-bgBlock {
    background: #fff;
    flex-wrap: nowrap;
    padding: 5px 16px;
}

.card-talentAcqTimeAttend .table-lableNew th {
    text-align: right;
}

.card-talentAcqTimeAttend .leaveUser-block h6 {
    font-size: 14px;
}

.card-talentAcqTimeAttend .leaveUser-block span {
    font-size: 12px;
}

.card-talentAcqTimeAttend .bg-themeGrayLight.h-auto {
    max-height: initial;
}

.card-talentAcqLearningDevel .bg-themeGrayLight .leaveUser-main {
    max-height: 291px;
}

.card-talentAcqLearningDevel .table-lableNew td,
.card-talentAcqLearningDevelGM .table-lableNew td {
    font-size: 12px;
    padding: 11px 5px;
}

.table-talentAcqAnnouncement td:first-child {
    min-width: 120px;
}

.table-peopleProbationList td:nth-child(3) {
    min-width: 140px;
}

.card-talentAcqLeaveHOD .leaveUser-main,
.card-talentAcqLeaveGM .leaveUser-main {
    max-height: 180px;
}

.card-talentAcqLeaveHOD .leaveUser-block h6,
.card-talentAcqLeaveGM .leaveUser-block h6 {
    font-size: 14px;
}

.table-talentAcqRecruitment td:nth-child(2) {
    min-width: 150px;
}

.table-talentAcqRecruitment td:last-child {
    min-width: 100px;
}

.table-talentAcqAccom td:nth-child(2) {
    min-width: 90px;
}

.card-talentAcqPerforHOD .img-circle.userImg-block {
    width: 63px;
    height: 63px;
    min-width: 63px;
    margin-right: 15px;
}

.card-talentAcqPerforHOD .monthlyCheck-block h6 {
    font-weight: 600;
}

.card-talentAcqPerforHOD .monthlyCheck-block p {
    margin-right: 0;
    margin-bottom: 10px;
}

.card-talentAcqIncidentHOD .d-flex {
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 2px;
}

.card-talentAcqIncidentHOD .leaveUser-block>div {
    width: 100%;
}

.card-talentAcqIncidentHOD .leaveUser-block p {
    margin: 0 0 7px;
}

.table-talentAcqSos th,
.table-talentAcqSos td:nth-child(3),
.table-talentAcqSos td:nth-child(4),
.table-talentAcqExitClear th {
    white-space: nowrap;
}

.table-talentAcqSos td:nth-child(2) {
    min-width: 100px;
}

.card-talentAcqGM th {
    font-weight: 500;
}

.talentAcqUpInter-block .upInterviews-block {
    padding: 13px 11px 16px;
}

.talentAcqUpInter-block .upInterviews-block h6 {
    margin-bottom: 0;
}

.talentAcqUpInter-block .upInterviews-block p {
    font-size: 12px;
    margin-bottom: 5px;
}

.talentAcqUpInter-block span.badge.badge-theme {
    font-size: 12px;
}

.form-check.large .form-check-label {
    font-size: 18px;
    font-weight: 600;
}

.form-check.large {
    padding-left: 40px;
}

.form-check.large .form-check-input {
    width: 30px;
    height: 30px;
    margin-left: -40px;
}

.templateSelect-block {
    display: flex;
    flex-direction: column;
    padding: 20px 16px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    height: 100%;
}

.templateSelect-block>.flex-grow-1 {
    padding-bottom: 20px;
    margin-bottom: 13px;
    border-bottom: 1px solid #DDDDDD;
}

.templateSelect-block h6 {
    font-weight: 600;
    margin-bottom: 5px;
}

.templateSelect-block span {
    display: block;
    font-weight: 500;
    margin-bottom: 6px;
}

.templateSelect-block p {
    font-size: 12px;
}

.reviewOnboardIti-block .bg-themeGrayLight,
.reviewOnboardIti-block .bg-themeGrayLight .bg-white {
    padding: 20px 20px;
    border-radius: 15px;
}

.reviewOnboardIti-block .card-title h3 {
    font-size: 16px;
}

.reviewOnboardIti-block h4 {
    font-size: 22px;
}

.reviewOnboardIti-block .img-circle.userImg-block {
    width: 56px;
    height: 56px;
    min-width: 56px;
}

.reviewOnboardIti-block h6 {
    margin-bottom: 2px;
}

.reviewOnboardIti-block table th {
    width: 300px;
}

.reviewOnboardIti-block .user-ovImg .img-circle {
    width: 33px;
    height: 33px;
    min-width: 33px;
}


.upload-area {
    width: 100%;
    height: 190px;
    border: 1px dashed #DDDDDD;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #FFFFFF;
    transition: background-color 0.3s;
    text-align: center;
    overflow: hidden;
    padding: 50px 20px 30px;
    position: relative;
}

.upload-area p {
    font-size: 14px;
    color: #222222;
    margin-top: 42px;
    margin-bottom: 0;
}

.upload-area input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.upload-area .img-box {
    width: 37px;
    margin-right: 16px;
}

.upload-area h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: #222222;
    margin-bottom: 0;
}

.upload-area span {
    font-size: 13px;
    color: #222222;
}

.profile-img-box {
    width: 149px;
    height: 149px;
    background: #D4D4D4;
    display: flex;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    border: 1px solid #707070;
    overflow: hidden;
    margin-right: 30px;
}

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

.peopleEmpCreationPersonalDetails-form .btn {
    min-width: 125px;
}

.iti {
    width: 100%;
}

.iti--separate-dial-code .iti__selected-flag {
    background: #D6E1E3;
    border-right: 1px solid #dddd;
    border-radius: 10px 0 0 10px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #D6E1E3;
}

.address-block {
    padding: 20px;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}

#ewt-eligibility-section .badge{
    white-space: normal;
    text-align: left;
    line-height: 1.3;
    font-size: 12px;
}

.active-Route{
    color: rgb(223, 255, 0) !important;
    background: transparent !important;
}

.tooltip-left {
    position: relative;
    display: inline-block;
}

.tooltip-text-left {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 4px 8px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 38%; 
    transform: translateY(-50%);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-left:hover .tooltip-text-left {
    visibility: visible;
    opacity: 1;
}

.serch-box input::placeholder {
    color: var(--white);
    font-size: 14px;
}



.dropdown .dropdown-toggle{
    padding-right: 40px !important;
}