@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri_light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/calibri_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/calibri_light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/calibri_light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/calibri_light.ttf') format('truetype'),
         url('../fonts/calibri_light.svg') format('svg');
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri_light_italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/calibri_light_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/calibri_light_italic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/calibri_light_italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/calibri_light_italic.ttf') format('truetype'),
         url('../fonts/calibri_light_italic.svg') format('svg');
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri_regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/calibri_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/calibri_regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/calibri_regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/calibri_regular.ttf') format('truetype'),
         url('../fonts/calibri_regular.svg') format('svg');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri_regular_italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/calibri_regular_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/calibri_regular_italic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/calibri_regular_italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/calibri_regular_italic.ttf') format('truetype'),
         url('../fonts/calibri_regular_italic.svg') format('svg');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri_bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/calibri_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/calibri_bold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/calibri_bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/calibri_bold.ttf') format('truetype'),
         url('../fonts/calibri_bold.svg') format('svg');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri_bold_italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/calibri_bold_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/calibri_bold_italic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/calibri_bold_italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/calibri_bold_italic.ttf') format('truetype'),
         url('../fonts/calibri_bold_italic.svg') format('svg');
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

html,
body {
    font-family: 'Calibri' !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

:root {
    /* --primary-color: #0B666A; */
    /* --primary-color: #902008;
    --secondary-color: #DD2D07;
    --input_border_color: #F9E3DE;
     --input_border_secondary_color: #EECDC5;
    --hover_bg_color: #FEF0DA;
    --light_bg_color: #FAF5ED;
     --highlight_bg: #FFFAE0; */
    --primary-color: #086CCC;
    --secondary-color: #0F59F5;
    --input_border_color: #CDDDFF;
    --input_border_secondary_color: #ACC7FF;
    --hover_bg_color: #E2EBFF;
    --light_bg_color: #F0F9FF;
    --highlight_bg: #F6FFDE;
    --black-color: #2E2D2D;
}

.profile-details-tab {
    border-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0px 1px 19px -5px #00000026;
}

.profile-details-tab .nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 5px;
}

.users-configuration-list td {
    color: var(--black-color); 
    height: 40px;
    padding-block: 10px;
}

.users-configuration-list th {
    color: #757171;
    border-bottom: 1px solid #E7E7E7;
    height: 36px;
    padding-block: 4px;
}

.users-configuration-list {
    border-radius: 5px;
    border: 1px solid #E7E7E7;
    border-collapse: separate;
    border-spacing: 0;
    background: #FFF;
}

.users-configuration-list tr:not(:last-child) td,
.tr-divider {
    border-bottom: 1px solid #F5F5F5;
}

.users-configuration-list :where(th, td) {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    padding-inline: 12px;
}

.users-configuration-list tr.total-tr td,
.notifications-details .no_notifications_wrapper .no_notifications_txt {
    font-size: 18px;
    line-height: 22px;
}

.users-configuration-list:not(.add-users-list, .allocations-disposals-list) :where(tr th:not(:last-child), tr td:not(:last-child)) {
    border-right: 1px solid #F5F5F5;   
}

.users-configuration-list.add-users-list :where(th, td) {
    padding-inline: 8px;
}

.users-configuration-list.add-users-list :where(tr th:last-child, tr td:last-child) {
    padding-right: 15px;  
}

.users-configuration-list.add-users-list :where(tr th:first-child, tr td:first-child) {
    padding-left: 15px;  
}

.users-configuration-list .custominput,
.users-configuration-list .input-wrapper span.k-autocomplete,
.users-configuration-list .multiselect-wrapper .custom-select,
.custominput.h-30,
.k-grid .k-input.k-textbox {
    height: 30px !important;
}

.checkbox-input .form-check-input {
    background: url(../images/normal_checkbox.svg) center/contain no-repeat;
    margin: 0;
    border: 0;
    border-radius: 0;
    width: 15px;
    height: 15px;
}


.custom-checkbox input[type="checkbox"]:checked + label::before,
.checkbox-align .form-check-input:checked,
.deliverable_input.form-check-input:checked,
.multiselect-wrapper .multiselect-container .multiselect-option .form-check .form-check-input:checked,
.k-grid .custom-kendo-checkbox .k-checkbox[aria-checked="true"],
.checkbox-input .form-check-input:checked,
.k-list-content .k-list-item .k-checkbox:checked {
    /* background: url(../images/checkbox_active_red.svg) center/contain no-repeat;  */
    background: url(../images/checkbox_active_blue.svg) center/contain no-repeat; 
}

