/* -----------------------------------------
   Kendo Override CSS Styles
----------------------------------------- */

.k-floating-label-container {
    width: 100%;
}

    .k-floating-label-container.k-empty > .k-label {
        background: var(--bg-white) !important;
    }

.k-focus {
    border: none !important
}

.k-input-solid:focus-within {
    border: 1px solid var(--border) !important;
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.16) !important;
}

.k-input-md, .k-picker-md {
    font-size: 13px;
}

    .k-input-md .k-input-inner {
        padding-block: 10px !important;
        padding-inline: 15px !important;
    }

.k-input-solid {
    color: var(--default-text) !important;
    background-color: var(--bg-white) !important;
    border-radius: 8px !important;
    border: 1px solid var(--border) !important;
}

.k-input-md {
    font-size: 13px !important;
}

.k-rounded-md {
    border-radius: 12px !important;
}

.k-picker-solid {
    padding-block: 6px !important;
    padding-inline: 8px !important;
    color: var(--default-text) !important;
    background-color: var(--dropcolor) !important;
}

.k-picker-md {
    font-size: 13px !important;
}

.k-picker-solid:focus {
    box-shadow: none !important;
    border: 1px solid var(--border) !important;
}

.k-list-item.k-selected {
    background: var(--bg-primary) !important;
    padding-block: 10px !important;
    padding-inline: 10px !important;
}

.k-list-ul {
    font-size: 13px !important;
}

.k-list-md .k-list-item {
    padding-block: 10px !important;
    padding-inline: 10px !important;
}

.k-switch-on .k-switch-track {
    border-color: var(--bg-primary) !important;
    color: var(--bg-white) !important;
    background-color: var(--bg-primary) !important;
}

.k-switch-md .k-switch-track {
    width: max-content !important;
    height: 20px !important;
}

.k-switch-md .k-switch-thumb {
    width: 17px !important;
    height: 17px !important;
}

.k-switch-md.k-switch-on .k-switch-thumb-wrap {
    left: calc(100% - 10px - 0px) !important;
}

.k-switch-md.k-switch-off .k-switch-thumb-wrap {
    left: calc(10px + 0px) !important;
}

.k-switch-on:focus .k-switch-track, .k-switch-off:focus .k-switch-track {
    outline: none !important;
}

.k-switch-off .k-switch-track {
    border-color: var(--border) !important;
    color: var(--default-text) !important;
    background-color: var(--bg-white) !important;
}

.k-radio-list {
    flex-flow: row !important;
    gap: 15px !important;
}

/* Loader Panel Styles Start */
.k-loading-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1040;
}

.k-loading-panel-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.8;
}

.k-loading-panel-wrapper {
    position: relative;
    z-index: 2;
}

.k-loading-panel-text {
    margin-top: 20px;
    text-align: center;
    color: #ffffff;
}
/* Loader Panel Styles End*/

.k-grid-md .k-table-th {
    padding-block: 12px !important;
    padding-inline: 12px !important;
}

.k-table-md {
    font-size: 13px !important;
}

.k-grid .k-grid-header .k-table-th {
    background-color: var(--bg-gray) !important;
}

.k-column-title {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.k-grid-md td, .k-grid-md .k-table-td {
    padding-block: 12px !important;
    padding-inline: 12px !important;
}

#TreeListRecruiter, #grdUnassignedProjectRoleMapping, #grdAssignedProjectRoleMapping, .k-toolbar {
    display: block !important;
}

.k-toolbar .k-toolbar-button {
    float: right;
    margin-inline-end: 8px;
}

.k-filter-row label > input[type=radio] {
    float: left;
    margin: 4px;
}

/* -----------------------------------------
   Check Box Setup
----------------------------------------- */
.k-checkbox:checked {
    background: var(--bg-white) !important;
    border: 1px solid var(--bg-primary) !important
}

.k-checkbox:checked, .k-checkbox.k-checked {
    background-image: url('../images/checkbox.svg') !important;
    background-position: center center !important;
    background-size: 100% !important;
}

.k-checkbox {
    border-color: var(--default-text) !important;
}

.k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus {
    box-shadow: none !important
}

/*----------------------------------------- */

.k-upload .k-actions {
    display: none !important;
}

.modal-content {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border: none !important;
    border-radius: 8px !important;
}

.k-upload .k-dropzone, .k-upload .k-upload-dropzone {
    background: var(--bg-white) !important;
    padding-block: 12px !important;
    padding-inline: 15px !important;
}

.k-button-solid-base {
    font-size: 12px !important;
}

#RefusalReason.k-checkbox-list {
    flex-flow: wrap !important;
    padding: inherit !important;
}

#RefusalReason .k-checkbox-item{
    padding-block: 0px !important;
}

.kendo_buttonPrimary {
    background-color: var(--bg-primary) !important;
    border: solid 1px var(--primary-color);
    border-radius: 12px;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500;
    color: var(--bg-white) !important;
    padding: 8px 25px !important;
    transition: 0.3s all ease-in-out;
}

    .kendo_buttonPrimary:hover {
        background-color: var(--default-text) !important;
        border-color: var(--default-text) !important;
        border-radius: 12px;
        font-weight: 500;
        color: var(--bg-white);
        padding: 8px 25px !important;
        transition: 0.3s all ease-in-out;
    }

