:root {
    --lt-blue: #082981;
    --lt-blue-accent-dark: #0E2255;
    --lt-blue-accent: #6B7FB3;
    --lt-blue-accent-light: #E1E5F0;
    --lt-green: #009A82;
    --lt-green-accent-dark: #1E7A6C;
    --lt-green-accent: #66C2B4;
    --lt-green-accent-light: #E5F5F3;
    --lt-orange: #F17318;
    --lt-red: #FF0000;
    --lt-black: #000000;
    --lt-white: #FFFFFF;
    --lt-grey-light: #CCCCCC;
    --lt-grey: #737373;
    --lt-grey-dark: #252525;
}

/*custom icons*/
.lt-icon-search-blue {
	background: url(../images/lt-search-blue.svg);
	background-repeat: no-repeat;
}
/*------------*/

html, body {
    box-sizing: border-box;
    font-size: 16px;
    font-family: Montserrat, Verdana;
}

.h-100 {
    height: 100%;
}

.b-page-progress-indicator-warning {
    background-color: var(--lt-orange);
}

/* LtCard mud overrides */
.mud-card {
    border-radius: 15px;
}

/* Chip icon size */
.mud-chip-size-small .mud-chip-icon {
    font-size: 0.75rem !important;
    padding-left: 2px;
}

.mud-chip-size-medium .mud-chip-icon {
    font-size: 0.90rem !important;
    padding-left: 2px;
}

.mud-chip-size-large .mud-chip-icon {
    font-size: 1.10rem !important;
    padding-left: 2px;
}

/* Validation textfield styling */
.mud-input-control.mud-input-error input {
    padding-right: 28px;
    padding-inline-end: 28px !important;
}

.mud-input-control.mud-input-error .mud-input-control-input-container:after {
    font-family: 'Font Awesome 6 Free';
    font-size: 1.00rem;
    color: var(--lt-red);
    content: '\21';
    position: absolute;
    top: 8px;
    right: 16px;
}

.mud-input-control.mud-input-error .mud-input-adornment.mud-input-adornment-end {
    padding-right: 16px;
}

/* Larger text/select field overrides */
.mud-input-control.mud-input-control-margin-normal.mud-input-error .mud-input-control-input-container:after {
    font-size: 1.25rem !important;
    top: 12px !important;
}

/* Validation numeric input with spinners styling */
.mud-input-control.mud-input-number-control.mud-input-showspin.mud-input-error .mud-input-numeric-spin {
    right: 24px;
}

/* Validation select styling */
.mud-input-control.mud-select.mud-input-error .mud-input-adornment.mud-input-adornment-end.mud-select-input {
    padding-right: 16px;
}

/* Validation date styling */
.mud-picker.mud-picker-input-text .mud-input-control.mud-input-error .mud-input-adornment.mud-input-adornment-end {
    padding-right: 16px;
}

/* Validation checkbox styling */
.mud-input-control.mud-input-control-boolean-input.mud-input-error .mud-input-control-input-container:after {
    content: '';
}

/* Compact textfield icon start/end size */
.mud-input.mud-input-adorned-start.mud-input-margin-dense .mud-icon-size-medium,
.mud-input.mud-input-adorned-end.mud-input-margin-dense .mud-icon-size-medium {
    font-size: 1.1rem;
}

/* Input field border-radius overrides */
.mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 8px;
}

/* Hide validation message input fields */
.mud-input-input-control.hide-validation-message .mud-input-control-helper-container:has(p.mud-input-error),
.mud-picker-input-text.hide-validation-message .mud-input-control-helper-container:has(p.mud-input-error),
.mud-select.hide-validation-message .mud-input-control-helper-container:has(p.mud-input-error),
.mud-input-control-boolean-input.hide-validation-message .mud-input-control-helper-container:has(p.mud-input-error) {
    display: none;
}

/* Mud button overrides */
button.mud-button,
.mud-tab {
    text-transform: none !important;
    box-shadow: none !important;
}

