/*General Config*/
:root {
    --mud-palette-table-lines: #edeef0 !important;
    --mud-palette-table-hover: rgba(228, 239, 255, 1) !important;
    --tt-blue-back: #e4efff;
    --tt-blue: #3d8bfd;
    --TT-BLUE: #3d8bfd;
    --TT-BLUE-BACK: #e4efff;
    --TT-BLUES: #192037;
    --tt-gr: #757575;
    --TT-WHITE: #F8F9FA;
    --TT-GR: #757575;
    --TT-RED: #D33741;
    --TT-YELLOW-BACK: #FFF3CD;
    --TT-RED---BACK: #F8D7DA;
    --TT-RED-BACK: #F8D7DA;
    --PRIMARY-LIGHT-II: rgba(37, 41, 71, 0.30);
    --PRIMARY-LIGHT: rgba(37, 41, 71, 0.15);
    --Gray_02-4O: #E0E0E0;
    --TT-GREEN-2: #198754;
    --Gray_02-5O: #C2C2C2;
    --TT-GREEN: #D1E7DD;
    --TT-ORANGE: #FD7E14;
    --TT-ORANGE-BACK: #FFE5D0;
}

.tooltip {
    pointer-events: none !important
}

/*MudAlert*/
.mud-alert-text-success {
    color: var(--TT-GREEN-2) !important;
    background-color: #EBF8EC !important;
    border: solid !important;
    border-color: #A2C1A3 !important;
    border-width: 2px !important;
}

.mud-alert-text-warning {
    color: #bfae4e !important;
    background-color: #FAF7E6 !important;
    border: solid !important;
    border-color: #F4E386 !important;
    border-width: 2px !important;
}

.mud-alert-text-info {
    color: var(--TT-BLUE) !important;
    background-color: #F0F8FF !important;
    border: solid !important;
    border-color: #AAC7E1 !important;
    border-width: 2px !important;
}

.mud-alert-text-error {
    color: var(--TT-RED) !important;
    background-color: #FBEFEF !important;
    border: solid !important;
    border-color: #E5AAAA !important;
    border-width: 2px !important;
}
/*MudTable*/
.mud-table {
    background-color: unset !important;
}

.mud-table-toolbar {
    background-color: var(--mud-palette-background) !important;
    border-radius: 8px 8px 0px 0px;
}

.mud-table-head .mud-table-row .mud-table-cell {
    border-style: solid !important;
    border-color: #e9ebed !important;
    border-width: 0 0 2px 2px !important;
    height: 0px !important;
}

    .mud-table-head .mud-table-row .mud-table-cell:first-child {
        border-width: 0 0 2px 0 !important;
    }

.mud-table-root .mud-table-head .mud-table-cell {
    font-weight: 700 !important;
}

/*MudTab*/

.mud-tabs-toolbar-white-custom .mud-tab {
    border-radius: 6px;
    display: flex;
    justify-content: center;
    top: 20px;
    height: 40px;
    border-width: thin;
    border-color: #e1e1e1;
    font-weight: 400 !important;
    color: var(--tt-gr) !important;
    text-transform: none !important;
}

    .mud-tabs-toolbar-white-custom .mud-tab.mud-tab-active {
        background: var(--tt-blue-back) !important;
        color: var(--tt-blue) !important;
        font-weight: 700 !important;
    }

.mud-tabs-toolbar-white-custom .mud-tab-slider {
    display: none !important;
}

.mud-tabs-toolbar-white-custom .mud-tabs-toolbar-inner {
    min-height: 90px !important;
}

.mud-tabs-toolbar-white-custom .mud-tooltip-root.mud-tooltip-inline {
    padding-left: 25px;
}

.mud-tabs-toolbar-white-custom .mud-tabs-scroll-button {
    padding-top: 20px;
}

.mud-tabs-toolbar-white-custom .mud-badge.mud-badge-top.right {
    inset: auto auto calc(100% - 14px) calc(100% + 14px);
}

.mud-tabs-toolbar-white-custom .mud-tab-badge {
    margin-inline-start: 15px;
    margin-inline-end: 30px;
}

.mud-tabs-toolbar-white-custom-outlined .mud-tab {
    display: flex;
    justify-content: center;
    min-height: 30px;
    text-transform: none !important;
    border-radius: 8px;
}

