* {
    --main-bg-color: #E8F8F5; /*#d5f0ff;*/
    --teacher-color: #001529;
    --student-color: #547980;
    --primary-color: #45ada8;
    --secondary-color: #fcfffe;
    --white-bg-color: #fcfffe;
}
.color-teacher {
    color: var(--teacher-color) !important;
}

.color-student {
    color: var(--student-color) !important;
}
.bk-color-main-student {
    background-color: var(--student-color) !important;
}

.bk-color-main-teacher {
    background-color: var(--teacher-color) !important;
    /*#001529 -  colore UI per l'insegnante (#469c9f Colore Originale)*/
}
/*.edu-font07{
    font-size:1em;
}*/
.edu-cyan-bg {
    background-color: var(--main-bg-color);
}

.edu-white-bg {
    background-color: var(--white-bg-color);
}
.eduAppContainer {
    width: 100vw;
    height: 100vh;
}
.eduContainer {
    position: fixed;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    height: auto !important;
}
.edu_btn {
    display: block;
    color: white;
    border: 0;
    padding: calc(0.775rem + 1px) calc(1.5rem + 1px);
    cursor: pointer;
}
.edu_btn:hover {
    font-weight: bold;
}
.edu_btn_active {
    font-weight: bold;
    background-color: white;
    border-radius: 1em;
}
.edu_btn_active:hover {
    font-weight: normal;
}
/*START Profile*/
    .edu-profileGrid {
        grid-template-rows: 48% 48%;
        --bs-gutter-x: 0;
    }
    .eduContainer-profile {
        position: fixed;
        top: 50vh;
        left: 50vw;
        transform: translate(-50%, -54%);
        width: 95%;
        height: 85% !important;
    }
    .edu_porfileDesList {
        padding: 0.1em 0.5em;
        border-radius: 0.5em;
    }
    .edu_porfileDesList:hover {
            background-color: aliceblue;
     }
    .edu_porfileDesList:hover edu-buttonGroup {
                background-color: white
     }
/*END Profile*/
/*START Reletead User*/
    .team-example a {
        text-decoration: none;
        color: inherit;
    }
/*END Reletead User*/
/*START Footer*/
    .icon-font {
        font-size: 1em !important;
    }
.edu_footer {
    background-color: #2c2cbf;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: row;
    z-index: 5;
    padding-right: 0;
    width: 100%;
    height: 45px !important;
}
    .edu_footer_link {
        color: white;
        text-decoration: none;
        padding: 1em 4em 1em 4em;
        font-weight:500;
    }
    .edu_footer_link:hover {
            color:lightgray;
        }
    .edu_footer_icon {
        height: 2em;
        margin-right: 2em;
    }
/*END Footer*/



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /*.edu-font07 {
        font-size: 0.7em;
    }*/
    .eduContainer-profile {
        position: unset;
        transform: unset;
        width: 100%;
        height:unset  !important;
    }
    .edu-profileGrid {
        grid-template-rows: unset;
        --bs-gutter-x: 0;
    }
    .gallery-image-middle{
        opacity:1;
    }
    .edu_footer {
        width: 100%;
        height:auto !important;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   /* .edu-font07 {
        font-size: 0.7em;
    }*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   /* .edu-font07 {
        font-size: 1em;
    }*/
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /*.edu-font07 {
        font-size: 1em;
    }*/
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
   /* .edu-font07 {
        font-size: 1em;
    }*/
}