/* Small buttons */
button.mud-button-filled-primary.mud-button-filled-size-small,
button.mud-button-outlined-secondary.mud-button-outlined-size-small {
    padding: 4px 12px;
}

    button.mud-button-filled-primary.mud-button-filled-size-small .mud-button-label,
    button.mud-button-outlined-secondary.mud-button-outlined-size-small .mud-button-label,
    button.mud-button-text.mud-button-text-tertiary.mud-button-size-small .mud-button-label {
        font-size: 14px;
        font-weight: 500;
        line-height: 160%;
        flex-shrink: 0;
    }

/* Medium buttons */
button.mud-button-filled-primary.mud-button-filled-size-medium,
button.mud-button-outlined-secondary.mud-button-outlined-size-medium {
    padding: 6px 20px;
}

    button.mud-button-filled-primary.mud-button-filled-size-medium .mud-button-label {
        height: 43px;
        font-size: 16px;
        font-weight: 500;
        line-height: 160%;
        flex-shrink: 0;
    }

    button.mud-button-outlined-secondary.mud-button-outlined-size-medium .mud-button-label {
        height: 41px;
        font-size: 16px;
        font-weight: 500;
        line-height: 160%;
        flex-shrink: 0;
    }

button.mud-button-text.mud-button-text-tertiary.mud-button-text-size-medium .mud-button-label {
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
    flex-shrink: 0;
}

/* Large buttons */
button.mud-button-filled-primary.mud-button-filled-size-large,
button.mud-button-outlined-secondary.mud-button-outlined-size-large {
    padding: 8px 30px;
}

    button.mud-button-filled-primary.mud-button-filled-size-large .mud-button-label,
    button.mud-button-outlined-secondary.mud-button-outlined-size-large .mud-button-label {
        height: 53px;
        font-size: 18px;
        font-weight: 500;
        line-height: 160%;
        flex-shrink: 0;
    }

button.mud-button-text.mud-button-text-tertiary.mud-button-text-size-large .mud-button-label {
    font-size: 18px;
    font-weight: 500;
    line-height: 160%;
    flex-shrink: 0;
}

/* Primary buttons */
button.lt-button.mud-button-filled-primary.mud-button-filled-size-small:hover,
button.lt-button.mud-button-filled-primary.mud-button-filled-size-medium:hover,
button.lt-button.mud-button-filled-primary.mud-button-filled-size-large:hover {
    background-color: var(--lt-blue-accent);
}

button.lt-button.mud-button-filled-primary.mud-button-filled-size-small:active,
button.lt-button.mud-button-filled-primary.mud-button-filled-size-medium:active,
button.lt-button.mud-button-filled-primary.mud-button-filled-size-large:active {
    background-color: var(--lt-blue);
}

button.lt-button.mud-button-filled-primary[disabled] {
    background-color: var(--lt-grey-light) !important;
}

    button.lt-button.mud-button-filled-primary[disabled] .mud-button-label {
        color: var(--lt-white);
    }

/* Secondary buttons */
button.lt-button.mud-button-outlined-secondary.mud-button-outlined-size-small,
button.lt-button.mud-button-outlined-secondary.mud-button-outlined-size-medium,
button.lt-button.mud-button-outlined-secondary.mud-button-outlined-size-large {
    background-color: var(--lt-white);
    color: var(--lt-blue) !important;
    border-color: var(--lt-blue-accent);
}

button.lt-button.mud-button-outlined-secondary .mud-button-label {
    color: var(--lt-blue);
}

button.lt-button.mud-button-outlined-secondary.mud-button-outlined-size-small:hover,
button.lt-button.mud-button-outlined-secondary.mud-button-outlined-size-medium:hover,
button.lt-button.mud-button-outlined-secondary.mud-button-outlined-size-large:hover {
    background-color: var(--lt-blue);
    border-color: var(--lt-blue);
}

button.lt-button.mud-button-outlined-secondary:hover .mud-button-label {
    color: var(--lt-white);
}

button.lt-button.mud-button-outlined-secondary[disabled] {
    background-color: var(--lt-white);
    border-color: var(--lt-grey);
}

    button.lt-button.mud-button-outlined-secondary[disabled] .mud-button-label {
        color: var(--lt-white);
    }

    button.lt-button.mud-button-outlined-secondary[disabled] .mud-button-icon-start,
    button.lt-button.mud-button-outlined-secondary[disabled] .mud-button-icon-end {
        color: var(--lt-grey);
    }

