html {
    font-size: 13px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.bgcolor{
    background-color: #ecebe1;
}

.cursor-pointer {
    cursor: pointer;
}

#tblLineResultListing.dataTable td{
    font-size: .675em !important;
    padding: 1px;
}

#tblLineResultListing.dataTable th {
    font-size: .75em !important;
    color: #198754;
    padding: 1px;
    text-align: center !important;
}

#tblLineResultListing.dataTable th .dt-column-order {
    right: 1px;
}

#tblLineResultListing.dataTable tbody tr {
    cursor: pointer;
}

#tblLineResultListing.dataTable colgroup col[data-dt-column="0"] {
    width: 20px !important;
    min-width: 20px !important;
}

#tblValidatedLineResultListing.dataTable td {
    font-size: .675em !important;
    padding: 1px;
}

#tblValidatedLineResultListing.dataTable th {
    font-size: .75em !important;
    color: #198754;
    padding: 1px;
    text-align: center !important;
}

    #tblValidatedLineResultListing.dataTable th .dt-column-order {
        right: 1px;
    }

#tblImportedListing.dataTable td {
    font-size: .675em !important;
    padding: 1px;
}

#tblImportedListing.dataTable th {
    font-size: .75em !important;
    color: #198754;
    padding: 1px;
    text-align: center !important;
}

    #tblImportedListing.dataTable th .dt-column-order {
        right: 1px;
    }

.table.dataTable thead th {
    text-align: center;
}

[data-dt-column="0"] {
    text-align: left !important;
}

#tblHistory>colgroup{
    display:none !important;
}

#tblHistory {
    font-size: 14px !important;
    padding: 3px !important;
}
    #tblHistory.dataTable th .dt-column-order {
        right: 1px;
    }
    #tblHistory.dataTable th {
        color: #198754;
    }
    #tblHistory .dt-orderable-asc,
    #tblHistory .dt-orderable-desc,
    #tblHistory .dt-ordering-asc,
    #tblHistory .dt-ordering-desc {
        padding-right: 2px !important;
    }
    #tblHistory > :not(caption) > * > * {
        padding: 2px !important;
        padding-right: 12px !important;
    }
    #tblHistory th[data-dt-column="1"] {
        text-align: left !important;
    }
.cb-disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.8;
    background-color: #D3D3D3;
    animation-name: example;
    animation-duration: 8s;
}

.form-select {
    border-radius: unset;
}

.custom-file-button input[type=file] {
    margin-left: -2px !important;
}

.custom-file-button input[type=file]::-webkit-file-upload-button {
    display: none;
}

.custom-file-button input[type=file]::file-selector-button {
    display: none;
}

.custom-file-button:hover label {
    cursor: pointer;
}

label[for=importFileUpload] {
    width: 130px;
}

#importFileUpload {
    border:none;
}

#importFileUpload:focus {
    outline: none;
    box-shadow: none;
}

.disabledBtn {
    background-color: #dde0e3 !important;
}

.processFilter {
    background: #e67c7c !important;
    color: black !important;
    padding: 1px 10px;
    padding-bottom: 3px;
    font-weight: 500;
}
    .processFilter:hover {
        cursor: pointer;
    }

.activeFilter {
    background: #ce1e3b !important;
    color: white !important;
}

#finalizedImportBtn {
    background-color: #262b6d;
    color: white;
    width: 160px;
    font-size: 14px
}

#importBtn {
    background-color: #262b6d;
    color: white;
    width: 160px;
    font-size: 14px
}

.fs-14{
    font-size:14px;
}
.fs-15 {
    font-size: 15px;
}

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

#cancelBtn {
    width: 70px !important;
}

#finalizedImportBtn {
    width: 170px !important;
}
#importBtn {
    width: 112px !important;
}


#beginImport {
    width: 112px !important;
}

#printBtn {
    width: 70px !important;
}

#emailBtn {
    width: 73px !important;
}

.custom-file-button input:disabled {
    pointer-events: none;
    background-color: white;
    color: black;
}

.custom-file-button label.disabledBtn {
    pointer-events: none;
}

.BtnOpacity {
    opacity: 60%;
    pointer-events: none;
}

.filterHide{
    display: none;
}

.validPayments {
    background-color: #69b190 !important;
}

.activeValidFilter {
    background-color: #198754 !important;
    color: white !important;
}

.btnSm {
    padding: 1px 10px;
    height: 25px;
    padding-top:1px;
    width: 110px !important;
}

.custom-file-label{
    background: white;
    border: none;
    padding-right: 1px;
}

.padleft{
    padding-left: 11px;
}

.cardImport {
    height: 300px;
}

.customPx{
    padding-right: 10px!important;
    padding-left: 10px!important;
}

.fw{
    font-weight: 500;
}

.ml{
    margin-left: 120px !important;
}

.textgray{
    color: #8a8787
}

.historyFilter{
    width: 115px;
    background-color: #e1dedd;
    border: none;
    box-shadow: 0px 1px 1px gray;
}

@media (max-width: 767px) {
    #selDistrictFilter {
        width: 115px !important;
    }
}
#selDistrictFilter {
    width: 380px;
}
.filterIcon{
    border: none;
    background: none;
}

.viewReport, .sendReport {
    font-size: 16px !important;
    padding: 0px;
    padding-right: 10px;
    color: #198754;
}

#viewReportBtn, #sendReportBtn {
    width: 120px !important
}
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(31%) sepia(64%) saturate(438%) hue-rotate(113deg) brightness(91%);
}

.tblHistoryCustom, .tblLineResultListingCustom, .tblValidatedLineResultListingCustom, .tblImportedListingCustom {
    min-height: 325px;
}
.cardTable {
    min-height:450px
}
#file-name-display {
    padding-top: 7px;
    padding-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    display: block;
    cursor: pointer;
}
.fontColorGray {
    color: #a6a3a2;
    font-size: smaller;
}

.fsSmall {
    font-size: small;
}
.district-link {
    color: black;
    text-decoration: none;
}
.margintop{
    margin-top: 21px;
}

#existing-unifinished-import {
    background-color: #262b6d;
    width: 600px;
    color: white;
    margin-top: 50px;
}

#viewReportBtn, #closeBtn {
    color: white;
    width: 120px !important;
    background-color: white;
    background: none;
}
input[readonly] {
    background-color: #e9ecef !important; 
}

#loginBorder {
    width: 50%;
    padding-top: 100px;
}
#exportExcelBtn {
    padding: 1px 10px;
    height: 25px;
    padding-top: 1px;
}
.filterContainer{
    width: 80%;
}
.buttonsContainer {
    width: 20%;
}

#dropdownMenuLink{
    width: 75%;
    height:25px;
}

#emailCcInput input[type="text"] {
    width: 200px;
}

#emailToInput input[type="text"] {
    width: 200px;
}

.ai-chk {
    border-color: #0d6efd;
    border-width:thin;
}

.toast-body-success {
    color: #0f5132 !important;
    background-color: #d1e7dd !important;
}

.toast-body-danger {
    color: #842029 !important;
    background-color: #f8d7da !important;
}

.grayed-checkbox {
    appearance: none;
    accent-color: lightgray;
    background-color: lightgray;
    cursor: not-allowed !important;
}

#fixableNotesDescription {
    font-size: .8em !important;
}

.disable-control {
    pointer-events: none; /* Prevent clicks */
    opacity: 0.5; /* Dim the look */
    background-color: #f8f9fa; /* Optional: light gray background */
    cursor: not-allowed; /* Show disabled cursor */
}