/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------- LAYOUT STYLES -------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------- Cross-Tab Layout -------------------------------- */
/* --- Body Section --- */
/* Effect: Default formatting for body sections */
/* Usage: All Modules */
.container {
    max-width: 95%;
}

/* --- Top Banner Menu --- */
/* Effect: Default formatting for top banner menus */
/* Usage: All Modules */
.SelectedURL {
    background-color: #13688c;
    color: white !important;
}

.linkURL:hover,
.open .linkURL,
.menuOpen .linkURL {
    background-color: #b0cee6 !important;
}

.MenuForceDisable .linkURL:hover,
.MenuForceDisable.open .linkURL,
.MenuForceDisable.menuOpen .linkURL {
    background-color: gainsboro !important;
    color: #777777 !important;
    cursor: default !important;
}

.SelectedURL.linkURL:hover,
.open .SelectedURL.linkURL,
.menuOpen .SelectedURL.linkURL {
    background-color: #13688c !important;
    color: white !important;
    cursor: default !important;
}

.SelectedURL:hover {
    background-color: #13688c !important;
}

ul.DefaultMenuBase, .DefaultMenuBase li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.DefaultMenuBase .HelpMenuToggleIcon {
    cursor: pointer;
}

.DefaultMenuBase ul {
    display: none;
}

.DefaultMenuBase {
    padding-left: 0px !important;
}

    .DefaultMenuBase > li {
        display: block;
        margin-bottom: 2px;
    }

    .DefaultMenuBase span {
        display: block;
    }

.DefaultMenuMainItem .DefaultMenuHoverDiv,
.ActionMenuMainItem .DefaultMenuHoverDiv,
.ReportMenuMainItem .DefaultMenuHoverDiv,
.SetupMenuMainItem .DefaultMenuHoverDiv,
.CheckMenuMainItem .DefaultMenuHoverDiv,
.PrepaidMenuMainItem .DefaultMenuHoverDiv,
.ContractorMenuMainItem .DefaultMenuHoverDiv {
    padding-left: 5px;
}

.DefaultMenuSubItem .DefaultMenuHoverDiv,
.ActionMenuSubItem .DefaultMenuHoverDiv,
.ReportMenuSubItem .DefaultMenuHoverDiv,
.SetupMenuSubItem .DefaultMenuHoverDiv,
.CheckMenuSubItem .DefaultMenuHoverDiv,
.PrepaidMenuSubItem .DefaultMenuHoverDiv,
.ContractorMenuSubItem .DefaultMenuHoverDiv {
    padding-left: 30px;
}

.DefaultMenuHoverDiv:hover {
    background-color: gainsboro;
}

.nav .caret {
    border-top-color: #777777 !important;
    border-bottom-color: #777777 !important;
}

.SelectedURL .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.DefaultMenuToggleIcon,
.ActionMenuToggleIcon,
.ReportMenuToggleIcon,
.SetupMenuToggleIcon,
.CheckMenuToggleIcon,
.PrepaidMenuToggleIcon
.ContractorMenuToggleIcon {
    display: inline-block;
}

    .DefaultMenuToggleIcon:before,
    .ActionMenuToggleIcon:before,
    .ReportMenuToggleIcon:before,
    .SetupMenuToggleIcon:before,
    .CheckMenuToggleIcon:before,
    .PrepaidMenuToggleIcon:before,
    .ContractorMenuToggleIcon:before {
        content: "+";
        display: inline-block;
        min-width: 20px;
        text-align: center;
    }

.expanded .DefaultMenuToggleIcon:before,
.expanded .ActionMenuToggleIcon:before,
.expanded .ReportMenuToggleIcon:before,
.expanded .SetupMenuToggleIcon:before,
.expanded .CheckMenuToggleIcon:before,
.expanded .PrepaidMenuToggleIcon:before,
.expanded .ContractorMenuToggleIcon:before {
    content: "-";
}

.show-effect {
    display: block !important;
}

.DefaultMenuMain.dropdown-menu.MenuForceOpen,
#ActionMenuMain.dropdown-menu.MenuForceOpen,
#ReportMenuMain.dropdown-menu.MenuForceOpen,
#SetupMenuMain.dropdown-menu.MenuForceOpen,
#CheckMenuMain.dropdown-menu.MenuForceOpen,
#PrepaidMenuMain.dropdown-menu.MenuForceOpen,
#ContractorMenuMain.dropdown-menu.MenuForceOpen {
    display: block !important;
}

.MenuForceHide {
    display: none !important;
}

.MenuForceDisable {
    background-color: gainsboro !important;
}

.DefaultMenuDivider {
    border-style: solid;
    border-color: #b9b9b9;
    border-width: .5px;
}

