/* ----------------- general ------------------- */
html {
    font-size: 10px;
}
*:focus {
    outline: none;
}
ul { padding-left: 0;}
@font-face{
    font-family:Fraunces;
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(/assets/fonts/new-layout/fraunces/Fraunces.ttf)
}
.title-font {
    font-family: "Fraunces",system-ui,sans-serif;
}
.inkBlack-color{color: #0E3444;}
.teal-color{color: #267782;}
.font500{font-weight: 500;} .font700{font-weight: 700;}
.font20{font-size: 2rem;} .font12{font-size: 1.2rem;} .font32 { font-size: 3.2rem;} .font24 {font-size: 2.4rem;} .font16 {font-size: 1.6rem;} .font18 {font-size: 1.8rem;} .font14 {font-size: 1.4rem;}
@media(max-width:768px){
    .font16OnSmartphone { font-size: 1.6rem !important;}
}

.pt20 { padding-top: 20px;}
.pb20 { padding-bottom: 20px;}
.pr30 { padding-right: 30px;}
.pl30 { padding-left: 30px;}
.hide {display: none;}
.show {display: block;}
.flex {display: flex;}
.text-center { text-align: center;}
.flex-center {
    align-items: center;
    justify-content: center;
}
.flex-between {
    align-items: center;
    justify-content: space-between;
}
.bg-white { background-color: #fff;}
.gray-container {
    background-color: #F2F6F4;
    border-radius: 16px;
}
.white-container {
    background-color: #fff;
   padding: 24px 16px;
}
.lightGreen-container {
    background-color: #D1F0BC80;
    border-radius: 16px;
    padding: 35px 30px;
}
.green__container--bg {
    background-color: #D1F0BC;
}
.button--primary {
    background-color: #B3F130;
    border: 2px solid #B3F130; 
    font-weight: 700;
}
.button--secondary{
    background-color: #fff;
    border: 2px solid #0e3444;
}
.button--shadow {
    background-color: #fff;
    box-shadow: 0px 8px 24px 0px #0000001F;
    cursor: pointer;
}
.button--primary, .button--secondary, .button--shadow  {
    /* color: #0E3444; */
    border-radius: 12px;
    font-weight: 800;
    width: auto;
    font-size: 15px;
}
.button__primary-disabled {
    background-color: #DCE1DF;
    border-color: #DCE1DF;
    color: #696C6D;
    cursor: default;
    pointer-events: none;
}
.button__primary-disabled:hover {
    box-shadow: none;
}
.main__title{
    font-size: 40px;
    padding-bottom: 10px;
    font-family: "Fraunces",system-ui,sans-serif;
}
.section__macro{
    font-size: 12px;
}
.section__macro.flex {
    align-items: center;
    margin-bottom: 5px;
}
.section__macro.flex img {
    margin-right: 8px;
}
.section__macro  span {
    color: #0E344450;
}
.section__macro  span.inkBlack-color {
    color: #0E3444;
}
@media (min-width: 768px) {
    .section__macro  span.inkBlack-color {
        color: #0E344450;
    }
    .main__title {
        margin-right: 30px;
    }
}
.button--primary.aggiungiClasseButton, .button--secondary {
    padding: 0 20px;
    min-width: auto;
}

.toggle--center .button--stroke.button--secondary {
    width: auto;
}

.header__spacer {
    border-top: 1px solid #c8d2d2;
    margin-bottom: 30px;
}
.spacer {
    border-top: 1px solid #f2f6f4;
}
.form__group--box {
    border: 1px solid #AAAFB0;
    border-radius: 12px;
    position: relative;
}
.form__group--box>label{
    position:absolute;
    top:-13px;
    left:20px;
    background-color:white;
    padding: 0 5px;
    font-size: 16px;
}
.form__group--box > input, .form__group--box > select, .form__group--box > input:focus{
    border:none;
}
.noBorder {border: none;}
.btn-large{
    height: 56px;
    line-height: 56px;
    min-width: 180px;
}
.section__header.section-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
@media (min-width: 768px) {
    .section__header.section-flex {
        flex-direction: row;
        align-items: center;
    } 
}
.modal-message {
    font-size: 1.6rem;
    margin-bottom: 18px;
    font-weight: 600;
}
.nameModify__textArea {
    box-sizing: border-box;
}
button, .button--primary, .button--secondary {
    cursor: pointer;
}
/* ------------------- LANDING PAGE --------------- */
.section__buttonWrapper.notifiche img {
    margin-left: 12px;
}
.notifica-icon::before, .notification__icon.active::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #E72113;
    position: absolute;
}
.notifica-icon::before {
    right: 2px;
    top: 2px;
}
.landing-container {
    gap: 16px;
    flex-direction: column;
}
.landing-container .gray-container {
    padding: 28px;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: 500;
}
.landing-container .gray-container .nav-img {
    min-height: 121px;
}
.landing-container .mobile {
    background-color: #DCE1DF;
    border-radius: 12px;
    padding: 14px 20px;
}
.landing-container .mobile img {
    margin-right: 10px;
}
.miei-files-home {
    transform: translateY(4.8rem);
    padding: 20px 0 40px 0;
}
.miei-files .gray-container {
    margin-top: 30px;
    padding: 35px 20px;
}
.miei-files-home .main-container {
    background-color: #fff;
    border-radius: 16px;
    margin-top: 25px;
    padding: 24px;
}
.miei-files-home .storageBar__visual,.miei-files-home .storageBar__legend .legand-item:nth-child(2) .storageBar__legend-circle{
    background-color: #f2f6f4;
    border: none;
}
.activityItem__title.activity-name {
    margin-left: 0;
    margin-bottom: 7px;
}
@media (min-width: 768px) {
    .landing-container .gray-container {
        max-width: 50%;
    }
}
@media (min-width: 1280px) {
    .landing-container .gray-container {
        padding: 40px;
    }
    .activityTable__body.anm {
        padding: 0 24px;
    }

    .activityTable__headerWrapper:not(.ignoreSize){
        padding: 0 24px;
    }

    .activityTable__headerWrapper.nopadding{
        padding: 0 0 0 24px !important;
    }
}

/* I MIEI FILES */
.storageBar__legend-circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 10px;
}
.legand-item {
    align-items: center;
}
.storageBar__legend .legand-item:first-child {
    margin-right: 25px;
}
.storageBar__legend .legand-item:first-child .storageBar__legend-circle {
    background-color: #267782;
}
.storageBar__legend .legand-item:last-child .storageBar__legend-circle {
    background-color: #fff;
    border: 0.5px solid #0E3444;
}
.mieiFiles-spacer {
    border-bottom: 1px solid #267782;
    margin: 20px 0 30px 0;
}
.storageBar__total {
    background-color: #267782;
    border-radius: 10px;
}
.storageTable .tableItem--header {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}
.storageTable .form__input--checkbox:checked + label.header-checkbox:after {
    left: 4px;
    top: -9px;

}
.storageTable .tableItem.row {
    background-color: #fff;
    margin-bottom: 4px;
    flex-wrap: wrap;
}
.storageTable .tableItem {
    justify-content: space-around;
}
.storageTable .tableItem__cell--small {
    min-width: 40px;
  }
.storageTable .tableItem__cell--xsmall {
    min-width: 33px;
}
.storageTable .activityItem__title {
    margin-left: 0;
}
.icon-details {
    display: inline-block;
    background-image: url('../images/new-svg/i-details.svg');
    width: 30px;
    height: 30px;
    background-position: left bottom;
}
.storageTable .activityTable .tableItem__cell.tableItem__cell--big {
    min-width: 50%;
}
.storageTable .tableItem__cell:nth-child(3) {
    margin-left: 33px;
    margin-top: 12px;
    order: 3;
}
.storageTable .tableItem__cell:nth-child(4) {
    order: 4;
    margin-top: 12px;
    margin-right: 40px;
}
.form__label--check:before {
    left: 0;
}
.form__input--checkbox:checked + label.storage:after {
    left: 20px;
    top: -8px;
}
.selectedFilesSize {
    min-width: 70%;
}
.responsive-flex {
    flex-direction: column;
}
#listaUtenti_m {
    padding: 15px 0;
}
#listaUtenti_m li {
    font-size: 1.6rem;
}
.storageTable .activityItem__title, .storageTable .titleFileHeader {
    margin-top: 5px;
}
.storageTable .activityDd__content {
    top: 35px;
    right: 15px;
}