button.lt-button.mud-button-outlined-secondary .mud-button-icon-start,
button.lt-button.mud-button-outlined-secondary .mud-button-icon-end {
    color: var(--lt-blue);
}

button.lt-button.mud-button-outlined-secondary:hover .mud-button-icon-start,
button.lt-button.mud-button-outlined-secondary:hover .mud-button-icon-end {
    color: var(--lt-white);
}

/* Tertiary buttons */
button.lt-button.mud-button-filled-tertiary.mud-button-filled-size-small:hover,
button.lt-button.mud-button-filled-tertiary.mud-button-filled-size-medium:hover,
button.lt-button.mud-button-filled-tertiary.mud-button-filled-size-large:hover {
    background-color: var(--lt-green-accent);
}

button.lt-button.mud-button-filled-tertiary.mud-button-filled-size-small:active,
button.lt-button.mud-button-filled-tertiary.mud-button-filled-size-medium:active,
button.lt-button.mud-button-filled-tertiary.mud-button-filled-size-large:active {
    background-color: var(--lt-green);
}

button.lt-button.mud-button-filled-tertiary[disabled] {
    background-color: var(--lt-grey-light) !important;
}

    button.lt-button.mud-button-filled-tertiary[disabled] .mud-button-label {
        color: var(--lt-white);
    }

/* Pager */
.lt-pager .mud-button-filled.mud-button-filled-primary {
    background-color: #FFF;
    color: var(--lt-blue);
    font-weight: bold !important;
    font-size: 14px;
    box-shadow: none;
}

.lt-pager .mud-pagination-item-selected .mud-button-label {
    font-weight: bold !important;
}

.lt-pager .mud-button-filled-primary.mud-button-filled-size-medium,
.mud-button-outlined-secondary.mud-button-outlined-size-medium {
    padding: 6px 10px;
}

.lt-pager .mud-icon-root.mud-svg-icon {
    fill: rgba(8,41,129,1) !important;
}

.lt-pager .button.mud-button-filled-primary.mud-button-filled-size-small:hover,
.lt-pager .button.mud-button-filled-primary.mud-button-filled-size-medium:hover,
.lt-pager .button.mud-button-filled-primary.mud-button-filled-size-large:hover {
    background-color: #FFF !important;
}

/* Tab */
.lt-tab .mud-tabs-toolbar-content {
  background: #EEF0F4 !important;
  box-shadow: none;
}

.lt-tab .mud-tab {
  font-size: 14px;
  background-color: #E1E5F0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: var(--lt-blue);
}

.lt-tab .mud-tabs-toolbar-wrapper {
  background-color: #E1E5F0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.lt-tab .mud-tab.mud-tab-active {
  font-weight: bold;
  background-color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.lt-tab .mud-tab-slider {
  background: none !important;
}

.lt-tab .mud-button-filled.mud-button-filled-primary {
  background-color: #FFF;
  color: var(--lt-blue);
  font-weight: bold !important;
  font-size: 14px;
}

.lt-tab .mud-pagination-item-selected .mud-button-label {
  font-weight: bold !important;
}

.lt-tab .mud-button-filled-primary.mud-button-filled-size-medium,
.mud-button-outlined-secondary.mud-button-outlined-size-medium {
  padding: 6px 10px;
}

.lt-tab .mud-icon-root.mud-svg-icon {
  fill: rgba(8,41,129,1) !important;
}

.lt-tab .button.mud-button-filled-primary.mud-button-filled-size-small:hover,
.lt-tab .button.mud-button-filled-primary.mud-button-filled-size-medium:hover,
.lt-tab .button.mud-button-filled-primary.mud-button-filled-size-large:hover {
  background-color: #FFF !important;
}

/* Snackbar */
.snackbar-success {
  background-color: var(--lt-green);
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
}

.mud-snackbar.snackbar-success button {
  background-color: white !important;
  color: var(--lt-green);
  font-weight: 500;
  font-size: 14px;
}

/* Tooltip */
.lt-tooltip {
  background-color: white !important;
  border: 1px solid #E0E5F1 !important;
  color: var(--lt-blue) !important;
  font-size: 14px;
}

.mud-tooltip-arrow {
  background-color: white !important;
}

.mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::after {
  border-color: #E0E5F1 transparent transparent transparent !important;
}