.DefaultMenuMainHeader {
    display: inline-block;
    color: #777777;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 100px;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- Tab-Specific Layout ----------------------------- */
/* --- Filter Panel --- */
/* Effect: Default formatting for filter panels */
/* Usage: Specific Modules (AP, AR, etc.) */
.DefaultMenuPanel {
    float: left;
    margin-left: 30px;
    height: 100%;
    width: 80%
}

.defaultPanelHeading {
    padding-top: 5px;
    padding-bottom: 5px;
}

.FormStyleMin {
    text-align: right;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.DivStyleMin {
    display: inline-block !important;
}

.defaultGridContainer {
    width: 100%;
    padding-top: 20px;
}

/* --- Report Tab --- */
/* Effect: Default formatting for report tab */
/* Usage: Specific Modules (AR, FR, PR) */
.reportPanelGroup {
    max-width: 1850px;
    overflow: visible;
    width: 30%;
    min-width: 400px;
}

.reportPanelHeading {
    padding-top: 5px;
    padding-bottom: 5px;
}

.reportGridContainer {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* --- Setup Tab --- */
/* Effect: Default formatting for setup tab */
/* Usage: Specific Modules (AP, AR, etc.) */
.setupPanelGroup {
    max-width: 1850px;
    overflow: visible;
}

.setupContainer {
    border-top-width: 0px;
    border-top-color: #a3d5e4;
    border-top-style: solid;
    padding: 10px;
}

.setupPanelHeading {
    padding-top: 5px;
    padding-bottom: 5px;
}

.setupMainRow {
    padding-left: 15px;
    width: 100%;
    background-color: inherit;
}

.setupFooterPanelHeading {
    padding-top: 5px;
    padding-bottom: 5px;
}

.setupButtonRightDiv {
    float: right;
    margin-right: 30px;
    height: 100%;
    width: 30%;
    display: inline;
    text-align: right;
}
/* --------------------------------------------------------------------------- */



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





/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------- CONTROL STYLES ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------- Cross-Control ----------------------------------- */
/* --- "Thin" Control Div --- */
/* Effect: Reduces whitespace for all controls within the div */
/* Usage: List screen filter sections */
.DefaultThinControlDiv .k-combobox,
.DefaultThinControlDiv .k-datepicker,
.DefaultThinControlDiv .k-dropdownlist,
.DefaultThinControlDiv .k-maskedtextbox,
.DefaultThinControlDiv .k-numerictextbox,
.DefaultThinControlDiv .k-textbox {
    height: 1.743em; /* Equal to 1.6em plus the extra height from the dropdown arrow */
}

    .DefaultThinControlDiv .k-combobox .k-input-inner,
    .DefaultThinControlDiv .k-datepicker .k-input-inner,
    .DefaultThinControlDiv .k-dropdown .k-input-inner,
    .DefaultThinControlDiv .k-maskedtextbox .k-input-inner,
    .DefaultThinControlDiv .k-numerictextbox .k-input-inner,
    .DefaultThinControlDiv .k-textbox .k-input-inner {
        height: 1.6em;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .DefaultThinControlDiv .k-combobox .k-input-button,
    .DefaultThinControlDiv .k-datepicker .k-input-button,
    .DefaultThinControlDiv .k-dropdownlist .k-input-button {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .DefaultThinControlDiv .k-numerictextbox .k-spinner-increase,
    .DefaultThinControlDiv .k-numerictextbox .k-spinner-decrease {
        line-height: 0px;
        padding-top: 2px;
    }

/* --- "Thin" Control Rows --- */
/* Effect: Reduces whitespace for control rows */
/* Usage: All ComboBoxes, DropDowns, and MultiSelects */
.k-popup .k-list-item-text {
    font-size: 12px;
    line-height: 18px;
}

/* --- Alternating Control Row Color --- */
/* Effect: Default formatting for all alternate control rows */
/* Usage: All ComboBoxes, DropDowns, and MultiSelects */
.k-dropdowngrid-popup .k-table-row.k-table-alt-row,
.k-list-container .k-list-item:not(.k-selected):not(.k-hover) {
    background-color: #e6f2f8;
}

/* --- Disabled Control --- */
/* Effect: Default formatting for disabled controls */
/* Usage: Specific disabled controls */
.DefaultProtected,
.k-input.k-disabled {
    background-color: #e6f8ff !important;
    cursor: default !important;
    opacity: .8 !important;
    color: #003f59 !important;
}

    .DefaultProtected .k-icon-button,
    .k-input.k-disabled .k-icon-button {
        color: #7abedb !important;
    }

    .k-input.k-disabled .k-input-inner {
        background-color: inherit !important;
    }

    .DefaultProtected + .k-checkbox-label {
        cursor: default !important;
    }

/* --- Hidden Control --- */
/* Effect: Default formatting for hidden controls */
/* Usage: Specific hidden controls */
.defaultDisplayNone {
    display: none !important;
}

.DefaultHidden {
    visibility: hidden;
}

/* --- Invalid Control Tooltip --- */
/* Effect: Default formatting for invalid control tooltips */
/* Usage: All invalid control tooltips */
span.validation-tooltip {
    display: inline-block;
    width: 70%;
    text-align: left;
    font-weight: bold;
    border: 0;
    padding: 0;
    margin: 0;
    background-color: #ffe79e;
    color: red;
    font-weight: 700;
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    border-radius: 4px;
}

/* --- Control Validation --- */
/* Effect: Default formatting for control validation */
/* Usage: Required fields (AR, JE, PO, VM) */
.DefaultValidationField {
    display: inline-block;
    margin: -4px;
    padding: 4px;
}

.ValidationError {
    background-color: pink !important;
}

.ValidationWarning {
    background-color: lemonchiffon !important;
}

/* --- Control Placeholders --- */
/* Effect: Default formatting for control placeholder values */
/* Usage: All Placeholder Values */
::-webkit-input-placeholder {
    font-style: italic;
}

:-moz-placeholder {
    font-style: italic;
}

::-moz-placeholder {
    font-style: italic;
}

:-ms-input-placeholder {
    font-style: italic;
}

/* --- Control Labels --- */
/* Effect: Default formatting for control labels */
/* Usage: Specific control labels */
.TextBoxLabel,
.ComboBoxLabel,
.DatePickerLabel {
    display: inline;
    font-weight: bold;
}

.DefaultErrorLabel {
    font-weight: bold !important;
    color: red;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- HTML Input -------------------------------------- */
/* --- Default HTML Input --- */
/* Effect: Default formatting for HTML Inputs to mimic Kendo control formatting */
/* Usage: Specific HTML Inputs */
.DefaultInput {
    border-color: #bacdd5;
    height: 27px;
    padding-left: 8px;
    display: inline-block;
}

    .DefaultInput:focus {
        border-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
    }
/* --------------------------------------------------------------------------- */



/* ------------------------- HTML RadioButton -------------------------------- */
/* --- Default HTML RadioButton --- */
/* Effect: Default formatting for HTML RadioButtons */
/* Usage: Specific HTML RadioButtons */
.RadioInput {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}

.RadioLineInput {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.RadioLabel {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.RadioLineDiv {
    margin-top: 5px;
    margin-left: 15px;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- HTML TextArea ----------------------------------- */
/* --- Default HTML TextArea --- */
/* Effect: Default formatting for HTML TextAreas to mimic Kendo control formatting */
/* Usage: Specific HTML TextAreas */
.DefaultTextArea {
    resize: none;
    display: inline-block;
    border-color: #a3d0e4;
    border-radius: 4px;
}

    .DefaultTextArea:focus-visible {
        outline: none;
        border-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
    }
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo Button ------------------------------------ */
/* --- Default Kendo Button --- */
/* Effect: Default formatting for Kendo Buttons */
/* Usage: Specific Kendo Buttons */
.k-button {
    display: inline-block;
}

.k-button-md {
    padding-block: .4rem;
    padding-inline: .8rem;
}

.BasicButton {
    color: black;
}

.BasicButtonWhite {
    color: white;
}

.HeaderButton {
    border-color: #6b6b6b !important;
    color: black;
    margin-right: 5px;
    font-size: 12px;
    height: 30px;
    width: 90px;
}

.btnWhite,
.k-grid-cancel-changes,
.k-window-actions .k-button-solid-base {
    background-color: #ffffff;
}

    .btnWhite:hover,
    .btnWhite:active:hover,
    .btnWhite:active,
    .btnWhite.k-active:hover,
    .k-grid-cancel-changes:hover,
    .k-window-actions .k-button-solid-base:hover {
        color: black !important;
        background-color: #b9b9b9 !important;
    }

.btnGreen,
.k-grid-save-changes,
.k-window-actions .k-button-solid-primary {
    background-color: #beffde;
}

    .btnGreen:hover,
    .btnGreen:active:hover,
    .btnGreen:active,
    .btnGreen.k-active:hover,
    .k-grid-save-changes:hover,
    .k-window-actions .k-button-solid-primary:hover {
        color: black !important;
        background-color: #90c7ac !important;
    }

.btnRed {
    background-color: #ffbebe;
}

    .btnRed:hover,
    .btnRed:active:hover,
    .btnRed:active,
    .btnRed.k-active:hover {
        color: black !important;
        background-color: #c79090 !important;
    }

.btnBlue {
    background-color: #428aca;
}

    .btnBlue:hover,
    .btnBlue:active:hover,
    .btnBlue:active,
    .btnBlue.k-active:hover {
        color: black !important;
        background-color: #3f76b3 !important;
    }

/* --- Panel Kendo Button --- */
/* Effect: Default formatting for panel Kendo Buttons */
/* Usage: Specific Modules (EI, REP) */
.PanelButton {
    color: #4b778c;
    width: 25px;
    height: 25px;
    background-image: none;
    background-color: inherit !important;
    border: unset;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo ButtonGroup-------------------------------- */
/* --- Default Kendo ButtonGroup --- */
/* Effect: Defaulting formatting for Kendo ButtonGroups */
/* Usage: All Kendo ButtonGroups */
.k-button-group .k-button.k-selected {
    background-color: #13688c;
    border-color: #146b90
}

    .k-button-group .k-button.k-selected .k-button-text {
        color: white;
    }
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo CheckBox ---------------------------------- */
/* --- Default Kendo CheckBox --- */
/* Effect: Defaulting formatting for Kendo CheckBoxes */
/* Usage: All Kendo CheckBoxes */
.k-checkbox-md {
    width: 1.6rem;
    height: 1.6rem;
}

.k-checkbox:hover {
    border-color: #7cbcd8;
}

.k-checkbox:focus {
    box-shadow: 0 0 3px 0 #abd4e6;
}

input[type="checkbox"]:focus {
    outline: none;
}

.k-checkbox:checked,
.k-checkbox.k-checked {
    background-color: #ffffff;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo DatePicker ---------------------------------- */
/* --- Default Kendo DatePicker --- */
/* Effect: Defaulting formatting for Kendo DatePickers */
/* Usage: All Kendo DatePickers */
.k-datepicker .k-input-inner {
    width: 100% !important;
}

.k-calendar-th {
    font-size: 1.2rem;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo RadioGroup ---------------------------------- */
/* --- Default Kendo RadioGroup --- */
/* Effect: Defaulting formatting for Kendo RadioGroups */
/* Usage: All Kendo RadioGroups */
.k-radio-md {
    width: 1.6rem;
    height: 1.6rem;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo MultiColumnComboBox ----------------------- */
/* --- "Thin" MultiColumnComboBox Rows --- */
/* Effect: Reduces whitespace for MultiColumnComboBox rows */
/* Usage: All Kendo MultiColumnComboBoxes */
.k-dropdowngrid-popup .k-table-row {
    font-size: 12px;
    line-height: 14px;
}

.k-dropdowngrid-popup .k-table-th {
    font-weight: bold;
}

.k-dropdowngrid-popup .k-table-td {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* --- Conditional MultiColumnComboBox Rows --- */
/* Effect: Conditional formatting for specific MultiColumnComboBox rows */
/* Usage: Batch (AP, AR); Vendor (PO); Employee (TE) */
.k-table-td:has(div.DropDownRowDefault),
.k-table-td:has(div.DropDownRowError),
.k-table-td:has(div.DropDownRowWarning),
.k-table-td:has(div.DropDownRowIncomplete),
.k-table-td:has(div.DropDownRowPosted) {
    padding: 0px;
}

.k-dropdowngrid-popup .DropDownRowDefault,
.k-dropdowngrid-popup .DropDownRowError,
.k-dropdowngrid-popup .DropDownRowWarning,
.k-dropdowngrid-popup .DropDownRowIncomplete,
.k-dropdowngrid-popup .DropDownRowPosted {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.k-dropdowngrid-popup .DropDownRowDefault {
    color: black;
}

.k-dropdowngrid-popup .DropDownRowError {
    color: black;
    background-color: #ffcdcd;
}

.k-dropdowngrid-popup .DropDownRowWarning {
    color: black;
    background-color: #ffffd7;
}

.k-dropdowngrid-popup .DropDownRowIncomplete {
    color: black;
    background-color: #d8e8f8;
}

.k-dropdowngrid-popup .DropDownRowPosted {
    color: #4e4e4e;
    background-color: #d1dadd;
    font-style: italic;
}

.k-dropdowngrid-popup .k-selected,
.k-dropdowngrid-popup .k-selected .DropDownRowDefault,
.k-dropdowngrid-popup .k-selected .DropDownRowError,
.k-dropdowngrid-popup .k-selected .DropDownRowWarning,
.k-dropdowngrid-popup .k-selected .DropDownRowIncomplete,
.k-dropdowngrid-popup .k-selected .DropDownRowPosted {
    background-color: #13688c !important;
    color: white !important;
    font-weight: bold !important;
}

.k-dropdowngrid-popup .k-hover,
.k-dropdowngrid-popup .k-hover .DropDownRowDefault,
.k-dropdowngrid-popup .k-hover .DropDownRowError,
.k-dropdowngrid-popup .k-hover .DropDownRowWarning,
.k-dropdowngrid-popup .k-hover .DropDownRowIncomplete,
.k-dropdowngrid-popup .k-hover .DropDownRowPosted {
    background-color: #7bd2f6 !important;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo MultiSelect ------------------------------- */
/* --- Hide MultiSelect Chip Icon --- */
/* Effect: Hides chip xCircleIcon before it is replaced with the xIcon */
/* Usage: All Kendo MultiSelects */
.k-chip-remove-action .k-svg-i-x-circle:not(.DisplayChipIcon) {
    visibility: hidden;
}

/* --- Hide MultiSelect Clear Icon --- */
/* Effect: Hides clear xIcon when MultiSelect is not hovered */
/* Usage: All Kendo MultiSelects */
.k-multiselect:not(.k-hover) .k-clear-value {
    visibility: hidden;
}

/* --- Multiple Column MultiSelect --- */
/* Effect: Default formatting for Kendo MultiSelects with multiple drop down fields */
/* Usage: FundCode, FunctionCode, ObjectCode (FR); Employee, ReasonCode, LocationCode (TE) */
.k-list-container:has(.MultiSelectCustomHeader) {
    background-color: #d9ecf5;
}

.MultiSelectCustomHeader {
    margin: 2px;
    background-color: #d9ecf5;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    border-color: #a3d0e4;
    border-style: solid;
    border-width: 1px;
}

    .MultiSelectCustomHeader > span {
        font-weight: bold;
        text-transform: uppercase;
        display: inline-block;
        padding: 2px;
    }

        .MultiSelectCustomHeader > span:nth-child(1),
        .MultiSelectCustomItem > span:nth-child(1) {
            color: #003f59;
            text-align: center;
            min-width: 75px;
        }

        .MultiSelectCustomHeader > span:nth-child(2),
        .MultiSelectCustomItem > span:nth-child(2) {
            color: blue;
            min-width: 50px;
        }

.k-list-item-text:has(.MultiSelectCustomItem) {
    height: 20px;
    margin-left: -10px;
}

.MultiSelectCustomItem {
    display: inline-block;
}

    .MultiSelectCustomItem > span {
        display: inline-block;
        padding: 0px;
    }

.k-list-item:nth-child(1) .MultiSelectCustomItem > span:nth-child(1) {
    min-width: 150px !important;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo Notification ------------------------------ */
/* --- Success/Failure Notifications --- */
/* Effect: Default formatting for Kendo Success/Failure notifications */
/* Usage: All Success/Failure Notifications */
.k-notification-upload-success {
    background: #009900 !important;
    color: white;
}

.k-notification-upload-warning {
    background: #c9b100 !important;
    color: white;
}

.k-notification-upload-failure {
    background: #ff0000 !important;
    color: white;
}

.upload-success,
.upload-warning,
.upload-failure {
    white-space: normal;
    width: 310px;
    height: 130px;
}

    .upload-success h3,
    .upload-warning h3,
    .upload-failure h3 {
        height: inherit;
        display: table-cell;
        vertical-align: middle;
        font-size: 18px;
        padding: 0px;
        margin: 0px;
    }

    .upload-success img,
    .upload-warning img,
    .upload-failure img {
        float: left;
        margin: 46.5px 15px 46.5px 15px;
    }
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo NumericTextBox ---------------------------- */
/* --- Grid NumericTextBox Filter --- */
/* Effect: Default formatting for all in-grid NumericTextBox filters */
/* Usage: All Grid NumericTextBox Filters */
.k-filter-menu-container .k-numerictextbox {
    height: 30px;
}

    .k-filter-menu-container .k-numerictextbox .k-input-inner {
        height: 28px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .k-filter-menu-container .k-numerictextbox .k-spinner-increase,
    .k-filter-menu-container .k-numerictextbox .k-spinner-decrease {
        line-height: 6px;
    }
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo TabStrip ---------------------------------- */
/* --- TabStrip Header --- */
/* Effect: Defaulting formatting for Kendo TabStrip headers */
/* Usage: All Kendo TabStrips */
.k-tabstrip .k-tabstrip-item .k-link {
    text-align: center;
    font-weight: bold;
}

.k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-items-wrapper .k-item.k-active {
    color: #003f59;
}

/* --- TabStrip Hidden Tab --- */
/* Effect: Defaulting formatting for hidden Kendo TabStrip tabs */
/* Usage: Specific Kendo TabStrip Tabs */
.defaultHideTabstrip.k-tabstrip,
.defaultHideTabstrip > .k-tabstrip-content {
    border: unset;
}

.defaultHideTabstrip > .k-tabstrip-items-wrapper > .k-tabstrip-items {
    display: none;
}

/* --- TabStrip Padding --- */
/* Effect: Defaulting formatting for Kendo TabStrips */
/* Usage: Specific Kendo TabStrips */
.WindowDetail .k-tabstrip-content,
.setupPanelGroup .k-tabstrip-content {
    padding: 0px;
    margin: 0px;
}

.setupPanelGroup .defaultTabStripDiv {
    padding: 15px;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo Tooltips ---------------------------------- */
/* --- Kendo Tooltips --- */
/* Effect: Defaulting formatting for Kendo Tooltips */
/* Usage: All Kendo Tooltips */
.k-tooltip {
    background-image: none, linear-gradient(rgba(255, 255, 255, 0.4) 0px, rgba(255, 255, 255, 0) 100%);
    background-color: #d9ecf5;
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    color: #00435e;
}

    .k-tooltip .k-callout {
        color: #d9ecf5;
    }

    .k-tooltip .k-tooltip-content {
        min-width: 100px;
        max-width: 250px;
        overflow-wrap: break-word;
    }

.k-table-td.noGridWrap {
    white-space: nowrap !important;
    overflow: hidden !important;
}

.defaultMultiColumnOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-treeview-mid + .k-treeview-group .k-treeview-leaf-text {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 115px;
}
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo TreeView ---------------------------------- */
/* --- Default Kendo TreeView --- */
/* Effect: Defaulting formatting for Kendo TreeViews */
/* Usage: All Kendo TreeViews */
.k-treeview-leaf {
    padding: 0px 4px 0px 4px !important;
}

.k-treeview-mid + .k-treeview-group .k-treeview-item {
    padding-left: 16px !important;
}

.k-treeview-leaf.k-selected {
    background-color: #13688c;
    border-color: #146b90
}

    .k-treeview-leaf.k-selected .k-treeview-leaf-text {
        color: white;
    }
/* --------------------------------------------------------------------------- */



/* ------------------------- Kendo Upload ---------------------------------- */
/* --- Default Kendo Upload --- */
/* Effect: Defaulting formatting for Kendo Uploads */
/* Usage: All Kendo Uploads */
.k-file-size,
.k-file-validation-message {
    font-size: 1.1rem !important;
}
/* --------------------------------------------------------------------------- */



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





/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------- GRID STYLES ---------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------- Kendo Grid -------------------------------------- */
/* --- Grid Font Size --- */
/* Effect: Default formatting for all grid rows */
/* Usage: All Grids */
.k-grid .k-table-row {
    font-size: 12px !important;
}

/* --- Grid Row Size --- */
/* Effect: Default formatting for all grid rows */
/* Usage: All Grids */
.k-grid-content {
    height: auto !important;
    min-height: 21px !important;
}

.k-grid-content-locked {
    min-height: 0px !important;
}

.k-grid td {
    padding: .1em .2em !important;
    vertical-align: middle;
}

div.k-grid td {
    line-height: 21px;
}

/* --- Alternating Grid Row Color --- */
/* Effect: Default formatting for all alternate grid rows */
/* Usage: All Grids */
.k-grid .k-table-row.k-table-alt-row,
.k-master-row.k-table-alt-row .k-grid-content-sticky,
.k-master-row.k-table-alt-row .k-grid-row-sticky {
    background-color: #e6f2f8;
}

/* --- Conditional Grid Rows --- */
/* Effect: Conditional formatting for specific grid rows */
/* Usage: Specific Grid Rows */
.gridNonEditAll .k-grid-container .k-table-row:not(.gridErrorRow):not(.gridInterfundRow) td,
.k-grid-container .k-table-row:not(.gridErrorRow):not(.gridInterfundRow) td.gridNonEditColumn {
    color: #003f59;
    background-color: #d9ecf5 !important;
}

tbody tr.k-hover td,
tbody tr:hover .gridNonEditColumn {
    background-color: #7ad2f7 !important;
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0, rgba(255,255,255,0) 100%) !important;
}

.gridNegativeRow {
    background-color: #d8d8d8 !important;
}

.gridOverbudgetRow {
    background-color: #ffff00 !important;
}

.gridWarningRow {
    background-color: #ffff00 !important;
}

.gridErrorRow {
    background-color: #ffe0e0 !important;
}

    .gridErrorRow.k-hover {
        background-color: #fb6a6a !important;
    }

    .gridErrorRow.k-selected {
        background-color: #993838 !important;
    }

.gridRemitRow {
    background-color: #ceffe6 !important;
}

    .gridRemitRow.k-hover {
        background-color: #78d6a6 !important;
    }

    .gridRemitRow.k-selected {
        background-color: #44755c !important;
    }

.gridInactiveRow {
    color: #4e4e4e !important;
    background-color: #dfdfdf !important;
    font-style: italic !important;
}

    .gridInactiveRow.k-selected {
        background-color: #888888 !important;
    }

.gridTotalRow {
    background-color: #a9cede !important;
}

.gridInterfundRow {
    background-color: #d0fffd !important;
}

.gridAccountOpenRow {
    background-color: #ffffff !important;
}

.gridAccountClosedRow {
    background-color: #dddddd !important;
}

/* --- Conditional Grid Columns --- */
/* Effect: Conditional formatting for specific grid columns */
/* Usage: Specific Grid Columns */
.Number {
    text-align: right !important;
}

/* --- Conditional Grid Cells --- */
/* Effect: Conditional formatting for specific grid cells */
/* Usage: Specific Grid Cells */
.gridWarningCell {
    background-color: #ffffd7 !important;
}

.gridErrorCell {
    background-color: #ffe0e0 !important;
}

/* --- Selected Grid Row --- */
/* Effect: Default formatting for selected grid rows */
/* Usage: All Grids */
.k-grid .k-selected td:not(.k-group-cell) {
    color: white !important;
    font-weight: bold !important;
}

.k-grid .k-selected:not(.gridErrorRow):not(.gridRemitRow):not(.gridInactiveRow) td:not(.k-group-cell) {
    background-color: #13688c !important;
}

/* --- Grid Hover Row --- */
/* Effect: Default formatting for grid hover row */
/* Usage: All Grids */
.k-grid table tr:hover:not(.k-footer-template):not(.k-grouping-row) td:not(.k-group-cell) {
    background-color: #7ad2f7 !important;
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0, rgba(255,255,255,0) 100%) !important;
}

/* --- Grid Link --- */
/* Effect: Default formatting for grid links */
/* Usage: Download Links (AP, PayX); Cross-Module Links (TA) */
.k-grid .DefaultLink,
.k-grid .k-table-td a {
    color: #428bca;
}

    .k-grid .DefaultLink:hover,
    .k-grid .DefaultLink:focus,
    .k-grid .k-table-td a:hover,
    .k-grid .k-table-td a:focus {
        color: #2a6496;
        text-decoration: underline;
    }

/* --- Grid Add Row --- */
/* Effect: Default formatting for grid add row */
/* Usage: All Grids */
.k-grid-add-row {
    background-color: inherit;
}

/* --- Grid No Records Row --- */
/* Effect: Default formatting for grid no records row */
/* Usage: All Grids */
.k-grid-norecords {
    font-size: 12px;
    line-height: 20px;
    display: block !important;
}

/* --- Grid Dirty Flag --- */
/* Effect: Default formatting for grid dirty flags */
/* Usage: All Editable Grids */
.k-grid .k-dirty {
    color: red;
}

/* --- Grid Icon Column --- */
/* Effect: Default formatting for grid icon columns */
/* Usage: Image Manager, Hover (AP, AR, etc.) */
.defaultImageIcon,
.defaultHoverIcon {
    display: inline-block;
    max-height: 18px;
    max-width: 18px;
    margin-left: 4px;
    border: 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

.defaultHeaderIcon {
    display: inline-block;
    max-height: 18px;
    max-width: 18px;
    border: 0;
    background-repeat: no-repeat;
}

.defaultHoverDiv .defaultHoverIcon {
    visibility: hidden;
}

.defaultHoverDiv:hover .defaultHoverIcon {
    visibility: visible;
}

/* --- Grid Icon Button --- */
/* Effect: Default formatting for grid icon buttons */
/* Usage: All Grid Icon Buttons */
.defaultGridIconButton .k-button {
    margin-top: -5em !important;
    margin-bottom: -5em !important;
    height: 18px !important;
    padding: 4px;
}

    .defaultGridIconButton .k-button:not(:hover) {
        border-color: #bacdd5 !important;
        color: #003f59 !important;
        background-color: #def4fd !important;
    }

.defaultGridIconButton .k-icon {
    margin-top: -15px !important;
}

.defaultGridIconButton .k-button-text {
    line-height: 8px;
    vertical-align: top;
}

/* --- Grid Editor Template --- */
/* Effect: Default formatting for all grid editor templates */
/* Usage: All Grid Editor Templates */
.k-grid input[type=text] {
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.k-grid .k-input {
    border-width: 1px;
    border-radius: 4px;
    border-color: #a3d0e4 !important;
    border-style: solid;
}

.k-grid tbody .k-button {
    margin-top: -5em;
    margin-bottom: -5em;
}

/* --- Grid Column Header --- */
/* Effect: Default formatting for grid column headers */
/* Usage: All Grids */
.k-grid-header .k-header {
    text-align: center;
    justify-content: center;
    font-weight: bold;
}

.k-grid .k-column-title,
.k-grid .k-grid-header .k-header {
    white-space: normal;
}

.k-grid .k-grid-header .k-filterable:not(:has(.k-cell-inner)) {
    padding-right: 32px;
}

/* --- Grid Toolbar --- */
/* Effect: Default formatting for grid toolbars */
/* Usage: All Grids */
.k-grid-toolbar {
    padding-top: 4px;
    padding-bottom: 4px;
}

.MainGrid .k-grid-toolbar .k-toolbar-item {
    width: 100%;
}

.k-grid-toolbar .k-toolbar-item {
    display: inline-block;
}

.k-grid-toolbar .k-button {
    font-size: 12px;
    color: black;
    padding-left: 6px;
}

/* --- Grid Pager --- */
/* Effect: Default formatting for grid pagers */
/* Usage: All Grids */
.k-grid-pager {
    padding: 3px;
}

    .k-grid-pager .k-pager-info {
        padding-right: 10px;
    }

    .k-grid-pager .k-button-text,
    .k-grid-pager .k-pager-info {
        font-size: 12px;
        color: #003f59;
    }

    .k-grid-pager .k-selected .k-button-text {
        color: white !important;
    }

    .k-grid-pager .k-button {
        padding: 3px;
    }

        .k-grid-pager .k-button.k-selected {
            background-color: #13688c !important;
        }

        .k-grid-pager .k-button:hover {
            background-color: #7bd2f6 !important;
        }

/* --- Grid CheckBox --- */
/* Effect: Default formatting for grid checkboxes */
/* Usage: Specific grid checkboxes */
.GridCheckBox {
    margin-top: 0px !important;
    margin-left: 40% !important;
    vertical-align: middle;
    cursor: default !important;
}

/* --- Grid Hide/Show Column Controls --- */
/* Effect: Default formatting for grid hide/show column controls */
/* Usage: All Grid Hide/Show Column Controls (AP, PO, TA) */
#mainGridContextMenu .k-menu-link {
    font-size: 12px;
    padding-right: 21.6px;
}

.k-button .k-svg-icon {
    margin-right: 2px;
    margin-top: -2px;
}

#showColumnDiv .k-input-value-text,
#showColumn-list.k-list-md {
    font-size: 12px;
    line-height: 16px;
}
/* --------------------------------------------------------------------------- */



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





/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------- WINDOW STYLES -------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------- Kendo Window ------------------------------------ */
/* --- Custom Window Actions --- */
/* Effect: Default formatting for custom window action icons */
/* Usage: Prior Record, Next Record, Image Manager (AP, AR, etc.) */
.defaultCustomIcon {
    height: 30px;
    width: 31.375px;
}

    .defaultCustomIcon svg {
        height: 20px;
        vertical-align: bottom;
    }

.smart-i-attachment-default {
    background-image: url(../Content/icons/attachmentHasImages64.png) !important;
    background-size: 22px 22px !important;
    background-position: 2px, 2px !important;
    background-repeat: no-repeat !important;
}

/* --- Window Title --- */
/* Effect: Default formatting for window title sections */
/* Usage: All Window Title Sections */
.k-window-title {
    font-size: 1.6rem;
    padding-block: .7em;
}

/* --- Window Body --- */
/* Effect: Default formatting for window body sections */
/* Usage: Specific Window Body Sections */
.WindowDetail.k-window-content {
    padding: 0px;
}

.WindowMainDiv {
    overflow: auto;
    height: calc(100% - 38px);
    width: auto
}

.WindowInnerDivGreen {
    padding: 10px;
    background-color: #e7fff8;
    border-bottom-width: 0px;
    border-bottom-color: #a3d5e4;
    border-bottom-style: solid;
}

.WindowInnerDivGray {
    padding: 10px;
    background-color: #e8e8e8;
    border-bottom-width: 0px;
    border-bottom-color: #a3d5e4;
    border-bottom-style: solid;
}

.WindowInnerDivWhite {
    padding: 10px;
    background-color: #ffffff;
    border-top-width: 1px;
    border-top-color: #a3d5e4;
    border-top-style: solid;
}

.WindowTabstripDivGray {
    padding: 12.8px;
    padding-right: 0px;
    background-color: #e8e8e8;
}

.WindowTabstripDivWhite {
    padding: 12.8px;
    background-color: #ffffff;
}

/* --- Window Borders --- */
/* Effect: Default formatting for window border sections */
/* Usage: Specific Window Border Sections */
.BorderBoxPadding {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 15px;
    margin-top: 6px;
    margin-bottom: 5px;
}

.BorderBoxBlue,
.BorderBoxGray,
.BorderBoxGreen {
    border-width: 1px;
    border-style: solid;
}

.BorderBoxBlue {
    border-color: #a3d0e4;
}

.BorderBoxGray {
    border-color: #ababab;
}

.BorderBoxGreen {
    border-color: #8ab3a6;
}

/* --- Window FieldSet --- */
/* Effect: Default formatting for window fieldset sections */
/* Usage: Specific Window FieldSet Sections */
.FieldSetPadding {
    padding-bottom: 5px !important;
}

.LegendDefault {
    margin-left: 20px;
    margin-bottom: 0px;
    border: none;
    width: auto;
    font-size: 14px;
    font-weight: 700;
}

/* --- Window Row --- */
/* Effect: Default formatting for window rows */
/* Usage: Specific Window Rows */
.WindowRow {
    padding-bottom: 10px;
}

.WindowRowFieldSet {
    padding-bottom: 5px;
}

.WindowRowLast {
    padding-bottom: 0px;
}

/* --- Window Label --- */
/* Effect: Default formatting for window labels */
/* Usage: Specific Window Labels */
.WindowDetail h5 {
    font-weight: bold;
    margin: 2px !important;
}

.WindowTitle {
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
}

/* --- Window Footer --- */
/* Effect: Default formatting for window footer sections */
/* Usage: Specific Window Footer Sections */
.WindowFooterDiv {
    width: 100%;
    height: 37px;
    background-color: #d9ecf5;
    border-top: solid #a3d0e4 1px;
}
/* --------------------------------------------------------------------------- */



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