@import url('https://fonts.googleapis.com/css?family=Fredoka+One');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');

body, html {
    margin: 0;
    min-height: 100%;
    height: 100%;
    font-family: 'Fredoka One', sans-serif;
    -webkit-overflow-scrolling: scroll;
}

.pos_rel {
    position: relative;
    display: inline-block;
}

.pos_rel_NoHeader {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*width: 75px;*/
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Fredoka One';
}

h2 {
    line-height: 1.66;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

h3 {
    font-weight: 300;
    color: white;
    line-height: 1.2;
}

h5 {
    font-weight: 300;
    color: #6c6c6c;
}

h6 {
    font-weight: 200;
    color: #ffffff;
    font-size: 10px;
}

a:hover {
    text-decoration: none;
}

p, span {
    font-family: 'Ubuntu';
}

    p.text_login {
        font-size: 35px;
        color: #fff;
        font-family: 'Fredoka One';
        text-shadow: 1.5px 1.5px 5px #6c757d;
    }

a {
    color: #f18e32;
    text-decoration: none;
    background-color: transparent;
}

.discout-navbar {
    /*display:none;*/
    padding: 10px;
    background-color: #f18e32;
}

.coupon-link {
    color: white;
    text-decoration: underline;
}

a:hover {
    color: #2ab8ce;
}

.btn, input {
    font-family: 'Ubuntu';
}

#app-side-nav-outer-toolbar {
    flex-direction: column;
    display: flex;
    height: 100%;
    width: 100%;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #17a2b8;
    border-radius: 0.25rem;
}

    .navbar-toggler span {
        color: #17a2b8;
    }

.container_icons {
    flex: 1 0 33.3333333333%;
    display: flex;
}

.layout-header {
    flex: 0 0 auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 1501;
}

.layout-body {
    background-color: #f2f2f2;
    flex: 1;
    height: 100%;
    min-height: 0;
}

    .layout-body .menu-container {
        height: 100%;
        width: 250px;
    }

    .layout-body .content {
        flex-grow: 1;
        height: 100%;
        line-height: 1.5;
    }

    .layout-body .content-block {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
    }

    .layout-body .content-footer {
        display: block;
        padding-top: 20px;
        padding-bottom: 24px;
    }

    .layout-body .responsive-paddings {
        padding: 20px;
    }

.layout-body-hidden {
    visibility: hidden;
}

