@import url('../fonts/import.css');

:root {
    --motif-color: #2E2E38;
    --motif-border-color: #C3C3CB;
    --motif-chip-color-success: #E7FCE8;
    --motif-chip-color-text-success: #197335;
    --motif-chip-color-dark: #FFFFFF;
    --motif-chip-color-text-dark: #2E2E38;
    --motif-chip-border-color-text-dark: #E6E6E9;
    --motif-chip-color-info: #F4F7FC;
    --motif-chip-color-text-info: #0F69AE;
    --motif-drawer-border-color: #E6E6E9;
    --motif-chip-color-error: #FCF5F3;
    --motif-chip-color-text-error: #A40011;
    --motif-color-info: #1275C1;
    --mud-palette-lines-inputs: #D7D7DC !important;
    --mud-drawer-width-mini-left: 64px !important;
    --mud-palette-secondary: #656579 !important;
}

.mud-tab {
    text-transform: none;
}

.mud-menu .mud-button {
    text-transform: none;
}

.mud-menu .mud-button:hover {
    background: transparent;
}

th.mud-table-cell {
    background: #F0F0F3;
    border-top: 1px solid var(--mud-palette-table-lines);
}

tr:last-child td.mud-table-cell {
    border-bottom: none;
}

.mud-dialog {
    background: #F7F7F9;
}

.mud-paper {
    border-radius: 6px;
}

.mud-button {
    text-transform: none;
}

.mud-popover.mud-paper {
    border-radius: var(--mud-default-borderradius);
}

.motif-container {
    background: #F9F9FA;
    border-radius: 6px;
}

.align-top {
    vertical-align: top;
}

.border-divider {
    border-color: var(--mud-palette-divider) !important;
}

.mud-table-cell[colspan="1000"] {
    padding: 0 !important;
}

.badge-icon .mud-nav-link-text {
    margin-inline-start: 0 !important;
}

.badge-icon .mud-typography-body2 {
    line-height: unset !important;
}

.badge-icon .d-flex {
    align-items: center;
}

.menu-table {
    border-width: 1px;
    border-color: var(--motif-border-color);
    height: 36px;
    width: 36px;
    justify-content: center;
    margin-left: 8px;
}

.menu-table .mud-button-root {
    background-color: transparent !important;
}

.min-width .mud-list-item-icon {
    min-width: 35px !important;
}

.min-width .mud-list-item-text {
    min-width: 144px !important;
}

.elevation-popover {
    box-shadow: var(--mud-elevation-0);
    border-width: 1px;
    border-color: var(--motif-border-color);
}

