html,
body, #app {
    height: 100%;
    font-family: Poppins, sans-serif;
}

header {
    background-color: white;
}

.info .mud-dialog-title {
    background-color: #2196f3;
    color: white;
}

.success .mud-dialog-title {
    background-color: #01c854;
    color: white;
}

.error .mud-dialog-title {
    background-color: #f44336;
    color: white;
}

.warning .mud-dialog-title {
    background-color: #ff9800;
    color: white;
}

.gray-text {
    color: #6a6a6a;
}

.text-center {
    text-align: center;
}

.matched-service-list{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.matched-service-container {
    background-color: white;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

    .matched-service-container .content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 7px;
        /*padding-left : 10px;*/
        gap:5px;
    }

    .matched-service-container .top-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items:center;
    }

    .matched-service-container .service-description {
        font-size: 14px;
        /* font-weight: 500; */
    }

    .rating {
        display: flex;
        flex-direction: row;
        gap: 3px;
    }

    .matched-service-container .bottom-row {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }

    .matched-service-container .owner {
        font-size: 12px;
        font-weight: 500;
        color: var(--mud-palette-secondary)
    }

    .matched-service-container .info-box {
        display: flex;
        flex-direction: row;
        gap: 12px;
        background-color: #9c27b026;
        color: var(--mud-palette-primary);
        font-size: 12px;
        font-weight: 500;
        padding: 2px 8px;
        border-radius: 3px;
    }
    .matched-service-container .info-item {
        display: flex;
        flex-direction: row;
        gap: 5px;
        align-items: center;
    }
    .matched-service-container .info-box svg {
        font-size: 11px;
    }

    .matched-service-container .action {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: var(--mud-palette-primary);
        color: white;
    }
/*        .matched-service-container .action button{
            padding: 6px;
        }*/
.mud-input.mud-disabled {
    color: rgb(0 0 0 / 66%);
}

        @media (max-width: 600px) {
            .mud-xs-table .mud-table-cell {
        padding: 6px 10px;
    }

        .mud-xs-table .mud-table-cell:first-child {
            padding-top: 12px;
        }

        .mud-xs-table .mud-table-cell:last-child {
            padding-bottom: 12px;
        }

    .mud-dialog {
        margin-inline: 10px;
    }

    .mud-dialog-fullscreen {
        margin-inline: 0px;
    }

        .mud-dialog-fullscreen .mud-dialog-actions {
            padding-bottom: clamp(8px, env(safe-area-inset-bottom, 20px), 20px);
        }

        .mud-dialog-fullscreen .mud-dialog-title {
            border-radius: 0;
        }

    #mud-snackbar-container {
        width: 100%;
        bottom: 0;
    }

    .mud-snackbar {
        width: 100%;
        max-width: unset;
        border-radius: 0;
        opacity: 1 !important;
        padding-bottom: env(safe-area-inset-bottom, 20px);
    }
}