.messagesListFont {
    font-size: 18px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-50 {
    padding-top: 50px;
}


.margin-top-10 {
    margin-top: 10px;
}

.margin-top-30 {
    margin-top: 30px;
}

.icon_scritta_scuola {
    position: absolute;
    top: 7px;
    left: 0;
}

.text_scritta_scuola {
    position: absolute;
    top: 88% !important;
    left: 0% !important;
    /* color: #000 !important; */
    text-shadow: 1.5px 0px 0px #57a9ff, -1.5px 0px 0px #57a9ff, 0px 1.5px 0px #57a9ff, 0px -1.5px 0px #57a9ff, 1.5px 1.5px 0px #57a9ff, 1.5px -1.5px 0px #57a9ff, -1.5px 1.5px 0px #57a9ff, -1.5px -1.5px 0px #57a9ff;
    width: 70px;
    text-align: center;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}


.select-emoticon {
    font-size: 35px;
}

.bigFont li {
    font-size: 40px;
}

.dx-fileuploader-input-wrapper .dx-button {
    float: none !important;
}

.uploadFile {
    position: relative;
    overflow: hidden;
    float: left;
    clear: left;
}

    .uploadFile input[type="file"] {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        font-size: 30px;
        filter: alpha(opacity=0);
    }

.custom-file-input ~ .custom-file-label::after {
    content: "Seleziona";
}

.addObject {
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    padding: 20px;
    text-decoration-line: underline;
}

.logo_easy_school {
    width: 80px;
    height: 86px;
    background-image: url(/img/logo/logo_martina_sautech.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.logo_easy_school_central {
    width: 100px;
    height: 106px;
    background-image: url(/img/logo/logo_martina_sautech.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}

.logo_easy_school_app {
    width: 84px;
    height: 81px;
    background-image: url(/img/logo/logo_footer.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.logo_easy_school_sautech {
    width: 84px;
    height: 81px;
    background-image: url(/img/logo/logo_sautech_academy.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.student_logout {
    float: right;
}

hr.divider1 {
    background: url(/img/divider.png) no-repeat top center;
    height: 42px;
    border: none !important;
    margin: 0px;
}

.teacher_boy {
    content: url("/img/teacher_boy.png");
}

.student_boy {
    content: url("/img/student_boy.png");
}

.teacher_girl {
    content: url("/img/teacher_girl.png");
}

.student_girl {
    content: url("/img/student_girl.png");
}

.custom_toast {
    max-width: 650px !important;
    overflow: hidden;
    font-size: 0.875rem;
    background-clip: padding-box;
    border: #5BC580 !important;
    border-radius: 25px;
    border: 3px solid #5BC580 !important;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: 0.25rem;
}

.notification_img {
    width: 100px;
}

.notification-icon img {
    border: 4px solid #5BC580 !important;
    display: inline-block;
    line-height: 120px;
    border-radius: 50%;
    color: #fff;
    max-width: 160px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.container_navbar {
    max-width: 1050px;
}

.text_joypad_coding {
    position: absolute;
    bottom: 0%;
    color: #fff;
    font-family: 'Fredoka One';
    width: 80px;
    height: 30px;
    font-size: 11px;
    word-break: break-word;
    line-height: 10px;
    padding: 0;
    margin: 0;
    text-align: center;
    pointer-events: none;
}

.text_joypad_coding_play {
    position: absolute;
    bottom: 14%;
    color: #fff;
    font-family: 'Fredoka One';
    width: 80px;
    height: 10px;
    font-size: 11px;
    word-break: break-word;
    line-height: 10px;
    padding: 0;
    margin: 0;
    text-align: center;
    pointer-events: none;
}

.container_img_gestisci:hover .text_avvia,
.container_img_avvia:hover .text_avvia,
.container_img_modifica:hover .text_modifica,
.container_img_modifica_gruppo:hover .text_modifica,
.container_img_timer:hover .text_modifica,
.container_img_seleziona:hover .text_seleziona,
.container_img_ruota:hover .text_ruota,
.container_img_seleziona:hover .text_seleziona_coding_creator,
.container_img_ruota:hover .text_ruota_coding_creator,
.container_img_elimina:hover .text_elimina,
.container_img_cancella:hover .text_cancella {
    color: #2ab8ce;
    text-shadow: 1.5px 0px 0px #fff, -1.5px 0px 0px #fff, 0px 1.5px 0px #fff, 0px -1.5px 0px #fff, 1.5px 1.5px 0px #fff, 1.5px -1.5px 0px #fff, -1.5px 1.5px 0px #fff, -1.5px -1.5px 0px #fff;
    /* content: url(/img/Avviaveloce_hover.webp); */
}

.textAbsolute {
    position: absolute;
    top: 77%;
    left: 22%;
    font-weight: bolder;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'Fredoka One';
    pointer-events: none;
}

.textAbsoluteNoHeader {
    font-weight: bolder;
    color: #FFF;
    pointer-events: none;
}

.textAbsoluteEasyManagement {
    margin-top: -8px !important;
}

.text_layout {
    text-shadow: 1.5px 0px 0px #27b6cc, -1.5px 0px 0px #27b6cc, 0px 1.5px 0px #27b6cc, 0px -1.5px 0px #27b6cc, 1.5px 1.5px 0px #27b6cc, 1.5px -1.5px 0px #27b6cc, -1.5px 1.5px 0px #27b6cc, -1.5px -1.5px 0px #27b6cc;
    left: 0;
    margin: 0;
    top: 93%;
    width: 100%;
    font-size: clamp(10px, 1.1vw, 17px);
}

.textHome {
    text-shadow: 1.5px 0px 0px #f72121, -1.5px 0px 0px #f72121, 0px 1.5px 0px #f72121, 0px -1.5px 0px #f72121, 1.5px 1.5px 0px #f72121, 1.5px -1.5px 0px #f72121, -1.5px 1.5px 0px #f72121, -1.5px -1.5px 0px #f72121;
}

.textShop {
    text-shadow: 1.5px 0px 0px #df7a21, -1.5px 0px 0px #df7a21, 0px 1.5px 0px #df7a21, 0px -1.5px 0px #df7a21, 1.5px 1.5px 0px #df7a21, 1.5px -1.5px 0px #df7a21, -1.5px 1.5px 0px #df7a21, -1.5px -1.5px 0px #df7a21;
}

.noLineHeight {
    line-height: 0;
}

/*.text_elimina,
.text_ruota,
.text_avvia,
.text_seleziona,
.text_avvia_disabilitato,
.text_modifica,
.text_modifica_disabilitato,
.text_cancella,
.text_cancella_disabilitato {
    line-height: 33px;
    font-size: 14px;
    letter-spacing: 0px;
    width: 0;
    height: 0;
    font-family: 'Ubuntu';
    cursor: pointer;
}*/


.text_elimina,
.text_avvia,
.text_avvia_disabilitato,
.text_modifica,
.text_modifica_disabilitato,
.text_cancella,
.text_cancella_disabilitato {
    /* line-height: 33px; */
    font-size: 14px;
    letter-spacing: 0px;
    width: 75px;
    height: 0;
    font-family: 'Ubuntu';
    cursor: pointer;
    margin: 0;
    margin-top: -15px;
    /* position: absolute; */
    word-break: break-word;
}

.text_ruota,
.text_seleziona {
    line-height: 33px;
    font-size: 14px;
    letter-spacing: 0px;
    height: 0;
    font-family: 'Ubuntu';
    cursor: pointer;
    /* position: absolute; */
    word-break: break-word;
    margin-top: -22px;
    z-index: 1000;
}

.text_ruota_coding_creator,
.text_seleziona_coding_creator {
    line-height: 33px;
    font-size: 14px;
    letter-spacing: 0px;
    height: 0;
    font-family: 'Ubuntu';
    cursor: pointer;
    position: absolute;
    word-break: break-word;
}

.text_modifica,
.text_modifica_disabilitato {
    top: 69%;
    left: 11%;
}

.text_cancella,
.text_cancella_disabilitato {
    top: 69%;
    left: 14%;
}

.text_avvia,
.text_avvia_disabilitato {
    top: 69%;
    left: 23%;
}

.text_event-go,
.text_event-lose,
.text_event-troppo_tardi,
.text_event {
    width: auto;
    height: 0;
    position: absolute;
    font-family: 'Fredoka One';
    font-size: 25px;
    top: -3%;
}

.text_event-go {
    font-size: 130px;
    text-shadow: #bf1111 17px 0px 0px, #bf1111 16.9706px 0.999423px 0px, #bf1111 16.8825px 1.99539px 0px, #bf1111 16.736px 2.98445px 0px, #bf1111 16.5316px 3.96319px 0px, #bf1111 16.27px 4.92822px 0px, #bf1111 15.9521px 5.87621px 0px, #bf1111 15.5791px 6.80386px 0px, #bf1111 15.1521px 7.70798px 0px, #bf1111 14.6728px 8.58544px 0px, #bf1111 14.1427px 9.4332px 0px, #bf1111 13.5636px 10.2483px 0px, #bf1111 12.9377px 11.028px 0px, #bf1111 12.267px 11.7695px 0px, #bf1111 11.5538px 12.4703px 0px, #bf1111 10.8007px 13.128px 0px, #bf1111 10.0102px 13.7403px 0px, #bf1111 9.18514px 14.305px 0px, #bf1111 8.32827px 14.8203px 0px, #bf1111 7.44258px 15.2842px 0px, #bf1111 6.53116px 15.6953px 0px, #bf1111 5.59714px 16.0522px 0px, #bf1111 4.64376px 16.3535px 0px, #bf1111 3.67431px 16.5982px 0px, #bf1111 2.69216px 16.7855px 0px, #bf1111 1.70069px 16.9147px 0px, #bf1111 0.703337px 16.9854px 0px, #bf1111 -0.296447px 16.9974px 0px, #bf1111 -1.29521px 16.9506px 0px, #bf1111 -2.28948px 16.8451px 0px, #bf1111 -3.27584px 16.6814px 0px, #bf1111 -4.25087px 16.46px 0px, #bf1111 -5.21119px 16.1816px 0px, #bf1111 -6.15349px 15.8472px 0px, #bf1111 -7.0745px 15.4581px 0px, #bf1111 -7.97103px 15.0154px 0px, #bf1111 -8.84px 14.5208px 0px, #bf1111 -9.67838px 13.976px 0px, #bf1111 -10.4833px 13.3829px 0px, #bf1111 -11.2519px 12.7434px 0px, #bf1111 -11.9816px 12.0599px 0px, #bf1111 -12.6699px 11.3346px 0px, #bf1111 -13.3144px 10.5701px 0px, #bf1111 -13.9127px 9.76911px 0px, #bf1111 -14.463px 8.93429px 0px, #bf1111 -14.9632px 8.06856px 0px, #bf1111 -15.4117px 7.17493px 0px, #bf1111 -15.8069px 6.25647px 0px, #bf1111 -16.1473px 5.31637px 0px, #bf1111 -16.4319px 4.35788px 0px, #bf1111 -16.6597px 3.38431px 0px, #bf1111 -16.8299px 2.39904px 0px, #bf1111 -16.9418px 1.40547px 0px, #bf1111 -16.9951px 0.407036px 0px, #bf1111 -16.9897px -0.592805px 0px, #bf1111 -16.9254px -1.5906px 0px, #bf1111 -16.8026px -2.58288px 0px, #bf1111 -16.6217px -3.56624px 0px, #bf1111 -16.3833px -4.53725px 0px, #bf1111 -16.0882px -5.49258px 0px, #bf1111 -15.7375px -6.4289px 0px, #bf1111 -15.3323px -7.34298px 0px, #bf1111 -14.8741px -8.23166px 0px, #bf1111 -14.3645px -9.09187px 0px, #bf1111 -13.8051px -9.92062px 0px, #bf1111 -13.198px -10.7151px 0px, #bf1111 -12.5452px -11.4724px 0px, #bf1111 -11.8491px -12.1901px 0px, #bf1111 -11.1119px -12.8656px 0px, #bf1111 -10.3364px -13.4967px 0px, #bf1111 -9.52501px -14.081px 0px, #bf1111 -8.68073px -14.6166px 0px, #bf1111 -7.80641px -15.1017px 0px, #bf1111 -6.90508px -15.5345px 0px, #bf1111 -5.97988px -15.9135px 0px, #bf1111 -5.03398px -16.2376px 0px, #bf1111 -4.07067px -16.5054px 0px, #bf1111 -3.09328px -16.7162px 0px, #bf1111 -2.10519px -16.8691px 0px, #bf1111 -1.10982px -16.9637px 0px, #bf1111 -0.110612px -16.9996px 0px, #bf1111 0.888982px -16.9767px 0px, #bf1111 1.8855px -16.8951px 0px, #bf1111 2.8755px -16.755px 0px, #bf1111 3.85555px -16.557px 0px, #bf1111 4.82226px -16.3017px 0px, #bf1111 5.77229px -15.99px 0px, #bf1111 6.70235px -15.623px 0px, #bf1111 7.60923px -15.202px 0px, #bf1111 8.48979px -14.7283px 0px, #bf1111 9.34097px -14.2037px 0px, #bf1111 10.1599px -13.63px 0px, #bf1111 10.9436px -13.0092px 0px, #bf1111 11.6895px -12.3433px 0px, #bf1111 12.3949px -11.6347px 0px, #bf1111 13.0575px -10.8859px 0px, #bf1111 13.6749px -10.0994px 0px, #bf1111 14.2449px -9.27802px 0px, #bf1111 14.7658px -8.42452px 0px, #bf1111 15.2355px -7.54188px 0px, #bf1111 15.6525px -6.63314px 0px, #bf1111 16.0154px -5.70146px 0px, #bf1111 16.3229px -4.75006px 0px, #bf1111 16.5739px -3.78223px 0px, #bf1111 16.7676px -2.80132px 0px, #bf1111 16.9033px -1.81071px 0px, #bf1111 16.9805px -0.813839px 0px;
    color: #fff;
    width: clamp(250px, 25rem, 400px);
    height: auto;
    top: 10%;
    left: 40%;
}

.text_event {
    color: #27b6cc;
    left: 25%;
}

.text_event-lose {
    left: 30%;
    color: #f15a24;
}

.text_event-troppo_tardi {
    left: 20%;
    color: #bf1111;
}

.text_seleziona_coding_creator,
.text_ruota_coding_creator,
.text_elimina {
    top: 70%;
}

.text_seleziona_coding_creator {
    left: 10%
}

.text_ruota_coding_creator,
.text_seleziona_coding_creator,
.text_avvia,
.text_modifica,
.text_cancella,
.text_seleziona,
.text_ruota,
.text_elimina {
    text-shadow: 1.5px 0px 0px #2ab8ce, -1.5px 0px 0px #2ab8ce, 0px 1.5px 0px #2ab8ce, 0px -1.5px 0px #2ab8ce, 1.5px 1.5px 0px #2ab8ce, 1.5px -1.5px 0px #2ab8ce, -1.5px 1.5px 0px #2ab8ce, -1.5px -1.5px 0px #2ab8ce;
}

.text_cancella_disabilitato {
    z-index: 10;
}

.text_cancella_disabilitato,
.text_avvia_disabilitato,
.text_modifica_disabilitato {
    color: #a2c0d2;
    text-shadow: 1.5px 0px 0px #c6e5f7, -1.5px 0px 0px #c6e5f7, 0px 1.5px 0px #c6e5f7, 0px -1.5px 0px #c6e5f7, 1.5px 1.5px 0px #c6e5f7, 1.5px -1.5px 0px #c6e5f7, -1.5px 1.5px 0px #c6e5f7, -1.5px -1.5px 0px #c6e5f7;
    z-index: 1;
}

#culture_RequestCulture_UICulture_Name {
    width: 0;
}

/*select scelta lingua*/
.select-selected img {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

#languageSelect {
    position: relative;
    display: inline-block;
    width: 150px;
    margin-bottom: 10px;
    padding: 0;
    padding-top: 6px;
    padding-left: 6px;
    cursor: pointer;
}


#optionsList {
    position: absolute;
    bottom: 100%; /* importante! apre verso l’alto */
    top: auto;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 999;
    display: none;
}

    #optionsList div {
        padding: 8px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

        #optionsList div:hover {
            background-color: #f0f0f0;
        }

    #optionsList img {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

#selectedOption {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.filter-white {
    filter: brightness(0) invert(1);
    /*animation: 1s blinker linear infinite;*/
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.button_icon {
    background: transparent;
    border: 0;
}

    .button_icon:hover {
    }

    .button_icon:focus {
        outline: none;
        box-shadow: none;
    }

.loader_full_page {
    position: fixed;
    z-index: 9999;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }


.custom_toast {
    position: absolute;
    z-index: 9999;
}

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
        background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
    }

    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 150ms infinite linear;
            -moz-animation: spinner 150ms infinite linear;
            -ms-animation: spinner 150ms infinite linear;
            -o-animation: spinner 150ms infinite linear;
            animation: spinner 150ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
        }

.action_coupon_link {
    text-decoration: underline;
    cursor: pointer;
}
/* Animation */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.crop {
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.preview_lesson_image {
    width: 100px;
}

.full_background {
    height: 80vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.options {
    padding: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 260px;
    top: 0;
    background-color: rgba(191, 191, 191, 0.15);
}

.caption {
    font-size: 18px;
    font-weight: 400;
    margin-top: 50px;
}

#button_submit {
    margin-top: 50px;
}

.widget-container {
    margin-right: 320px;
    padding: 20px;
    max-width: 550px;
    min-width: 300px;
}

.account-title {
    cursor: pointer;
}

.btn-kids {
    color: #023661;
    background-color: #fff267;
    box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.06);
    border-radius: 50px;
    font-size: 20px;
    padding: 10px 30px 10px 30px;
    font-weight: 600;
    margin: 10px;
    border: 0px;
}

.btn-martina {
    background-color: #ffffff;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: #2ab8ce;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 14px;
    text-decoration: none;
    letter-spacing: 1px;
}

    .btn-martina:hover {
        background-color: #2ab8ce;
        border-radius: 6px !important;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        padding: 5px 14px;
        text-decoration: none;
    }

.btn-martina-submit {
    background-color: #27b6cc;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 5px 14px;
    text-decoration: none;
    letter-spacing: 1px;
    width: 100%;
}

    .btn-martina-submit:hover {
        background-color: #ffffff;
        border-radius: 6px;
        display: inline-block;
        cursor: pointer;
        color: #27b6cc;
        padding: 5px 14px;
        text-decoration: none;
        letter-spacing: 1px;
        width: 100%;
    }

.btn-martina-external-login {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    padding: 0px 10px;
    text-decoration: none;
    letter-spacing: 1px;
    width: 100%;
}

    .btn-martina-external-login:hover {
        background-color: #ffffff;
        border-radius: 6px !important;
        display: inline-block;
        cursor: pointer;
        padding: 0px 10px;
        text-decoration: none;
        letter-spacing: 1px;
        width: 100%;
    }

.btn-martina-delete {
    background-color: #eb7878;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    letter-spacing: 1px;
}

    .btn-martina-delete:hover {
        background-color: #df6565;
        border-radius: 6px !important;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        padding: 10px 20px;
        text-decoration: none;
    }

.btn-martina-blue {
    background-color: #27b6cc;
    border: 1px solid #27b6cc;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    letter-spacing: 1px;
}

    .btn-martina-blue:hover {
        background-color: #ffffff !important;
        border: 1px solid #27b6cc !important;
        border-radius: 6px !important;
        display: inline-block !important;
        cursor: pointer !important;
        color: #27b6cc !important;
        font-weight: bold !important;
        padding: 10px 20px !important;
        text-decoration: none !important;
    }

.btn-martina-small-blue {
    background-color: #27b6cc;
    border: 1px solid #27b6cc;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 6px;
    min-width: 80px;
    text-decoration: none;
    letter-spacing: 1px;
}

    .btn-martina-small-blue:hover {
        background-color: #ffffff !important;
        border: 1px solid #27b6cc !important;
        border-radius: 6px !important;
        display: inline-block !important;
        cursor: pointer !important;
        color: #27b6cc !important;
        font-size: 10px;
        font-weight: bold !important;
        padding: 3px 6px !important;
        text-decoration: none !important;
        min-width: 80px;
        letter-spacing: 1px;
    }

.btn-martina-blue-square {
    background-color: #27b6cc;
    border: 1px solid #27b6cc;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
}

    .btn-martina-blue-square:hover {
        background-color: #ffffff !important;
        border: 1px solid #27b6cc !important;
        border-radius: 6px !important;
        display: inline-block !important;
        cursor: pointer !important;
        color: #27b6cc !important;
        font-size: 16px;
        font-weight: bold !important;
        text-decoration: none !important;
        letter-spacing: 1px;
    }

.btn-martina-select {
    background-color: #ffffff;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: #2ab8ce;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 14px;
    text-decoration: none;
    letter-spacing: 1px;
}

    .btn-martina-select:hover {
        background-color: #2ab8ce;
        border-top-right-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        padding: 5px 14px;
        text-decoration: none;
    }

.btn-martina-upload {
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-size: 15px;
    text-decoration: none;
}

.button-full {
    width: 100%;
}

.action-manager-link p {
    text-decoration: underline;
    cursor: pointer;
}

.action-schoolcode-link {
    text-decoration: underline;
    cursor: pointer;
}

.name-kids {
    color: #023661;
    font-size: 14px;
    font-weight: 400;
    margin: 10px;
    border: 0px;
}

.popup-title {
    color: #ff9229;
    padding: 20px;
}

.popup-title-list {
    color: #2ab8ce;
    padding: 10px;
    border-top: 2px solid #2ab8ce;
}

.popup-list {
    box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.06);
    border-radius: 50px;
    padding: 20px;
    font-size: 22px;
    font-weight: 600;
    margin: 20px;
    border: 2px solid #ff9229;
    background-color: #ffffff;
}

.widget-container-list {
    display: flex;
}

    .widget-container-list > * {
        height: 400px;
    }

.btn-kids:hover {
    color: #ffffff;
    background-color: #ef5d50;
    box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.06);
    border-radius: 50px;
    font-size: 20px;
    padding: 10px 30px 10px 30px;
    font-size: 18px;
    font-weight: 600;
    margin: 10px;
    border: 0px;
}


.kidscare {
    min-width: 100px !important;
    /*padding: 0.85em 1.45em;*/
    /*border: 2px solid #ddd;*/
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.userItemTemplate {
    font-size: 14px;
    font-weight: 600;
}

.userItemTemplate-email {
    font-size: 12px;
    font-weight: 200;
}


.remember input {
    width: 20px;
    height: 20px;
    margin-left: 15px;
    margin-right: 5px;
    cursor: pointer;
}

.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -o-appearance: none !important;
    -ms-appearance: none !important;
    margin: 0;
}

input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

.label-form {
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    font-weight: 600;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #2ab8ce;
    outline: 0;
}

.form-enter-button {
    padding: 0px;
}


.nav-link-martina {
    padding: 3px;
    background-color: #f18e32;
    color: white !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu-martina {
    padding: 0px;
    border: 2px solid #f18e32;
    margin: -2px !important;
    min-width: 7rem;
}

.dashboard-background {
    background-color: #91cdf0;
    min-height: 80%; /* Fallback for browsers do NOT support vh unit */
    min-height: 80vh; /* These two lines are counted as one :-)       */
}

.vertical-center {
    min-height: 75%; /* Fallback for browsers do NOT support vh unit */
    min-height: 75vh; /* These two lines are counted as one :-)       */
    display: grid;
    align-items: center;
}

.item-dashboard {
    color: #91cdf0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background-color: #91cdf0;
    height: 300px;
    max-width: 300px;
    min-width: 300px;
    margin: 20px;
    padding-top: 120px;
    cursor: pointer;
    box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.06);
}

    .item-dashboard:hover {
        color: #09539a;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        background-color: #09539a;
        height: 300px;
        max-width: 300px;
        min-width: 300px;
        margin: 20px;
        padding-top: 120px;
        cursor: pointer;
        box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.06);
    }
/*CLASSI PER IMMAGINI MENU E RELATIVI HOVER */

.item-lesson-type-game {
    width: 80%;
    cursor: pointer;
    content: url(/img/dashboard/game.webp);
}

    .item-lesson-type-game:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/dashboard/game_hover.webp);
    }