.kendo_buttonSecondary {
    background-color: var(--bg-white) !important;
    border: solid 1px var(--bg-primary);
    border-radius: 12px;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500;
    color: var(--bg-primary) !important;
    padding: 8px 25px !important;
    transition: 0.3s all ease-in-out;
}

    .kendo_buttonSecondary:hover {
        background-color: var(--default-text) !important;
        border-color: var(--default-text) !important;
        border-radius: 12px;
        font-weight: 500;
        color: var(--bg-white) !important;
        padding: 8px 25px !important;
        transition: 0.3s all ease-in-out;
    }

.toast-success {
    background-color: var(--color-CG) !important;
    border: 1px solid var(--color-CG);
    border-left: 5px solid var(--color-CG);
    padding: 10px 10px 10px 0;
    border-radius: 8px;
}

.toast-error {
    background-color: var(--color-CR) !important;
    border: 1px solid var(--color-CR);
    border-left: 5px solid var(--color-CR);
    padding: 10px 10px 10px 0;
    border-radius: 8px;
}

.k-popup {
    border: 1px solid var(--bg-primary) !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

.k-menu.k-context-menu {
    color: var(--bg-primary) !important;
    font-size: 12px !important;
}

.k-menu-item {
    border-bottom: 1px solid var(--border) !important;
}

.k-menu.k-context-menu .k-item > .k-link:hover {
    background: var(--bg-primary) !important;
    color: var(--bg-white) !important;
}

.k-pager-numbers .k-selected {
    border-radius: 8px !important;
}

#WeeklyCalendarList .k-master-row.k-table-alt-row .k-grid-content-sticky {
    background: var(--bg-white) !important;
}

#WeeklyCalendarList.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover {
    background: transparent !important;
}

#WeeklyCalendarList.k-grid .k-table-row.k-table-alt-row {
    background: var(--bg-white) !important;
}

#WeeklyCalendarList thead.k-table-thead.k-grid-header {
    position: sticky;
    top: 0;
    z-index: 10;
}

div#WeeklyCalendarList{
    min-height : 300px !important;
}

.k-master-row:hover .k-grid-content-sticky {
    background: var(--bg-white) !important;
}

.k-readonly {
    background-color: var(--bg-gray) !important;
}

.form-check-input:checked {
    background-color: var(--color-G) !important;
    border-color: var(--color-G) !important;
}
#WeeklyCalendarList tr.k-table-row td {
    border-bottom: 1px solid var(--gray-text) !important;
}


#PtSummaryList .k-grid-footer-wrap {
    overflow-x: auto;
}

#PtSummaryList .k-grid-content::-webkit-scrollbar {
    height: 0; /* hide scrollbar in WebKit browsers */
}

#PtSummaryList .k-grid-content {
    -ms-overflow-style: none; /* hide scrollbar in IE and Edge */
}

@-moz-document url-prefix() {
    #PtSummaryList .k-grid-content {
        scrollbar-width: none; /* hide horizontal scrollbar in Mozilla Firefox */
    }
}

#PtSummaryList .k-grid-container {
    min-height: 1px;
}

.k-grid-norecords-template {
    border: none !important;
}

.k-button-solid-primary {
    background-color: var(--bg-primary) !important;
    border-color: var(--bg-primary) !important;
    font-size: 12px !important;
}

.k-button-md {
    line-height: 2.028571 !important;
}

.k-grid-header .k-grid-header-menu:hover {
    border-radius: 6px !important;
}

.k-input-button > .k-i-loading {
    min-height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* -----------------------------------------
   Kendo file upload Override CSS Styles
----------------------------------------- */

.upload-file .k-upload {
    border-style: unset !important;
}

.upload-file .k-upload .k-button-solid-base {
    border-color: var(--bg-primary) !important;
    color: var(--bg-primary) !important;
    background-color: unset !important;
}

.upload-file .k-upload .k-button-solid-base:hover,
.k-button-solid-base.k-hover {
    background-color: var(--bg-primary) !important;
    color: var(--bg-white) !important;
}

.upload-file .k-upload .k-upload-dropzone {
    justify-content: center;
}

/*----------------------------------------- */

.k-table-row.k-master-row .bg-light-gray {
    background-color: var(--footer);
}

.k-alt.k-table-row.k-table-alt-row.k-master-row .bg-light-gray {
    background-color: var(--border);
}

#summary-condensed-grid .k-grid .k-grid-header .k-table-th {
    color: var(--default-text); /* Example text color */
    font-weight: bold !important;
    border-right: 1px solid var(--border);
}

#summary-condensed-grid .grid_datacollector {
    padding-block: 10px !important;
    padding-inline: 10px !important;
}

#summary-condensed-grid .grid_height {
    height: 40px !important;
}

.k-chip-solid-base {
    background-color: #ebfbff !important;
    border-color: rgb(18 103 129 / 8%) !important;
}

.k-grid-container .k-grid-content {
    min-height: 50px;
}

#summary-content-grid.k-grid .k-grid-header .k-table-th {
    color: var(--default-text); /* Example text color */
    font-weight: bold !important;
    border-right: 1px solid var(--border);
}

#summary-content-grid.k-grid-md .k-table-td, #summary-condensed-grid.k-grid-md .k-table-td {
    padding-block: 0px !important;
    padding-inline: 0px !important;
    border-bottom: 1px solid var(--border);
    border-right: 1px solid var(--border);
}

#summary-content-grid .grid_datacollector {
    padding-block: 2px !important;
    padding-inline: 10px !important;
}

#summary-content-grid .grid_height {
    height: 40px !important;
}

#summary-condensed-grid .k-grid-container .k-grid-content {
    min-height: 40px !important;
}