.mud-tabs-toolbar-white-custom-outlined .mud-tabs-toolbar-content {
    border-radius: 8px;
    border: 1px solid var(--PRIMARY-LIGHT);
    background: var(--TT-WHITE) !important;
    height: 55px !important;
}

.mud-tabs-toolbar-white-custom-outlined .mud-tab.mud-tab-active {
    border-radius: 8px;
    border: 1px solid var(--TT-BLUE);
    background: var(--tt-blue-back) !important;
    color: var(--tt-blue) !important;
    font-weight: 700 !important;
    min-height: 30px !important;
}


.mud-tabs-toolbar-white-custom-outlined .mud-tab-slider {
    display: none !important;
}

.mud-tabs-toolbar-white-custom-outlined .mud-tabs-toolbar-inner {
    min-height: 30px !important;
}

.mud-tabs-toolbar-white-custom-outlined .mud-tooltip-root.mud-tooltip-inline {
    padding-left: 6px;
}

.mud-tabs-toolbar-white-custom-outlined .mud-badge.mud-badge-top.right {
    inset: auto auto calc(100% - 14px) calc(100% + 14px);
}

.mud-tabs-toolbar-white-custom-outlined .mud-tab-badge {
    margin-inline-start: 15px;
    margin-inline-end: 30px;
}

.mud-tabs-toolbar-white-custom-outlined .mud-tabs-panels {
    top: 10px;
    border-top: 2px solid #E9EBED;
}

.mud-dialog-custom .mud-container {
    padding-left: 0px !important;
    margin-left: 16px !important;
}

/*MudChip*/
.mud-chip .mud-chip-close-button .mud-icon-size-small {
    font-size: 0.7rem !important;
}

/*MudCalendar*/
.mud-cal-month-cell {
    min-height: 140px;
}

.mud-cal-month-cell, .mud-cal-month-cell-title {
    border-radius: 4px;
    background: var(--TT-WHITE);
    overflow: hidden !important;
}

.mud-cal-month-cell-events {
    text-align: center;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.mud-calendar table * tr > td, .mud-calendar table tbody td, .mud-calendar table * tr th {
    border-width: 0px !important;
}

.mud-calendar * tr td {
    padding: 3px 8px !important;
}

.customCalendar * .mud-button:not(.calendarInnerButton) {
    border-radius: 8px !important;
    border: 1px solid #E9EBED !important;
    background: var(--TT-WHITE) !important;
    color: var(--TT-GR) !important;
}

.calendarInnerBadge .mud-badge.mud-badge-center.right {
    left: calc(75%) !important;
    top: calc(12%) !important;
}

.calendarPaperPrimary {
    background: var(--tt-blue-back) !important;
    border: 0px !important;
}

.calendarPaperWarning {
    background: var(--TT-YELLOW-BACK) !important;
    border: 0px !important;
}

.calendarPaperError {
    background: var(--TT-RED---BACK) !important;
    border: 0px !important;
}

/*Filter Men�*/
.filters-panel {
    overflow-x: hidden;
}

    .filters-panel * .mud-grid {
        border: 1px #E9EBED solid;
        border-radius: 8px;
        align-items: baseline;
        background-color: #f8f9f9;
    }

/*Serial search input - center placeholder and text*/
.serial-search-input .mud-input input {
    text-align: center;
}

/*Dashboard KPI Cards*/
.kpi-card {
    border-radius: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    overflow: hidden;
}

.kpi-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.kpi-card-blue {
    background: linear-gradient(135deg, #3d8bfd 0%, #1a6ddb 100%);
    color: white;
}

.kpi-card-green {
    background: linear-gradient(135deg, #198754 0%, #0f6b3f 100%);
    color: white;
}

.kpi-card-orange {
    background: linear-gradient(135deg, #FD7E14 0%, #e06600 100%);
    color: white;
}

.kpi-card-red {
    background: linear-gradient(135deg, #D33741 0%, #b12530 100%);
    color: white;
}

.kpi-label {
    opacity: 0.85;
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.kpi-value {
    font-weight: 700 !important;
    margin-top: 4px;
}

.kpi-icon {
    opacity: 0.3;
    font-size: 3rem !important;
}

/*MudDataGrid - Hide empty footer row from SelectColumn*/
.mud-table-foot > tr > td:empty {
    display: none;
}

.mud-table-foot > tr:not(:has(td:not(:empty))) {
    display: none;
}