/*Coding*/
.item-lesson-type-coding {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/game-coding.webp);
}

    .item-lesson-type-coding:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/tasktype/game-coding-hover.webp);
    }

.item-lesson-type-coding-tasks {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/game-coding.webp);
}
/*Voce menu lavagna interattiva*/
.item-lesson-type-interactive-whiteboards {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/dashboard.webp);
}

    .item-lesson-type-interactive-whiteboards:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/tasktype/dashboard_hover.webp);
    }
/*Voce menu musica e suoni*/
.item-lesson-type-music-sound {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/musicAndSounds.webp);
}

    .item-lesson-type-music-sound:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/tasktype/musicAndSounds-hover.webp);
    }
/*Xilofono*/
.item-lesson-type-xylophone {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/xilophone-game.webp);
}

    .item-lesson-type-xylophone:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/tasktype/xilophone-game-hover.webp);
    }

.item-lesson-type-xylophone-tasks {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/xilophone-game.webp);
}

/*Unisci i punti*/
.item-lesson-type-dots-connect {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/game-connect-dots.webp) !important;
}

    .item-lesson-type-dots-connect:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/tasktype/game-connect-dots-hover.webp) !important;
    }

.item-lesson-type-dots-connect-tasks {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/game-connect-dots.webp);
}
/*Pallinatore*/
.item-lesson-type-shot-putter {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/shot-putter.webp);
}

    .item-lesson-type-shot-putter:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/tasktype/shot-putter-hover.webp);
    }

.item-lesson-type-shot-putter-tasks {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/shot-putter.webp);
}
/*Gioco interattivo*/
.item-lesson-type-interactive-game {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/teacher-free-interactive-game.webp);
}

    .item-lesson-type-interactive-game:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/tasktype/teacher-free-interactive-game-hover.webp);
    }

.item-lesson-type-interactive-game-tasks {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/teacher-free-interactive-game.webp);
}
/*Labirinto*/
.item-lesson-type-labyrinth {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/labyrinth.webp);
}

    .item-lesson-type-labyrinth:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/tasktype/labyrinth-hover.webp);
    }

.item-lesson-type-labyrinth-tasks {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/labyrinth.webp);
}
/*Lavagne*/
.item-lesson-type-whiteboard {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/dashboard.webp);
}

    .item-lesson-type-whiteboard:hover {
        width: 80%;
        cursor: pointer;
        content: url(/img/tasktype/dashboard_hover.webp);
    }

.item-lesson-type-whiteboard-tasks {
    width: 80%;
    cursor: pointer;
    content: url(/img/tasktype/dashboard.webp);
}


.item-dashboard-groups {
    /*width: 70%;*/
    width: initial;
    cursor: pointer;
    content: url(/img/dashboard/groups.webp);
}

    .item-dashboard-groups:hover {
        /*width: 70%;*/
        width: initial;
        cursor: pointer;
        content: url(/img/dashboard/groups_hover.webp);
    }
/*CLASSI NON PIU USATE*/
/*.item-dashboard-games-new {
    width: 70%;
    cursor: pointer;
    content: url(/img/dashboard/icona_coding_novita.svg);
}

    .item-dashboard-games-new:hover {
        width: 70%;
        cursor: pointer;
        content: url(/img/dashboard/icona_coding_novita_premuto.svg);
    }*/

.item-dashboard-games {
    width: 70%;
    cursor: pointer;
    content: url(/img/dashboard/game.webp);
}

    .item-dashboard-games:hover {
        width: 30%;
        cursor: pointer;
        content: url(/img/dashboard/game_hover.webp);
    }

.item-dashboard-play {
    width: 50%;
    cursor: pointer;
    content: url(/img/dashboard/gioca.svg);
}

    .item-dashboard-play:hover {
    }

.item-dashboard-tasks {
    /*width: 70%;*/
    width: initial;
    cursor: pointer;
    content: url(/img/dashboard/tasks.webp);
}

    .item-dashboard-tasks:hover {
        /*width: 70%;*/
        width: initial;
        cursor: pointer;
        content: url(/img/dashboard/tasks_hover.webp);
    }

.item-dashboard-lessons {
    /*width: 70%;*/
    width: initial;
    cursor: pointer;
    content: url(/img/dashboard/lessons.webp);
}

    .item-dashboard-lessons:hover {
        /*width: 70%;*/
        width: initial;
        cursor: pointer;
        content: url(/img/dashboard/lessons_hover.webp);
    }


.item-dashboard-white-dashboard {
    width: 60%;
    cursor: pointer;
    content: url(/img/tasktype/dashboard.webp);
}

    .item-dashboard-white-dashboard:hover {
        width: 60%;
        cursor: pointer;
        content: url(/img/tasktype/dashboard_hover.webp);
    }

.item-dashboard-teacher-corner {
    /*width: 70%;*/
    width: 225px;
    cursor: pointer;
    content: url(/img/dashboard/Icona_AngoloDocenti_azzurro.svg);
}

    .item-dashboard-teacher-corner:hover {
        /*width: 70%;*/
        width: 225px;
        cursor: pointer;
        content: url(/img/dashboard/Icona_AngoloDocenti_arancio.svg);
    }

.item-layout-grid {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/Griglia_azzurra.svg);
}

.item-layout-grid-active {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/Griglia_arancio.svg);
}

.item-layout-grid-coordinates {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/Griglia_coordinate_azzurra.svg);
}

.item-layout-grid-coordinates-active {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/Griglia_coordinate_arancio.svg);
}

.item-layout-grid-coordinates-simbols {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/grid_coordinates_simbols.svg);
}

.item-layout-grid-coordinates-simbols-active {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/grid_coordinates_simbols_hover.svg);
}
/*CSS PER EASY DOTS CONNECT*/
.item-layout-dots {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/Insiemenonordinato.svg);
}

.item-layout-dots-active {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/Insiemenonordinato-hover.svg);
}

.item-layout-dots-connect {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/Sequenza.svg);
}

.item-layout-dots-connect-active {
    width: 70%;
    cursor: pointer;
    content: url(/img/layouts/Sequenza-hover.svg);
}


.item-lesson-type {
    width: 80%;
    cursor: pointer;
}

