@media (max-width: 1199px ) and (min-width: 480px) {
    .easy div#left-header.col-lg-2 {
        width: 260px;
        padding-left: 0px;
        padding-right: 0px;
        position: absolute;
        background-color: #fff;
        z-index: 10;
        left: -260px;
        transition: all 500ms ease;
    }

    .mobilemenu__on .easy div#left-header.col-lg-2 {
        width: 100%;
        padding-left: 40px;
        padding-right: 0px;
        position: absolute;
        background-color: #fff;
        z-index: 10;
        left: 0px;
    }

    div#center-header {
        padding-left: 60px;
    }

    .easy #leftBarPin {
        display: none;
    }

    #wrapper.easy .page-header .teamSwitch {}

    .easy #center-header .page-header {
        font-size: 14px;
        line-height: 18px;
        margin-top: 8px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: none;
    }

    .sidebar .sidebar-nav.navbar-collapse {
        max-height: calc(100dvh - 140px);
        overflow-y: scroll;
    }

    body.fixmenu__on .easy div#aside-left.col-lg-2,
    body.fixmenu__off .easy div#aside-left.col-lg-2,
    body .easy div#aside-left.col-lg-2,
    .easy div#aside-left.col-lg-2:hover {
        width: 260px;
        padding-left: 0px;
        padding-right: 0px;
        position: fixed;
        height: calc(100dvh - 70px);
        left: -265px;
        transition: all 0.5s;
        z-index: 10000;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    }

    body.fixmenu__on.mobilemenu__on .easy div#aside-left.col-lg-2,
    body.fixmenu__off.mobilemenu__on .easy div#aside-left.col-lg-2,
    body.mobilemenu__on .easy div#aside-left.col-lg-2,
    .mobilemenu__on .easy div#aside-left.col-lg-2:hover {
        left: 0px;
        box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.3);
    }

    body.fixmenu__on .easy #wrapper-center,
    .easy #wrapper-center {
        position: initial;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        width: auto;
    }

    button.navbar-toggle-button {
        display: inline-block;
        position: fixed;
        left: 10px;
        top: 10px;
        background-color: #fff;
        border: none;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.3);
    }

    button.navbar-toggle-button:hover {
        color: rgba(0, 0, 0, 1);
    }

    button.navbar-toggle-button i {
        transition: all 500ms ease;
        cursor: pointer;
    }

    .mobilemenu__on button.navbar-toggle-button i {
        transform: rotate(180deg);
    }

    #wrapper.easy table.alarmsItem {
        display: block;
        line-height: 16px;
    }

    #wrapper.easy table.alarmsItem tr {
        display: block;
    }

    #wrapper.easy table.alarmsItem td,
    #wrapper.easy table.alarmsItem th {
        display: inline;
        float: left;
        text-align: left;
    }

    .easy div.success {
        display: inline-block;
        padding: 5px 10px;
        border-radius: 0px;
        font-size: 14px;
        line-height: 16px;
    }

    .easy .homepageReportLabel {
        display: block;
        padding: 0px 10px 0px;
        margin-top: 5px;
        margin-left: 20px;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    div.ajaxFormEnvelope {
        margin: 0px;
        width: calc(100dvw - 50px);
        height: calc(100dvh - 140px);
        border-radius: 5px;
        gap: 0px;
    }

    .afnMenuButton {
        display: none;
    }

    body #wrapper.easy .ajaxFormHeader {
        border: 0px solid #ffffff;
        border-radius: 0px;
        padding: 10px 50px 10px 20px;
        font-size: 12px;
        line-height: 12px;
    }

    body .afhName {
        display: block;
        padding: 0px 0px;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px;
    }

    body .afhAction {
        display: inline-block;
        padding: 0px;
        margin-right: 10px;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 14px;
    }

    body .afhDesc {
        display: inline-block;
        padding: 0px;
        margin-right: 10px;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 14px;
    }

    body .ajaxFormHeader .afhControlIcon {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 10px;
        font-size: 24px;
        width: 40px;
        text-align: center;
        cursor: pointer;
    }

    .screenMessageBox {
        position: fixed;
        right: 55px;
        width: 300px;
        overflow-x: hidden;
        text-align: left;
        padding-top: 10px;
        color: #9e3636;
        cursor: default;
        transition: all 0.5s;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    }
}