.badge.badge-active {
    border: 1px solid #C8EAC0;
    color: #2BC01E;
    background: #F3FFF0;
    padding: 2px 7px;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    border-radius: 12px;
    cursor: default;
}

.project-user-permission-list.users-configuration-list thead tr:last-child th:not(:nth-child(3)),
.project-user-permission-list.users-configuration-list tbody tr td:not(:nth-child(4)):not(:first-child){
    border-right: 0;
}

.company_logo{
    max-width: 60px;
    height: auto;
    max-height: 40px;
}

.modal-wrapper .modal-footer>* {
    min-width: 88px;
}

.modal.modal-wrapper.remove-user-modal .modal-dialog {
    max-width: 590px;
}

.remove-user-modal .modal-body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--black-color);
}

.checkbox-input .form-check-input.permission-check-input {
    background: transparent;
    width: 19px;
    height: 17px;
}

.checkbox-input .form-check-input.permission-check-input:checked {
    background: url(../images/green_tick.svg) center/contain no-repeat; 
}

.no-active-apps-wrapper {
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    padding: 24px 16px;
    text-align: center;
    margin-bottom: 24px;
}

.no-active-apps-wrapper p {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #9A9A9A;
    margin-top: 5px;
}

.toast.app-alert-toast:not(.hide) {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast.app-alert-toast {
    border: 1px solid #F9A507;
    background: #FFECC8;
    border-radius: 5px;
    padding: 16px 20px;
    max-width: 550px;
    width: 100%;
    position: fixed;
    top: 70px;
    box-shadow: none;
    z-index: 99;
}

.toast.app-alert-toast p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--black-color);
}

.toast.app-alert-toast .btn-close {
    background: url(../images/close_toast.svg) center/contain no-repeat;
    width: 9px;
    height: 9px;
    opacity: 1;
    border-radius: 0;
    padding: 0;
    margin-left: auto;
}

.toast.app-alert-toast.success-toast {
    background: #EAFFFC;
    border-color: #24B500;
}

.toast.app-alert-toast.error-toast {
    background: #FFDBDB;
    border-color: #CB2727;
}

.toast.app-alert-toast.success-toast,
.toast.app-alert-toast.error-toast {
    left: 50%;
    transform: translateX(-50%);
}

.black-color-txt {
    color: var(--black-color) !important;
}

.link-color-txt{
    color: var(--secondary-color) !important;
    cursor: pointer;
}

.grey-color-txt {
    color: #A8A8A8 !important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration,
.k-multiselect .k-clear-value {
  display: none;
}

.font-16 {
    font-size: 16px !important;
    line-height: 20px !important;
}

.font-15 {
    font-size: 15px;
    line-height: 18px;
}

.font-14 {
    font-size: 14px;
    line-height: 17px;
}

.manage_user_no_result{
    box-shadow: 0px 9px 19px -5px #00000026;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    min-height: calc(100vh - 178px);
}

.input-info {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    padding-top: 21px;
}

.input-info span:first-child {
    color: #767676;
}

.users-configuration-list td.no_contacts{
    padding-block: 48px;
    text-align: center;
    color: #9A9A9A;
}

.users-no-result{
    min-height: calc(100vh - 310px);
}

.users-configuration-list.input-form-list td {
    padding-block: 17px;
}

.approval-pending-badge,
.approved-badge,
.rejected-badge,
.partially-paid-badge,
.paid-badge,
.cencelled-badge,
.overdue-badge,
.custom-badge,
.lost-badge {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    border-radius: 2px;
    padding: 1px 7px;
    white-space: nowrap;
    text-align: center;
    box-sizing: border-box;
}


.k-grid :where(.approval-pending-badge, .approved-badge, .rejected-badge, .partially-paid-badge, .paid-badge, .cencelled-badge, .overdue-badge, .custom-badge, .lost-badge) {
    min-width: 114px;
}

.approval-pending-badge {
    background: #FFEA9F;
}

.approved-badge {
    background: #B8EDA5;   
}

.rejected-badge {
  background: #FFB6B6; 
}

.cencelled-badge {
    background: #972470;
    color: #FFFFFF;
}

.partially-paid-badge {
    background: #9FA7FF;
    color: #363636;
}

.paid-badge {
    background: #FFD39F;
    color: #D37629;
}

.overdue-badge {
    background: #E86427;
    color: #FFFFFF;
}

.review-pending-badge {
    background: #FFAAE0;
}

.draft-badge {
    background: #A07FA8;
}

.lost-badge{
    background: #e24c4c;
}

.input-wrapper.inline-input {
    display: flex;
    align-items: center;
    gap: 10px;
}


.inline-input p,
.input-details-info :where(p, li),
.contact-person-wrapper p,
.checkbox-label {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: var(--black-color);
}

.input-details-info :where(ol, ul) {
    padding-inline-start: 16px;
}

.input-details-info p:first-child {
    color: #757171;
    margin-bottom: 6px;
}


.input-details-info p:last-child {
    line-height: 20px;
}


.column-head-align-end .k-cell-inner .k-link {
    justify-content: flex-end;
}

.column-head-align-center .k-cell-inner .k-link {
    justify-content: center;
}

.btn.approve-btn,
.btn.reject-btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding: 6px 5px;
    background: transparent;
    border-radius: 5px;
    border: 0;
}