.item-licence-renew,
.item-licence-not-active {
    filter: brightness(90%) saturate(10%) opacity(50%);
}



.item-disable {
    pointer-events: none;
    opacity: 0.4;
}

.licence-number {
    color: white;
    font-size: 30px;
}

.licence-dashboard-container {
    border-radius: 10px;
    border: 4px solid #e6e6e6;
    overflow: hidden;
}

.licence-dashboard-container-image {
    background-color: #f36252;
}

.licence-dashboard-container-data {
    background-color: #ffffff;
}

.school_details_container {
    border: 1px solid white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 10px;
}

.school_details_container_admin {
    background-color: white;
    border: 0px solid white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 20px;
    text-align: center;
}

.school_details_container_teacher_student {
    background-color: white;
    border: 0px solid white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 20px;
    text-align: center;
}


.school_details_container_admin_disabled {
    background-color: #e3e8ec !important;
}


.schools_details_img {
    width: 55px !important;
}

.schools_management_img {
    width: 130px !important;
}

.school_title {
    color: #27b6cc !important;
}

.school_details_actions_container {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.tale_action_button {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 10px;
    padding-top: 10px;
}

.tale_action_more_less_button {
    text-align: center;
    border-radius: 5px;
    width: 35px;
    height: 35px;
}

.tale_orange {
    background-color: #f18e32;
}

.tale_blue {
    background-color: #00b6ca;
}

.tale_red {
    background-color: #f94f27;
}

.btn_more_less {
    border: none;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 3px;
    background: #F18E32;
    color: white;
    margin: auto;
    font-size: 32px;
    font-weight: 600;
}

.btn_more_less_disabled {
    border: none;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 3px;
    background: #F18E32;
    color: white;
    margin: auto;
    font-size: 32px;
    font-weight: 600;
    opacity: 0.3;
}

.h1_licence_qnt {
    color: #F18E32;
    text-decoration: underline #00b6ca;
}

.popup_edit_licence {
    border-radius: 5px;
    text-align: center;
    margin: auto;
}

.popup_edit_licence_title {
    color: #00b6ca;
    margin: 2px;
    font-size: x-large;
    border-bottom: solid 1px #00b6ca;
}

.h5_licence_qnt {
    color: #F18E32;
    font-size: initial;
}

.h5_confirm_edit {
    color: white;
    margin: 3px;
    font-size: medium;
}

.licence_school_container_teacher {
    background-color: #f18e32;
    border-radius: 10px;
}

.licence_school_container_student {
    background-color: #f8b114;
    border-radius: 10px;
}

.licence_seat_edit_teacher {
    font-size: 16px;
    color: #f18e32;
    margin: 0px;
    padding: 5px;
}

.licence_seat_edit_student {
    font-size: 16px;
    color: #f8b114;
    margin: 0px;
    padding: 5px;
}

.licence_seat_description {
    font-size: 16px;
}

.licence_seat_assigned {
    font-size: 16px;
    color: #00c9a7;
}

.licence_seat_assigned_qty {
    font-size: 30px;
    color: #00c9a7;
}

.btn_edit_licence_school_container {
    position: relative;
    bottom: 0;
}

.btn_edit_licence_school {
    background-color: white;
    width: 100%;
    border: none;
    border-radius: 10px;
}

.btn_confirm_licence_school {
    background-color: #27b6cc;
    color: white;
    width: 70%;
    border: none;
    border-radius: 5px;
    padding: 3px;
    margin: 10px;
}

.btn_confirm_licence_school_alert {
    background-color: #27b6cc;
    color: white;
    width: 90%;
    border: none;
    border-radius: 5px;
}

/* box pending licence*/
.box-pending-licence::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-bottom-right-radius: 5px;
}

.box-pending-licence::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
    border-radius: 5px
}

.box-pending-licence::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.1);
    border: 2px solid rgba(0,0,0,0.1);
    border-bottom-right-radius: 5px;
}

.box-pending-licence {
    width: 400px;
    z-index: 999;
    height: 0px;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0px;
    margin-top: 5px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.1);
    cursor: context-menu;
    position: fixed;
}

.notBtn:hover > .box-pending-licence {
    height: 60vh
}

.school_details_actions_container_img {
    cursor: pointer;
    width: 35px;
    margin: 2px;
}

    .school_details_actions_container_img:hover {
        cursor: pointer;
        width: 35px;
        animation: rotate-animation 4s infinite linear;
        margin: 2px;
    }

@keyframes rotate-animation {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.school_new_action {
    background-color: #f18e32;
    border: 1px solid white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.classroom_new_action {
    background-color: #27b6cc;
    border: 1px solid white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.welcome-dashboard {
    color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    cursor: pointer;
    box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.06);
    padding: 20px;
    margin: 20px;
}

.button-dashboard {
}

.item-title {
    color: white;
    text-align: center;
    font-size: 21px !important;
    letter-spacing: normal !important;
}

.item-title-lesson-management {
    min-height: 60px;
}

.item-add {
    color: white;
    text-align: center;
    font-size: 50px !important;
    letter-spacing: normal !important;
}

.item-delete {
    color: white;
    text-align: center;
    font-size: 35px !important;
    letter-spacing: normal !important;
}

.back {
    width: 30px;
}

.box {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    width: 100%;
    height: 350px;
    border: 2px #ccc solid;
    color: #fff;
}

.avoid-clicks {
    pointer-events: none;
    opacity: 0.4 !important;
}

.joypad_container {
    width: 165px;
    height: 165px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2em;
    font-weight: 800;
    background-color: white;
    border-radius: 100px;
    border: 3px solid #D0E7EB;
    box-shadow: #55A9B6 0px 0px 0px 4px;
}

.joypad_coding_container {
    width: 240px;
    height: 240px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2em;
    font-weight: 800;
    background-color: #fbde39;
    border-radius: 10px;
}

.joypad {
    width: 50px;
    height: 50px;
    float: left;
    cursor: pointer;
}

.joypad_coding {
    width: 80px;
    height: 80px;
    float: left;
    cursor: pointer;
}
/*Usato per far lo scroll sui comandi */
.comando {
    flex: 0 0 auto;
}

.comand-row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}



.lesson-padding-nav {
    padding-left: 30px;
    padding-right: 30px;
}



.one-row {
    overflow: auto;
    white-space: nowrap;
    /* for Chrome, Safari, and Opera */
}

    .one-row li {
        display: inline-block;
        *display: inline; /*For IE7*/
        *zoom: 1; /*For IE7*/
        white-space: normal;
    }

.bg-orange {
    background-color: #ff9229;
}

.bg-light {
    background-color: #ffffff;
}

.profile-selection > img {
    height: 100%;
    width: 95px;
    float: left;
}

.profile-selection > div {
    padding-left: 10px;
    vertical-align: top;
    line-height: 65px;
    font-size: 15px;
    float: left;
}

.profile-pic {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    background-color: white;
    border: 2px solid #f29932;
}

.dashboard-pic {
    width: 50px;
    height: 50px;
}

.avatar-item {
    position: relative;
    min-height: 50px;
    margin-left: 50%;
}

    .avatar-item .avatar-name {
        display: inline-block;
        padding-left: 50px;
        text-indent: 0;
        line-height: 30px;
        font-size: 15px;
        width: 100%;
    }

    .avatar-item > img {
        left: 1px;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        width: 30px;
    }


.lessonAvatarThumb {
    width: 40px;
    float: left;
}

.lesson-checkbox {
    width: 40px;
    float: left;
}

.userItemTemplate-avatar {
    margin-right: 5px;
}

#side-panel-web-cam {
    /*padding: 5px;
    border-radius: 25px;*/
    position: initial;
    /*z-index: 9;*/
    background-color: #ffffff;
    text-align: center;
    /*overflow-y: scroll;*/
    max-height: 400px;
    /*top: 20%;
    right: 10%;
    */
}

#side-panel-web-camheader {
    /*padding: 20px;*/
    /*cursor: move;
    z-index: 9;*/
    background-color: white;
    color: #fff;
}

.list-user-classroom {
    padding-left: 0px;
}

.list-group-item {
    padding-bottom: 25px;
}

.style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.panel-title::-webkit-scrollbar {
    height: 0px;
}

.panel-title:hover::-webkit-scrollbar {
    height: 6px;
}

/* Track */
.panel-title::-webkit-scrollbar-track {
    background: #27b6cc;
}

/* Handle */
.panel-title::-webkit-scrollbar-thumb {
    background: #1e8696;
    min-height: 50px;
}

    /* Handle on hover */
    .panel-title::-webkit-scrollbar-thumb:hover {
        background: #146c79;
    }

.panel-content::-webkit-scrollbar {
    width: 30px;
}

#unlock {
    display: none;
}

#lock {
    display: none;
}

.lockLicence {
    position: absolute;
    width: 50px;
    left: 80%;
    top: 20%;
    transform: translate(-50%, -50%);
}

.lockLicenceSticker {
    position: relative;
    width: 20px;
    /* left: 90%;*/
    top: 20%;
    transform: translate(-50%, -50%);
}

.lockLicenceButton {
    position: absolute;
    width: 35px;
    left: 10%;
    top: 73%;
    transform: translate(-50%, -50%);
}

.panel-content {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow-y: scroll;
}

    /* Track */
    .panel-content::-webkit-scrollbar-track {
        background: #27b6cc;
        border-bottom-right-radius: 15px;
    }

    /* Handle */
    .panel-content::-webkit-scrollbar-thumb {
        background: #1e8696;
        border-bottom-right-radius: 15px;
    }

        /* Handle on hover */
        .panel-content::-webkit-scrollbar-thumb:hover {
            background: #146c79;
        }

.bottone_pencil {
    width: 45px;
    cursor: pointer;
}

.cloud-footer {
    height: 70px;
    margin-right: -15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ffffff;
    /*background-image: url("../img/footer/footer_nuvole.png");*/
}


.logo_easy_school_footer {
    padding-left: 50px;
    padding-bottom: 10px;
}

.light-blue {
    color: #27b6cc;
}

.light-orange {
    color: #f18e32;
}

.petrol-blu {
    color: #17a2b8;
}

.white {
    color: #ffffff;
}

.gray {
    color: gray;
}

.toast-body {
    padding: 0.75rem;
    background-color: #2ab8ce;
}

.panel {
    width: 100%;
    height: auto;
}

.text-policy {
    font-size: 10px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.text-start {
    height: 250px;
    overflow-y: auto;
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}

.container-form {
    max-width: 500px;
}

.container-section {
    height: 80vh;
    margin-bottom: 20%;
    /*padding:20px 0;*/
}

section.signup.register_form {
    padding-top: 30px;
}

.header-form-martina {
    background-color: #ffffff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
}

.form-martina {
    border: 1px solid white;
    border: 1px solid white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    padding: 15px 15px;
}

    .form-martina input[type="datetime-local"] {
        font-family: 'Fredoka One';
        font-size: 24px;
        color: #27b6cc;
        background-color: rgba(255, 255, 255, 0.5);
    }

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    font-size: 24px;
    color: #27b6cc;
    background-color: #E9F5FC;
}

