@media (min-width: 992px) {
    .w-lg-30 {
        width: 30% !important;
    }

    .w-lg-70 {
        width: 70% !important;
    }
}

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

.select2-container--bootstrap5
    .select2-selection--single.form-select-solid
    .select2-selection__rendered {
    font-weight: bold;
    font-size: 13px;
}

.form-control.form-control-solid {
    background-color: var(--kt-input-solid-bg);
    border-color: var(--kt-input-solid-bg);
    color: #131314;
    transition: color 0.2s ease;
    font-weight: 900;
}
th {
    font-size: 14px !important;
    white-space: nowrap;
    background-color: #f5f8fa !important;
    color: #313132 !important;
    margin: 9px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    opacity: 1;
    /* text-align: center !important; */
}
#fname {
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
}
#contractEndDate .datepicker-dropdown,
#contractStartDate .datepicker-dropdown {
    position: inherit;
}

.disable-click {
    pointer-events: none;
    opacity: 0.2;
}

.flatBtn {
    padding: 10px;
    margin-right: 5px;
    width: max-content;
    max-width: 125px;
    white-space: nowrap;
    font-size: 11px;
}

.form-select.form-select-solid {
    padding: 12px;
}

.form-select.form-select-solid {
    background-color: #fff;
    border-color: #e4e6ef;
}

tbody tr {
    cursor: pointer;
}

.tabel th {
    font-size: 14px !important;
    white-space: nowrap;
    padding-right: 5px !important;
    text-align: left !important;
}

.dataTable thead th::after {
    content: " |";
    height: 60%;
    width: 1px;
    color: #eaebefa4;
}

.tabel td {
    white-space: nowrap;
    text-align: left !important;
}

.tabel td.rightAllign {
    text-align: right !important;
}

.bigMainBtn {
    /* padding: 10px 25px 10px 25px !important; */
    width: 130px;
    height: 55px;
    margin-top: 5px;
}


.grayColorForLink {
    background-color: #eaebef87 !important;
}

.datepicker-orient-top {
    z-index: 999 !important;
}

.wordNoWrap {
    white-space: nowrap;
}
.fs-11 {
    font-size: 0.6rem !important;
}
.centered {
    text-align: center;
}
.linkCenterText {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-loader {
    background: rgba(255, 255, 255, 0.7) !important;
}
/* over ride style of style bundle
.loaderPosition{
position: relative;
top: 50%;
left: 50%;
} */
.p-tb {
    padding: 10px 0px 10px 0px !important;
}

.disabled-link {
    pointer-events: none; /* Prevents clicking */
    opacity: 0.6; /* Makes it look disabled */
    cursor: not-allowed; /* Shows disabled cursor */
    text-decoration: none;
    color: gray;
}
.form-floating {
    padding-left: 0px !important;
}
.form-floating > label {
    top: 10%;
    font-size: 13px;
    font-weight: bold;
    color: var(--kt-input-solid-color);
}

.is-invalid{
      border-color: #f1416c !important;
}