.btn.approve-btn {
    color: #389B0A !important;
}

.btn.reject-btn {
    color: #DD2D07 !important;
}

.grid-dropdown .custom-dropdown .dropdown-item:hover {
    color: var(--secondary-color) !important;
}

.btn.approve-btn:hover,
.btn.approve-btn.green-bg {
    background: #D1FFBB;
}

.btn.reject-btn:hover {
    background: #FFDFD8;
}

.reject-account-details {
    background: #FFF6F6;
    padding: 15px;
    margin-bottom: 30px;
}

.account-info-label>p:first-child {
    min-width: 130px;
    color: #767676;
}

.modal.modal-wrapper.rejection-confirmation-modal .modal-dialog {
    max-width: 970px;
}

.account-info-label>p:first-child::after {
    content: ':';
    margin-inline: 8px;
    float: right;
    color: var(--black-color);
}

.tooltip-btn {
    /* background: url(../images/tootip_info_icon.svg) center/contain no-repeat; */
    background: url(../images/tootip_info_blue_icon.svg) center/contain no-repeat;
    width: 17px;
    height: 17px;
    padding: 0;
    border-radius: 50%;
    flex-shrink: 0;
    border: 0;
}

.rejection-popover.popover .popover-arrow::before,
.grid-select .k-input-button .k-icon:before,
.k-list-content .k-list-item .k-checkbox::before,
.k-multiselect .k-chip-action .k-chip-icon:before {
    content: none;
}

.rejection-popover.popover {
    box-shadow: -1px 3px 23.799999237060547px 2px #00000033;
    background: var(--light_bg_color);
    border-radius: 10px;
    border: 0;
    padding: 20px;
    font-family: 'Calibri';
}

.rejection-popover.popover .popover-header {
    padding: 0 0 10px;
    background: var(--light_bg_color);
    font-weight: 700;
    color: #767676;
    border: 0;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
}

.rejection-popover.popover .popover-body {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: var(--black-color);
}

.rejection-popover.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    border-width: 0 7px 10px;
    top: -1px;
    border-bottom-color: var(--light_bg_color);
    filter: drop-shadow(0px -2px 4px #00000026);
}

.rejection-popover.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    border-width: 10px 7px 0;
    border-top-color: var(--light_bg_color);
    bottom: -1px;
    filter: drop-shadow(0px 4px 4px #00000026);
}

.rejection-popover.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    border-width: 7px 0 7px 10px;
    border-left-color: var(--light_bg_color);
    right: 0;
    filter: drop-shadow(2px 4px 4px #00000026);
}

.rejection-popover.popover:not(.maintainance-popover) {
    max-width: 600px;
}

.export-pdf-btn {
    /* background: url(../images/pdf_red_icon.svg) center/contain no-repeat; */
    background: url(../images/pdf_icon_blue.svg) center/contain no-repeat;
    width: 13px;
    height: 15px;
    display: block;
    flex-shrink: 0;
}

.error-border{
    border: 1px solid red  !important;
}

.vat-column {
    width: 95px;
}

.vat-input {
    width: 89px;
}

.width-0 {
    width: 0 !important;
}

.grid-dropdown *,
.k-grid .custominput {
    box-sizing: border-box;
}

