html, body {
    overscroll-behavior-y: contain;
}
@media only screen and (max-width: 600px) {
    body.not-fullscreen { /* Stili per mobile, ma NON in fullscreen JS */

        #header {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
            overflow: hidden !important;
            padding: 0.5rem !important;
            margin: 0 auto !important;
        }


        #header img {
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
        }

        #header * {
            box-sizing: border-box !important;
        }

        #stopwatchLiveView {
            visibility: hidden;
        }

        .topnav {

            display: inline-table;
        }

        #modalError, #modalSuccess {
            width: auto;
        }


        #eolLogo {
            background-size: contain !important;
            background-repeat: no-repeat;
            background-position: left center;
            width: 80%;
            /*
            height: 3em;
            aspect-ratio: 361 / 87;
            */
            margin: 0 auto;
            display: block;

        }

        .boxTopCenter {
            text-align: left;
        }

        .boxNormalS {
            width: 100%;
        }

        .tableHeader {
            table-layout: fixed;
        }

        .studentSubjects {
            display: inline-grid;
        }

        .boxLeftS {
            width: 100%;
            margin-bottom: 30px;
        }

        .boxRightS {
            width: 100%;
        }

        .eStatus {
            display: none;
        }

        #examsAvailableTable tr {
            height: 1.5rem;
            text-align: center;
        }

        #examsAvailableTable .eManage {
            text-align: center;
        }

        .eName {
            word-break: normal;
        }
    }


    table.responsive-table {
        width: 100%;
    }

    table.responsive-table tbody,
    table.responsive-table tr {
        display: block;
        width: 100%;
    }

    table.responsive-table tr:nth-child(1),
    table.responsive-table tr:nth-child(2),
    table.responsive-table tr:nth-child(3) {
        display: flex;
        flex-direction: column;
    }

    table.responsive-table td {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }

    table.responsive-table td img,
    table.responsive-table td video {
        max-width: 90%;
        height: auto;
    }

    table.responsive-table button {
        width: 90%;
    }


    #webcamLoginTest {
        position: fixed;
        vertical-align: top;
        bottom: 0;
        width: 52%;
        left: 0;
        z-index: 100;
        text-align: left;
    }

    #webcamTitle, #webcamSpace {
        display: none;
    }

    .videoLoginTest {
        vertical-align: bottom;
    }

    .cookiewarning {
        padding-left: 0;
        padding-right: 0;
    }

    #chatLabel {
        margin-bottom: 25px;
    }
    .chat-popup {
        width: 62%;
    }

    .alertWarningText {
        font-size: 24px!important;
    }

    .hide-on-small-after-click{
        display: none;
    }
}