@media (max-width: 767px) {
    .form__input--checkbox:checked + label.storage:after {
        left: 9px;
    }
}
@media (min-width: 390px) {
    .storageTable .tableItem__cell--xsmall {
        min-width: 50px;
    }
}
@media (min-width: 500px) and (max-width: 768px) {
    .storageTable .activityItem__title {
        min-width: 300px;
    }
}
@media (min-width: 600px) {
    .storageTable .activityTable .tableItem__cell.tableItem__cell--big {
        min-width: 70%;
    }
}
@media (min-width: 768px) {
    .form__label--check:not(.notifica)::before {
        left: 12px;
    }
    .form__label--check.header-checkbox::before {
        left : -4px
    }
    .storageTable .activityTable .tableItem__cell--big {
        max-width: auto;
    }
    .storageTable .tableItem.row {
        padding: 15px 0;
    }
    .storageTable .tableItem.row {
        flex-wrap: nowrap;
    }
    .storageTable .activityTable .tableItem__cell.tableItem__cell--big {
        min-width: 30%;
    }
    .storageTable .tableItem__cell:nth-child(3) {
        margin-left: 0;
        margin-top: 0;
        order: 2;
    }
    .storageTable .tableItem__cell.peso {
        margin-right: 40px;
        padding: 0;
    }
    .storageTable .tableItem__cell:nth-child(4) {
        order: 3;
        margin-top: 0;
    }
    .storageTable .tableItem__cell:nth-child(5) {
        order: 4;
    }
    .storageTable .activityItem__title {
        max-width: 300px;
    }
    .responsive-flex {
        flex-direction: row;
    }
    .storageTable .tableItem__cell.date-header {
        margin-right: 22px;
        min-width: auto;
    }
    .storageTable .tableItem__cell--small.peso-header {
        margin-right: 44px;
    }
    .icon-details {
        margin-right: 5px;
    }
}
@media (min-width: 1200px){
    .storageTable .activityItem__title {
        max-width: 400px;
    }
    .storageTable .tableItem__cell--icon {
        margin-right: 10px;
    }
}
/* ------------------- NOTIFICHE ----------------- */
.notifiche__header.section__aux--paddingBottom {
    padding-bottom: 50px;
}
.lp__searchBox , .notifiche__searchBox, .attivita-serachBox, .addToLp-searchBox {
    border-radius: 50px;
    background-color: #fff;
    padding: 0 30px;
    width: 100%;
    height: 50px;
}

