.fa, .fab, .fad, .fal, .far, .fas{
    display: flex !important;
}
.v-tab,
.v-btn,
.v-picker-title,
.v-date-picker-title{
    letter-spacing: normal;
    text-transform: math-auto;
}
.v-footer,
.v-main,
.topTableSlotRow,
.viewDocumentMainContent,
#view-container-images,
#selectedDocumentsPanel{
    background-color: #f5f5f5 !important;
}
.login-footer{
    color: #aaa !important;
    background-color: #eee !important;
    font-size: 10px;
}
.login-logo{
    height: 100px;
}
.mobileTable.v-table>.v-table__wrapper>table>tbody>tr>td{
    padding: 0 !important
}
.v-card-title,
.v-card-subtitle{
    white-space: pre-wrap;
}
#printView {
    display: none;
}
.yearskipperinput input {
    text-align: center;
}
.yearskipperinput .v-input__prepend{
    margin: 0 8px 0 0 ;
}
.yearskipperinput .v-input__append{
    margin: 0 0 0 8px;
}
.v-input__details{
    padding-bottom: 6px;
}
/* Keep compact search field at 36px without overriding Vuetify internals directly. */
.topTableSlotRow .toptableslot-input-field.v-input{
    --v-input-control-height: 36px !important;
    --v-field-input-padding-top: 6px !important;
    --v-field-input-padding-bottom: 6px !important;
}

/* Fallback if a later Vuetify rule still forces compact min-height. */
.topTableSlotRow .toptableslot-input-field .v-field__input{
    min-height: 36px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.width-100percent{
    width: 100%;
}