@font-face {
    font-style: normal;
    font-family: 'Aristotelica';
    src: url('../fonts/Aristotelica.eot');
    src: url('../fonts/Aristotelica.eot?#iefix') format('embedded-opentype'), url('../fonts/Aristotelica.woff') format('woff'), url('../fonts/Aristotelica.ttf') format('truetype'), url('../fonts/Aristotelica.svg#svgAristotelica') format('svg');
}

:root {
    --rz-text-body1-font-size: 16px !important;
    --rz-text-body2-font-size: 14px;
    --rz-text-body1-color: #3c3f54 !important;
    --rz-text-body1-font-weight: 500;
    --rz-base-50: #f4f4f4; /****************************GRIGIO BG */

    --rz-primary: #ffb52f !important; /****************************giallo */
    --rz-on-primary: #1e2c52 !important;
    --rz-text-body1-line-height: 22px !important;
    /* --rz-body-background-color: #edf2ff !important;*/

    --rz-panel-menu-background-color: #081641 !important;
    --rz-panel-menu-item-border: #093985 !important;
    --rz-grid-detail-template-background-color: #fff !important;
    --rz-link-color: #1e2c52;
    --rz-tabs-tab-selected-top-border-color: #ffb52f;
    --rz-dialog-title-color: #1e2c52 !important;
    --rz-menu-item-hover-color: #ffffff !important;
    --rz-dropdown-item-hover-background-color: #8294c6 !important;
    --rz-dropdown-item-selected-background-color: #8294c6 !important;
    --rz-dropdown-item-selected-hover-color: #fff !important;
    --rz-dropdown-item-hover-color: #fff !important;
    --rz-dropdown-item-selected-color: #fff !important;
    --rz-text-subtitle1-font-size: 20px !important;
    --rz-text-subtitle1-color: #1e2c52 !important;
    --rz-form-field-filled-background-color: #ededed !important;
    --rz-steps-number-line-height: 20px;
    /****************************generale bottone*/
    --rz-button-border-radius: 50px !important;
    --rz-button-shadow: none !important;
    /****************************generale bottone*/
}

html {
    height: 100%;
}

body {
    min-height: 100vh;
    position: relative;
    background: none;
    background-color: #E4E6EB;
    min-height: 100%;
    position: relative !important;
    background-image: none;
    font-family: 'Rubik', sans-serif !important;
    padding: 0;
}

.rz-layout {
    box-sizing: border-box;
    height: calc(100vh - 100px);
    padding-bottom: 85px;
}

    .rz-layout .rz-sidebar {
        grid-area: rz-sidebar;
        position: static;
        height: calc(100vh - 140px);
    }


.PublicContainer {
    padding-bottom: 130px;
}

header {
    border-bottom: 1px solid #c9d5e8;
    padding: 10px 0;
    background-color: #fff;
}

.loginbtnmenu {
    padding: 0 5px 0 20px !important;
    background-color: #FFB52F;
    border-radius: 50px;
}

.ImgLogo {
    width: 180px;
    padding: 5px 0px 0 0;
    margin: 0 0px 0 0;
    z-index: 5;
}

.MenuCarrelloLink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    margin-top: -2px;
}

.MenuCarrello {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.MenuCarrelloIcon {
    font-size: 28px;
    color: #102241 !important;
}

.Nordine {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    background-color: #FFB52F;
    color: #102241;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.messaggioAlert {
    background: rgb(255,181,47);
    background: linear-gradient(90deg, rgba(255,181,47,0.9) 0%, rgba(229,99,31,0.9) 100%);
    color: #fff;
    width: 80%;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: 10%;
    z-index: 2;
    padding: 20px 30px;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none;
}

    .messaggioAlert .rz-button {
        padding: 0;
        margin: 2px;
        line-height: 0;
        height: 20px;
        min-height: 10px;
        letter-spacing: 0.3px;
    }

    .messaggioAlert .rz-text-h4 {
        font-weight: bold;
    }

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.MenuFE {
    padding-top: 5px !important;
}

    .MenuFE .rz-navigation-item-link {
        color: #102241;
        text-transform: uppercase;
        text-decoration: none;
        padding-right: 20px !important;
        font-weight: bold;
    }

    .MenuFE .rz-navigation-item-text {
        color: #102241;
        text-transform: uppercase;
        text-decoration: none;
        padding-right: 20px !important;
        font-weight: 700;
        font-size: 16px;
    }

    .MenuFE .rz-navigation-item:last-of-type:hover .rz-navigation-item-text {
        color: #102241;
    }

    .MenuFE.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
        border: none;
    }

    .MenuFE.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link.active .rz-navigation-item-text {
        color: #FFB52F;
    }

    .MenuFE.rz-navigation-item-link:hover {
        background-color: transparent !important;
    }

    .MenuFE .rz-navigation-item:last-of-type {
        /*        border-left: 1px solid #0D2857 !important;*/
        padding-left: 5px;
    }

        .MenuFE .rz-navigation-item:last-of-type,
        .MenuFE .rz-navigation-item:last-of-type .rz-navigation-item-link,
        .MenuFE .rz-navigation-item-link:last-of-type .rz-navigation-item-text {
            padding-right: 2px !important;
        }

    .MenuFE .vocebordo {
        border-left: 1px solid #102241;
    }

ul.rz-profile-menu {
    border-inline-start: none !important;
    background-color: transparent !important;
    padding-inline: 0 !important;
    padding-block: 0 !important;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
    z-index: 10 !important;
    background-color: #E4E6EB !important;
    border: 1px solid #c9d5e8 !important;
}

    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item {
        padding-left: 0;
    }

    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
        padding: 0 10px;
    }

        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link:hover .rz-navigation-item-text {
            color: #102241;
        }

    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-text {
        font-size: 14px;
        color: #102241;
    }

    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
        color: #102241 !important;
        font-size: 15px !important;
        font-weight: 500;
    }


footer {
    width: 100%;
    background-color: #0e152a;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 0 0 0;
}

    footer .LogoFooter {
        width: 50px;
    }

    footer img {
        display: inline-block;
        width: 25px;
        margin: 0 10px 0 0;
        padding: 5px 0;
    }

    footer small {
        color: #fff;
        font-size: 12px;
        padding: 10px 0;
        width: 100%;
    }

        footer small a {
            color: #fff;
            font-weight: bold;
        }

.rz-dialog-side {
    margin-top: 50px;
}

.rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) .rz-dialog-titlebar {
    padding: 1.25rem 1.5rem 0.75rem;
    border-bottom: 0;
    background-color: #fff;
}

.rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) .rz-dialog-title {
    font-family: 'Aristotelica', sans-serif;
    font-size: 35px;
    line-height: 33px;
    font-weight: 900;
    letter-spacing: 0.3px;
    color: #102241;
}

.rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) .rz-dialog-content {
    padding-top: 0.5rem;
}

.app-dialog-course-detail {
    max-width: 1080px;
}

    .rz-dialog-side .rz-label {
    }

        .rz-dialog-side .rz-label.evidence {
            text-transform: none;
            font-weight: bold;
        }

    .rz-dialog-side .rz-text-body1 {
        font-weight: bold;
        color: #102241;
        font-size: 20px;
    }