.custom-select-task {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    font-size: 15px;
    padding: 5px 14px;
    border-radius: 6px;
    border: 2px solid #2ab8ce;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
    color: #27b6cc;
    background-color: rgba(255, 255, 255, 0.5);
}

.form-martina input[type="text"] {
    font-family: 'Fredoka One';
    font-size: 24px;
    color: #27b6cc;
    background-color: rgba(255, 255, 255, 0.5);
}

.fomr-martina input[type="text"]:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #27b6cc !important;
}

.form-martina input[type="password"] {
    font-family: 'Fredoka One';
    font-size: 24px;
    color: #27b6cc;
    background-color: rgba(255, 255, 255, 0.5);
}

.form-martina input[type="submit"] {
    font-family: 'Fredoka One';
    font-size: 24px;
}

.form-martina input[type="button"] {
    font-family: 'Fredoka One';
    font-size: 24px;
}

.form-martina ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'Fredoka One';
    font-size: 24px;
    color: #27b6cc;
}

.form-martina ::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Fredoka One';
    font-size: 24px;
    color: #27b6cc;
}

.form-martina:-ms-input-placeholder { /* IE 10+ */
    font-family: 'Fredoka One';
    font-size: 24px;
    color: #27b6cc;
}

.form-martina input[type="email"] {
    font-family: 'Fredoka One';
    font-size: 24px;
    color: #27b6cc;
    background-color: rgba(255, 255, 255, 0.5);
}

.form-martina input[type="number"] {
    font-family: 'Fredoka One';
    font-size: 24px;
    color: #27b6cc;
    background-color: rgba(255, 255, 255, 0.5);
}

.action-form {
    color: #ffffff;
    font-weight: 300;
}

.text-danger-martina {
    text-transform: uppercase;
    color: #FFFF00;
}

.text-danger-martina-coupon {
    font-size: x-large;
    font-weight: 800;
    text-transform: uppercase;
    color: #0019FF;
}

.text-danger-martina-managers {
    background-color: #dc3545;
    color: #ffffff;
    font-size: 22px;
}


#button-show-description-parental {
    position: relative;
    float: right;
    bottom: 40px;
    background: url(/img/bottoni/information.svg) no-repeat;
    width: 40px;
    height: 30px;
    border: none;
    outline: none;
    cursor: pointer;
    background-position: 0 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-tap-highlight-color: rgba(255, 255, 255, 0);
    -o-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#button-show-password {
    position: relative;
    float: right;
    bottom: 45px;
    background: url(/img/bottoni/eye.svg) no-repeat;
    width: 50px;
    height: 30px;
    border: none;
    outline: none;
    cursor: pointer;
    background-position: 0 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-tap-highlight-color: rgba(255, 255, 255, 0);
    -o-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    #button-show-password:active {
        background-position: -44px 0px;
    }

#button-show-password-registration {
    position: relative;
    float: right;
    bottom: 45px;
    background: url(/img/bottoni/eye.svg) no-repeat;
    width: 50px;
    height: 30px;
    border: none;
    outline: none;
    cursor: pointer;
    background-position: 0 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-tap-highlight-color: rgba(255, 255, 255, 0);
    -o-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    #button-show-password-registration:active {
        background-position: -44px 0px;
    }

#button-show-password-registration-confirm {
    position: relative;
    float: right;
    bottom: 45px;
    background: url(/img/bottoni/eye.svg) no-repeat;
    width: 50px;
    height: 30px;
    border: none;
    outline: none;
    cursor: pointer;
    background-position: 0 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-tap-highlight-color: rgba(255, 255, 255, 0);
    -o-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    #button-show-password-registration-confirm:active {
        background-position: -44px 0px;
    }

.accept-policy {
    font-size: 13px;
    color: white;
}

.img-riflessa {
    transform: rotate(180deg);
}

.scrollButtonMartinaBottom {
    position: fixed;
    bottom: 10px;
    right: 21px;
    z-index: 1000;
}

.scrollButtonMartinaHeader {
    position: fixed;
    top: 10px;
    right: 21px;
    z-index: 1000;
}

.background-martina {
    background-color: #91cdf0 !important;
}

.container-avatar-selection {
    background-color: #fff;
    border: 2px solid #27b6cc;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 5px;
    cursor: pointer;
}

    .container-avatar-selection:hover {
        background-color: #fff;
        border: 2px solid #ff9229;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        margin: 5px;
    }

.container-avatar-selection-active {
    border: 2px solid #ff9229;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 5px;
}

.avatar-selection {
    display: block;
    height: 70%;
    position: absolute;
    margin: auto;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
}

.lesson-background {
    background-color: #91cdf0;
}


.manageMenu {
    background-color: #27b6cc;
    min-width: 200px;
}

.link-martina-menu {
    color: #fff;
}

    .link-martina-menu:hover {
        background-color: #FFFFFF;
    }

.link-martina-menu-title:hover {
    color: #27b6cc;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #f29932;
}

.manageBorder {
    border-radius: 10px;
}

.manageLabel {
    color: #27b6cc;
}

.alert-hidden {
    display: none;
}

.alert {
    max-width: 600px;
}

.tools_sharing {
    width: 40px;
    height: 45px;
    cursor: pointer;
    float: left;
}

.tools {
    margin-left: 4px;
    margin-right: 4px;
}


.toggle-guide {
    color: #FFF;
    background-color: #330036;
    padding: 2%;
    text-align: center;
}

.full_screen {
    width: 100% !important;
    max-width: 700px !important;
}

.pointer {
    cursor: pointer;
}

.button-quiz {
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: #ff9229;
}

    .button-quiz:active {
        background-color: #27b6cc;
    }

.sub-header-teacher {
    background-color: #27b6cc;
}

.account-licence {
    color: #27b6cc;
    background-color: #ffffff;
    border: 3px solid #ddd;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.btn-martina-licence {
    background-color: #f94f27;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    padding: 5px 14px;
    text-decoration: none;
    letter-spacing: 1px;
    border: 3px solid #ddd;
}

    .btn-martina-licence:hover {
        color: rgba(255,255,255, 0.75);
    }

.button-image:after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: text-top;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.button-account:after {
    background-image: url(/img/dashboard/cta-buy-licence.svg);
    margin-left: 10px;
}

.qnt_licence_available {
    margin: 0;
}

.qnt_licence_available_row {
    padding: 2px 5px 0 0;
    color: #f18e32
}


.custom-switch {
    cursor: pointer;
}

#joypad_restart {
    cursor: pointer;
}

#joypad-restart-all {
    cursor: pointer;
}

.data_freed_licence {
    color: red;
    font-size: 15px;
    cursor: pointer;
    text-decoration: underline;
}

.qnt_licence_available_title {
    color: #ffffff;
    text-align: left;
    font-size: 16px;
}

.qnt_licence_available_description {
    color: #f18e32;
    font-size: 16px;
}

.licence-card {
    border-radius: 10px;
    background-color: white;
}

.img-task-creator-dots-connect {
    width: 100%;
    padding: 15px;
}

button:focus {
    outline: none !important;
}

#row_obj_container {
    max-height: 145px;
    height: 145px;
}

.list-group-item {
    border: 0 !important;
}

.toggle-off.btn-sm {
    padding-left: 10px;
}

.toggle-on.btn-sm {
    padding-right: 10px;
}

.fs-title-product {
    font-family: 'Ubuntu';
    color: #ee8b32;
    font-size: 28px;
}

.product-martina-price {
    font-family: 'Fredoka One';
    color: #ee8b32;
    font-size: 22px;
}

.product-martina {
    color: #2ab8ce;
    width: 350px;
    height: 400px;
    border-radius: 20px;
    transition: 0.4s;
    border: 4px solid #f8b114;
}

.product-martina-image {
}

.btn-add-product-martina {
    background-color: #f18e2d;
    border: 1px solid #f18e2d;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 9px;
    text-decoration: none;
    letter-spacing: 1px;
    position: absolute;
    margin: -20px 0px 0px -70px;
    min-width: 150px;
}

.btn-remove-product-martina {
    background-color: red;
    border: 1px solid red;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 9px;
    text-decoration: none;
    letter-spacing: 1px;
    position: absolute;
    margin: -20px 0px 0px -70px;
    min-width: 150px;
}

.btn-bought-product-martina {
    background-color: gray;
    border: 1px solid gray;
    border-radius: 6px !important;
    display: inline-block;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 9px;
    text-decoration: none;
    letter-spacing: 1px;
    position: absolute;
    margin: -20px 0px 0px -70px;
    min-width: 150px;
}

.btn_add_teacher {
    border: none;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 3px;
    background: #F18E32;
    color: white;
    margin: auto;
    font-size: 22px;
    font-weight: 400;
}

.btn_remove_teacher {
    border: none;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 3px;
    background: #F18E32;
    color: white;
    margin: auto;
    font-size: 22px;
    font-weight: 400;
}

.btn-decrement-productid {
    border: none;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 3px;
    background: #F18E32;
    color: white;
    margin: auto;
    font-size: 22px;
    font-weight: 400;
}

.btn-increment-productid {
    border: none;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 3px;
    background: #F18E32;
    color: white;
    margin: auto;
    font-size: 22px;
    font-weight: 400;
}

.hidden-item {
    display: none;
}

.hidden-item_rank {
    display: none !important;
}

.visible-item {
    display: block;
}

.upgrade-action {
    cursor: pointer;
}

