.input-radius input{
    border-radius: 8px;
}
.button-radius,.inputbox-radius{
    border-radius: 8px !important;
}
.popup-radius{
    border-radius: 8px;
}
.ctl-drp-dow-sty{
    min-width: fit-content;
    top: 2px !important;
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 0;
    border-radius: 6px;
}
.ctl-fil-pad{
    padding-right: 12px !important;
    padding-left: 12px!important;
}
.ctl-drp-dow-sty li button {
    padding: 5px 16px !important;
    font-size: 12px;
}
.ctl-mar-bot-hdr{
    margin-bottom: 15px;
}
.ctl-scr-mod-pop{
    max-height: calc(100vh - 190px);
    overflow: auto;
}
.cmp-cus-pop-scr::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-cus-pop-scr::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.cmp-cus-pop-scr::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}
.ctl-pad-mod-hdr {
    padding: 15px !important;
}
.ctl-pad-mod-bod {
    padding: 15px !important;
}
.ctl-mar-lab-bot {
    margin-bottom: 8px;
}
.errormessagezero label{
    margin-bottom:0;
}
.ctl-com-mod-bot {
    margin-bottom: 15px;
}
.cmp-tab-che-ali.theme-table tbody td .form-switch {
    justify-content: flex-start;
}
.cmp-tab-che-ali.table.theme-table thead tr th:last-child {
    text-align: left;
}
.cmp-tab-che-ali.table.theme-table tbody tr td:last-child div {
    justify-content: unset !important;
}
.sweet-overlay{
    z-index: 1002;
}
.serialsortdisabled thead tr th:first-child:before,
.serialsortdisabled thead tr th:first-child:after{
    display: none;
}
.swal2-container .swal2-title {
    padding-top:11px;
    font-size: 18px;
    font-weight: 400;
}
.sweetbtnwidth{
    width: 115px;
}
.sweetbtnstyle {
    height: 33px;
    line-height: normal;
    font-size: 13px !important;
    border-radius: 5px !important;
    font-weight: normal;
    padding: 5px 10px !important;
}
.sweetbtnstyle i{
    font-size: 14px;
}
.btn-delete{
    color: #ffffff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.btn-cancel{
    color: #121212 !important;
    background-color: #ced4da !important;
    border-color: #ced4da !important;
}
.btn-activate{
    color: #ffffff !important;
    background-color: #24B700 !important;
    border-color: #24B700 !important;
}
.ctl-nav-cus .nav-item {
    position: relative;
}
.ctl-nav-cus .nav-item .nav-link {
    border: none;
}
.nav-success.ctl-nav-cus .nav-link.active::after {
    background-color: #007BFF;
}
.ctl-nav-cus .nav-item .nav-link.active:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ctl-nav-cus .nav-item .nav-link::after {
    content: "";
    background: var(--vz-primary);
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 5px;
}
.ctl-nav-cus{
    border-bottom-color: #e9ebec;
    width: fit-content;
}
.ctl-nav-cus .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0A0D14;
}
.ctl-tab-txt{
    font-size: 0.875rem;
    font-weight: 500;
    color:#525866;
}
.cmp-vir-sel-cus .vscomp-dropbox-container {
    border-radius: 8px;
    overflow: hidden;
}
.cmp-vir-sel-cus .vscomp-wrapper {
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--fc-secondary);
}
.cmp-vir-sel-cus .vscomp-wrapper.focused .vscomp-toggle-button,
.cmp-vir-sel-cus .vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: none;
}
.cmp-vir-sel-cus .vscomp-wrapper:not(.has-value) .vscomp-value {
    opacity: 1;
}
.cmp-vir-sel-cus .vscomp-ele{
    max-width: 100%;
}
.cmp-vir-sel-cus .vscomp-toggle-button{
    border: 1px solid #E2E4E9;
    box-shadow: 0px 2px 1px 0px rgba(228, 229, 231, 0.24);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(228, 229, 231, 0.24);
    border-radius: 8px;
    height: 40px;
}
/* scroll custom css start */
.cmp-vir-ver-scr .vscomp-options-container::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-vir-ver-scr .vscomp-options-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.cmp-vir-ver-scr .vscomp-options-container::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 1px;
}
/* scroll custom css end */
.ctl-bot-rad-pop{
    border-radius: 4px;
}
.inputpaddingleft{
    padding-left: 12px !important;
}
/*  */
.ctl-pop-lis-blo li:not(:last-child){
    margin-bottom: 5px;
}
.ctl-scr-mod-vie{
    max-height: calc(100vh - 200px);
    overflow: auto;
}
.btn-primary:focus-visible{
    outline: none;
}
.ctl-nme-abb{
    height: 28px;
    width: 28px;
    border: 1px solid #dee2e6;
    border-radius: 50%;
}
.ctl-alp-col{
    font-size: 12px;
    color: #a4a8b1;
    text-transform: uppercase;
}
.ctl-nme-cir{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.head-top-left-radius,
.head-bottom-left-radius,
.head-top-right-radius,
.head-bottom-right-radius{
    overflow: hidden;
}
.head-top-left-radius{
    border-top-left-radius: 8px;
}
.head-bottom-left-radius{
    border-bottom-left-radius: 8px;
}
.head-top-right-radius{
    border-top-right-radius: 8px;
}
.head-bottom-right-radius{
    border-bottom-right-radius: 8px;
}
.ctl-tab-hdr-che input{
    margin-bottom: 3px;
}
.input-file-button::file-selector-button {
    background-color: #ffffff;
}
.input-file-button::file-selector-button:hover{
    background-color: #ffffff;
}
.ctl-inp-txt-cap{
    text-transform: capitalize;
}
.ctl-rol-nan-pos{
    position: relative;
    /* top: 2px; */
}
/* virtual multi input custom start */
.cmp-mul-sel-cus .vscomp-dropbox-container {
    border-radius: 8px;
    overflow: hidden;
}
.cmp-mul-sel-cus .vscomp-wrapper {
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--fc-secondary);
}
.cmp-mul-sel-cus .vscomp-wrapper.focused .vscomp-toggle-button,
.cmp-mul-sel-cus .vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: none;
}
.cmp-mul-sel-cus .vscomp-wrapper:not(.has-value) .vscomp-value {
    opacity: 1;
}
.cmp-mul-sel-cus .vscomp-ele{
    max-width: 100%;
}
.cmp-mul-sel-cus .vscomp-toggle-button{
    border: 1px solid #E2E4E9;
    box-shadow: 0px 2px 1px 0px rgba(228, 229, 231, 0.24);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(228, 229, 231, 0.24);
    border-radius: 8px;
    height: 40px;
    padding-left: 32px;
}
.cmp-mul-sel-cus .vscomp-arrow::after {
    border-width: 3px;
    border-bottom-color: #797979;
    border-right-color: #797979;
    height: 6px;
    width: 6px;
}
.multiple-input-block{
    position: relative;
}
.multiple-input-block span.icon {
    position: absolute;
    top: 6px;
    left: 12px;
}
/* virtual multi input custom end */
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 6px !important;
}
/* multi select2 custom css start */
.multiple-select-custom .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #E5F2FF;
    font-size: 12px;
    margin-top: 4px;
    color: #007BFF;
    padding-left: 8px;
    padding-right: 10px;
    padding: 6px 18px 6px 6px;
    border: 0;
    font-weight: 500;
    line-height: 18px;
    text-transform: capitalize;
}
.multiple-select-custom .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    left: auto;
    right: 5px;
    padding: 0 !important;
    border-right: 0;
}
.multiple-select-custom .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: var(--currentColor);
    width: 15px;
    height: 15px;
    font-weight: 500;
    top: 5px;
}
.multiple-select-custom .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after{
    position: absolute;
    content: "";
    top: 2.5px;
    right: 0;
    border: solid 1px #007BFF;
    width: 15px;
    height: 15px;
    border-radius: 8px;
}
.multiple-select-custom .select2-container--default .select2-selection--multiple{
    border: 1px solid #e2e4e9;
    border-radius: 8px;
    min-height: 40px;
    padding: 1px 5px 6px 30px;
    font-size: 12px;
}
.multiple-select-custom .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.multiple-select-custom .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
    background-color: transparent;
    outline: none;
    color: var(--currentColor);
}
.multiple-select-custom .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    padding-left: 5px;
    padding-right: 8px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 0 !important;
}
/* multi select2 custom css end */
input.hideinputspin::-webkit-outer-spin-button,
input.hideinputspin::-webkit-inner-spin-button {
   -webkit-appearance: none;
}
/* virtual single multi popup input custom start */
.cmp-sin-sel-pop .vscomp-dropbox-container,
.cmp-mul-sel-pop .vscomp-dropbox-container {
    border-radius: 8px;
    overflow: hidden;
}
.cmp-sin-sel-pop .vscomp-wrapper,
.cmp-mul-sel-pop .vscomp-wrapper {
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--fc-secondary);
}
.cmp-sin-sel-pop .vscomp-wrapper.focused .vscomp-toggle-button,
.cmp-sin-sel-pop .vscomp-wrapper:focus .vscomp-toggle-button,
.cmp-mul-sel-pop .vscomp-wrapper.focused .vscomp-toggle-button,
.cmp-mul-sel-pop .vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: none;
}
.cmp-sin-sel-pop .vscomp-wrapper:not(.has-value) .vscomp-value,
.cmp-mul-sel-pop .vscomp-wrapper:not(.has-value) .vscomp-value {
    opacity: 1;
}
.cmp-sin-sel-pop .vscomp-ele,
.cmp-mul-sel-pop .vscomp-ele{
    max-width: 100%;
}
.cmp-sin-sel-pop .vscomp-toggle-button,
.cmp-mul-sel-pop .vscomp-toggle-button{
    border: 1px solid #E2E4E9;
    box-shadow: 0px 2px 1px 0px rgba(228, 229, 231, 0.24);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(228, 229, 231, 0.24);
    border-radius: 8px;
    height: 40px;
    padding-left: 32px;
}
.ctl-sel-ico-pop{
    position: relative;
}
.ctl-sel-ico-pop span.icon {
    position: absolute;
    top: 6px;
    left: 12px;
}
/* virtual single multi popup input custom end */
.vscomp-search-input{
    font-size: 12px;
}
.ctl-mod-scr-pop {
    max-height: calc(100vh - 165px);
    overflow: auto;
}
/* export button css */
.ctl-drp-exp-btn{
    min-width: 110px;
    top: 2px !important;
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 0;
    border-radius: 6px;
}
.ctl-drp-exp-btn li button {
    padding: 5px 16px !important;
}
/* export button css */
.ctl-nav-ful-cus .nav-item {
    position: relative;
}
.ctl-nav-ful-cus .nav-item .nav-link {
    border: none;
    padding-top: 11px;
    padding-bottom: 12px;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ctl-nav-ful-cus .nav-item .nav-link:hover{
    color: #0A0D14;
}
.nav-success.ctl-nav-ful-cus .nav-link.active::after {
    background-color: #007BFF;
}
.ctl-nav-ful-cus .nav-item .nav-link.active:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ctl-nav-ful-cus .nav-item .nav-link::after {
    content: "";
    background: var(--vz-primary);
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 5px;
}
.ctl-nav-ful-cus{
    border-bottom-color: #E2E4E9;
    width: 100%;
}
.ctl-nav-ful-cus .nav-item.show .nav-link, .nav-tabs.ctl-nav-ful-cus .nav-link.active {
    color: #0A0D14;
}
.ctl-btn-pos-pro{
    position: relative;
    bottom: 1px;
}
/*  */
.ctl-nav-tab-cal .nav-item {
    position: relative;
}
.ctl-nav-tab-cal .nav-item .nav-link {
    border: none;
    padding-top: 11px;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ctl-nav-tab-cal .nav-item .nav-link:hover{
    color: #0A0D14;
}
.nav-success.ctl-nav-tab-cal .nav-link.active::after {
    background-color: #E2E4E9;
}
.ctl-nav-tab-cal .nav-item .nav-link.active:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ctl-nav-tab-cal .nav-item .nav-link::after {
    content: "";
    background: var(--vz-primary);
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 5px;
    display: none;
}
.ctl-nav-tab-cal{
    border-bottom-color: #E2E4E9;
    width: 100%;
    /* width: 90%; */
}
.ctl-nav-tab-cal .nav-item.show .nav-link, .nav-tabs.ctl-nav-tab-cal .nav-link.active {
    color: #007BFF;
    background-color: transparent;
}
.nav-tabs.ctl-nav-tab-cal .nav-link svg{
    fill: #0A0D14;
}
.nav-tabs.ctl-nav-tab-cal .nav-link.active svg{
    fill: #007BFF;
}
.ctl-drp-dow-aut{
    min-width: 100%;
    top: 2px !important;
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 0;
    border-radius: 6px;
}
.ctl-fil-pad{
    padding-right: 12px !important;
    padding-left: 12px!important;
}
.ctl-drp-dow-aut li button {
    padding: 5px 16px !important;
    font-size: 12px;
}
.btn-white-import:hover{
    background-color: var(--bs-primary) !important;
    color: #ffffff;
    transition: all .4s ease-in-out;
}
.btn-filter-sort,.btn-sort-role,
.btn-filter-sort-stroke {
    background-color: #ffffff;
    padding: 10px 10px !important;
    /* border-radius: 25px !important; */
    border-radius: 8px !important;
    border: solid 1px #E2E4E9;
    box-shadow: 0px 2px 1px 0px rgba(82, 88, 102, 0.06);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(82, 88, 102, 0.06);
    transition: all .4s ease-in-out;
    text-decoration: none;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-filter-sort span svg,
.btn-sort-role span svg {
    transition: all .4s ease-in-out;
    fill: var(--vz-vertical-menu-item-color);
}
.btn-filter-sort:hover span svg,
.btn-sort-role:hover span svg {
    fill: #FFFFFF;
    transition: all .4s ease-in-out;
}
.btn-filter-sort.no_radius {
    border-radius: 8px !important;
}
.btn-filter-sort-stroke span:first-child svg {
    stroke: var(--vz-vertical-menu-item-color);
    transition: all .4s ease-in-out;
}
.btn-filter-sort-stroke:hover span:first-child svg {
    stroke: #FFFFFF;
    transition: all .4s ease-in-out;
}
.btn-filter-sort-stroke span:last-child svg {
    fill: var(--vz-vertical-menu-item-color);
}
.btn-filter-sort-stroke:hover span:last-child svg {
    fill: #FFFFFF;
    transition: all .4s ease-in-out;
}
.ctl-status-wid{
    width: fit-content;
    height: auto;
    padding: 4px 8px;
    border-radius: 4px;
}
.ctl-status-txt{
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.ctn-status-low{
    color: #00AE1D;
    order: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #00AE1D;
}
.ctn-status-lowest{
    color: #007BFF;
    order: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #007BFF;
}

.ctn-status-medium{
    color: #F4BE37;
    border: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F4BE37;
}

.ctn-status-high{
    color: #DC6803;
    border: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #DC6803;
}
.ctn-status-highest{
    color:#F74850;
    border: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F74850;
}
.ctl-tab-row{
    display: grid;
    grid-template-columns: 125px 150px 145px 50px 100px 95px 95px auto;
    justify-content: space-between;
}
.ctl-tab-com-blo{
    border-radius: 11px;
    border: 1px solid #E2E4E9;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.25);
    transition: all .5s ease-in-out;
    margin-bottom: 15px;
}
.ctl-tab-com-blo:hover{
    transition: all .5s ease-in-out;
    box-shadow: 0px 0px 10px 1px #dfdfdf;
}
.ctl-tab-com-blo > a{
    padding: 15px 15px;
    display:block;
}
.ctl-mar-top-10{
    margin-top:10px;
}
.ctl-pro-tab-cus tbody tr td{
    border:none;
}

.disableunderline:hover,.disableunderline:focus,.disableunderline{
    text-decoration: none;
}
.lineHeightNormal{
    line-height: normal;
}
.dept_bg1 {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #007BFF;
    color: #007BFF !important;
}
.dept_bg2 {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #9200B0;
    color: #9200B0 !important;
}
.dept_bg3 {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #00AE1D;
    color: #00AE1D !important;
}
.dept_bg4 {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F74850;
    color: #F74850 !important;
}
.dept_bg5 {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F4BE37;
    color: #F4BE37 !important;
}
.department_circle{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.dropdown-menu.widthfitcontent{
    min-width: fit-content;
}
.btn-sample-file {
    display: flex;
    width: fit-content;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    background: #ffffff;
    color: #0d6efd;
    transition: all .4s ease-in-out;
    border:1px solid #0d6efd;
}
.btn-sample-file:hover,
.btn-file-sample:hover {
    color: #fff;
    background-color: #0c5acd;
    border-color: #0c5acd;
    transition: all .4s ease-in-out;
}
.actionblock-custom{
    border-radius: 8px;
    border: 1px solid #E2E4E9;
    background: #ffffff;
    padding: 12px 12px;
    box-shadow: 3px 3px 10px 0px rgba(120, 132, 149, 0.08);
    padding: 0 !important;
    overflow: hidden;
    gap:0 !important;
}
.actionblock-custom li a{
    padding:6px 16px;
}
.actionblock-custom li{
    width: 100%;
    transition: all .4s ease-in-out;
}
.actionblock-custom li:hover{
    background-color: #e9ecef;
    transition: all .4s ease-in-out;
}
.remove-item-btn:hover span.ctldelete{
    transition: all .4s ease-in-out;
}
.edit-item-btn:hover span.ctledit {
    transition: all .4s ease-in-out;
}
.request-item-btn:hover span.ctlrequestraise {
    transition: all .4s ease-in-out;
}
.due-date-width{
    border-radius: 25px;
    width: 135px;
}
.ctl-fil-ovr{
    border:none;
    box-shadow: none;
}
.ctl-btn-pos-man{
    position: relative;
    bottom: 3px;
}
.ctl-tas-hdr-ovr{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.ctl-tas-hdr{
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}
.ctl-web-btn{
    border-radius: 6px;
    background-color: #F2F4F7;
    padding:5px 10px;
}
.ctl-web-btn:hover{
    color: #0A0D14;
    font-weight: 400;
}
.btn-common-status{
    padding: 5px 5px !important;
    border-radius: 4px !important;
    color: #FFFFFF;
    border: unset;
    height: auto;
    width: 65px;
    font-weight: 500;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
}
.ctl-man-hdr-txt{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ctl-dat-txt,.ctl-att-txt,.ctl-sta-txt{
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.ctl-tas-edit{
    border-radius: 3px;
    border: 1px solid #ffffff;
    background-color: #475467;
    padding: 5px 11px;
    line-height: normal;
    font-size: 10px;
    color: #ffffff;
    font-weight:normal;
    cursor: pointer;
}
.cmp-box-com-blo,.cmp-com-man-blo{
    height:100%;
}
.cmp-box-com-blo{
    padding: 15px;
    border-radius: 10px;
    grid-template-columns: 100px 1fr 1fr;
    display: grid;
    align-items: center;
    grid-gap: 10px;
    text-decoration: none;
    cursor: pointer;
}
.cmp-box-com-blo:hover {
    transition: all .4s ease-in-out;
    box-shadow: 0px 0px 10px 1px #dfdfdf;
}
.column-span-2{
    grid-column: span 2;
}
.column-span-3{
    grid-column: span 3;
}
.ctl-att-pos{
    position: relative;
    left: -24px;
}
.ctl-blo-att{
    background-color: #ffffff;
    border-radius: 4px;
    padding:3px 10px;
    width:fit-content;
}
.ctl-man-tas-lis {
    height: 24px;
    width: 24px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}
.col_bg1 {
    background-color: #007BFF;
}
.col_bg2 {
    background-color: #9200B0;
}
.col_bg3 {
    background-color: #00AE1D;
}
.col_bg4 {
    background-color: #F74850;
}
.col_bg5 {
    background-color: #F4BE37;
}
.horizontal-bar{
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.horizontal-bar li{
    height: 6px;
    background-color: #dcdcdc;
    width: 15px;
    border-radius: 25px;
}
.ctl-grd-nes-wid{
    grid-template-columns: 100px auto;
}
/*  */
.cmp-block-overdue .cmp-box-com-blo{
    border: 1px solid #FDA29B;
    background-image: url('../img/bg-overdue.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.cmp-block-overdue .btn-common-status{
    background-color: #D92D20;
}
.cmp-block-cancel .cmp-box-com-blo{
    border: 1px solid #FFCECE;
    background-image: url('../img/bg-cancel.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.cmp-block-cancel .btn-common-status{
    background-color: #8C0000;
}
.stage-overdue-bg{
    background-color: #D92D20 !important;
}
.cmp-block-completed .cmp-box-com-blo{
    border: 1px solid #6CE9A6;
    background-image: url('../img/bg-completed.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.cmp-block-completed .btn-common-status{
    background-color: #039855;
}
.stage-completed-bg{
    background-color: #039855 !important;
}
.cmp-block-hold .cmp-box-com-blo{
    border: 1px solid #FEB273;
    background-image: url('../img/bg-hold.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.cmp-block-hold .btn-common-status{
    background-color: #DC6803;
}
.stage-hold-bg{
    background-color: #DC6803 !important;
}
.cmp-block-progress .cmp-box-com-blo{
    border: 1px solid #84CAFF;
    background-image: url('../img/bg-progress.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.cmp-block-progress .btn-common-status{
    background-color: #1570EF;
}
.stage-progress-bg{
    background-color: #1570EF !important;
}

.cmp-block-testing .cmp-box-com-blo{
    border: 1px solid #9b90dd;
    background-image: url('../img/bg-testing.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.cmp-block-testing .btn-common-status{
    background-color: #4227DD;
}
.stage-testing-bg{
    background-color: #4227DD !important;
}

.cmp-block-bugfixing .cmp-box-com-blo{
    border: 1px solid #AEAEAF;
    background-image: url('../img/bg-bugfixing.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.cmp-block-bugfixing .btn-common-status{
    background-color: #0A0D14;
}
.stage-bugfixing-bg{
    background-color: #0A0D14 !important;
}
/*  */
.ctl-grid-list button i{
    font-size: 18px;
}
.ctl-grid-list button{

    height: 30px;
    padding: 10px 10px !important;
    background-color: #F2F4F7;
    transition: all .4s ease-in-out;
}
.ctl-grid-list button svg{
    fill: #525866;
}
.ctl-grid-list button.active{
    background-color:#1570EF;
    color: #ffffff;
    transition: all .4s ease-in-out;
}
.ctl-grid-list button.active svg{
    fill: #ffffff;
}
.date-range-width{
    /* border-radius: 25px; */
    border-radius: 8px;
    width: fit-content;
}
.daterangepicker .drp-buttons .btn{
    display: inline-block;
}
.btn-danger {
    padding: 12px 16px;
    border-radius: 8px !important;
    color: #FFFFFF;
    background-color: #DF1C41;
    border: unset;
    height: 40px;
    font-weight: 600;
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
}
.w-40{
    width: 40px;
}
.buttonreset:hover {
    background-color: #ffffff;
    transition: all .4s ease-in-out;
}
.ctl-cir-txt {
    height: 25px;
    width: 25px;
    font-size: 12px !important;
    font-weight: 600 !important;
}
/* list view  */
.listview-block{
    display: grid;
}
.listview-block > div{
    width: 100%;
}
.listview-block .cmp-box-com-blo{
    grid-template-columns: 80px 60px 110px 110px 170px 1fr;
    grid-gap: 15px;
}
.listview-block .ctl-lis-ord-1{
    grid-row: 1 / 2;
    grid-column: 1 / 4;
}
.listview-block .ctl-lis-ord-2{
    grid-row: 1 / 1;
    grid-column: 4 / 5;
}
.listview-block .ctl-lis-ord-3{
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}
.listview-block .ctl-lis-ord-4{
    grid-row: 2 / 3;
    grid-column: 3 / 4;
}
.listview-block .ctl-lis-ord-5{
    grid-row: 2 / 3;
    grid-column: 4 / 5;
}
.listview-block .ctl-lis-ord-6{
    grid-row: 1 / 1;
    grid-column: 6 / 7;
}
.listview-block .ctl-lis-ord-7{
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}
.listview-block .ctl-lis-ord-8{
    grid-row: 1 / 1;
    grid-column: 5 / 6;
}
.listview-block .ctl-lis-ord-9{
    grid-row: 1 / 1;
    grid-column: 6 / 7;
}
.listview-block .ctl-lis-ord-10{
    grid-column: span 2;
}
.listview-block .ctl-att-pos {
    position: static;
    left: auto;
}
.tooltip-inner {
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
   box-shadow: 0px 0px 3px #a3a3a3;
    padding:5px 10px;
    opacity: 1;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=right] > .tooltip-arrow::before {
    border-right-color: #E3E4E9d2 !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=left] > .tooltip-arrow::before {
    border-left-color: #E3E4E9d2 !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] > .tooltip-arrow::before {
    border-bottom-color: #E3E4E9d2 !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=top] > .tooltip-arrow::before {
    border-top-color: #E3E4E9d2 !important;
}
/*  */
.timesheet-button-block{
    border-radius: 8px;
    background-color: #F6F8FA;
    padding: 5px 5px;
    width: fit-content;
    /* margin: 0 auto; */
    margin-left: auto;
}
.btn-timesheet{
    padding: 5px 10px;
    /* padding: 10px 10px; */
    border-radius: 8px;
    color: #868C98;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
}
.btn-timesheet:hover,.btn-timesheet.active,.btn-timesheet:focus {
    color: #0A0D14;
    background-color: #ffffff;
    box-shadow: 0px 4px 2px 0px rgba(27, 28, 29, 0.02);
    transition: all .4s ease-in-out;
}
.btn-timesheet svg{
    fill: #868C98;
    transition: all .4s ease-in-out;
}
.btn-timesheet:hover svg,.btn-timesheet.active  svg,.btn-timesheet:focus  svg{
    fill: #0A0D14;
    transition: all .4s ease-in-out;
}
.timesheet-date-range{
    width: fit-content;
}
.ctl-project-grid{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 100px;
    grid-gap: 15px;
    justify-content: space-between;
}
.ctl-select-width .input-field .select2-container{
    width: 100% !important;
}
.ctl-pos-revert{
    position: revert;
}
.ctl-tab-border{
    padding: 25px;
    border-radius: 16px;
    border: 1px solid #E2E4E9;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.25);
}
.ctl-tab-mob-0 table.dataTable{
    margin-bottom: 0 !important;
}
.btn-add-task{
    color: #007BFF;
    background-color: transparent ;
    border: unset;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
}
.break-over-time{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    justify-content: flex-end;
}
.break-over-time li:not(:last-child){
    border-right: 1px solid #E2E4E9;
    padding-right: 10px;
}
.btn-task-pop{
    padding: 6px 16px !important;
    color: #FFFFFF;
    border: unset;
    height: auto;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
    width: 100%;
}
.btn-timehseets-topbar {
    padding: 3px 16px !important;
    color: #FFFFFF;
    border: unset;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
    width: auto;
}
.btn-start-bg:hover{
    background-color: #0b5ed7;
    transition: all .4s ease-in-out;
}
.btn-start-bg{
    background-color: #007BFF;
}
.btn-start-bg:hover{
    background-color: #0b5ed7;
    transition: all .4s ease-in-out;
}
.btn-end-bg{
    background-color: #DF1C41;
}
.btn-end-bg:hover{
    background-color: #bb2d3b;
    transition: all .4s ease-in-out;
}
.btn-end-bg:focus{
    background-color: #DF1C41;
}
.ctlBorderLast .table.theme-table tbody tr:last-child {
    border-color: inherit;
}
.badge-sick-leave,.badge-early-leave{
    border-radius: 0 !important;
}
.badge-sick-leave{
    color: #DF1C41;
    border-left: 3px solid #DF1C41;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #DF1C41;
}
.badge-sick-leave:hover{
    color: #DF1C41;
}
.badge-early-leave{
    color: #525866;
    border-left: 3px solid #525866;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #525866;
}
.badge-early-leave:hover{
    color: #525866;
}
.nodata-border{
    border-top: 1px solid #dee2e6;
}
.ctl-pos-rel-tas{
    position: relative;
}
.ctl-pos-abo-tas{
    position: absolute;
    right: 0;
    top: -3px;
}
.resizeNone{
    resize: none;
}
.textheight40{
    height: 40px !important;
}
.textminheight40{
    min-height: 40px !important;
    resize:vertical;
}
.focusvisiblenone svg:focus-visible,.focusvisiblenone svg:focus{
    outline: none;
}
.weeklyTimesheet{
    display: none;
}
.smtpcheckbox-padding{
    padding-top: 3px;
}
/* sweert alert overwrite css start */
.btn_width{
    width: 125px;
}
.btn_awidth{
    width: auto;
}
.btn_style {
    height: auto;
    line-height: normal;
    font-size: 13px !important;
    border-radius: 8px !important;
    font-weight: normal;
    padding: 7px 10px !important;
}
.btn_ok{
    color: #ffffff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    border: 1px solid #007bff !important;
}
.btn_can{
    color: #525866 !important;
    background-color: #ffffff !important;
    border: 1px solid #525866 !important;
}
.default_alert_block{
    border-radius: 16px;
    border: 1px solid #868C98;
    background-color: #ffffff;
    padding: 20px;
}
.default_block-width-auto{
    width: fit-content;
}
.default_block-width-user{
    width: 335px;
}
.default_alert_block .default_title_style{
    color: #525866;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    padding:0;
    line-height: normal;
}
.default_alert_block .default_text_style{
    color: #868C98;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 10px 0 0 0;
    line-height: normal;
}
.default_alert_block .default_validation_message{
    color: #f85d64;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: transparent;
    padding: 0;
    justify-content: flex-start;
    margin-top: 6px;
}
.default_alert_block .default_validation_message::before{
    margin-left: 0;
}
.default_alert_block .default_action_style{
    margin-top:16px;
    width: 100%;
    justify-content: flex-start;
}
.default_alert_block .default_icon img{
    width: 56px;
    height:56px;
    object-fit: contain;
}
.default_alert_block .default_icon{
    width: auto;
    height: auto;
    margin:0 0 15px 0;
    justify-content: flex-start;
}
.default_alert_block .default_input{
    border-radius: 8px;
    border: 1px solid #D5D4DC;
    background-color: #ffffff;
    box-shadow: none !important;
    margin: 16px 0 0 0;
    outline: none;
    height: 35px;
    font-size:12px !important;
    color: #525866;
}
.default_alert_block .default_input:focus{
    outline: none;
    box-shadow: none !important;
    border: 1px solid #D5D4DC;
}
/* sweert alert overwrite css end */
.ctl-das-bor-rad{
    border-radius: 25px !important;
}
.btn-back{
    border: 1px solid #E2E4E9;
    background-color: #FFF;
    box-shadow: 0px 2px 1px 0px rgba(226, 228, 233, 0.24);
    padding: 12px 16px;
    height: 40px;
    width: 100px;
    font-weight: 600;
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
    text-decoration: none;
}
.btn-back:hover{
    color:var(--fc-secondary);
}
.clt-pot-1{
    padding-top: 3px;
}
.ctl-tas-tit-com{
    font-size: 20px;
    color: #000000;
    line-height: normal;
    font-weight: 600;
}
.ctl-dasboard-bottom{
    border-bottom: 1px solid #D0D5DD;
    padding-bottom: 15px;
    margin-bottom: 18px;
}
.ctl-timer-block{
    font-weight: 500;
    width: 124px;
    height: auto;
    padding: 5px 10px;
    border-radius: 25px;
}
.timer-green{
    border: 1px solid var(--Colors-Success-300, #6CE9A6);
    background: var(--Colors-Success-100, #D1FADF);
    color: #12B76A;
}
.timer-yellow{
    border: 1px solid var(--Colors-Warning-300, #FEC84B);
    background: var(--Colors-Warning-100, #FEF0C7);
    color: #F79009;
}
.timer-red{
    border: 1px solid var(--Colors-Error-300, #FDA29B);
    background: var(--Colors-Error-100, #FEE4E2);
    color: #F04438;
}
.ctl-row-disabled td{
    color:#bcbcbc !important;
}
.ctl-loc-grd{
    display: grid !important;
}
.ctl-das-pot{
    padding-top:63px !important;
}
.ctl-loc-bor-blo li:not(:last-child){
    border-bottom: 1px solid rgba(204, 204, 204, 0.50);
    padding-bottom: 6px;
}
.ctl-tas-lis > a:not(last-child){
    border-bottom: 1px solid #F9FAFB;
    padding-bottom: 8px;
}
.ctl-das-pos-rel{
    position: relative;
}
.ctl-das-com-txt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ctl-das-cha-loc{
    width: 90px;
}
.ctl-das-cha-tim{
    width: 100px;
}
.ctl-das-com-txt h5{
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
}
.ctl-das-com-txt span{
    font-size: 24px;
    line-height: normal;
    font-weight: 600;
    text-align: center;
    display: block;
}
.ctl-button-1{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.ctl-button-2{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
 /* For Chrome and Safari  */
 .hide-spinner input[type="number"]::-webkit-outer-spin-button,
 .hide-spinner input[type="number"]::-webkit-inner-spin-button
 {
     -webkit-appearance: none;
     margin: 0;
 }
 /* For Firefox  */
 .hide-spinner input[type="number"] {
     -moz-appearance: textfield;
 }
/*  header notification css start */
 .ctl-not-cus-blo .dropdown-menu.notifications .dropdown-item .item{
    padding: 13px;
    gap: 8px;
    margin-top: 0;
 }
 .ctl-not-cus-blo .dropdown-menu.notifications .dropdown-item:not(:first-child) .item{
    margin-top: 10px;
 }
 .ctl-not-cus-blo .dropdown-menu.notifications .dropdown-item .item .content{
    gap: 5px;
 }
 .ctl-not-cus-blo .dropdown-menu.notifications .dropdown-item .item .content .content-start{
    gap: 2px;
 }
 .ctl-not-cus-blo .dropdown-menu.notifications .dropdown-item .item .content .content-btn .btn-mark-read,
 .ctl-not-cus-blo .dropdown-menu.notifications .dropdown-item .item .content .content-btn .btn-clear{
    font-size: 11px;
    font-weight: 500;
 }
 .ctl-not-cus-blo .dropdown-menu.notifications{
    padding: 13px 7px 5px 13px;
 }
 .ctl-not-scroll{
    max-height: calc(100vh - 203px);
    overflow: auto;
    padding-right: 7px;
 }
 .ctl-not-scroll::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.ctl-not-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.ctl-not-scroll::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}
/*  header notification css start */
/*  */
.text-name-email span{
    word-break: break-all;
}
/*  */
.head_heigh_auto table>thead{
    height:unset;
}
.table-pagination-block .hide-pagination-block{
    display:none;
}
/* scroll custom css start */
.cmp-dat-tab-scr .dataTables_scroll{
    margin-bottom: 10px;
}

.cmp-dat-tab-scr .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-dat-tab-scr .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.cmp-dat-tab-scr .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 1px;
}
/* scroll custom css end */
.time-x-scroll{
    overflow-x: auto;
}
.time-x-scroll::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.time-x-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.time-x-scroll::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}
/*  */

@media (max-width: 768px) {
   .logo-mobile{
    display: flex;
    justify-content: start;
    padding: 0 1.5rem;
   }
}
.ctlTextWhiteSpace{
 white-space: normal;
}
.ctl-grd-emp-loc{
    display: grid;
    grid-template-columns: 15px auto;
    align-items: self-start;
    gap:5px;
}
.ctl-grd-emp-loc svg{
    margin-top: 2px;
}
.table-textwrap thead tr th,.table-textwrap tbody tr td{
    white-space: nowrap;
}
.table-textwrap tbody tr td.cmp-tim-tas-wra{
    white-space: wrap;
    overflow-wrap: anywhere;
}
.ctl-pri-pol .select2-container .select2-selection--single{
    padding-left: 6px;
}
.ctl-pri-ico-cus{
    width: 20px;
    height: 20px;
    object-fit: contain;
    background-color: white;
    border-radius: 4px;
    padding: 2px;
}
/*  */
.input-field .form-control::placeholder {
    color: #999;
}
.ctl-no-tas-blo,.ctl-tab-emp-blo{
    padding: 20px;
    background-color: #f9fafb;
    border-radius: 8px;
    text-align: center;
}
.ctl-nop-pad-zer tbody tr td.dataTables_empty{
    padding:0;
}
.ctl-usr-tab-aut{
    overflow-x: auto ;
}

.cmp-pos-sta-usr .dataTables_scroll .dataTables_scrollBody{
    position: static !important;
}
/*  */
.btn-request-raise {
    padding: 5px 10px !important;
    border-radius: 6px !important;
    background: #194185;
    box-shadow: 0px 2px 1px 0px rgba(226, 228, 233, 0.24) !important;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(226, 228, 233, 0.24) !important;
    border: 1px solid #194185;
    transition: all .4s ease-in-out;
    text-decoration: none;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1 !important;
    pointer-events: visible !important;
    color: #ffffff;
}

.btn-request-raise:hover {
    border: 1px solid #007BFF;
    background: #ffffff;
    color: #007BFF;
    transition: all .4s ease-in-out;
}
.btn-request-raise:disabled {
    border: 1px solid #007BFF;
    background: #D1E9FF;
    color: #007BFF;
    pointer-events: none !important;
}

.ctl-tas-frm-pop {
    max-height: calc(100vh - 190px);
    overflow: auto;
    overflow-x: hidden;
    padding-right: 10px;
}
.ctl-tas-lis-pop{
    max-height: calc(100vh - 210px);
    overflow: auto;
    /* overflow-x: hidden; */
    overflow-x: auto;
    padding-right: 15px;
}
.ctl-tas-pop-blo{
    max-height: calc(100vh - 190px);
    overflow: auto;
    /* overflow-x: hidden; */
    overflow-x: auto;
    padding-right: 15px;

}
.ctl-rai-por-zer{
    padding-right: 0 !important;
}

.ctl-discard-button {
    padding: 10px;
    border-radius: 6px !important;
    background: #E4E7EC;
    box-shadow: 0px 2px 1px 0px rgba(226, 228, 233, 0.24);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(226, 228, 233, 0.24);
    border: solid 1px #E2E4E9;
    transition: all .4s ease-in-out;
    text-decoration: none;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ctl-discard-button:hover {
    background-color: #FFFFFF !important;
    color: #FFFFFF !important;
    border: solid 1px #E2E4E9 !important;
    transition: all .4s ease-in-out;
}
/* timesheer time dropdown start */
 .ui-timepicker-standard.ctl-tim-drp-cus a {
    justify-content: start;
    display: flex;
    padding: 2px 8px;
    font-weight: 500;
    color: #0a0d14;
    cursor: pointer;
    margin-right: 8px;
}
.ui-timepicker-standard.ctl-tim-drp-cus  {
    font-family: unset;
    font-size: 12px;
    background-color: #FFF;
    border: 1px solid #e2e4e9;
    border-radius: 6px;
}

.ctl-tim-drp-cus .ui-timepicker-viewport::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.ctl-tim-drp-cus .ui-timepicker-viewport::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.ctl-tim-drp-cus .ui-timepicker-viewport::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}
.ui-timepicker-standard.ctl-tim-drp-cus .ui-state-hover {
    background-color: #e9ecef;
    border: 1px solid #e0e0e1;
    border-radius: 3px;
}
.ctl-tim-drp-cus, .ui-timepicker-viewport {
    height: 73px !important;
}
.ctl-tim-drp-cus, .ui-timepicker {
    height: 80px !important;
}
/* timesheer time dropdown end */
/* button raised request css start  */
.btn-raised-request {
    padding: 12px 16px;
    border-radius: 8px !important;
    color: #FFFFFF;
    background-color: #194185;
    border: 1px solid #194185;
    height: 40px;
    font-weight: 600;
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
}
.btn-raised-request:hover{
    border: 1px solid #0d6efd;
    background-color: #ffffff;
    color: #0d6efd;
    transition: all .4s ease-in-out;
}
.btn-raised-request svg path,.btn-request-raise svg path{
    transition: all .4s ease-in-out;
}
.btn-raised-request:hover svg path,.btn-request-raise:hover svg path {
    transition: all .4s ease-in-out;
    fill:#0d6efd;
}
.btn-view-raiserequest{
    background-color: #007bff;
    padding: 5px 10px;
    border-radius: 8px;
    transition: all .4s ease-in-out;
}
.btn-view-raiserequest:hover {
    background-color: #0b5ed7;
    transition: all .4s ease-in-out;
}
/* button raised request css end  */
.ctl-zin-sel-dro{
    z-index: 1001 !important;
}
.ctl-zin-cal-dro,.ctl-zin-dob-dro{
    z-index: 8 !important;
}
/*  */

.btn-leave-management{
    padding: 5px 10px;
    border-radius: 8px;
    color: #868C98;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
}
.btn-leave-management:hover,.btn-leave-management.active,.btn-leave-management:focus {
    color: #0A0D14;
    background-color: #ffffff;
    box-shadow: 0px 4px 2px 0px rgba(27, 28, 29, 0.02);
    transition: all .4s ease-in-out;
}
.btn-leave-management svg{
    fill: #868C98;
    transition: all .4s ease-in-out;
}
.btn-leave-management:hover svg,.btn-leave-management.active  svg,.btn-leave-management:focus  svg{
    fill: #0A0D14;
    transition: all .4s ease-in-out;
}
.cmp-lev-man-blo{
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    gap: 10px;
}
.ctl-lev-man-blo{
    border-radius: 12px;
    border: 1px solid #E2E4E9;
    background: #ffffff;
    box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.24);
    padding: 16px;
    display: inline-grid;
}
.ctl-man-blo-top{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.ctl-man-blo-bot{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.ctl-uma-txt-lft{
    color: var(--fc-primary);
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
}
.ctl-uma-txt-rit,.ctl-uma-tit-rit{
    font-size: 12px;
}
.ctl-uma-txt-rit{
    color: var(--fc-secondary);
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
}
.ctl-uma-tit-rit{
    color: #525866;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
}
.ctl-uma-ico-lft svg{
    display: inherit;
}
.ctl-uma-ico-lft{
    line-height: normal;
}

/* switch notification start */
.on-off-toggle {
    width: 56px;
    height: 24px;
    position: relative;
    display: inline-block;
  }

  .on-off-toggle__slider {
    width: 56px;
    height: 23px;
    display: block;
    border-radius: 34px;
    background-color: #efefef;
    transition: background-color 0.4s;
    margin-bottom: 0;
    cursor: pointer;

    &:before {
      content: '';
      display: block;
      background-color: #fff;
      box-shadow: none;
      bottom: 3px;
      height: 17px;
      left: 4px;
      position: absolute;
      transition: .4s;
      width: 17px;
      z-index: 5;
      border-radius: 100%;
    }

    &:after {
        display: block;
        line-height: 24px;
        text-transform: capitalize;
        font-size: 12px;
        font-weight: 600;
        content: 'off';
        color: #868C98;
        padding-left: 26px;
        transition: all 0.4s;
    }

  }

  .on-off-toggle__input {
    position: absolute;
    opacity: 0;
  }

  .on-off-toggle__input:checked +
  .on-off-toggle__slider {
    background-color: #007bff;

    &:before {
      transform: translateX(32px);
    }
    &:after {
      content: 'on';
      color: #FFFFFF;
      padding-left: 10px;
    }
  }
 /* switch notification end */
 .ctl-das-mot{
    margin-top: 5px;
    margin-bottom: 8px;
 }
 .ctl-usr-ico-blo-top{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
 }

 .ctl-usr-ico-lft{
    position: relative;
 }
 .ctl-sta-ico-ind{
    position: absolute;
    bottom: 0;
    right: 0;

    height: 10px;
    width: 10px;
    border: 1px solid #ffffff;
    border-radius: 50%;
 }
 .ctl-avl-ico-bg{
    background-color: #00AE1D;
 }
 .ctl-uavl-ico-bg{
    background-color: #DF1C41;
 }
 .ctl-usr-nme-rit{
    font-size:12px;
    color: #0A0D14;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
 }
 .ctl-usr-tit-sta{
    font-size:12px;
    /* color: #525866; */
    /* color: #868C98; */
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
 }
 .ctl-usr-tit-sta span{
    font-size:11px;
    color: #868C98;
 }
 .ctl-usr-avl-col{
    color:#00ae1d;
 }
 .ctl-usr-uavl-col{
    color:#DF1C41;
 }
 .cmp-gri-avc-blo{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
 }
 .cmp-bor-rit-lne .ctl-act-com-blo{
    border-right: 1px solid #E2E4E9;
 }
 .cmp-bor-rit-lne .ctl-act-com-blo:nth-of-type(4n){
    border-right: unset;
 }
 .cmp-usr-man-com-blo{
    border-radius: 12px;
    border: 1px solid #E2E4E9;
    background-color: #FFF;
    padding: 15px;
 }
.ctl-usr-lea-man-scr{
    height:240px;
    /* overflow-x: auto; */
    overflow: hidden;
    overflow-y: auto;
}

.ctl-usr-lea-man-scr::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.ctl-usr-lea-man-scr::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.ctl-usr-lea-man-scr::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}


.ctl-lve-man-pop{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 45px 0px rgba(82, 88, 102, 0.08);
    padding: 15px;
    margin-bottom: 15px;
}
.ctl-sta-lve-btn{
    border-radius: 4px;
    width: fit-content;
    padding: 0px 4px !important;
}
.ctl-lve-btn-app{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #00AE1D;

}
.ctl-lve-btn-rej{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F74850;
}
.ctl-lve-btn-pen{
    background-color: #e5e5f2;
}
.labelvisibilityhidden{
    visibility: hidden;
}
.ctl-mot-adj{
    margin-top:5px;
}
.ctl-drp-col-cus{
    border-color:#e2e4e9 !important;
}

.ctl-vie-lve-man textarea:disabled{
    background-color: #ffffff;
    overflow: hidden;
    height:80px;
    min-height: 80px;
}
.ctl-inp-lev-dis .input-field input:disabled{
    background-color: #ffffff;
}
.ctl-del-ico-ovr-drp svg{
    fill: var(--fc-primary);
}
.ctl-del-ico-ovr-drp:hover svg {
    fill: var(--fc-secondary);
}
.cmp-rai-cur-sta .ctl-sta-lve-btn:last-child{
    margin-right:8px;
}
.ctl-cmt-tab-txt tbody>tr>td{
    white-space: nowrap;
}
.ctl-cmt-tab-txt tbody>tr>td:last-child{
    word-break: break-word !important;
    white-space: wrap !important;
}






















/*  */
 .ctl-btn-vie-mor{
    font-size: 0.75rem;
    font-weight:500;
    color: #ffffff;
    line-height: normal;
    text-align: center;
    height: auto;
    background-color:#0d6efd;
    border-color: #0d6efd;
    border: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease-in-out;
    padding: 6px 10px !important;
    border-radius: 6px !important;

 }
 .ctl-wid-vie-mor{
    width: 90px;
 }
 .ctl-btn-vie-mor:hover{
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
 }
 .ctl-rai-req-tab-hdr tr,.ctl-rai-req-tab-bod tbody tr.ctl-row-tar-req:first-child{
    display: grid;
    grid-template-columns: 50px 130px 140px 145px 95px 95px auto;
 }

 .ctl-rai-req-tab-bod tbody tr.ctl-row-tar-req td{
    display: flex;
    align-items: center;
    border-bottom:0;
    white-space: wrap;
 }
 .ctl-req-inp-ico .input-field span.icon {
    top: 10px;
 }
 .ctl-dro-frm-bg{
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 8px;
 }



.ctl-read-unread-bg tr.unread {
    background: #007bff26;
}
.ctl-read-unread-bg tr.read {
    background: #ffffff;
}

.ctl-inp-cus-blo .ctl-pro-txt-inp{
    border: none;
    box-shadow: none;
    background-color: transparent;
    padding-left: 20px;
}
.ctl-inp-cus-blo span.icon{
    left:0;
}
.ctl-tol-wid-inp{
    width: 100px;
}
.cmp-usr-com-blo .table.theme-table thead tr{
    background-color: #efefef;
}
.ctl-pro-pob-lab{
    padding-bottom: 4px;
}

.ctl-rai-req-man-hdr tr,.ctl-rai-req-man-bod tbody tr.ctl-man-tar-req:first-child{
    display: grid;
    grid-template-columns: 50px 130px 140px 145px 95px 95px auto;
 }

 .ctl-rai-req-man-bod tbody tr.ctl-man-tar-req td{
    display: flex;
    align-items: center;
    border-bottom:0;
    white-space: wrap;
 }
/*  */

.cmp-bre-can-blo{
    padding-right: var(--bs-gutter-x, 1.75rem);
    padding-left: var(--bs-gutter-x, 1.75rem);
}
.ctl-pop-hdr-por{
    padding-right: 40px;
}
.readonlyNormal input.form-control[readonly]{
        background-color: #ffffff;
}
/*  */
.cmp-cus-sel-scr::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-cus-sel-scr::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.cmp-cus-sel-scr::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}
.cmp-pop-pot-cus{
    padding-top: 12px;
}


.cmp-hei-sco-cus::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-hei-sco-cus::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.cmp-hei-sco-cus::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}
.cmp-hei-sco-cus{
    max-height:90px !important;
}
.ctl-sel-txt-fil .select2-container .select2-selection--single .select2-selection__rendered{
    white-space: normal;
    overflow-wrap: anywhere;
}
.ctl-tim-tab-wid{
    width: 100px;
}
.ctl-res-tab-bot-hun tbody tr td.child ul.dtr-details{
    width: 100%;
}

.ctl-fix-col-bac > tbody > tr > td:first-child.dtfc-fixed-left{
    background-color: #f6f6f6;
}
body.body .select2-container.select2-container--open {
    z-index: 0 !important;
}
.timedropwidth .flatpickr-calendar{
    width: 165px;
}
.ctl-ras-btn-hei{
    height: 30px;
    font-size: 11px;
}

.cmp-tas-pos-rel{
    position: relative;
}
.ctl-tas-del-all{
    border-radius: 6px;
    background-color: #D92D20;
    padding: 5px 10px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ctl-pos-del-abs{
    position: absolute;
    right: 12px;
    bottom: 12px;
}
.ctl-che-box-tas{
    position: absolute;
    left: 15px;
    top: 20px;
}
.cmp-tas-che-box{
    display:flex;
    align-items: center;
    gap:5px;
}
.ctl-tas-che-pal{
    padding-left: 18px;
}
.ctl-che-box-tas input{
    cursor: pointer;
}
.ctl-mem-tas-hei{
    height: 32px;
}
.ctl-zin-dat-dro{
    z-index: 1001 !important;
}

.buttonreset{
    background-color:#e4e7ec;
}
.buttonreset:hover {
    background-color: #ffffff;
    transition: all .4s ease-in-out;
}

.ctl-not-vie-all a{
    padding-right: 15px;
}
.btn-mark-read,.btn-clear{
    transition: all .4s ease-in-out;
}
.btn-mark-read:hover {
    color: #0059b9 !important;
    transition: all .4s ease-in-out;
}
.btn-clear:hover{
    color: #f74850 !important;
    transition: all .4s ease-in-out;
}
.ctl-read-unread-bg tr.unread td {
    font-weight: 700;
}
.ctl-res-pos-rel{
    position: relative;
}
.ctl-rep-pos-abo{
    position: absolute;
    bottom: 15px;
}
/*  */
.cmp-app-bac-whi{
    background-color: #ffffff;
}
.cmp-app-lea-blo{
    padding: 10px 16px;;
}
.ctl-lve-man-pag{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 45px 0px rgba(82, 88, 102, 0.08);
    padding: 15px;
}
.ctl-mob-lve-man{
    margin-bottom: 15px;
}
.custom_select_scroll::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.custom_select_scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.custom_select_scroll::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}
.wordbreakSelect li{
    word-break: break-all;
}
textarea::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
textarea::-webkit-scrollbar{
    width: 5px;
    height: 5px;
}
textarea::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}
.ctl-lev-hdr-top{
    margin-bottom:15px;
}
.ctl-lev-hdr-top h4{
    font-size:14px;
    color:var(--fc-primary);
    font-weight: 600;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.ctl-lev-txt-blo h4{
    font-size:12px;
    color:var(--fc-secondary);
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.ctl-lev-num-blo h4,.ctl-lev-tot-txt h4{
    font-size:14px;
    color:#007BFF;
}
.ctl-lev-num-blo h4,.ctl-lev-tot-txt h4{
    font-weight: 600;
    line-height: normal;

    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.ctl-lev-num-blo h4{
    text-align: right;
}
.ctl-lev-tot-txt h4{
    text-align: left;
}
.ctl-lev-det-flx{
    display: flex;
    align-items: center;
    gap: 10px;
}
.cmp-lis-lev-blo li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cmp-lis-lev-blo li:not(:last-child){
    margin-bottom: 5px;
}
.cmp-lev-man-top{
    border-bottom: 1px solid #e2e4e9;
    padding-bottom: 15px;
    margin-bottom: 18px;
}
.ctlTextareaWidth .select2.select2-container{
    width: 100% !important;
}
.cmp-sel-drp-ico .select2-container .select2-selection--single{
    padding-left: 5px;
}
.ctl-txa-min-hei textarea.form-control{
    min-height: 40px;
}
.cmp-lev-man-pob{
    padding-bottom: 80px !important;
}
.ctl-rem-bor-rad theme-table thead tr {
    border-radius: 0;
}
.cmp-act-dro-vis .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody{
    overflow: visible;
}

.ctl-cal-zin-dro{
    z-index: 8 !important;
}

.emplopee-icon {
    height: 40px !important;
    width: 40px !important;
    object-fit: contain;
    border: 1px solid #d5d9ddbf;
}

.btn-success-approved {
    display: flex;
    width: 125px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 8px !important;
    background: #00AE1D;
    color: #ffffff;
}
.btn-success-reject {
    display: flex;
    width: 125px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 8px !important;
    background: #DF1C41;
    color: #ffffff;
}

.btn-success-approved:hover,.btn-success-approved:focus {
    color: #fff;
    background-color: #099620;
    border-color: #099620;
}
.clt-h-33{
    height: 33px;
}
.cmp-pin-ico-con{
    padding-bottom: 2px;
}
.ctl-nlo-ico-bg{
    background-color: #FFA500;
 }
.ctl-usr-nlo-col{
    color:#FFA500;
 }
.cmp-lev-cus-dat-pic .form-control:focus {
    border-color: #dddddd;
}
.cmp-lev-inp-ico-pol .input-field .form-control{
    padding-left: 36px;
}

.ctl-fil-drp-mor{
    margin-right: 12px;
}
.ctl-drp-hun-sty{
    min-width: 100%;
    top: 2px !important;
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 0;
    border-radius: 6px;
}
.ctl-drp-hun-sty li button {
    padding: 5px 16px !important;
    font-size: 12px;
}
.cmp-mil-pro-hdr h3{
    font-size:18px;
    color:var(--fc-primary);
    font-weight: 700;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.cmp-che-box-blo{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
     height: 100%;
}
.cmp-mil-lis-grd{
    display: grid;
    grid-template-columns: 50px 330px auto auto 115px auto auto;
    gap: 5px;
    border-radius: 8px;
    background-color: #F9FAFB;
}
.cmp-mil-lis-blo{
    padding: 12px;
}
.cmp-mil-lis-bor .cmp-mil-lis-blo:not(:last-child){
    border-right: 1px solid #F2F4F7;
}
.ctl-mil-blo-tit-top h4{
    font-size:11px;
    color:var(--fc-lightColor);
    font-weight: 400;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 8px;
}
.ctl-mil-blo-inf-bot h5,.ctl-cha-ico-con h5{
    font-size:13px;
    color:var(--fc-primary);
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.ctl-txt-eli-two-lne h5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ctl-cha-ico-con,.ctl-edi-ico-con{
    border-radius: 8px;
}
.ctl-cha-ico-con{
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #e2e4e9;
    background-color: #e4e7ec;
    transition: .3s ease-in-out;
    width: fit-content;
    padding: 6px 10px;
    cursor: pointer;
}
.ctl-cha-ico-con:hover {
    background-color: #ffffff;
    transition: .3s ease-in-out;
}
.ctl-edi-ico-con{
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #e2e4e9;
    background-color: #667085;
    transition: .3s ease-in-out;
    width: fit-content;
    padding: 6px 10px;
    cursor: pointer;
}
.cmp-cha-edi-flx-blo{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 100%;
}
.ctl-edi-ico-con:hover{
    background-color: #ffffff;
    transition: .3s ease-in-out;
}
.ctl-edi-ico-con svg{
    stroke: #fcfcfd;
    transition: .3s ease-in-out;
}
.ctl-edi-ico-con:hover svg{
    stroke: #000000;
    transition: .3s ease-in-out;
}
.ctl-mil-lis-drp{
    padding: 15px;
}
.ctl-eli-two-lne{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width:230px;
}
.ctl-mil-tas-hdr h4 ,.ctl-tas-dat-del h5,.ctl-mil-status-text{
    font-size:13px;
}
.ctl-mil-tas-hdr h4{
    color:var(--fc-primary);
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.ctl-tas-dat-del{
    display: flex;
    align-items: center;
    gap:10px;
    justify-content: center;
    border-radius: 8px;
    padding: 6px 6px;
    width: fit-content;
}
.ctl-tas-dat-del.ctl-tas-mil-overdue{
    border: 1px solid #fda29b;
    background-color: #FEF3F2;
}
.ctl-tas-dat-del.ctl-tas-mil-overdue span{
    color:#d92d20;
    border: 1px solid #fda29b;
}
.ctl-tas-dat-del.ctl-tas-mil-overdue h5{
    color:#d92d20;
}
.ctl-tas-dat-del.ctl-tas-mil-completed{
    border: 1px solid #A6F4C5;
    background-color: #ECFDF3;
}
.ctl-tas-dat-del.ctl-tas-mil-completed span{
    color:#039855;
    border: 1px solid #A6F4C5;
}
.ctl-tas-dat-del.ctl-tas-mil-completed h5{
    color:#039855;
}
.ctl-tas-dat-del.ctl-tas-mil-onhold{
    border: 1px solid #feb273;
}
.ctl-tas-dat-del.ctl-tas-mil-onhold span{
    color:#dc6803;
    border: 1px solid #feb273;
}
.ctl-tas-dat-del.ctl-tas-mil-onhold h5{
    color:#dc6803;
}
.ctl-tas-dat-del.ctl-tas-mil-progress{
    border: 1px solid #84caff;
    background-color:#d2ecff;
}
.ctl-tas-dat-del.ctl-tas-mil-progress span{
    color:#1570ef;
    border: 1px solid #84caff;
}
.ctl-tas-dat-del.ctl-tas-mil-progress h5{
    color:#1570ef;
}
.ctl-tas-dat-del.ctl-tas-mil-testing{
    border: 1px solid #9b90dd;
    background-color:#9b90dd3b;
}
.ctl-tas-dat-del.ctl-tas-mil-testing span{
    color:#4227dd;
    border: 1px solid #9b90dd;
}
.ctl-tas-dat-del.ctl-tas-mil-testing h5{
    color:#4227dd;
}
.ctl-tas-dat-del.ctl-tas-mil-bugfixing{
    border: 1px solid #aeaeaf;
    background-color:#afaeae33;
}
.ctl-tas-dat-del.ctl-tas-mil-bugfixing span{
    color:#0a0d14;
    border: 1px solid #aeaeaf;
}
.ctl-tas-dat-del.ctl-tas-mil-bugfixing h5{
    color:#0a0d14;
}
.ctl-tas-dat-del span{
    font-size:12px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
    border-radius: 6px;
    background-color: #ffffff;
    padding: 4px 10px;
}
.ctl-tas-dat-del h5{
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
    padding-right: 10px;
}
.ctl-mil-sta-wid{
    width: fit-content;
    height: auto;
    padding: 4px 8px;
    border-radius: 6px;
}
.ctl-mil-status-text{
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
}
.ctl-mil-status-low{
    color: #00AE1D;
    order: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #00AE1D;
}
.ctl-mil-status-lowest{
    color: #007BFF;
    order: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #007BFF;
}
.ctl-mil-status-medium{
    color: #F4BE37;
    border: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F4BE37;
}
.ctl-mil-status-high{
    color: #DC6803;
    border: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #DC6803;
}
.ctl-mil-status-highest{
    color:#F74850;
    border: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F74850;
}
.ctl-mil-pau-wid{
    width: fit-content;
    height: auto;
    padding: 4px 12px;
    border-radius: 14px;
}
.ctl-mil-status-paid{
    color: #00AE1D;
    order: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #00AE1D;
}
.ctl-mil-status-unpaid{
    color:#F74850;
    border: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F74850;
}
.cmp-mil-tas-lis-blo{
    display: flex;
    align-items: center;
    gap: 15px;
}
.ctl-mil-uol-sta-col span{
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
}
.ctl-bg-completed-disc span{
    background-color: #00AE1D;
}
.ctl-bg-overdue-disc span{
    background-color: #d92d20;
}
.ctl-mil-uol-chi1-col span{
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: var(--fc-primary);
    display: inline-block;
}
.cmp-mil-chi1-li li{
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #F2F4F7;
    padding-left: 27px;
}
.cmp-mil-chi1-li li:last-child{
    border-bottom:0;
}
.cmp-mil-sub-tas-blo{
    display: flex;
    align-items: center;
    gap: 15px;
}
.ctl-mil-pac-wid{
    width: fit-content;
    height: auto;
    padding: 4px 12px;
    border-radius: 13px;
}
.ctl-mil-status-completed{
    color: #00AE1D;
    order: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #00AE1D;
}
.ctl-mil-status-pending{
    color:#F74850;
    border: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F74850;
}
.cmp-mil-tas-dis-non{
    display: none;
}
.cmp-mil-pro-lis .milestone-project-item:not(:last-child){
    margin-bottom: 15px;
}
.cmp-mil-pay-sta-wid{
    width: 96px;
}
.cmp-mil-pay-sta-wid .select2-container .select2-selection--single{
    padding-left: 5px;
}
.cmp-mil-pay-sta-wid .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right:6px;
}
.cmp-mil-pay-sta-wid .select2-container .select2-selection--single{
    height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.cmp-mil-pay-sta-wid .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 20px;
}
.cmp-mil-pay-sta-wid .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1px !important;
}
.cmp-mil-pay-sta-wid .select2-container--default .select2-selection--single {
    border: 1px solid #F2F4F7;
}
.ctl-pay-ico-cus{
    width: 16px;
    height: 16px;
    object-fit: contain;
    background-color: white;
    border-radius: 4px;
    padding: 2px;
}
.cmp-mil-hdr-mob{
    margin-bottom: 15px;
}
.ctl-dro-ico-rot svg{
    transform: rotate(180deg);
}
.ctl-dro-ico-hid::after{
    display: none;
}
.ctl-cht-blo-cus{
    padding: 10px;
}
.ctl-cha-hdr-sec{
    padding: 10px 15px !important;
}
.ctl-cha-hdr-sec h5{
    font-size: 13px;
    color: var(--fc-primary);
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.ctl-cha-hdr-sec button{
    font-size: 12px;
    color: var(--fc-primary);
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin: 0 !important;
    padding: 0 !important;
}
.emplopee-chat-icon {
    height: 40px !important;
    width: 40px !important;
    object-fit: contain;
    border: 1px solid #d5d9ddbf;
}
.ctl-cha-pro-hdr p{
    font-size: 13px;
    color: var(--fc-primary);
    font-weight: 500;
    line-height: normal;
}
.ctl-cha-pro-hdr span{
    font-size: 11px;
    color: var(--fc-secondary);
    font-weight: 400;
    line-height: normal;
}
.ctl-btn-hor-ico{
    color: var(--fc-primary);
    cursor: pointer;
}
.cmp-cha-his-blo{
    margin-top : 13px;
    margin-bottom : 13px;
}
.ctl-cha-his-txt li:not(:last-child){
    margin-bottom: 6px;
}
.ctl-cha-his-txt li p,.ctl-mil-tex-hei textarea{
    font-size: 12px;
    font-weight: 400;
}
.ctl-cha-his-txt li p{
    color: var(--fc-primary);
    line-height: 18px;
    text-transform: inherit;
    letter-spacing: normal;
}
.ctl-cha-rep-blo{
    margin-bottom: 5px;
}
.ctl-cha-rep-blo h5{
    text-decoration: underline;
}
.ctl-cha-rep-blo h5,.ctl-cha-rep-blo h6{
    font-size: 12px;
    color: var(--fc-secondary);
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: normal;
    margin-bottom:0;
}
.ctl-minheight-60 textarea.form-control{
    min-height: 60px;
}
.ctl-mil-tex-hei textarea{
    color: var(--fc-secondary);
    line-height: normal;
    text-transform: inherit;
    letter-spacing: normal;
    border-radius: 8px;
    border: 1px solid #F2F4F7;
    box-shadow: none;
}
.ctl-mil-tex-hei textarea:focus{
    color: var(--fc-secondary);
}
.ctl-mil-tex-are-bac textarea{
    background-color: #f6f7f8;
}

.ctl-mil-tex-are-bac textarea:focus{
    background-color: #f6f7f8;
}
.ctl-minheight-30 textarea.form-control{
    min-height: 40px;
}
.btn-chat-rep {
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    gap: 5px;
    background-color: #007BFF;
    color: #ffffff;
}
.cmp-rep-cht-btn{
    position:absolute;
    bottom: 10px;
    right:10px;
}
.cmp-cht-btn-cus.modal .btn {
    height: 30px !important;
    border-radius: 6px !important;
}
.cmp-cht-box-pad{
    padding: 15px 15px !important;
}
.cmp-mil-cha-box-sha{
    border-radius: 6px;
    border: 1px solid #E4E7EC;
    background-color:#ffffff;
    box-shadow: 0px 26px 7px 0px rgba(0, 0, 0, 0.00), 0px 17px 7px 0px rgba(0, 0, 0, 0.01), 0px 9px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
}
.ctl-scr-mod-mil{
    max-height: calc(100vh - 405px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 15px;
    margin-bottom: 10px;
}
.cmp-mil-pop-scr::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-mil-pop-scr::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.cmp-mil-pop-scr::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}
.cmp-drp-cht-men{
    padding:0 ;
    border: 1px solid #e4e7ec;
    border-radius: 6px;
}
.cmp-drp-cht-men .dropdown-item{
    padding: 5px 10px;
    color:var(--fc-primary);
    font-size: 12px;
    line-height: normal;
}
.ctlremovebackdrop{
    background-color: #ffffff;
    opacity: .1 !important;
    height: auto;
    transition: unset;
}
.cmp-cht-box-pop{
    padding:0;
    width: 335px;
    height: 440px;
    overflow: auto;
    border-radius: 3px;
    border: 1px solid #E4E7EC;
    box-shadow: 0px 26px 7px 0px rgba(0, 0, 0, 0.00), 0px 17px 7px 0px rgba(0, 0, 0, 0.01), 0px 9px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
}
.ctl-cht-pos-rel{
    position:relative;
}
.cmp-cht-pos-abs{
    position: absolute;
    height: 456px;
    right: 0px;
    left:auto;
    top:auto;
    min-width: 335px;
    z-index: 1001;
    padding-right: 0 !important;
    overflow: unset;
}
.ctloverflowvisible{
    overflow: visible !important;
    padding-right: 0!important;
}
.ctl-drp-dow-full-wid{
    top: 2px !important;
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 0;
    border-radius: 6px;
}
.ctl-drp-dow-full-wid li button {
    padding: 5px 16px !important;
    font-size: 12px;
}
.cmp-mil-tas-uol li:not(:last-child){
    margin-bottom: 15px;
}


.ctl-tab-exp-blo{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
}