﻿:root {
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
}
/*#region font sizes*/
.font-48 {
    font-size: 3rem !important;
}

.font-32 {
    font-size: 2rem !important;
}

.font-24 {
    font-size: 1.5rem !important;
}

.font-20 {
    font-size: 1.25rem !important;
}

.font-18 {
    font-size: 1.125rem !important;
}

.font-16 {
    font-size: 16px !important;
}
[dir="rtl"] .font-16 {
    font-size: 18px !important;
}

.font-14 {
    font-size: 0.875rem !important;
}

.font-12 {
    font-size: 12px !important;
}

:dir(rtl) .font-12 {
    font-size: 12px !important;
}


.font-10 {
    font-size: 0.625rem !important;
}

.font-8 {
    font-size: 0.5rem !important;
}

.font-6 {
    font-size: 0.4rem !important;
}
/*#endregion*/

/*#region font weight*/
.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}
.fw-regular{
    font-weight: var(--font-weight-regular) !important;
}

.fw-medium {
    font-weight: var(--font-weight-medium) !important;
}
.fw-semibold {
    font-weight: var(--font-weight-semibold) !important;
}
/*#endregion*/

/*#region new font size*/
.mud-tab:dir(rtl) {
    font-size: 18px !important;
}

/*.mud-tab:dir(ltr) {
    font-size: 16px !important;
}*/

/*#endregion*/

/* #region fontSize*/
/* Always start from the bigger screen to the smaller screens in ordering the media queries */
/* Tablet Landscape */
/*@media (min-width: 75em) {*/ /* 1200px */
    /*html {
        font-size: 100%;*/ /* 1rem = 16px , 16/16 = 100% */
    /*}
}*/


/* Tablet */
/*@media (max-width: 60em) {*/ /* 960px */
    /*html {
        font-size: 87.5%;*/ /* 1rem = 14px , 14/16 = 87.5% */
    /*}


    .confirmation-container-width {
        width: 70%;
    }

    .service-container__body {
        margin-top: 2rem;
    }

    .branch-service-container {
        width: 80% !important;
    }

    .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
        height: 0.1876em !important;
    }
}*/

/* Phone */
/*@media (max-width: 40em) {*/ /* 640px */
    /*html {
        font-size: 75%;*/ /* 1rem = 12px , 12/16 = 75% */
    /*}

    .select-account input[type=hidden] + .mud-input-slot.mud-input-root.mud-input-root-outlined.mud-input-root-adorned-end.mud-select-input {
        margin-top: -13px;
    }

    .confirmation-container-width {
        width: 90%;
    }

    .service-container__body {
        margin-top: 1rem;
    }

    .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
        height: 0.1876em !important;
    }
}*/

/* Big Desktop */
/*@media (min-width: 112.5em) {*/ /* 1800px */
/*html {
        font-size: 112.5%;*/ /* 1rem = 18px , 18/16 = 112.5% */
/*}*/
/* Styles for big desktop breakpoint */
/*}*/
/*#endregion*/