.licencedata-container-logo {
    background-color: #17a2b8;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

.licencedata-container-description {
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 3px solid #17a2b8;
}

.licencedata-container-products {
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #91cdf0;
}
/*
    SIDEBAR
*/
/*MEDIA QUERY*/
/* CELLULARI */
@media (hover:none) {
    .panel-title:hover::-webkit-scrollbar {
        height: 0px;
    }

    .panel-content::-webkit-scrollbar {
        width: 20px;
    }

    /* Handle */
    .panel-content::-webkit-scrollbar-thumb {
        background: #1e8696;
        min-height: 30px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

    .logo_easy_school {
        width: 40px;
        height: 46px;
        background-image: url(/img/logo/logo_martina_sautech.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }


    .logo_easy_school_central {
        width: 45px;
        height: 45px;
        background-image: url(/img/logo/logo_footer.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .popup-title-list {
        font-size: 10px !important;
    }

    .container {
        width: 100%;
        padding-bottom: 15%;
        padding-right: 5px;
        padding-left: 5px;
        /* margin-left: auto; */
    }

    .signup-content {
        padding: 50px 25px;
    }

    /*  DEVEXTREME CUSTOM CSS DEVICES */

    .dx-texteditor-container {
        padding: 1px;
        border: 3px solid #ddd;
        -webkit-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .widget-container-list > * {
        height: 400px;
        width: 50%;
        padding: 5px;
    }

    .dx-list-item-after-bag.dx-list-static-delete-button-container {
        width: 10px;
    }

    .userItemTemplate-email {
        display: none !important;
    }

    .dx-device-mobile .dx-list-item-content {
        padding: 4px 5px 7px !important;
    }

    .dx-list-slide-menu-content {
        display: table;
        /* width: 100%; */
        table-layout: fixed;
    }

    .bottone_pencil {
        width: 45px;
        cursor: pointer;
    }

    .joypad_container {
        width: 135px;
        height: 135px;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 2em;
        font-weight: 800;
        background-color: white;
        border-radius: 100px;
        border: 3px solid #D0E7EB;
        box-shadow: #55a9b6 0px 0px 0px 4px;
    }

    .joypad {
        width: 38px;
        height: 38px;
        float: left;
        cursor: pointer;
    }


    .img-licence-qnt {
        display: none;
    }

    #row_obj_container {
        max-height: 100px;
        height: 100px;
    }

    .qnt_licence_available_row {
        padding: 2px 5px 0 0;
        color: #f18e32;
    }

    #back_button {
        display: none;
    }

    .container {
        padding: 0px 0px 30% 0px !important;
    }

    /*Css per adattabilita titoli troppo lunghi */
    .responsive-title-normal {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 100px;
    }

    .responsive-title-extended {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 100px;
    }

        .responsive-title-extended:focus, .responsive-title-extended:hover {
            color: transparent;
            content: attr(data-text);
            overflow: visible;
            text-overflow: inherit;
            background: #27b6cc;
            position: unset;
            left: auto;
            top: auto;
            width: auto;
            max-width: 20rem;
            border: 1px solid #fff;
            border-radius: 10px;
            padding: 0 .5rem;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.28);
            white-space: normal;
            word-wrap: break-word;
            display: block;
            color: #fff;
            margin-top: -1.25rem;
            z-index: 1 !important;
        }
    /*Placeholder input & font size responsive */
    .form-martina input[type="text"] {
        font-size: 15px;
    }

    ::-webkit-input-placeholder {
        font-size: 12px !important;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {

    .logo_easy_school {
        width: 40px;
        height: 46px;
        background-image: url(/img/logo/logo_martina_sautech.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }


    .logo_easy_school_central {
        width: 45px;
        height: 45px;
        background-image: url(/img/logo/logo_footer.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .popup-title-list {
        font-size: 10px !important;
    }

    .container {
        width: 100%;
        padding-bottom: 15%;
        padding-right: 5px;
        padding-left: 5px;
        /* margin-left: auto; */
    }

    .signup-content {
        padding: 50px 25px;
    }

    /*  DEVEXTREME CUSTOM CSS DEVICES */

    .dx-texteditor-container {
        padding: 1px;
        border: 3px solid #ddd;
        -webkit-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .widget-container-list > * {
        height: 400px;
        width: 50%;
        padding: 5px;
    }

    .dx-list-item-after-bag.dx-list-static-delete-button-container {
        width: 10px;
    }

    .userItemTemplate-email {
        display: none !important;
    }

    .dx-device-mobile .dx-list-item-content {
        padding: 4px 5px 7px !important;
    }

    .dx-list-slide-menu-content {
        display: table;
        /* width: 100%; */
        table-layout: fixed;
    }

    .bottone_pencil {
        width: 45px;
        cursor: pointer;
    }

    .joypad_container {
        width: 135px;
        height: 135px;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 2em;
        font-weight: 800;
        background-color: white;
        border-radius: 100px;
        border: 3px solid #D0E7EB;
        box-shadow: #55a9b6 0px 0px 0px 4px;
    }

    .joypad {
        width: 38px;
        height: 38px;
        float: left;
        cursor: pointer;
    }


    .img-licence-qnt {
        display: none;
    }

    #row_obj_container {
        max-height: 100px;
        height: 100px;
    }

    .qnt_licence_available_row {
        padding: 2px 5px 0 0;
        color: #f18e32;
    }

    #back_button {
        display: none;
    }

    .container {
        padding: 0px !important;
    }
    /*Css per adattabilita titoli troppo lunghi */
    .responsive-title-normal {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 100px;
    }

    .responsive-title-extended {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 100px;
    }

        .responsive-title-extended:focus, .responsive-title-extended:hover {
            color: transparent;
            content: attr(data-text);
            overflow: visible;
            text-overflow: inherit;
            background: #27b6cc;
            position: unset;
            left: auto;
            top: auto;
            width: auto;
            max-width: 20rem;
            border: 1px solid #fff;
            border-radius: 10px;
            padding: 0 .5rem;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.28);
            white-space: normal;
            word-wrap: break-word;
            display: block;
            color: #fff;
            margin-top: -1.25rem;
            z-index: 1 !important;
        }
    /*Placeholder input & font size responsive */
    .form-martina input[type="text"] {
        font-size: 15px;
    }

    ::-webkit-input-placeholder {
        font-size: 10px !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .logo_easy_school {
        width: 40px;
        height: 46px;
        background-image: url(/img/logo/logo_martina_sautech.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .layout-body .content-block {
        margin-left: 10px;
        margin-right: 10px;
    }

    .container {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
        /* margin-left: auto; */
    }

    .userItemTemplate-email {
        display: none !important;
    }

    .widget-container-list > * {
        height: 400px;
        width: 50%;
        padding: 5px;
    }

    .dx-device-mobile .dx-list-item-content {
        padding: 4px 5px 7px !important;
    }

    .dx-list-slide-menu-content {
        display: table;
        /* width: 100%; */
        table-layout: fixed;
    }

    .userItemTemplate-email {
        display: none !important;
    }

    .bottone_pencil {
        width: 45px;
        cursor: pointer;
    }

    /*body {
        width: calc(100%-17px);
        height: 100vh;
        overflow-y: scroll;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 120px;
    }*/
    /*Css per adattabilita titoli troppo lunghi */
    .responsive-title-normal {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 100px;
    }

    .responsive-title-extended {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 100px;
    }

        .responsive-title-extended:focus, .responsive-title-extended:active {
            color: transparent;
            content: attr(data-text);
            overflow: visible;
            text-overflow: inherit;
            background: #27b6cc;
            position: unset;
            left: auto;
            top: auto;
            width: auto;
            max-width: 20rem;
            border: 1px solid #fff;
            border-radius: 10px;
            padding: 0 .5rem;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.28);
            white-space: normal;
            word-wrap: break-word;
            display: block;
            color: #fff;
            margin-top: -1.25rem;
            pointer-events: none;
            z-index: 1 !important;
        }

    /*Placeholder input & font size responsive */
    .form-martina input[type="text"] {
        font-size: 17px;
    }

    ::-webkit-input-placeholder {
        font-size: 12px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .logo_easy_school {
        width: 40px;
        height: 46px;
        background-image: url(/img/logo/logo_martina_sautech.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .container {
        width: 100%;
        padding-right: 1px;
        padding-left: 1px;
        /* margin-left: auto; */
    }

    .dx-device-mobile .dx-list-item-content {
        padding: 4px 5px 7px !important;
    }

    .dx-list-slide-menu-content {
        display: table;
        /* width: 100%; */
        table-layout: fixed;
    }

    .userItemTemplate-email {
        display: none !important;
    }

    .btn-kids {
        color: #023661;
        background-color: #fff267;
        box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.06);
        border-radius: 50px;
        font-size: 20px;
        padding: 10px 10px 10px 10px;
        font-weight: 600;
        margin: 10px;
        border: 0px;
    }
    /*Css per adattabilita titoli troppo lunghi */
    .responsive-title-normal {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 100px;
    }

    .responsive-title-extended {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 100px;
    }

        .responsive-title-extended:focus, .responsive-title-extended:active {
            color: transparent;
            content: attr(data-text);
            overflow: visible;
            text-overflow: inherit;
            background: #27b6cc;
            position: unset;
            left: auto;
            top: auto;
            width: auto;
            max-width: 20rem;
            border: 1px solid #fff;
            border-radius: 10px;
            padding: 0 .5rem;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.28);
            white-space: normal;
            word-wrap: break-word;
            display: block;
            color: #fff;
            margin-top: -1.25rem;
            pointer-events: none;
            z-index: 1 !important;
        }
    /*Placeholder input & font size responsive */
    .form-martina input[type="text"] {
        font-size: 18px;
    }

    ::-webkit-input-placeholder {
        font-size: 15px !important;
    }
}


@media screen and (min-width: 1024px) {
    .layout-body .responsive-paddings {
        padding: 40px;
    }

    /*Css per adattabilita titoli troppo lunghi */
    .responsive-title-normal {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 180px;
    }

    .responsive-title-extended {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .2s linear;
        width: 180px;
    }

        .responsive-title-extended:focus, .responsive-title-extended:active {
            color: transparent;
            content: attr(data-text);
            overflow: visible;
            text-overflow: inherit;
            background: #27b6cc;
            position: unset;
            left: auto;
            top: auto;
            width: auto;
            max-width: 20rem;
            border: 1px solid #fff;
            border-radius: 10px;
            padding: 0 .5rem;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.28);
            white-space: normal;
            word-wrap: break-word;
            display: block;
            color: #fff;
            margin-top: -1.25rem;
            pointer-events: none;
            z-index: 1 !important;
        }
}

/*  DEVEXTREME CUSTOM CSS DESKTOP */

.dx-toast-message {
    display: table-cell;
    vertical-align: middle;
    /*padding-left: 10px;*/
}

.dx-toast-info {
    background-color: #d4edda !important;
}

.dx-toast-warning {
    background-color: #f18e32 !important;
}

.alert-warning {
    color: #fff;
    background-color: #f18e32 !important;
    border-color: #f18e32 !important;
}

.dx-toast-error {
    color: #721c24 !important;
    background-color: #f8d7da !important;
}

.dx-toast-success {
    color: #155724 !important;
    background-color: #d4edda !important;
}

.dx-rtl .dx-toast-message {
    padding-left: 0;
    padding-right: 10px;
}

.dx-toast-icon {
    /*background-image: url('../../img/logo/logo_footer.png') !important;*/
    display: block !important;
}

.dx-toast-info {
    background-color: rgba(255,146,41,1) !important;
}

.dx-toast-message {
    font-family: 'Fredoka One' !important;
}

#usersInLessonList .dx-list-item-after-bag dx-list-reorder-handle-container {
    display: none !important;
}

#usersInLessonList .dx-list-reorder-handle {
    display: none !important;
}

#usersClassroomList .dx-list-item-after-bag dx-list-reorder-handle-container {
    display: none !important;
}

#usersClassroomList .dx-list-reorder-handle {
    display: none !important;
}

#usersInLessonList .dx-button {
    border: 0px !important
}

#usersClassroomList .dx-button {
    border: 0px !important
}

#usersSchoolList .dx-button {
    border: 0px !important
}

.dx-list-item-after-bag .dx-list-reorder-handle {
    cursor: pointer !important;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    background-position: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.dx-texteditor-container {
    padding: 3px;
    border: 3px solid #ddd;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.dx-button-text {
    line-height: 15px !important;
    text-transform: none !important;
    font-size: 15px;
    font-weight: bold !important;
    letter-spacing: .02em !important;
}

.dx-texteditor-container:focus {
    padding: 3px;
    border: 3px solid #ff9229;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.selectroundbox .dx-selectbox-container {
    padding: 3px;
    border: 3px solid #ddd;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

    .selectroundbox .dx-selectbox-container .dx-texteditor-container {
        padding: 3px;
        border: 0px solid #fff;
        -webkit-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

.dx-texteditor.dx-editor-underlined {
    border-bottom: 0px solid rgba(0,0,0,.42) !important;
}

    .dx-texteditor.dx-editor-underlined:after {
        border-bottom: 0px solid rgba(0,0,0,.42) !important;
    }

.dx-texteditor.dx-state-active:before, .dx-texteditor.dx-state-focused:before {
    border-bottom: 0px solid #ff5722 !important;
}

.dx-theme-material-typography a {
    text-decoration: none;
}

.dx-placeholder {
    position: absolute;
    top: 0;
    left: 10px;
    max-width: 100%;
    width: auto;
    height: 100%;
    text-align: left;
    cursor: text;
    pointer-events: none;
}

.dx-fileuploader-wrapper {
    padding: 0px !important;
}

.dx-fileuploader-input-wrapper {
    padding: 0px !important;
}

.dx-list-reorder-handle {
    background-image: url(/img/bottoni/bottone_piu.svg);
}

.dx-list-item-after-bag .dx-list-reorder-handle:before {
    display: none !important;
}

.dx-icon-remove:before {
    content: "" !important;
}

.dx-icon-remove {
    background-image: url(/img/close.png);
}

.dx-list .dx-empty-message {
    text-align: center;
    padding: 68px 20px 7px !important;
    color: rgba(0,0,0,.54);
    font-size: 14px !important;
    width: 100% !important;
}

/* DevExpress.ui.notify */
/*.dx-overlay-content {
    position: absolute;
    pointer-events: auto;
    z-index: 1000;
    outline: 0;
    overflow: hidden;
    background-color: #d4edda;
}*/

.dx-button-mode-text {
    background-color: transparent;
    color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.with-footer > div > div > .dx-scrollable-content > .dx-scrollview-content {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    /*background-color: #fff9da;*/
    background-color: #ffffff;
}

.btn-martina-white-orange {
    background-color: white;
    border: 1px solid grey;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    color: grey;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 14px;
    text-decoration: none;
    letter-spacing: 1px;
}

    .btn-martina-white-orange:hover {
        background-color: #f18e32;
        border: 1px solid #f18e32;
        border-radius: 6px;
        display: inline-block;
        cursor: pointer;
        color: white;
        font-size: 15px;
        font-weight: bold;
        padding: 5px 14px;
        text-decoration: none;
    }

.btn-martina-white-orange-selected {
    background-color: #f18e32;
    border: 1px solid #f18e32;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 14px;
    text-decoration: none;
}

.btn-martina-orange-white {
    background-color: #f18e2d;
    border: 1px solid #f18e2d;
    border-radius: 6px !important;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    letter-spacing: 1px;
}

    .btn-martina-orange-white:hover {
        background-color: white;
        border: 1px solid #f18e2d;
        border-radius: 6px !important;
        display: inline-block;
        cursor: pointer;
        color: #f18e2d;
        font-size: 15px;
        font-weight: bold;
        padding: 10px 20px;
        text-decoration: none;
        letter-spacing: 1px;
    }

.notify_delete_button_container_img {
    cursor: pointer;
    width: 25px;
}

    .notify_delete_button_container_img:hover {
        cursor: pointer;
        width: 25px;
        animation: rotate-animation 4s infinite linear;
    }

/*Css per il pulsante custom aggiungi utente */
#addUserButtonId:hover {
    height: 36px !important;
    position: relative !important;
    overflow: hidden !important;
    letter-spacing: 1px;
    border-radius: 6px;
    color: #27b6cc !important;
    padding: 5px 14px !important;
    background-color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

#addUserButtonId {
    height: 36px !important;
    position: relative !important;
    overflow: hidden !important;
    color: rgba(255,255,255,1) !important;
    background-color: #27b6cc !important;
    padding: 5px 14px !important;
    letter-spacing: 1px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.adminManager_delete_button_container_img {
    cursor: pointer;
    width: 15px;
}

    .adminManager_delete_button_container_img:hover {
        cursor: pointer;
        width: 15px;
    }

/*header delle colonne colorate*/
.dx-datagrid-headers .dx-header-row {
    color: #2ab8ce !important;
}

#GridInvitation .dx-toolbar .dx-texteditor {
    width: 90% !important;
}

#GridInvitation .dx-toolbar .dx-toolbar-after {
    /*padding-left: 0px;*/
    width: 50% !important;
}

.dx-texteditor-container {
    padding: 3px;
    border: 3px solid #ddd;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 4px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

/*Css per custom  search panel usato in inviti ed anagrafica*/
#customSearchPanel {
    padding: 15px;
    border: 3px solid #ddd;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 4px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    width: 100% !important;
    background-color: gainsboro;
}


/*Css per bottone invia codice nella griglia degli inviti*/
.custom-grid-button {
    background-color: #27b6cc !important;
    border: 1px solid #27b6cc !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
    padding: 5px 14px !important;
    text-decoration: none !important;
    letter-spacing: 1px !important;
}

    .custom-grid-button:hover {
        height: 36px !important;
        position: relative !important;
        overflow: hidden !important;
        letter-spacing: 1px;
        border-radius: 6px;
        color: #27b6cc !important;
        padding: 5px 14px !important;
        background-color: #ffffff !important;
        font-size: 15px !important;
        font-weight: bold !important;
    }

/*css error validation camp color-profile the grid*/
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content, .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
    padding: 9px 17px !important;
    background-color: #f18e32 !important;
    color: #fff !important;
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid {
    background-color: #fad5b3 !important;
}

.dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-data-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-data-row.dx-selection:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified {
    background-color: #fad5b3 !important;
}

.dx-datagrid .dx-error-row .dx-error-message {
    background-color: #dc3545 !important;
    white-space: normal;
    word-wrap: break-word;
}

.dx-state-disabled {
    opacity: 0.5;
    /*background-color: #f5f5f5 !important;*/
}



.dx-texteditor-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#gridBox.dx-texteditor.dx-editor-underlined .dx-placeholder:before, #gridBox.dx-texteditor.dx-editor-underlined .dx-texteditor-input {
    font-family: 'Fredoka One' !important;
    font-size: 24px !important;
    color: #27b6cc !important;
    background-color: #E9F5FC !important;
}

#gridBox .dx-dropdowneditor-input-wrapper {
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #E9F5FC;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

table .dx-texteditor.dx-editor-underlined .dx-placeholder:before, table .dx-texteditor.dx-editor-underlined .dx-texteditor-input {
    font-family: sans-serif !important;
    font-size: 14px !important;
    padding: 10px 0px !important;
    background-color: #FFFFFF !important;
}

/*School popup css*/
.box-school::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-bottom-right-radius: 5px;
}

.box-school::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
    border-radius: 5px
}