.grid-dropdown .custom-dropdown .btn {
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    padding-inline: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-dropdown .custom-dropdown .btn.dropdown-toggle::after {
    border-top-color: var(--primary-color);
}

.visiblity-hidden {
    visibility: hidden !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.users-configuration-list tr.sub-total td {
    height: auto;
    padding-block: 0 6px;
    font-size: 16px;
    line-height: 20px;
}

.configurations-dropdropdown .dropdown-menu>li:last-child .dropdown-item {
    border-radius: 0 0 5px 5px;
}

.custom-dropdown.configurations-dropdropdown .dropdown-menu{
    margin-top: 15px !important;
}

.custom-dropdown.configurations-dropdropdown .dropdown-menu>li .dropdown-item.active {
    background: var(--hover_bg_color);
    color: var(--secondary-color);
}

.k-grid .grid-checkbox {
    text-align: center;
    padding-right: 0 !important;
}

.btn.secondarybutton.h-30,
.btn.primarybutton.h-30  {
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    padding-block: 0;
}

.currency-select {
    width: 110px;
}

.contact-person-info {
    display: flex;
    gap: 30px;
}

.contact-person-wrapper>*:not(:last-child) {
    margin-bottom: 12px;
}

.contact-person-wrapper p.no_contacts {
    color: #9A9A9A;
}

.line_divider {
    margin-inline: 10px;
    color: #9A9A9A;
}

.attachment-item {
    border: 1px solid var(--input_border_color);
    border-radius: 5px;
    padding: 10px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--secondary-color);
}

.attachment-icon {
    width: 19px;
    height: 21px;
    flex-shrink: 0;
}

.attachment-icon.pdf-icon {
    /* background: url(../images/pdf_red_icon.svg) center/contain no-repeat; */
    background: url(../images/pdf_icon_blue.svg) center/contain no-repeat;
}

.attachment-icon.doc-icon {
    /* background: url(../images/doc_red_icon.svg) center/contain no-repeat; */
    background: url(../images/doc_blue_icon.svg) center/contain no-repeat;
}

.attachment-icon.image-icon {
    /* background: url(../images/img_red_icon.svg) center/contain no-repeat; */
    background: url(../images/img_blue_icon.svg) center/contain no-repeat;
}

.attachment-icon.audio-icon {
    background: url(../images/audio_file_icon.svg) center/contain no-repeat;
}

.attachment-icon.video-icon {
    background: url(../images/video_icon.svg) center/contain no-repeat;
}

.attachment_items_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.delete-button.size-15 {
    width: 15px;
    height: 17px;
}

.edit-btn.size-16 {
    width: 16px;
    height: 16px;
}

.profile-name-icon {
    background: #6300BF;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    font-size: 36px;
    line-height: 41px;
    font-weight: 400;
    color: #ffffff;
    display: grid;
    place-items: center;
}

.back-to-list::before {
    content: '';
    /* background: url(../images/arrow_left_red.svg) center/contain no-repeat; */
    background: url(../images/arrow_left_blue.svg) center/contain no-repeat;
    width: 7px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}

.back-to-list {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    font-weight: 400;
    margin-bottom: 12px;
    display: block;
}

.back-to-list:hover {
    text-decoration: underline;
}

.cell-divider {
    border-right: 1px solid #F5F5F5;
}

.border-grid {
    border: 1px solid #E6E6E6;
    border-radius: 5px;
}

.input-search:not(.dropdown-input) input,
.filter-wrapper .custom-select,
.filter-wrapper .custominput,
.filter-wrapper select.custominput,
.filter-wrapper .input-wrapper .custominput {
    border-radius: 5px;
    border: 1px solid var(--input_border_secondary_color) !important;
}

.selection-buttons {
    border: 1px solid var(--input_border_color);
    border-radius: 5px;
}

.selection-buttons button {
    border: 0;
    padding: 4px;
    font-size: 15px;
    line-height: 18px;
    background: #ffffff;
    color: var(--black-color);
    transition: 0.4s all;
    font-weight: 400;
    height: 38px;
}

.selection-buttons button:first-child {
    border-radius: 4px 0 0 4px;
}

.selection-buttons button:last-child {
    border-radius: 0 4px 4px 0;
}

.selection-buttons button:not(:last-child) {
   border-right: 1px solid var(--input_border_color); 
}

.selection-buttons button.selected {
    /* background: #DA654C; */
    background: var(--primary-color);
    color: #ffffff;
    font-weight: 700;
}

.sav-btn {
    /* background: url(../images/tick_red_icon.svg) center/contain no-repeat; */
    background: url(../images/tick_icon_blue.svg) center/contain no-repeat;
    width: 13px;
    height: 12px;
}

.button-close-red {
    /* background: url(../images/close_icon_red.svg) center/contain no-repeat; */
    background: url(../images/close_icon_blue.svg) center/contain no-repeat;
    width: 10px;
    height: 10px;
}

.input-wrapper .input-datepicker,
.input-wrapper .timesheet_datepicker,
.daterange-dropdown .input-daterange .custominput,
.input-daterange .end_date {
    /* background: url(../images/calendar_red_icon.svg) center no-repeat #ffffff; */
    background: url(../images/calendar_blue_icon.svg) center no-repeat #ffffff;
    background-position-x: calc(100% - 12px);
}

.multiselect-wrapper .multiselect-container::-webkit-scrollbar,
.k-list-container .k-list .k-list-ul::-webkit-scrollbar,
.k-list-content.k-list-scroller::-webkit-scrollbar,
.select-dropdown .dropdown-menu::-webkit-scrollbar,
.allocate-project-dropdown .dropdown-menu>ul::-webkit-scrollbar,
.project_task_kanban_view_wrapper .k-taskboard-column-cards-container::-webkit-scrollbar, 
.project_issue_kanban_view_wrapper .k-taskboard-column-cards-container::-webkit-scrollbar,
.task_kanban_body.custom-scrollbar::-webkit-scrollbar,
.user-dropdown .dropdown-menu::-webkit-scrollbar,
.issued-quantity-popup.popover .popover-body::-webkit-scrollbar,
.issued-quantity-popup.custom-dropdown .dropdown-menu::-webkit-scrollbar,
.custom-dropdown .dropdown-menu::-webkit-scrollbar,
.credit-rejection.popover .popover-body::-webkit-scrollbar {
	width: 6px;
    height: 6px;
}

.multiselect-wrapper .multiselect-container::-webkit-scrollbar-track,
.k-list-container .k-list .k-list-ul::-webkit-scrollbar-track,
.k-grid .k-grid-content::-webkit-scrollbar-track,
.custom-scrollbar::-webkit-scrollbar-track,
.select-dropdown .dropdown-menu::-webkit-scrollbar-track,
.allocate-project-dropdown .dropdown-menu>ul::-webkit-scrollbar-track,
.k-list-content.k-list-scroller::-webkit-scrollbar-track,
.project_task_kanban_view_wrapper .k-taskboard-column-cards-container::-webkit-scrollbar-track, 
.project_issue_kanban_view_wrapper .k-taskboard-column-cards-container::-webkit-scrollbar-track,
.user-dropdown .dropdown-menu::-webkit-scrollbar-track,
.issued-quantity-popup.popover .popover-body::-webkit-scrollbar-track,
.issued-quantity-popup.custom-dropdown .dropdown-menu::-webkit-scrollbar-track,
.custom-dropdown .dropdown-menu::-webkit-scrollbar-track, 
.credit-rejection.popover .popover-body::-webkit-scrollbar-track { 
    /* background: #D6D6D6; */
    background: #E6E6E6;
}

.multiselect-wrapper .multiselect-container::-webkit-scrollbar-thumb,
.k-list-container .k-list .k-list-ul::-webkit-scrollbar-thumb,
.k-grid .k-grid-content::-webkit-scrollbar-thumb,
.custom-scrollbar::-webkit-scrollbar-thumb,
.select-dropdown .dropdown-menu::-webkit-scrollbar-thumb,
.allocate-project-dropdown .dropdown-menu>ul::-webkit-scrollbar-thumb,
.k-list-content.k-list-scroller::-webkit-scrollbar-thumb,
.project_task_kanban_view_wrapper .k-taskboard-column-cards-container::-webkit-scrollbar-thumb, 
.project_issue_kanban_view_wrapper .k-taskboard-column-cards-container::-webkit-scrollbar-thumb,
.user-dropdown .dropdown-menu::-webkit-scrollbar-thumb,
.issued-quantity-popup.popover .popover-body::-webkit-scrollbar-thumb,
.issued-quantity-popup.custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb, 
.custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb,
.credit-rejection.popover .popover-body::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 6px;
} 