.notifiche__search .search__fiedset {
    transform: translateY(-35px);
}
.notifiche__search .search__wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 11px;
    gap: 15px;
}
.notifiche-empty h3, .attivita-empty h3 {
    color: #0E3444;
    font-size: 32px;
    font-weight: 700;
}
.notifiche-empty .img-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.notification__item {
    background-color: #f2f6f4;
    margin-bottom: 4px;
    border: none;
}
.form__label--check.notifica::before {
    transform: translateY(30%);
}
.form__input--checkbox:checked + label.notifica:after {
    left: -2px;
    top: 11px;
}
.form__label--check.notifica:before {
    left: -10px;
}
.notification__icon {
    position: relative;
    width: 40px;
    height: 40px;
    background-image: url('../images/new-svg/i-notifica-gray.svg');
    background-position: center center;
    background-repeat: no-repeat;
}
.notification__icon.active {
    background-image: url('../images/new-svg/i-notifica-black.svg');
}
.notification__icon.active::before {
    left: 30px;
}
.notification__btn::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url('../images/new-svg/i-arrow-notifica.svg');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 50px;
}
.notification__hour.mobile {
    margin-bottom: 10px;
    display: inline-block;
}
.notification__title {
    display: block;
}
@media (max-width: 768px) {
    /* .form__label--check.notifica::before {
        left: -20px;
        transform: translateY(70%);
    } */
    .notification__title{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .impostazioni-btn {
        margin-top: 8px;
    }
    .notification-wrapper, .notification__block + .notification__block{
        padding-top: 0px;
    }
    #notificheActions.section__aux {
        padding-bottom: 0;
    }
    .notification__block.animation--list {
        margin-bottom: 30px;
    }
}
@media (max-width: 1279px) {
    .notification .button__bottomWrapper {
        margin-top: 20px;
    }
}
@media (min-width: 550px) and (max-width: 768px) {
    .notification {
        margin-top: 70px;
    }
}
@media (min-width: 768px) {
    .landing-container {
        flex-direction: row;
    }
    .landing-container .mobile {
        display: none;
    }
    .notifiche__search .search__wrapper {
        justify-content: flex-end;
        align-items: center;
        gap: 0;
    }
    .notifiche__search .elimina-btn {
        margin-left: 15px;
    }
    .notification__block + .notification__block {
        padding-top: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .notifiche__search .search__fiedset {
        transform: translateY(-45px);
    }
}
@media (min-width: 1024px) {
    .notifiche__search .search__fiedset {
        transform: translateY(-50px);
    }
}

/* -------------------- IMPOSTAZIONI ----------- */
.tableItem.notification__row {
    padding: 0;
    border-bottom: 2px solid #F2F6F4;
    min-height: 90px;
}
.tableItem.notification__row:last-child {
    border-bottom: none;
}
.impostazioni .tableItem.tableItem--header {
    padding: 0;
}
.modal__container.impostazioni  {
    width: 95%;
}
.impostazioni .tableItem__cell--small {
    display: flex;
    justify-content: flex-end;
    min-width: 100px;
}

.impostazioni__title {
    font-size: 1.6rem;
}
@media (min-width: 500px) {
    .impostazioni .tableItem__cell--small {
        min-width: 120px;
    }
}
@media (min-width: 768px) {
    .modal__container.impostazioni {
        width: 90%;
    }
    
}
@media (min-width:1024px) {
    .modal__container.impostazioni {
        width: 85%;
    }
    .impostazioni-box {
        width: 80%;
        margin: 0 auto;
    }
}

/* -------------------- CLASSI ----------------*/
.empty-class-image {
    margin-bottom: 35px;
}
.cardList__group {
    margin: 30px 0 50px 0;
}
.cardList__wrapper{
    display: grid;
    grid-template-columns: repeat(1, minmax(0,1fr));
    gap: 16px;
}
.classBox__main, .lessonPlanBox__main, .risorseBox__main {
    text-align: left;
    background-color: #f2f6f4;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.classBox__main.classCard__body{
    padding: 20px 0;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between; 
    height: 260px;
    position: relative;
}

.classi .classCard__body .upper__spacer,.classi .classCard__body .below__spacer {
    padding-left: 20px;
}
.upper-spacer{
    padding: 0 20px;
}

.classi.section__aux {
    background-color: #fff;
}

.cardList__item {
    box-shadow: none;
}

.classi .cardList__year{
    font-size: 15px;
}
.classBox{
    background-color: transparent;
}
.classBox__header{
    height: 59px;
}
.header__overlay{
    background-image: url("../images/new-svg/bg-pattern.svg");
    background-size: cover;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}
.classi .classBox__status, .classi .classBox__label{
    font-size: 14px;
}
.classBox__status--wrapper{
    margin-bottom: 15px;
}
.classBox__status--wrapper img{
    margin-right: 8px;
}

.classi .dd.classBox__dd , .classBox__tooltip.tooltipBtn{
    position:static;
}
.classi .dd .classBox__ddContent{
    top: 53px;
}
.classi .classBox__title{
    font-weight: 700;
    text-align: left;
    padding: 0;
}
.classi article .spacer{
    border-color: #dee8e9;
}
.classBox__infoList {
    padding: 7px 0 7px 20px;
    display: flex;
    gap: 24px;
}

.classBox__infoList.moreMargin {
    padding: 30px 0 20px 20px;
}
.classBox__infoItem {
    padding: 0;
    gap: 8px;
}
.classBox__infoIcon {
    color: #287782;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.classBox__infoLabel {
    display: inline-block;
    vertical-align: middle;
}
.classBox__code{
    font-weight: 600;
    padding: 11px 0 0 20px;
}
.classi .dd__content {
    right: 20px;
}
.classi .dd__content, .lessonPlanBox__ddContent{
    width: 210px;
    padding: 4px;
    border: 1px solid #00000010;
}
.dd .lessonPlanBox__ddContent {
    right: -5px;
    top: 35px;
  }
.details-icon{
    cursor: pointer;
}
.linkModify__edit.label-link-videolezione {
    background-image: url('../images/new-svg/i-title.svg');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.optionList .optionList__link, .emptyList.optionList .optionList__link {
    padding: 14px;
}
.classi .optionList .optionList__link:not(.delete) {
    color: #0E3444;
}
.classi .optionList__link:before {
    content: "";
    width: 0px;
    height: 0;
}
.class-tooltip {
    position: absolute;
    top: 30px;
    min-width: 250px;
}
.tooltip.j-tooltip{
    text-align: left;
    border-radius: 0 16px 16px 16px;
    border: 1px solid #B3F130;
}
.tooltip__titleBox{
    margin-bottom: 12px;
}
.tooltip__titleBox h4{
   margin-left: 7px;
   color: #287782;
}
.tooltip__title.private{
    margin-bottom: 0;
}
.tooltip__subtitle{
    margin: 0;
}

.tooltip.j-tooltip .tooltip__subtitle + p {
    margin: 18px 0 10px 0;
}
.tooltip__link .link{
    color: #0E3444;
    text-decoration: none;
}
.classi .tooltip:after, .classi .tooltip:before, .onTop .activityDd__content.files__dd:before {
    content: none;
}
.linkModify__input {
    width: 100%;
}
.linkModify__fieldset.modal-addLink-input {
    width: 350px;
}
@media (max-width: 768px) {
    .welcomeSection.classiListPage .section__header .section__buttonWrapper{
        justify-content: flex-start;
    }
}
@media (min-width: 768px) {
    .cardList__wrapper{
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .list_group_centered .list_group_centered_wrapper .list_group_centered_cell{
        max-width: 348px;
    }
    .linkModify__fieldset.modal-addLink-input {
        width: 500px;
    }
}

@media (min-width: 1024px) {
    .owl-stage-outer {
        max-width: calc(100vw - 300px);
    }
}

@media (min-width: 1024px) {
    .aggiungiClasseButton.section__headerButton {
        margin-left: 0px;
    }
    .classi.section__aux.section__aux--padding2 {
      padding-left: 0;
      padding-right: 0;
    }

    .cardList__group{
        padding: 10px 4.3333%;
    }
}
@media (min-width: 1200px) {
    .cardList__wrapper{
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}
/* ---------------- modal iscriviti classi ---------------------*/
.dd__content.modal__overlay, .modal__overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    background-color: #0E344495;
    margin: 0;
    padding-top: 10vh;
    min-height: 100vh;
    overflow-y: scroll;
}
.modal__container{
    padding: 20px 0;
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 24px;
}
.modal__title{
    padding: 0 30px 20px 30px;
}
.modal__title img {
    cursor: pointer;
}
.modal__title h4 {
    font-weight: 800;
    font-size: 24px;
}
.modal__classi button{
    display: block;
    width: 180px;
    height: 56px;
    margin: 0 auto;
}
.modal__classi .form__text {
    margin: 20px 15px;
    font-weight: 500;
}
.modal__classi .error-message {
    position: static;
    padding-top: 10px;
}
.pinSubmissionForm .form__fieldset {
    padding-bottom: 20px;
}
.toggle--center .dd__content--bigger{
    margin: 0;
}
.modal__classi .form.dd__form{
    width: 100%;
}
.modal__classi .form__group--box {
    padding: 10px;
}
.modal__classi .form-container {
    width: 90%;
    margin: 15px auto 0 auto;
    
}
@media (min-width: 768px) {
    .modal__container{
        width: 65%;
    }
    .modal__classi .form-container {
        width: 70%;
    }
}
/* ------------------- import class modal -------------------*/
.google-modal > ul div {
    align-items: center;
    padding: 30px;
}
.google-modal > ul .optionList__link{
    letter-spacing: normal;
}

/* ------------------ add class ------------*/
.tabberIcon__wrapper{
    padding-top: 60px;
}
.tabberIcon__title {
    padding-top: 30px;
}
.tabberIcon__item__aux {
    align-items: center;
}

.tabberIcon__item__aux img{
    padding-right: 12px;
}
.add-class .tabberIcon__item:first-child {
    margin-left: 0px;
}
.add-class.tabberIcon__aux{
    height: auto;
}
.add-class .tabberIcon__item {
    width: 348px;
    height: 92px;
    padding-left: 16px;
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
    margin: 0;
    border: 2px solid #F2F6F4;
}
.add-class .tabberIcon__link {
    display: block;
    width: 100%;
    height: 100%;
    height: auto;
    background-color: transparent;
}
.add-class .tabberIcon{
    flex-wrap: wrap;
    padding-bottom: 20px;
    gap: 16px;
}
.add-class .tabberIcon__item.active {
    border: 2px solid #B3F130;
}
.messaggioClassePrivata .messageBox{
    flex-direction: column;
}
.messaggioClassePrivata .messageBox__info{
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    padding-right: 0;
}
.messageBox__paragraph{
    display: flex;
    flex-direction: column;
    font-size: 16px;
    padding-top: 20px;
}
.messaggioClassePrivata .messageBox:after{
    border: none;
}
.classi-privata .nameModify__fieldset, .participate-class .nameModify__fieldset{
    width: 90%;
}
.nameModify__fieldset img{
    padding-bottom: 8px;
}
.classi-privata .nameModify__input, .participate-class .nameModify__input, .creaLP__form--container .nameModify__textArea{
    padding: 0;
    border-bottom: 2px solid #0E3444;
    text-align: left;
    font-size: 24px;
    padding-bottom: 15px;
}
.classi-privata .nameModify__input, .participate-class .nameModify__input{
    width: 100%;
}
.participate-class .button__bottomWrapper {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .add-class .tabberIcon{
        flex-wrap: nowrap;
    }
    .classi-privata .nameModify__fieldset, .participate-class .nameModify__fieldset{
        width: 70%;
    }
}

/* ----------------- add public class ---------------- */
#classi-pubblica-w {
    background-color: transparent;
}
.public__class--container {
    margin-bottom: 40px;
    padding: 40px 24px;
}
.public__class--container .section__main{
    padding: 0;
}
.public__class--container .search__wrapper--full {
    width: 100%;
    max-width: 100%;
}
.public__class--container .search__wrapper--full .search__label, .lp__searchBox, .notifiche__searchBox, .attivita-serachBox, .addToLp-searchBox {
    position: static;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 8px 20px 0px #00000020;
}
.public__class--container .section__aux.results{
    text-align: left;
    padding: 20px 15px;
    font-size: 16px;
}
.public__class--container .search__btn {
    background-color: #fff;
    border: none;
    margin: 0 20px;
}
.public__class--container .search__input {
    left: 30px;
    padding: 5px 0;
}
.search__input::placeholder{
    color: #cbd0d1;
    font-weight: 600;
}
.public__class--container tbody .table__row, .table--tc .table__row {
    background-color: #fff;
    padding: 24px 16px;
    height: auto;
    border: 4px solid #F2F6F4;
}

.table--rr .table__row {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.table--rr .table__col {
    display: flex;
    align-items: center;
    height: auto;
    padding: 10px;
    line-height: 1.5;
}
#schools .table__col {
    /* overflow: hidden; */
    text-overflow: ellipsis;
}
.table--rr .table__col:nth-child(7) a {
    width: 100%;
}
.table--rr .table__col:nth-child(2), 
.table--rr .table__col:nth-child(3),
.table--rr .table__col:nth-child(5),
.table--rr .table__col:nth-child(6) {
    display: none;
}
.table--rr .table__header{
    display: none;
}
.table__header .table__row{
    background-color: #F2F6F4;
    padding: 0 16px;
}
.table__col.table__nome, .table__header .table__col{
    color: #0E3444;
}
.help--par {
    font-size: 16px;
} 
.help--link {
text-transform: uppercase;
margin-top: 10px;
text-decoration: none;
}
@media (min-width: 768px) {
    .table--rr .table__col:nth-child(7) {
       align-self: flex-end;
       justify-self: flex-end;
    }
    .table--rr .table__header{
        display: block;
    }
    .table--rr .table__row {
        grid-template-columns: repeat(7, 1fr);
    }
    .table--rr .table__col:nth-child(2), 
    .table--rr .table__col:nth-child(3),
    .table--rr .table__col:nth-child(5),
    .table--rr .table__col:nth-child(6) {
        display: flex;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .table--rr .mobile-rows {
        grid-template-columns: repeat(6, 1fr);
    }

    .table--rr .table__col:nth-child(5) {
        display: none;
    }
}
/* ------------------ PARTICIPATE IN CLASS ----------- */
.cardSchool {
    position: relative;
}
.cardSchool__aux {
    padding: 16px 24px;
    border-bottom: 7px solid #267782;
}
.button__bottomWrapper.participate , .button__bottomWrapper.crea-classe{
    margin-top: 20px;
}
.section__main.participate-table {
    padding: 15px 20px 30px 20px;
}
.table--tc .table__col {
    padding-left: 20px;
}
.table--tc .table__col:last-child {
    padding-left: 0;
    padding-right: 20px;
}
.modal-addLink-input {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .attivita-table-row-per-docente .activityTable__bigCell .activityItem, .attivita-table-row  .tableItem__cell--big .activityItem{
        align-items: flex-start;
    }
    .attivita-table-row-per-docente .activityDate__status {
        display: none;
    }
    .attivita-table-row-per-docente  .activityTable__due {
        margin-left: 20px;
    }
    .header-detailsStudente-per-docente {
        display: none;
    }
    .table-detailsStudente-per-docente {
        margin-top: 30px;
    }
}
/* --------------- CLASS DETAILS --------------- */ 
.buttonsClasse .info-icon {
    margin-right: 30px;
}
.buttonsClasse .info-icon img {
    margin-left: 8px;
}
.buttonsClasse .class-type img {
    margin-right: 10px;
}
.buttonsClasse .codice {
    padding-top: 15px;
}
.class-details .tabber__link {
    color: #0E3444;
    font-weight: 700;
}
.class-details-tabber {
    width: 100%;
}
.class-details-tabber > div {
    flex-direction: column;
    gap: 20px;
}
.section__aux.section__aux--padding2.class-details-tabber {
    padding: 15px 0 0 4.66%;
}
.class-details-tabber .tabber__item {
    padding: 0 18px;
}
@media (min-width: 768px) {
    .tabber__aux.class-details {
        text-align: left;
    }
    .class-details-tabber > div {
        flex-direction: row;
    }
    .class-details-tabber .tabber__item:first-child{
        padding: 0 18px 0 0;
    }
}
/* --------------- ATTIVITà -------------------- */
.materie .customSelect__option, .materie .customSelect__selected {
    text-transform: uppercase;
}
.andamento-filter-btn-wrapper {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}
.chart-container .gray-container {
    padding: 20px 15px 100px 15px;
    position: relative;
}
.chart-container .chart {
    border-radius: 16px;
    padding: 10px 10px 20px 10px;
}
.chart__arrows {
    position: absolute;
    bottom: 15%;
    width: 100%;
    right: 0;
    left: 0;
}
  
.chart__arrow {
    color: #0E3444;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #B3F130;
    position: absolute;
    top: 35%;
    right: 6%;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
.chart__arrow-icon {
    transform: rotate(90deg);
}
.chart__arrow.disabled {
    color: #333;
    pointer-events: none;
}
.chart__arrow.chart__arrow--prev {
    /* float: left; */
    left: 6%;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.highcharts-tooltip span {
    font-family: Figtree, system-ui, sans-serif !important;
}
.highcharts-label.highcharts-tooltip{
    position: fixed !important;
}
g.highcharts-label.highcharts-tooltip{
    visibility: hidden !important;
}
.header_classi_attivita {
    margin-bottom: 14px;
}

.attivita-serachBox-container {
    margin: 10px 20px;
}
.attivita-serachBox input {
    border: none;
    width: 100%;
    font-size: 1.6rem;
}
#section_activities.section__main {
    padding-top: 15px;
}
#section_activities .internalTab__link {
    font-size: 1.4rem;
}
#section_activities .internalTab {
    margin: 0 18px 0 20px;
}
.section-attivita-main .tableItem.activityTable__header {
    min-height: auto;
}
.section-attivita-main .activityTable__headerWrapper {
    background-color: transparent;
}
.classi_filter_attivita_select.open {
    box-shadow: 0px 8px 24px 0px #0000001F;
    border-radius: 16px;
}
#filtriAttivitaClasse .customSelect__list {
    top: 60px;
}

.activityTable__headerAux.activity-header {
    padding: 0 10px 0 0;
}

.activityTable__headerAux.activity-header-fix {
    padding: 0 0 0 0;
}
.activityTable__emptyText {
    padding: 0 20px;
}
.attivita-table-row {
    background-color: #fff;
    margin-bottom: 4px;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}
.attivita-table-row .activityDate {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 54px;
}
@media (min-width: 768px) {
    .attivita-table-row .activityDate {
        margin-left: 20px;
    }
}
.classi_wrapper_search_attivita {
    justify-content: flex-start;
}
.section__aux.section__aux--padding2.classi-attivita-filter-box {
    padding-bottom: 0;
}

.studentDetailTable .activityItem__info {
    margin-left: 12px;
}
.partecipantsList.dd__content.mobile-view {
    left: -40px;
}
.infoCellDetailsStudente .button--secondary {
    min-width: 100px;
}
.studentDetailTable .tableItem__cell--small.activityTable__open.infoCellDetailsStudente {
    align-self: flex-end;
}
/* FILTER ATTIVITA MOBILE */
.filter-modal.modal__overlay {
    padding-top: 5vh;
    transition: transform 0.3s ease-in;
}
.open-modal {
    transform: translateY(0);
}
.close-modal {
    transform: translateY(-150%);
}

.filter-modal-content {
    padding: 20px 5px 10px 5px;
    width: 90%;
    margin: 0 auto;
    background-color: #F2F6F4;
    border-radius: 16px;
    /* min-height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#filter-andamento .filter-modal-content {
    min-height: 50vh;
}
#filter-attivita .filter-modal-content {
    min-height: 70vh;
}
.filter-modal-content .main-content {
    padding: 0 15px;
}
.filter-modal-content .button--primary {
    /* width: 100%; */
    margin: 0 15px 20px 15px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}
.filterAccordionElement {
    padding: 5px 0;
}
.filterAccordionTitle {
    font-weight: bold;
    padding: 10px 36px 10px 0;
    position: relative;
    cursor:pointer;
    text-transform: uppercase;
}
.filterAccordionTitle:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 0;
    width: 36px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 300;
    color: inherit;
    font-size: 28px;
}
.filterAccordionTitle.contentOpen:after {
    content: "-";
}
.filterAccordionContent {
    display: none;
    padding-bottom: 10px;
}
.filterAccordionContent li {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 12px 0;
    position: relative;
}
.filterAccordionContent li span {
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
}
.filterAccordionContent li::before, .filterAccordionContent li::after {
    content: "";
    border-radius: 50%;
    position: absolute;
}
.filterAccordionContent li::before {
    width: 24px;
    height: 24px;
    border: 2px solid #0E3444;
    right: 0;
}
.filterAccordionContent li::after {
    width: 10px;
    height: 10px;
    background-color: transparent;
    right: 7px;
    bottom: 19px;
    z-index: 44;
}
.filterAccordionContent li.active-check::before{
    background-color: #B3F130;
}
.filterAccordionContent li.active-check::after {
    background-color: #0E3444;
}
.remove-filter-btn {
    color: #0E344460;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 20px;
}
.filter-spacer {
    border: 1px solid #0E344440;
    margin: 20px 0;
}
.active-filter-btn {
    border-color: #B3F130;
}
@media (min-width: 768px) {
    .header_classi_attivita {
        margin-bottom: 0;
    }
    .chart-container .gray-container {
        padding: 40px 100px;
    }
    .chart-container .chart {
        padding: 20px 30px;
    }
    .chart__arrows {
        bottom: 47%;
    }
    .section--activityTable .internalTabber {
        text-align: left;
    }
    .classi_wrapper_search_attivita {
        justify-content: flex-end;
    }
    .filter-attivita-btn {
        display: none;
    }
    .attivita-table-row {
        flex-direction: row;
        gap: 0;
        align-items: center;
    }
    .attivita-table-row .activityDate {
        margin-left: 0;
    }
    .studentDetailTable .tableItem__cell--small.activityTable__open.infoCellDetailsStudente {
        align-self: center;
    }
}
@media (min-width: 1280px) {
   .activityTable__headerAux.activity-header {
        padding: 0 3% 0 1.5%;
    }

    .studentDetailTable{
        padding: 0 3% 0 1.5% !important;
    }
}
/* --------------- ACTIVITY DETAILS ------------ */
.dettaglio__attivita .titoloAttivitaContainer {
    display: flex;
    align-items: center;
}
.dettaglio__attivitaClasse {
    padding: 15px;
}
.dettaglio__attivita #attivitaButtonsContent {
    margin-top: 15px;
}
.dettaglio__attivitaClasse .tableItem__body {
    background-color: #F2F6F4;
    margin-bottom: 4px;
}
.dettaglio__attivitaClasse .tableItem--header {
    min-height: auto;
}
.dettaglio__attivitaClasse .activityItem {
    align-items: center;
}
.dettaglio__attivitaClasse .vediButton{
    min-width: 50px;
    padding: 0px 20px;
}
@media (min-width: 768px) { 
    .dettaglio__attivitaClasse {
        padding: 0;
    }
    .dettaglio__attivita .attivitaButtonsContent {
        margin-top: 0;
    }
}
/* --------------- PARTICIPANTS ---------------- */
.group-student {
    padding: 0 25px;
    gap: 5px;
}
.classUsers__list {
    padding-left: 0;
}
.classUser .profile__avatar__classi.group, .invita-table .profile__avatar__classi.group, .crea-gruppo .profile__avatar__classi.group, .studentDetailTable .profile__avatar__classi.group {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #267782;
    min-width: auto;
    margin-right: 10px;
}
.invita-table .profile__avatar__classi.group {
    margin-right: 0;
}
.classUser .profile {
    align-items: center;
}
.profile__info.flex {
    align-items: center;
}
.profile--alt {
    margin-bottom: 30px;
}
.profile--alt .profile__info {
    font-weight: 600;
}
.classUserMenu__content {
    right: 21px;
}
.group-items-conrainer {
    margin-top: 30px;
}
.add-remove-student-btn-bottom .bottomActionBar__aux {
    padding: 0;
}
.add-remove-student-container .section__name {
    margin-bottom: 20px;
}
@media (min-width: 769px) {
    .classUserMenu__content {
        top: 33px;
        right: -6px;
    }
    .add-remove-student-container .section__name {
        margin-bottom: 0;
    }
}
/* invita */
.classe-invita .section__header {
    width: 90%;
    margin: 0 auto;
}
.classe-invita .invita-form-box {
    gap: 24px;
    flex-direction: column;
    align-items: center;
}
.invita-form-box .form__input--search {
    width: 100%;
    padding: 10px;
}
.invita-form-box .form__input--search:focus {
    outline: none;
}
.invita-form-box .form__group--box {
    padding: 6px;
    width: 100%;
}
.classe-invita .invita-form-box button {
    max-width: 180px;
}
.invita-table .activityTable__headerWrapper {
    background-color: transparent;
}
.invita-table .tableItem--header {
    display: none;
}
.tableItem.tableItemInvito {
    background-color: #fff;
    margin-left:20px;
    margin-right: 20px;
    margin-bottom: 4px;
}
.invita-table .activityItem__info {
    padding-top: 7px;
}
.invita-table .activityDd__aux {
    margin-right: 12px;
}
.tableItem.tableItemInvito {
    flex-wrap: wrap;
    justify-content: space-between;
}
.tableItem.tableItemInvito .user-box {
    width: 100%;
    margin-top: 15px;
}
.tableItem.tableItemInvito .activityItem__info {
    display: flex;
    align-items: center;
}
.invita-table .activityItem__title {
    text-overflow: ellipsis;
}
@media (min-width: 768px) {
    .classe-invita .section__header {
        width: 60%;
    }
    .classe-invita .invita-form-box {
        flex-direction: row;
    }
    .invita-table .tableItem--header {
        display: block;
    }
    .invita-table .profile__avatar__classi.group {
        margin-right: 15px;
    }
    .tableItem.tableItemInvito .user-box {
        margin-top: 0;
    }
}
@media (min-width: 1024px) { 
    .classe-invita .section__header {
        width: 80%;
    }
}
@media (min-width: 1200px) { 
    .classe-invita .section__header {
        width: 50%;
    }
    .classe-invita .section__main{
        padding-left: 15%;
        padding-right: 15%;
    }
}
/* crea gruppo */
.groupList__item.gray-container {
    border: none;
    margin-bottom: 16px;
}
.crea-gruppo .groupList__remove, .crea-gruppo .groupList__add {
    color: #0E3444;
}
.groupList {
    padding-left: 0;
}
.crea-gruppo-input-box, .modifica-classe-input-box {
    max-width: 600px;
}
.crea-gruppo-input-box input, .modifica-classe-input-box .nameModify__modificaClasse{
    width: 100%;
    padding-right: 0;
}
.crea-gruppo-input-box .nameModify__icon {
    right: -10px;
}
.nameModify__inputLessonPlan , .nameModify__modificaClasse {
    border-bottom: 2px solid #0E3444;
    font-size: 2.4rem;
    font-weight: 700;
    text-transform: capitalize;
}
.group__label.main {
    text-transform: capitalize;
}
.groupColor__list ul{
    padding-left: 0;
}
.groups-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    padding-bottom: 15px;
}
.groups-container .filter__item{
    margin-bottom: 0;
}
.groups-container ul {
    overflow-x: auto;
}
#edit-group-button {
    margin-top: 20px;
}
@media (min-width: 768px) {
    .groups-container {
        flex-direction: row;
        align-items: center;
    }
    #students--block .filter.section__main {
        padding-top: 20px;
    }
    #edit-group-button {
        margin-top: 0;
    }
    .crea-gruppo-input-box, .modifica-classe-input-box {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
@media (min-width: 1024px) {
    .groups-container {
        padding: 0 4.1666%;
    }
}
/* --------------- RISORSE -------------------- */
.risorse .section__rightWrapper {
    text-align: center;
    padding-right: 0;
    transform: translateY(0);
}

.risorseBox__header {
    height: 12px;
    background-color: #267782;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.risorseBox__main {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* padding-bottom: 10px; */
}
.risorse-title {
    margin-top: 10px;
    height: 62px;
    overflow: hidden;
}
.dd.risorseBox__dd {
    position: relative;
}
.risorseBox__main .spacer {
    border-bottom: 1px solid #26778240;
}
.risorseBox__main .form__fieldset {
    padding: 0;
}
.risorseBox__main .customSelect__selected {
    width: auto;
    padding: 12px 10px 13px 20px;
}
.risorseBox__main .customSelect__selected::after {
    content: none;
}
.risorseBox__main .customSelect__list, .risorseBox__main .form__select {
    width: auto;
}
.risorseBox__main .form__select {
    padding-right: 0;
}
.risorseBox__main .form__select + img {
    display: inline-block;
}
.risorseBox__main .form__select + img.toLeft {
    transform: translateX(-16px);
}
.risorseBox__main .arrow-icon.open {
    transform: rotate(180deg);
}

.customSelectCondivisione{
    background: #fff url(../images/new-svg/freccia-giu-20.svg) no-repeat calc(100% - 10px) 50%;
    border-radius: 12px;
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: #fff;
    border: 1px solid #333;
    text-align: left;
}

.customSelectCondivisione::after{
    content: "";
    color: #0E3444;
    position: absolute;
    right: 20px;
    font-family: "icomoon" !important;
    font-size: 10px;
}


.customSelect{
    cursor: pointer;
}
.customSelect__list {
    /* width: max-content; */
    /* min-width: max-content; */
    /* max-width: max-content; */
    border: none;
    box-shadow: 0px 0px 4px 4px #0000000A;
    padding-left: 0;
}
.customSelect__list.ignore-content{
    width: auto;
}
.customSelect__option.active {
    background: none;
    /* color: #A6BFC6; */
}
.customSelect__option {
    padding: 8px 15px;
    min-height: auto;
    border-top: none;
    font-weight: 600;
}

.customSelect__option span {
    font-size: var(--hsc-font-size-sm);
    font-family: var(--hsc-font-family-body);
    font-weight: var(--hsc-font-weight-normal);
    color: var(--hsc-color-ink-black);
}

/* .customSelect__option span:hover {
    font-weight: var(--hsc-font-weight-bold);
} */
.customSelect__option span:hover:before {
    font-weight: var(--hsc-font-weight-bold);
}

.risorse .lpSection__bottom {
    margin-top: 40px;
}

.creaCartella__form--container {
    text-align: left;
    margin: 30px 0;
}
.creaCartella__form--container .nameModify__input {
    padding-right: 0;
    border-bottom: 2px solid #0E3444;
}
.creaCartella__form--container .nameModify__fieldset, .risorse-upload-container {
    width: 90%;
}
.risorse-upload-container {
    margin: 10px auto;
    padding: 30px 0;
}
.file-upload-header {
    margin: 20px 0 0 0;
}
.tableItem.file-upload-table-header {
    height: 60px;
    min-height: 60px;
    display: none;
    padding: 0 15px 0 0;
}
.tableItem.file-upload-table-header:hover {
    background-color: transparent;
}
#filesContainer .tableItem {
    flex-wrap: wrap;
    margin-bottom: 4px;
    min-height: 112px;
}
#filesContainer .activityItem__title {
    max-width: auto;
}
#filesContainer .tableItem .tableItem__cell:nth-child(2) {
    order: 3;
    padding: 0 0 15px 50px;
}
.cartella-details-spacer {
    border-bottom: 2px solid #A6BFC6;
}
.cartella-details-spacer + div {
    background-color: #F2F6F4;
}
.cartella-details-spacer + div > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
}
.share-link-btn {
    width: 100%;
}
.share-link-btn img{
    margin-left: 10px;
}
.cartella-details .section__aux.section__aux--padding2 {
    padding-top: 40px;
    padding-bottom: 40px;
}
#filesUploadedList.section__aux.section__aux--padding2, .risorse .section__aux.section__aux--padding2{
    padding-top: 0;
}
.copia-link-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../images/new-svg/i-copy.svg');
    background-position: center center;
}
.copy-link-box {
    margin: 0 auto;
}
.optionList__link.copiarisorse {
    line-height: 1.4;
}
.classEmptyState__title.ok-message {
    margin-top: 25px;
    margin-bottom: 10px;
}
.risorse .cardList__wrapper {
    margin-top: 30px;
}
.copiaRisorsiSelect {
    margin-bottom: 20px;
}
.copiaRisorsiSelect .customSelect__selected {
    text-align: left;
    border: 1px solid #AAAFB0;
    border-radius: 10px;
}
@media (max-width: 380px) {
    #filesContainer .activityItem__title {
        max-width: 160px;
    }
}
@media (max-width: 768px) {
    .risorse-filesTable-wrapper {
        padding-left: 4.33%;
        padding-right: 4.33%;
    }
    .file-upload-header {
        padding-left: 0;
    }
}
@media (min-width: 500px) {
    #filesContainer .activityItem__info {
        min-width: 300px;
    }
}
@media (min-width: 550px) {
    .share-link-btn {
        width: auto;
        min-width: 245px;
    }
}
@media (min-width: 600px) {
    #filesContainer .tableItem .tableItem__cell:nth-child(2) {
        order: 0;
        padding: 0;
    }
    .tableItem.file-upload-table-header {
        display: block;
    }
}
@media (min-width: 768px) {
    /* #classiTabView.tabber__wrapper, #classiTabView .tabber__aux{
        height: auto;
    } */
    .risorse .cardList__wrapper {
        margin-top: 10px;
    }
    .risorse .section__rightWrapper {
        text-align: right;
        padding-right: 4.666%;
        transform: translateY(-40px);
        max-width: 300px;
    }
    .creaCartella__form--container .nameModify__fieldset, .risorse-upload-container {
        width: 75%;
    }
    #filesContainer .tableItem {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

   
    #filesContainer .activityTable__headerWrapper {
        justify-content: space-between;
    }
    #filesContainer .tableItem__cell--small {
        min-width: 100px;
    }
    .cartella-details-spacer + div > div {
        flex-direction: row;
        align-items: center;
    }
    .cartella-details .editorial__text {
        max-width: 70%;
    }
    .copiaRisorsiSelect {
        max-width: 350px;
    }
}