.box-school::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.1);
    border: 2px solid rgba(0,0,0,0.1);
    border-bottom-right-radius: 5px;
}

.box-school {
    width: 330px;
    z-index: 999;
    height: 0px;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0px;
    left: -2vh;
    margin-top: 5px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.1);
    cursor: context-menu;
}


.notBtn:hover > .box-school {
    height: 15.8vh
}

.txt-customized {
    vertical-align: top;
    font-size: 1.5rem;
    color: #f18e32;
    /*padding: 5px 10px 0px 115px;*/
}

.cls-1 {
    -webkit-animation: shake-bottom 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
    animation: shake-bottom 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
    transform-box: fill-box;
}

@-webkit-keyframes shake-bottom {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

@keyframes shake-bottom {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

/*Css per custom  search panel usato per il filtro di ricerca delle schede*/
#customSearchPanelTask {
    /*height: 6vh;*/
    /*font-size: 2vh;*/
    color: #27b6cc;
    padding: 10px 10px;
    border: 2px solid #ddd;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 4px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    width: 100% !important;
    background-color: #e9ecefa3;
}


.label-easyTask {
    position: relative;
}

.easyTaskManagement-image {
    width: 135px !important;
}

.easyOneTaskManagement-image {
    width: 200px !important;
    margin: 20px !important;
}

label {
    display: flex;
    margin-bottom: .5rem;
    font-style: initial;
}

.find-button-search-bar {
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.close-button-search-bar {
    width: 25px;
    height: 25px;
    cursor: pointer;
}
/*popup coonferma modifiche customizzato su css di dev extreme*/
.dx-popup-title {
    position: relative !important;
    min-height: 28px !important;
    border-bottom: 1px solid #27b6cc !important;
    background: 0 0 !important;
    background-color: #27b6cc !important;
    color: white !important;
    text-align: center !important;
}

@media screen and (min-width:900px) {
    .dx-popup .dx-toolbar-label > div {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        margin-left: 70px !important;
        padding: 0 5px !important;
        font-weight: 400 !important;
        font-family: Fredoka One !important;
        font-size: 20px !important;
    }
}

@media screen and (max-width:739px) {
    .container_svg_school {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        row-gap: 30px;
        justify-content: space-around;
        margin: auto;
    }

    .icon_scritta_scuola {
        position: absolute;
        right: 22px;
        left: 0px;
        bottom: -4px;
    }
}

@media screen and (max-width:575.9px) {
    .text_layout {
        font-size: clamp(3px,3vw,20px);
    }
}

@media screen and (max-width:575px) {

    #navbardrop.btn_modifica {
        padding: 3px;
    }

    .container_icons {
        flex: unset !important;
    }


    .container_svg_school {
        grid-template-columns: repeat(2,minmax(50px, 120px));
    }
}

@media screen and (min-width:400px) {
    .dx-popup .dx-toolbar-label > div {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        padding: 0 5px !important;
        font-weight: 400 !important;
        font-family: Fredoka One !important;
        font-size: 20px !important;
    }
}

.dx-popup .dx-popup-wrapper > .dx-overlay-content {
    background: #fff !important;
    border-radius: 10px !important;
    /*-webkit-box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%) ; 
     box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%) ; */
}

.dx-popup .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 25px 50px 0 !important;
}

.dx-popup .dx-button .dx-button-content {
    padding: 6px;
    position: relative;
    color: #6c6c6c;
    border-radius: 8px !important;
}

    .dx-popup .dx-button .dx-button-content:hover {
        padding: 6px;
        position: relative;
        color: #6c6c6c;
        border-radius: 8px !important;
        background-color: none !important;
    }

.dx-popup .dx-button-content:hover {
    color: white !important;
    border-radius: 8px !important;
}

.dx-popup .dx-button-has-text .dx-button-content {
    height: 50px !important;
    padding: 10px 40px !important;
}

.dx-popup .dx-button.dx-button-default {
    border-radius: 4px !important;
    background-color: #fff !important;
    color: #fff !important;
}

@media screen and (max-width:1024px) {
    .my-list {
        margin-top: 120px;
        margin-left: 350px;
    }
}



