﻿/* mud-styles.css */

.custom_autcomplete .mud-input-outlined-border {
    border-radius: 8px !important;
    border: 0px solid var(--color-border-secondary) !important;
}

.custom_autcomplete > .mud-input-control {
    border: 0px;
    border-radius: 8px !important;
}

.custom-calendar .mud-day-label {
    width: 54px !important;
}

.custom-calendar .mud-day {
    width: 54px !important;
    height: 54px !important;
    border-radius: 0px !important;
}

.custom-calendar .mud-picker-calendar-transition {
    height: 375px;
}

.custom-calendar .mud-picker-calendar-container {
    width: max-content;
}

.mud-expand-panel .mud-expand-panel-header {
    padding: 16px !important;
}

.mud-dialog-title button.mud-button-close {
    border-radius: 8px;
    border: 1px solid var(--color-dialog-border);
    padding: 8px;
    top: 16px !important;
    right: 16px !important;
}

    .mud-dialog-title button.mud-button-close .mud-icon-root {
        font-size: 1rem;
    }

.mud-expand-panel .mud-expand-panel-content {
    padding: 0 16px 16px;
}

.mud-dialog-container {
    padding-top: 32px;
    padding-bottom: 32px;
}

@media screen and (max-width: 960px) {
    .custom-calendar .mud-day-label {
        width: 35px !important;
    }

    .custom-calendar .mud-day {
        width: 35px !important;
        height: 35px !important;
        border-radius: 0px !important;
    }

    .custom-calendar.mud-picker-static {
        min-width: auto;
    }

    .custom-calendar .mud-picker-calendar-transition {
        height: initial;
    }

    .mud-expand-panel .mud-expand-panel-header {
        padding: 16px !important;
    }

    .mud-expand-panel .mud-expand-panel-content {
        padding: 0 16px 16px;
    }
}