@media (min-width: 968px) {
    #filesContainer .tableItem.new-template-download{
        padding: 0px 55px 0 25px !important;
    }

    .activityTable .cellTitle-fix{
        /* width: calc(100% - 193px) !important; */
        max-width: calc(100% - 250px);
      }
}

@media (max-width: 768px) {
    #filesContainer .tableItem .cellTitle-fix-isnew{
        /* width: calc(100% - 193px) !important; */
        max-width: calc(100% - 105px);
      }
}
@media (min-width: 1024px) {
    .creaCartella__form--container .nameModify__fieldset, .risorse-upload-container {
        width: 60%;
    }
}
/* -------- CREATED CLASS MODAL  ---------------*/
.created__class .section__name{
    font-size: 32px;
}
.created__class .section__main {
    padding-top: 0;
}
.wizardIcon__item {
    padding-top: 0;
    padding-bottom: 0;
}
.wizardIcon__item img {
    margin: auto;
    width: 160px;
}
.wizardIcon__txt{
    font-size: 17px;
}
.wizardIcon__txt span {
    display: inline-block;
    background-color: #F2F6F4;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 16px;
}
.wizardIcon__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.created-class-btn {
    padding-top: 0;
}
@media (min-width: 768px) {
    .wizardIcon__list {
        flex-direction: row;
        align-items: flex-start;
    }
    .modal__container.created__class {
        width: 80%;
    }
    .wizardIcon__item {
        width: 40%;
    }
    .wizardIcon__item img {
        width: 220px;
    }
    .created-class-btn {
        padding-top: 20px;
    }
}
@media (min-width: 1280px) {
    .wizardIcon__item {
        width: 33.3%;
    }
}
/* ------------- LESSON PLAN PART ----------------------*/
.lp-empty-image img {
    width: 200px;
    height: 180px;
    margin: 0 auto 25px auto;
}
.lessonPlan__header.section__aux--paddingBottom {
    padding-bottom: 30px;
}
#lps .spacer {
    margin-top: 70px;
}
#lps .section__header {
    padding-top: 0;
}
.lessonPlan__search .search__input, .notifiche__search .search__input, .addToLp-searchBox .search__input {
    border: none;
    opacity: 1;
    width: 90%;
    position: static;
}
.customSelect__selected {
    text-align: right;
    border: none;
    background-color: transparent;
}
.lessonPlanBox {
    min-height: auto;
}
.lessonPlanBox.cardList__item.list_group_centered_cell {
    transform: none;
}
.lessonPlanBox__header {
    background: #ADCFD3;
    background-image: url('../images/new-svg/i-lp-header-bg.svg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 94px;
}
.lessonPlanBox__main {
    min-height: 200px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.lessonPlanBox__name {
    color: #0E3444;
    font-weight: 700;
    font-size: 20px;
    /* margin-top: 15px; */
    line-height: 1.4;
}
.lp__searchBox, .section__main.classEmptyState .lessonPlan__search {
  transform: translateY(-25px);
}
.lpSection__bottom {
    margin-bottom: 30px;
}
.lpSection__bottom h4 {
    font-weight: 800;
    font-size: 24px;
    padding-bottom: 15px;
}
.lpSection__bottom > div {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}
.lessonPlanBox__author, .lessonPlanBox__date {
    margin-right: 8px;
    font-size: 14px;
}
.button-assegna-condividi{
    padding-right: 6px;
}
.share-icon {
    padding-right: 10px;
}
.lessonPlanBox__dd.dd{
    position: relative;
    z-index: 20;
}
.pagination__wrapper.lp {
    margin-top: 0;
}
.pagination__wrapper.lp {
    margin-top: 0;
}
.filesTable-wrapper {
    padding-top: 20px;
    padding-left: 4.333%;
    padding-right: 4.333%;
}
@media (min-width: 768px) {
    .lpSection__bottom > div {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}
/* modal condivisioni assegnazione */
.modal__condivisioni{
    background-color: #fff;
}
.modal__condivisioni .cardList__year {
    margin-top: 20px;
    padding: 0 0 20px 0;
}
.tabber__link {
    color : #0E344460
}
.tabber__link.current {
    color: #0E3444;
}
.modal__condivisioni .activityTable {
    padding: 20px 0 70px 0;
}
.modal__condivisioni .activityTable__body {
    border: none;
    width: 90%;
    margin: 0 auto;
}
.modal__condivisioni .tableItem {
    background-color: #F2F6F4;
    border: none;
    border-bottom: 4px solid #fff;
}
.activityTable .button--secondary {
    cursor: pointer;
    height: 45px;
    line-height: 45px;
}
.cardList__yearIcon.disabled, .cardList__yearIcon--right.disabled {
    color: #33333340;
}
@media (min-width: 1240px){
    .modal__condivisioni .activityTable__body {
        width: 80%;
    }
}
/* -------------- LESSON PLAN CONDIVIDI ---------------- */
.condividi__lessonTitle, .hubkit__item, .lessonTitleAssegna, .student-name-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 7px solid #267782;
    display: flex;
    align-items: center;
    gap: 20px;
}
.lessonForm__row.section__aux {
    padding-top: 0;
}
.lessonForm__row .form__group--box {
    width: 315px;
    padding: 5px;
}
.lessonForm__row .form__group--box > label {
    top: -16px;
}

#condivisioni-content .activityItem__title, #assegnazioni-content .activityItem__title {
    margin-left: 0;
    margin-bottom: 12px;
}
.tabber__wrapper.condividi .tabber{
   padding: 0 3.8%;
}
.options__form--container {
    margin-top: 20px;
    background-color: #267782;
    border-radius: 16px;
    padding: 0 0 20px 16px;
}
.options__form--container .form__placeholder {
    background-color: #fff;
    border-radius: 4px;
    padding: 5px;
    position: relative;
    top: 8px;
    left: 12px;
    font-size: 16px;
    font-weight: 600;
}
.options__form--container .customSelect {
    max-width: 315px;
}
.options__form--container .customSelect__selected {
    border-radius: 12px;
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: #fff;
    border: 1px solid #333;
    text-align: left;
}
.options__form--container .customSelect__selected::after {
    font-size: 10px;
}
.options__form--container .form__fieldset.form__fieldset--third {
    width: 300px;
}
.options__form--container .editorial button {
    background-color: transparent;
    border: none;
}
.options__form--container .editorial .flex {
    position: relative;
}
.options__form--container .button--stroke2, .options__form--container .button--stroke {
    height: 32px;
    line-height: 28px;
    padding: 0 8px;
    border: 2px solid #D1F0BC;
}
.options__form--container .button--stroke {
    background-color: #D1F0BC;
}
.options__form--container .button--stroke button {
    font-weight: 700;
}
.button__bottomWrapper.condividi__btn {
    padding-top: 0;
    padding-bottom: 40px;
}
.editorial__title.options {
    color: #fff;
    font-size: 20px;
}

.loader.modal__overlay {
    background-color: #0E3444;
    padding-top: 20px;
}
.loader.modal__overlay .spacer {
    border: 2px solid #fff;
    margin-top: 20px;
}
.loaderIcon-wrapper {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* ------------- LESSON PLAN ASSEGNA --------------- */
.assegnaForm .ms-choice:after {
    content: none;
}
.assegnaForm textarea {
    resize: none;
}
.lessonForm__row .ms-choice > span {
    padding: 10px;
}
.tabber.assegna {
    text-align: center;
}

.form__fieldsetAssegna.assegnaSelect {
    margin-top: 25px;
}
.fc-unthemed thead, .fc-unthemed .fc-row, .fc-unthemed td {
    border: 0;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 12px;
    border-bottom: 2px solid #F2F6F4;
    padding: 7px 0 12px 0;
}
.lessonForm #calendar .fc-day-header {
    padding: 10px 15px;
    color: #A6BFC6;
    font-weight: 600;
}
@media (min-width: 768px) {
    .tabber.assegna {
        text-align: left;
        padding-left: 4.33%;
        padding-right: 4.33%;
    }
    .form__fieldsetAssegna.assegnaSelect {
        margin-top: 0;
    }
   
    .tabber.assegna li:first-child {
        padding-left: 0;
    }
}
/* ------------- CREA LESSON PLAN ------------------- */
.creaLP__form--container .nameModify__aux, .creaCartella__form--container .nameModify__aux{
    padding: 0;
}
.creaLP__form--container .form__group--box, .creaCartella__form--container .form__group--box{
    margin-top: 50px;
}
.creaLP__form--container .nameModify__fieldset{
    width: 60%;
}
.creaLP__form--container .nameModify__textArea, .creaCartella__form--container .nameModify__textArea, .creaCartella__form--container .nameModify__input{
    min-width: 100%;
    resize: none;
}
.nameModify__textArea.desc {
    border: none;
    font-size: 16px;
    font-weight: normal;
    padding: 15px;
}
.creaLP__main .gray-container {
    padding: 35px;
    padding-left: 7%;
    padding-right: 7%;
}
.creaLP__main .upload {
    flex-direction: column;
    border: 2px dashed #267782;
    gap: 20px;
    align-self: stretch;
    width: 40%;
}
.creaLP__main .lessonPlanBox {
    align-self: stretch;
    width: 280px;
}
.creaLP__main .select__file, .creaLP__main .crop__wrapper {
    gap: 4%;
}
.j-topContent .section__main:first-child, .creaLP__main .crop__wrapper {
    padding: 0;
}
.creaLP__main .lessonPlanBox__main {
    background-color: #fff;
}
.creaLP__btns .button--primary, .creaLP__btns .button--secondary, .overlay__buttons .j-overlayBack{
    min-width: 180px;
    height: 56px;
    line-height: 56px;
}

.creaLP__main .crop__wrapper {
    justify-content: space-around;
}
.creaLP__main .crop__change a:first-child {
    margin-right: 15px;
}
.creaLP__main .headerCard .lessonPlanBox {
    margin: 0 auto;
}
.pageHeader__title {
    font-weight: 800;
}
.pageHeader__paragraph {
    font-size: 20px;
    font-weight: 700;
}
.add__container {
    padding-bottom: 0;
}
.lessonPlanItem__addItemBtn {
    margin-bottom: 30px;
}
.lessonPlanItem__addItemBtn img {
    margin-left: 6px;
}
.lessonPlan__addItemForm input {
    padding: 28px 15px;
    font-size: 16px;
}
.lessonPlan__addItem .spacer {
    margin-bottom: 40px;
}
.lessonPlan__addItemForm .form__fieldset {
    padding-top: 0;
}
.lessonPlan__addItemForm .form__label {
    font-size: 15px;
    font-weight: 600;
    color: #3C3F41;
}
#allegatiUpload .upload {
    background-color: #F2F6F4;
}
.lessonPlanItem__wrapper, #allegatiUpload .upload {
    flex-direction: column;
}
.upload__text {
    font-size: 16px;
    font-weight: 600;
    color: #0E3444;
}
.upload__label {
    color: #0E3444;
    font-weight: 700;
}
.upload__label img {
    margin-right: 8px;
}
.lessonPlanItems {
    width: 100%;
    margin-bottom: 50px;
    margin-top: 30px;
}
.lessonPlanItem .tableItem, .filesTable .tableItem {
    padding: 0 48px;
    margin-bottom: 4px;
}
.activityItem__title {
    margin-left: 12px;
    font-weight: 700;
}
.green__container--bg.tableItem:hover {
    background-color: #D1F0BC80;
}
a.addBtn:link, a.addBtn:visited, a.addBtn:active{
    color: #0E3444;
}
.lessonPlan__addItemForm, .upload-container {
    width: 75%;
    margin: 0 auto;
}
.form__fieldsetWrapper.link .form__fieldset:last-child {
    padding-bottom: 0;
}
.overlay__message {
    font-size: 20px;
    font-weight: 600;
}
.ops {
    background-image: url('../images/new-svg/illustrations/something-wrong.svg');
    width: 260px;
    height: 260px;
    margin: 0 auto;
}
.classEmptyState__subtitle {
    font-size: 24px;
    text-align: left;
}
.error_page_title {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    font-family: "Fraunces",system-ui,sans-serif;
    margin-bottom: 10px;
}
.classEmptyState__paragraph {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
img[alt='empty elements image'] {
    margin: 0 auto;
}
#sortable_portlets_cont .activityItem__info.flex {
    align-items: center;
}
#sortable_portlets_cont .tableItem__cell--icon {
    display: flex;
    justify-content: flex-end;
}
#sortable_portlets_cont .activityDate__text {
    font-size: 1.4rem;
}
.share-icon-creaLp img {
    margin-right: 10px;
}
@media (min-width: 1280px) {
    .add__container {
        padding-top: 40px;
    }
    .lessonPlanItems {
        margin-top: 0;
    }
    .lessonPlan__addItemForm, .upload-container {
        width: 65%;
    }
    .creaLP__main .lessonPlanBox {
        width: 348px;
    }
}
/* lesson plan details */
.notes-container h4{
    font-size: 16px;
    padding-top: 20px;
}
.notes-container .notes {
    color: #0E3444;
    text-align: left;
    padding-top: 30px;
}
.notes-container h3 {
    font-size: 24px;
    font-weight: 800;
    padding-bottom: 20px;
}
.notes-container .note-item {
    font-size: 16px;
    border-radius: 16px;
    box-shadow: 0px 8px 24px 0px #0000001F;
    padding: 24px;
    margin-bottom: 35px;
}