.k-grid .k-grid-content::-webkit-scrollbar,
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.fixed-btn-wrapper h6.selected-count {
    border-radius: 4px 0px 0px 4px;
    /* background: linear-gradient(218deg, #CB2727 25.44%, #902008 104.42%); */
    background: linear-gradient(225.59deg, #0973D9 22.73%, #053FB9 72.28%);
    width: 74px;
    color: #ffffff;
}

.button-close {
    /* background: url(../images/close_white_icon.svg) center no-repeat, linear-gradient(145deg, #CB2727 7.46%, #902008 111.73%); */
    background: url(../images/close_white_icon.svg) center no-repeat, linear-gradient(225.59deg, #053FB9 4.85%, #0973D9 69.69%);
    width: 63px;
    border-radius: 0 4px 4px 0;
    flex-shrink: 0;
    font-size: 22px;
    line-height: 28px;
    flex-shrink: 0;
}

.attach-file-wrapper {
    border-top: 1px dashed var(--input_border_color);
    padding-block: 12px;
    margin-inline: 12px;
}

.attach-file-btn, .cursor {
    cursor: pointer;
}

.attach-file-btn,
.file-name {
    border: 1px solid var(--primary-color) !important;
    border-radius: 5px;
    background: #ffffff !important;
    color: var(--primary-color) !important;
    font-weight: bold !important;
    font-size: 17px !important;
    line-height: 21px !important;
    padding: 5px 12px;  
    box-shadow: none !important;
}

.attach-file-btn::before, .attach_file::before {
    content: '';
    /* background: url(../images/attach_btn_red_icon.svg) center/contain no-repeat; */
    background: url(../images/attach_btn_blue_icon.svg) center/contain no-repeat;
    display: inline-block;
    width: 12px;
    height: 13px;
    margin-right: 4px;
    flex-shrink: 0;
}

.close-btn {
    background: url(../images/close_grey_icon.svg) center/contain no-repeat;
    width: 9px;
    height: 9px;
    margin-left: 4px;
}

.notification-content a,
.notification_wrapper a {
    color: var(--secondary-color) !important;
    text-decoration: none;
}

.top-menu-wrapper .navbar-nav:not(.nav_menu) .nav-item .nav-link:not(.profile-menu):hover {
    /* background: #D85757; */
    background-color: #0859A8;
}

.resize-icon:hover {
    /* background: url(../images/resize_red_icon.svg) right center/13px no-repeat #ffffff !important; */
    background: url(../images/resize_blue_icon.svg) right center/13px no-repeat #ffffff !important;
}

.watchList {
    /* background: url(../images/watchlist_red_fill.svg) no-repeat center; */
    background: url(../images/watchlist_blue_fill.svg) no-repeat center;
    width: 15px;
    height: 14px;
    cursor: pointer;
}

.manage-column-btn {
    /* background: url(../images/manage_column_red_icon.svg) center/13px no-repeat #ffffff; */
    background: url(../images/manage_column_blue_icon.svg) center/13px no-repeat #ffffff;
}

.hide-btn {
    background: url(../images/left_arrow.svg) center/7px no-repeat;
    margin-left: -6px;
}

.hide-btn:hover {
    /* background-color: #FBE7C8; */
    background-color: var(--hover_bg_color);
}

.attachment-add-btn {
    /* background: url(../images/plus_red_icon.svg) center/17px no-repeat var(--light_bg_color) !important; */
    background: url(../images/plus_blue_icon.svg) center/17px no-repeat var(--light_bg_color) !important;
    border-radius: 5px;
    border: 1px solid var(--primary-color) !important;
    width: 52px;
    height: 44px;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: none !important;
}

.k-grid .view_more {
    border: 1px solid var(--primary-color) !important;
}

.k-grid .custom-dropdown * {
    box-sizing: border-box;
}

.view_more + .dropdown-menu {
    min-width: 125px;
}

.secondarybutton.add-comment-button {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    padding: 5px 8px;
    height: 30px;
}

.comment-wrapper {
    padding-left: 15px;
}

.add-comment-button::before {
    content: '';
    /* background: url(../images/comment_red_icon.svg) center/contain no-repeat; */
    background: url(../images/comment_blue_icon.svg) center/contain no-repeat;
    width: 13px;
    height: 12px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}

.total-row td {
    color: var(--black-color);
    height: 40px;
}

.btn.download_btn {
    font-size: 15px;
    line-height: 18px;
    color: var(--primary-color);
    font-weight: 600;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px 12px;
}

.btn.btn.download_btn::before {
    content: '';
    /* background: url(../images/download_red_icon.svg) center/contain no-repeat; */
    background: url(../images/download_blue_icon.svg) center/contain no-repeat;
    display: inline-block;
    width: 13px;
    height: 14px;
    margin-right: 5px;
    flex-shrink: 0;
}

.upload-btn::before {
    content: '';
    /* background: url(../images/upload_red_icon.svg) center/contain no-repeat; */
    background: url(../images/upload_blue_icon.svg) center/contain no-repeat;
    width: 13px;
    height: 12px;
    display: inline-block;
    flex-shrink: 0;
}

.secondarybutton.upload-btn {
    padding-inline: 8px !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

.paid-badge.urgent-badge {
    min-width: auto;
    padding-inline: 8px;
    border-radius: 5px;
}

.rejection-popover.issued-quantity-popup.popover,
.grid-select .k-input-inner,
.k-multiselect .k-input-inner {
    padding: 0;
}

.issued-quantity-popup .users-configuration-list :where(th,td) {
    border-right: 0;
    border-color: #E7E7E7 !important;
}

.issued-quantity-popup .users-configuration-list {
    border: 0;
    width: 100%;
    background: var(--light_bg_color);
    table-layout: unset !important;
}

.green-color {
    color: #4AA04E !important;
}

.green-color-2 {
    color: #2BC01E !important;
}

.red-color {
    color: #FB5858 !important;
}

.pink-color {
    color: #FF5874 !important;
}

.grey-color-2 {
    color: #767676 !important;
}

.yellow-color {
    color: #C89D06 !important;
}

.grey-color {
    color: #757171 !important;
}

.collapse-btn {
    display: flex;
    align-items: center;
}

.collapse-btn::after {
    content: '';
    display: inline-block;
    border-width: 6px 4px 0;
    border-color: var(--primary-color) transparent transparent;
    border-style: solid;
    vertical-align: middle;
    margin-left: 5px;
    flex-shrink: 0;
    transition: 0.3s linear;
}

.collapse-btn[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.issued-item{
    min-width: 60px;
}

.notfication-count {
    background: #FFB800;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: -5px;
    font-size: 10px;
    font-weight: 500;
    display: grid;
    place-items: center;
    color: #fff;
    line-height: 16px;
}

.notifications-details {
    max-height: 24rem;
    overflow-y: auto;
}

.notification_wrapper {
    width: 420px;
}

.notifications-details .dropdown-item,
.daterange-dropdown .dropdown-menu .dropdown-item:not(:nth-last-child(-n+2)) {
    border-bottom : 1px solid #F5F5F5;
}

.notification_wrapper .mark_as_read:hidden ~ .dropdown-item:last-child {
    border-bottom: none;
}

.notification_wrapper .mark_as_read {
    font-size: 15px;
    line-height: 18px;
    padding: 9px 12px;
}

.notification_wrapper .notification_time_info {
    font-size: 13px;
    color: #A8A8A8;
    margin-top: 8px;
}

.notification_wrapper .notification_date_info {
    /* background-color: #DDE5E5; */
    background-color: #F1F1F1 !important;
    position: sticky;
    top: 0;
}

.notifications-details .no_notifications_wrapper img {
    max-width: 90px;
}

.no_notifications_txt {
    color: #A8A8A8;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.notifications-details .notification_item {
    white-space: normal;
}

.single-select .multiselect-container .form-check-input {
    display: none !important;
}

.multiselect-wrapper.single-select .multiselect-container .multiselect-option.active {
    color: var(--secondary-color) !important;
    background: var(--hover_bg_color) !important;
}

.issued-quantity-popup.popover .popover-body,
.issued-quantity-popup.custom-dropdown .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

.issued-quantity-popup .users-configuration-list>thead {
    position: sticky;
    top: 0;
    background: var(--light_bg_color);
}

.issued-quantity-popup .users-configuration-list>thead tr th:first-child {
    border-top-left-radius: 10px;
}

.issued-quantity-popup .users-configuration-list>thead tr th:last-child {
    border-top-right-radius: 10px;
}

.purchase-order-description-td {
    min-width: 260px;
}

.highlight-red {
    background: #FFD8D8 !important;
}

.page-title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: var(--black-color);
}

.font-20 {
    font-size: 20px;
    line-height: 25px;
}

.font-18 {
    font-size: 18px;
    line-height: 23px;
}

.page-title.f-16 {
    font-size: 16px;
    line-height: 20px;
}

.min-width-0 {
    min-width: 0 !important;
}

.fixed-placeholder-start .placeholder-text {
    right: unset;
    left: 12px;  
}

.fixed-placeholder-start input.custominput {
    padding-left: 45px;
    text-align: right;
}
.daterange-divider {
    margin-inline: 6px !important;
    color: #525252;
    align-self: center;
}

.daterange-dropdown .dropdown-item.selected {
    background: url(../images/tick_icon_blue.svg) center no-repeat var(--hover_bg_color) !important;
    background-position-x: 10px !important;
}

.custom-dropdown.daterange-dropdown .dropdown-item {
    padding-left: 32px;
}

.daterange-filter-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 16px 12px 20px;
}

.k-grid tr:not(:hover) .hover-show-btn,
.users-configuration-list tr:not(:hover) .hover-show-btn {
    visibility: hidden;
}

.k-grid .gridcell a.link-disabled {
    color: var(--black-color) !important;
}

.multiselect-wrapper.hidden-disabled-option .multiselect-container .multiselect-option.disabled {
    display: none !important;
}

.toast.toast-wrapper {
    border-radius: 5px;
    border: 1px solid #FFC29F;
    background: #FFEBDF;
    padding: 10px 16px;
    color: #767676;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 65px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 480px;
    width: 100%;
}

.toast-wrapper h6 {
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 6px;
}

.toast-wrapper p {
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
}

.toast-wrapper .btn-close {
    background: url(../images/close_toast.svg) center/contain no-repeat;
    width: 11px;
    height: 11px;
    opacity: 1;
    border-radius: 0;
}

#networkErrorToastId{
    z-index: 1099;
}

.toast.toast-wrapper:not(.show) {
    display: none !important;
}

.multiselect.disabled{
    background-color: #efefef4d !important;
}

.refresh-btn {
    background: url(../images/refresh_icon.svg) center/contain no-repeat;
    width: 17px;
    height: 17px;
    padding: 0;
    border: 0;
    flex-shrink: 0;
}

.multiselect-wrapper span.multiselect-native-select {
    display: block;
}

.custom-radio label::before {
    content: '';
    width: 14px;
    height: 14px;
    background: url(../images/radio_btn_normal.svg) center/contain no-repeat;
    display: inline-block;
    flex-shrink: 0;
}

.custom-radio input[type="radio"]:checked + label::before {
    background: url(../images/radio_btn_active_blue.svg) center/contain no-repeat;
}

.custom-radio label {
    color: var(--black-color) !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.print-icon {
    background: url(../images/print_icon.svg) center no-repeat;
    width: 26px;
    height: 26px;
    border-radius: 50px;
    display: inline-block;
    transition: 0.5s all;
    cursor: pointer;
}

.project-milestone-dropdown>.dropdown-menu,
.mf-details-wrapper.dropdown-menu {
    width: 415px;
    padding: 20px;
    border-radius: 5px;
}

.project-milestone-dropdown .dropdown-menu .custominput,
.users-configuration-list .project-milestone-dropdown .multiselect-wrapper .custom-select,
.mf-details-wrapper .custominput {
    height: 40px !important;
}

.copy-btn {
    background: url(../images/copy_icon.svg) center/contain no-repeat;
    width: 15px;
    height: 15px;
    border: 0;
    padding: 0;
}

.project-copy-dropdown .dropdown-menu {
    max-height: 220px;
    overflow-y: auto;
}

.project-copy-dropdown .dropdown-menu .dropdown-item {
    cursor: pointer;
}

.grid-select.custominput {
    height: 30px !important;
    background: #ffffff;
    box-shadow: none;
    align-items: center;
}

.grid-select.k-picker .k-input-button {
    background: url(../images/arrow_icon.svg) center no-repeat #ffffff;
    width: 11px;
    height: 7px;
    padding: 0;
}

.k-list-content .k-list-item.k-selected {
    background: var(--hover_bg_color);
    box-shadow: none;
}

.k-list-content .k-list-item.k-focus, 
.k-list-content .k-list-item:focus {
    box-shadow: none;
}

.k-list-content .k-list-item.k-hover,
.k-list-content .k-list-item.k-focus {
    background: var(--hover_bg_color);
}

.k-list-content .k-list-item .k-checkbox {
    background: url(../images/normal_checkbox.svg) center/contain no-repeat;
    border: 0;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.k-list-content .k-list-item .k-checkbox+.k-checkbox-label {
    margin-left: 0;
}

.k-multiselect .k-chip-list {
    padding: 3px 24px 3px 8px;
    background: url(../images/arrow_icon.svg) center no-repeat #ffffff;
    background-position-x: calc(100% - 12px);
    min-height: 28px;
    box-sizing: border-box;
}

.k-multiselect .k-chip-list .k-chip {
    padding: 2px 6px;
    height: 20px;
    border-radius: 5px;
    color: var(--black-color);
    gap: 6px;
}

.k-multiselect .k-chip-action .k-chip-icon {
    background: url(../images/close_small_icon.svg) center no-repeat; 
    width: 7px;
    height: 7px;
}

.k-list-content .k-list-item .k-list-item-text {
    align-items: center;
}

select.custominput:disabled {
    background-image: none;
}

.user-card {
    box-shadow: 0px 1px 19px -5px #00000026;
    padding: 21px 12px 8px;
    background: #ffffff;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.user-card .contest-image {
    width: 52px;
    height: 52px;
    margin: 0 auto 10px;
}

.user-card h5 {
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--black-color);
}

.user-action-wrapper {
    position: absolute;
    right: 12px;
    top: 8px;
}

.alliance-logo {
    max-width: 280px;
    height: auto;
    margin-bottom: 56px;
}

.login-main-wrapper {
    min-height: 100svh;
    padding-block: 28px;
}

.input-wrapper span.k-autocomplete.h-30 {
    padding: 0 !important;
    height: 30px;
}