@keyframes example {
    0% {
        bottom: -380px;
        width: 60px;
        height: 60px
    }

    95% {
        bottom: 0px;
        width: 55px;
        height: 60px
    }

    100% {
        bottom: 0px;
        width: 60x;
        height: 40px
    }
}

@keyframes swing {
    0%, 100% {
        transform: rotate(-30deg);
    }

    20% {
        transform: scale(.95);
    }

    50% {
        transform: rotate(30deg);
    }

    80% {
        transform: scale(.95);
    }
}

#sweetlandia {
    animation: swing 2s infinite ease-in-out;
}

.event {
    display: none;
    margin: 50px auto;
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 9990;
}

.event-oh_oh {
    display: none;
    margin: 50px auto;
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 9990;
}

.event-troppo_tardi {
    display: none;
    margin: 50px auto;
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 9990;
}

.event-lose {
    display: none;
    margin: 50px auto;
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 9990;
}

.event-go, .event-three, .event-two, .event-one {
    display: none;
    margin: 50px auto;
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 9990;
}

#pop {
    margin: 10% !important;
    left: 20% !important;
}


label[for=codicefiera] {
    display: none;
}

#codicefiera {
    display: none;
}

.button-confirm-delete {
    height: 45px;
    width: 90px;
}

.anti-slider-item-confirm-delete {
    line-height: 0px !important;
    font-size: 0px !important;
}
/*Animazione dashboard school sul serve licenza*/
.animation-pulse {
    animation: pulse 3s infinite;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.90);
        transform: scale(0.90);
    }

    70% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }

    100% {
        -webkit-transform: scale(0.90);
        transform: scale(0.90);
    }
}
/*ICONE DELLE SCHEDE CLASSI*/
/*ICONA INFO*/
.info-src {
    content: url(/img/info.webp);
    float: left;
    width: 40px;
}

    .info-src:hover {
        content: url(/img/info_hover.webp);
        float: left;
        width: 40px;
    }
/*ICONA AVVIA*/
.icona-avvia {
    /*content: url(/img/Avviadaremoto.webp);*/
    width: 75px;
    display: flex;
}

    .icona-avvia:hover {
        /*content: url(/img/Avviadaremoto_hover.webp);*/
        width: 75px;
        display: flex;
    }
/*ICONA MODIFICA*/
.icona-modifica {
    /*content: url(/img/Icona_modifica_spenta.svg);*/
    width: 75px;
    display: flex;
}

    .icona-modifica:hover {
        /*content: url(/img/Icona_modifica_accesa.svg);*/
        width: 75px;
        display: flex;
    }

.icona-modifica-disabilitata {
    content: url(/img/Icona_modifica_disabilitato.svg);
    width: 75px !important;
    display: flex;
    opacity: 50%;
}


/*ICONA TIMER*/
.icona-timer {
    /*content: url(/img/Icona_timer_spenta.svg);*/
    width: 75px;
    display: flex;
}

    .icona-timer:hover {
        /*content: url(/img/Icona_timer_accesa.svg);*/
        width: 75px;
        display: flex;
    }

.icona-timer-disabilitata {
    content: url(/img/Icona_timer_disabilitata.svg);
    width: 75px !important;
    display: flex;
    opacity: 50%;
}

/*ICONA AVVIO VELOCE*/
.icona-avvio-veloce {
    /*content: url(/img/Avviaveloce.webp);*/
    width: 75px;
    display: flex;
}

    .icona-avvio-veloce:hover {
        /*content: url(/img/Avviaveloce_hover.webp);*/
        width: 75px;
        display: flex;
    }

.icona-avvio-veloce-disabilitata {
    content: url(/img/Icona_avvia_disabilitato.svg);
    width: 75px !important;
    display: flex;
    opacity: 50%;
}
/*ICONA CANCELLA*/
.icona-cancella {
    /*content: url(/img/Icona_elimina_accesa.svg);*/
    width: 75px !important;
    display: flex;
}

    .icona-cancella:hover {
        /*content: url(/img/Icona_elimina_spenta.svg);*/
        width: 75px !important;
        display: flex;
    }

.icona-cancella-disabilitata {
    content: url(/img/Icona_elimina_disabilitato.svg);
    width: 75px !important;
    display: flex;
    opacity: 50%;
}
/*ICONA PARTECIPA*/
.icona-partecipa {
    content: url(/img/Partecipa.webp);
    width: 75px;
    display: flex;
}

    .icona-partecipa:hover {
        content: url(/img/Partecipa_hover.webp);
        width: 75px;
        display: flex;
    }
/*ICONA GESTISCI GRUPPI*/
.icona-gestisci {
    content: url(/img/Icona_gestisci_spenta.svg);
    width: 75px;
    display: flex;
}

    .icona-gestisci:hover {
        content: url(/img/Icona_gestisci_accesa.svg);
        width: 75px;
        display: flex;
    }

@media screen and (max-width:1200px) {

    /*.text_elimina,*/
    .text_avvia,
    .text_avvia_disabilitato,
    .text_modifica,
    .text_modifica_disabilitato,
    .text_cancella,
    .text_cancella_disabilitato {
        font-size: 9px;
        top: 60%;
        margin-top: -4px !important;
        width: 50px !important;
    }

    .icona-avvia {
        /*content: url(/img/Avviadaremoto.webp);*/
        width: 50px !important;
        display: flex;
    }

        .icona-avvia:hover {
            /*content: url(/img/Avviadaremoto_hover.webp);*/
            width: 50px !important;
            display: flex;
        }

    .icona-modifica {
        /*content: url(/img/Icona_modifica_spenta.svg);*/
        width: 50px !important;
        display: flex;
    }

        .icona-modifica:hover {
            /*content: url(/img/Icona_modifica_accesa.svg);*/
            width: 50px !important;
            display: flex;
        }


    .icona-avvio-veloce {
        /*content: url(/img/Avviaveloce.webp);*/
        width: 50px !important;
        display: flex;
    }

    .icona-avvio-veloce-disabilitata {
        content: url(/img/Icona_avvia_disabilitato.svg);
        width: 50px !important;
        display: flex;
    }

    .icona-avvio-veloce:hover {
        /*content: url(/img/Avviaveloce_hover.webp);*/
        width: 50px !important;
        display: flex;
    }

    .icona-cancella {
        /*content: url(/img/Icona_elimina_accesa.svg);*/
        width: 50px !important;
        display: flex;
    }

        .icona-cancella:hover {
            /*content: url(/img/Icona_elimina_spenta.svg);*/
            width: 50px !important;
            display: flex;
        }

    .icona-timer {
        /*content: url(/img/Icona_timer_spenta.svg);*/
        width: 50px !important;
        display: flex;
    }

    .icona-timer-disabilitata {
        content: url(/img/Icona_timer_disabilitata.svg);
        width: 50px !important;
        display: flex;
    }

    .icona-timer:hover {
        /*content: url(/img/Icona_timer_accesa.svg);*/
        width: 50px !important;
        display: flex;
    }

    .icona-cancella-disabilitata {
        content: url(/img/Icona_elimina_disabilitato.svg);
        width: 50px !important;
        display: flex;
        opacity: 50%;
    }

    .icona-partecipa {
        content: url(/img/Partecipa.webp);
        width: 50px !important;
        display: flex;
    }

        .icona-partecipa:hover {
            content: url(/img/Partecipa_hover.webp);
            width: 50px !important;
            display: flex;
        }

    .icona-gestisci {
        content: url(/img/Icona_gestisci_spenta.svg);
        width: 50px !important;
        display: flex;
    }

        .icona-gestisci:hover {
            content: url(/img/Icona_gestisci_accesa.svg);
            width: 50px !important;
            display: flex;
        }
}

@media screen and (max-width:992px) {

    .text_avvia,
    .text_avvia_disabilitato,
    .text_cancella,
    .text_cancella_disabilitato {
        font-size: 9px;
        top: 60%;
        left: 20%;
    }

    .text_cancella,
    .text_cancella_disabilitato {
        font-size: 9px;
        top: 60%;
        left: 15%;
    }

    .text_modifica,
    .text_modifica_disabilitato {
        font-size: 9px;
        top: 60%;
        left: 9%;
    }
}

@media screen and (max-width:768px) {

    /*.text_elimina,*/
    .text_avvia,
    .text_avvia_disabilitato,
    .text_modifica,
    .text_modifica_disabilitato,
    .text_cancella,
    .text_cancella_disabilitato {
        font-size: 9px;
        top: 60%;
        margin-top: -4px !important;
        width: 43px !important;
    }

    .icona-avvia {
        /*content: url(/img/Avviadaremoto.webp);*/
        width: 43px !important;
        display: flex;
    }

        .icona-avvia:hover {
            /*content: url(/img/Avviadaremoto_hover.webp);*/
            width: 43px !important;
            display: flex;
        }

    .icona-modifica {
        /*content: url(/img/Icona_modifica_spenta.svg);*/
        width: 43px !important;
        display: flex;
    }

        .icona-modifica:hover {
            /*content: url(/img/Icona_modifica_accesa.svg);*/
            width: 43px !important;
            display: flex;
        }

    .icona-timer {
        /*content: url(/img/Icona_timer_spenta.svg);*/
        width: 43px !important;
        display: flex;
    }

    .icona-timer-disabilitata {
        content: url(/img/Icona_timer_disabilitata.svg);
        width: 43px !important;
        display: flex;
    }

    .icona-timer:hover {
        /*content: url(/img/Icona_timer_accesa.svg);*/
        width: 43px !important;
        display: flex;
    }

    .icona-avvio-veloce {
        /*content: url(/img/Avviaveloce.webp);*/
        width: 43px !important;
        display: flex;
    }

    .icona-avvio-veloce-disabilitata {
        content: url(/img/Icona_avvia_disabilitato.svg);
        width: 43px !important;
        display: flex;
    }

    .icona-avvio-veloce:hover {
        /*content: url(/img/Avviaveloce_hover.webp);*/
        width: 43px !important;
        display: flex;
    }

    .icona-cancella {
        /*content: url(/img/Icona_elimina_accesa.svg);*/
        width: 43px !important;
        display: flex;
    }

        .icona-cancella:hover {
            /*content: url(/img/Icona_elimina_spenta.svg);*/
            width: 43px !important;
            display: flex;
        }

    .icona-cancella-disabilitata {
        content: url(/img/Icona_elimina_disabilitato.svg);
        width: 43px !important;
        display: flex;
        opacity: 50%;
    }

    .icona-partecipa {
        content: url(/img/Partecipa.webp);
        width: 43px !important;
        display: flex;
    }

        .icona-partecipa:hover {
            content: url(/img/Partecipa_hover.webp);
            width: 43px !important;
            display: flex;
        }

    .icona-gestisci {
        content: url(/img/Icona_gestisci_spenta.svg);
        width: 43px !important;
        display: flex;
    }

        .icona-gestisci:hover {
            content: url(/img/Icona_gestisci_accesa.svg);
            width: 43px !important;
            display: flex;
        }
}