/* ----------------- AGGIUNGI A LESSON PLAN ----------------- */
.hubkit__item {
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}
.addToLpTable .gray-container {
    padding: 30px 20px;
    margin-top: 40px;
}
.addToLp-section .crealp-btn {
    margin-top: 20px;
}
.bg-lp {
    width: 28px;
    height: 28px;
    background-image: url('../images/new-svg/i-lp-black.svg');
    background-position: center center;
    background-size: cover;
    margin-right: 10px;
}
@media (min-width: 768px) {
    .hubkit__item {
        flex-direction: row;
        justify-content: flex-start;
        min-height: 97px;
    }
    .addToLp-section .crealp-btn {
        margin-top: 0;
    }
}
.something-wrong-img {
    min-width: 350px;
    min-height: 250px;
    background-image: url('../images/new-svg/illustrations/something-wrong.svg');
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 40px;
}

.mainWrapper {
    background-color: #fff !important;
}

.welcomeSection .section__headerBackLink {
    display: none;
}

.styles_HscButton__mGK2v{
    white-space: normal !important;
}


/* classi per centrare le pagine di errore*/
.parent-center-container {
    height: 100%;
    display: flex;
    flex-flow: column;
}

.parent-center-container .child-center {
    justify-content: center;
}

.error-buttons-container{
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.error-buttons-container > a{
    margin: 10px !important;
    width: 200px;
}
.list_group_centered {
    display: flex;
    flex-flow: row;
    /* align-content: center; */
    justify-content: center;
}

.list_group_centered .list_group_centered_wrapper{
    max-width: 1076px;
    width: 100%;
    justify-items: center;
}

.risorseBoxContainer{
    max-width: 1076px;
    width: 100%;
}



@media (min-width: 768px){
    .risorseBox {
        max-width: 348px;
    }
}

.gap-32{
    gap: 32px;
}

.button-animated{
    border-radius: 30px;
    cursor: pointer;
    padding:5px;
}
.button-animated:hover{
    background-color: #0E34440D;
}
.button-animated:focus,
.button-animated:active{
    background-color: #0E344419;
}

.detailsStudent--dynamicHeight{
    height: calc(100vh - 187px - 276px);
}

.classEmptyState.centered{
    height: 100%;
    justify-content: center;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.cellDettaglio--centered{
    display: flex;
    justify-content: center;
}

html body{
    overflow-x: hidden !important;
}

body,html {
  overflow: unset !important;
}

/* * {
    outline: 1px solid red !important;
} */

@media (max-width: 768px) {
    .noMarginInMobile{
        margin: 0;
    }
}

/* @media (min-width: 1024px) {
    main{
        max-width: calc(100vw - 24rem);
    }
} */

.customForClassi{
    padding-top: 0 !important;
    position: unset;
    z-index: unset; 
}

.customFixClassiHeader{
    z-index: 2;
}