.border-table {
    border-top: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.border-table thead .mud-table-row {
    height: 44px !important;
}

.border-table tbody tr td:not(.mud-table-loading) {
    height: 72px !important;
}

.border-table .mud-table-cell {
    border-bottom-color: #D7D7DC !important;
}

.mud-chip-text.mud-chip-color-success {
    background-color: var(--motif-chip-color-success) !important;
    color: var(--motif-chip-color-text-success) !important;
}

.mud-chip-text.mud-chip-color-dark {
    background-color: var(--motif-chip-color-dark) !important;
    color: var(--motif-chip-color-text-dark) !important;
    border: 1px solid !important;
    border-color: var(--motif-chip-border-color-text-dark) !important;
}

.mud-chip-text.mud-chip-color-info {
    background-color: var(--motif-chip-color-info) !important;
    color: var(--motif-chip-color-text-info) !important;
}

.mud-chip-text.mud-chip-color-error {
    background-color: var(--motif-chip-color-error) !important;
    color: var(--motif-chip-color-text-error) !important;
}

.drawer-border-right {
    border-right: 1px solid;
    border-right-color: var(--motif-drawer-border-color);
}

.border-simple-table {
    border-top: 1px solid #D7D7DC;
    border-left: 1px solid #D7D7DC;
    border-right: 1px solid #D7D7DC;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.h-standard {
    height: 44px !important;
}

.h-standard .mud-input {
    height: 44px !important;
}

.h-standard-icon-b {
    height: 44px !important;
    width: 44px !important;
}

.secondary-button {
    border: 1px solid !important;
    border-color: var(--motif-border-color) !important;
    color: var(--motif-color) !important;
}

.simple-table tbody tr td {
    height: 36px !important;
}

.mud-switch-span {
    height: auto !important;
}
.mud-switch-span .mud-switch-track {
    width: 36px;
    height: 20px;
    border-radius: 32px;
}

.mud-switch-base-medium.mud-switch-base {
    padding: 14px !important;
}

.mud-switch-base.mud-checked {
    transform: translateX(14px) !important;
}

.mud-switch-button {
    height: 16px !important;
    width: 16px !important;
}

.mud-switch-button .mud-switch-thumb-medium {
    width: 16px !important;
    height: 16px !important;
    background-color: white !important;
}

.mud-switch-base.mud-checked + .mud-switch-track {
    opacity: 1 !important;
}

.mud-success {
    background-color: #26A04B !important;
}

.mud-switch-span .mud-switch-track {
    opacity: 1;
    background-color: #7F7F91;
}

.mud-tooltip.mud-tooltip-default {
    background-color: var(--motif-color) !important;
}

.mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::after {
    border-color: var(--motif-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}

.mud-theme-info {
    background-color: var(--motif-color-info) !important;
}

.mud-button-text.mud-button-text-secondary {
    border: 1px solid !important;
    border-color: var(--motif-border-color) !important;
    color: var(--motif-color) !important;
}

.mud-snackbar {
    max-width: none !important;
    border-radius: 8px !important;
    box-shadow: none;
}

.mud-alert-filled-success {
    color: #197335 !important;
    background-color: #E7FCE8 !important;
    border: 1px solid !important;
    border-color: #2DB757 !important;
}


.mud-alert-filled-error {
    color: #A40011 !important;
    background-color: #FCF5F3 !important;
    border: 1px solid !important;
    border-color: #FF735E !important;
}

.mud-alert-text-warning {
    color: #975100 !important;
    background-color: transparent !important;
}

.mud-alert-text-warning .mud-alert-icon {
    color: inherit !important;
}

.mud-alert-text-error {
    color: #C70117 !important;
    background-color: transparent !important;
}

.mud-alert-text-error .mud-alert-icon {
    color: inherit !important;
}

.mud-alert-text-info {
    color: #2E2E38 !important;
    background-color: transparent !important;
}

.mud-alert-text-info .mud-alert-icon {
    color: inherit !important;
}

.mud-alert-text-success {
    color: #197335;
    background-color: transparent !important;
}

.mud-alert-text-success .mud-alert-icon {
    color: inherit !important;
}

.mud-data-grid .mud-table-cell .column-header .sort-direction-icon {
    opacity: initial !important;
}

.mud-data-grid .mud-table-cell .column-header .sort-direction-icon .mud-icon-button-label {
    opacity: initial !important;
    mask: url('../icons/arrow-separate-vertical.svg') !important;
    -webkit-mask: url('../icons/arrow-separate-vertical.svg') !important;
    background-color: currentColor;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-start-selected {
    border-radius: 0 !important;
    background: linear-gradient(to left, #F3F3F5 50%, transparent 50%) !important;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-end-selected {
    border-radius: 0 !important;
    background: linear-gradient(to right, #F3F3F5 50%, transparent 50%) !important;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-between {
    background-color: #F3F3F5 !important;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-end-selected .mud-typography {
    margin-top: 0 !important;
    width: 36px;
    height: 36px;
    background-color: #656579 !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-start-selected .mud-typography {
    margin-top: 0 !important;
    width: 36px;
    height: 36px;
    background-color: #656579 !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mud-range-selection-primary:hover {
    background-color: #656579 !important;
}

.mud-picker-calendar-day .mud-day .mud-selected .mud-theme-primary {
    background-color: #656579 !important;
}

.size-icon-xs {
    font-size: 0.938rem !important;
}

.header-icon-container {
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background-color: #FFE600;
    border-radius: 50%;
}

.align-date-range-picker .mud-input-control.mud-input-control-margin-dense {
    margin-top: 0 !important;
}

.searchbar-cell-width {
    width: 50% !important;
}

.width-picker-container {
    width: 60% !important;
}

.mud-container-maxwidth-lg {
    max-width: none !important;
}

.mud-picker-calendar-content-1 .mud-picker-calendar-day.mud-day.mud-selected.mud-theme-primary {
    background-color: #656579 !important
}

.mud-button-outlined.mud-button-outlined-primary {
    color: var(--mud-palette-text-primary);
    --mud-ripple-color: var(--mud-palette-primary);
    border-color: var(--mud-palette-lines-inputs) !important;
}

.mud-icon-button-size-large.mud-button>.mud-icon-button-label>.mud-icon-size-large {
    padding: 4px;
}

.mud-avatar .mud-icon-size-medium {
    width: 28px;
    height: 28px;
}