﻿@media (min-width: 600px) {

    .inner_content_audio {
        background-image: linear-gradient( 90deg, #013a4fd4 0%, #383d41da 110%);
        overflow-y: auto !important;
        padding-top: 0.2rem !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        padding-bottom: 0.2rem !important;
        position: absolute;
        z-index: 101;
        color: antiquewhite;
        border-left: 2px ridge #607d8b;
        border-top: 2px ridge #607d8b;
        display: block;
        width: calc(100% - 600px);
        right: 0px;
        bottom: 0px;
    }

    .inner_content_audio-resize {
        width: 100% !important;
    }

    #sliderVal {
        /*position: fixed;
        right: 25px;
        padding-top: 8px;*/
    }

    .audio-panel-hidden-button {
        bottom: 2px !important;
    }

    .audio-panel-route-button {
        bottom: 162px !important;
    }

    .audio-panel-route-empty-button {
        bottom: 111px !important;
    }

    .audio-panel-route-disabled-button {
        bottom: 111px !important;
    }

    .audio-panel-full-width-button {
        left: 5px !important;
    }

    /*.audio-panel-not-left-menu-button {
        left: 5px;
    }*/

    .followvtuinfotext {
        font-weight: bold;
        font-size: 100%;
        margin-left: 3px;
        min-width: 100px;
    }

    .followvtu {
        width: 250px;
    }

    .fencetemplate {
        width: 350px;
    }

    .eventalarmlist {
        width: 400px;
    }

    .eventalarmlisttext {
        font-weight: bold;
        font-size: 100%;
        margin-left: 3px;
        min-width: 100px;
    }

    .mud-drawer {
        --mud-drawer-width-left: 450px !important;
    }

    app {
        flex-direction: row;
        height: 100%;
        width: 100%
    }

    .nav-menu {
        /*background: none;*/
        /*background-image: linear-gradient( 180deg, #000000e7 0%, #013a4fe7 500%);*/
        height: 100%;
    }

    .sidebar {
        min-width: 250px !important;
        height: 100vh;
        position: sticky;
        top: 0;
    }


        .sidebar .collapse {
            /* Never collapse the sidebar for wide screens */
            display: block;
        }

    .LogoImage {
        margin-top: -9px;
    }

    .main .top-row {
        position: sticky;
        top: 0;
        background-image: linear-gradient( 180deg, #000000e7 0%, #013a4fe7 500%);
    }

    .main .bottom-row {
        position: sticky;
        top: auto;
    }

    .main > div {
        /*        padding-left: 2rem;
        padding-right: 1.5rem;*/
        /*        padding-left: 0rem !important;
        padding-right: 0rem !important;*/
    }

    .navbar-toggler {
        display: none;
    }

    /*.content {*/
    /*height: 94%;*/
    /*height: 100%;
    }*/

    .top-content2 {
        height: 80px;
    }

    .top-content-half {
    }

    .top-content-expanded {
        width: auto;
    }

    .Language-Menu {
        right: 9px;
    }

    /*    .ol-zoom {
        left: 252px !important;
        top: 47px !important;
    }*/

    .ol-scale-line {
        left: 2px !important;
        top: unset !important;
        bottom: 1px !important;
    }

    /*    .map2 .ol-zoom {
        left: 2px !important;
        top: 47px !important;
    }

    .map2 .ol-scale-line {
        left: 1px !important;
        top: unset !important;
        bottom: 1px !important;
    }*/

    .Three-Dots {
        display: none;
    }

    .WidescreenHidden {
        display: none;
    }

    /*    .dMap {
        height: calc(100% - 45px);
        top: 0;
    }*/

    .menuLeft {
        width: calc(600px - 28px);
    }

    .menuLeftadmin {
        width: calc(300px - 28px);
    }

    .inner_content_eval {
        /*height: 435px;*/
        /*width: 630px;*/
    }

    .ExpandMenu {
        width: 100% !important;
    }

    .EditModeButton {
        margin-right: 10px;
        margin-top: -8px;
        margin-bottom: -12px;
    }

    .changeLog {
        left: calc(50% - 200px);
        width: 400px;
    }

    .FollowMinimize {
        margin-left: -10px;
        margin-right: -2px;
    }

    #divDeviceSms {
        left: calc(50% - 200px);
        width: 400px;
    }

    #divDeviceProfile {
        left: calc(50% - 200px);
        width: 400px;
    }

    .update-ui .dismiss {
        right: 0.75rem;
        top: 0.5rem;
    }

    .left_menu_width {
        width: min-content;
        min-width: min-content;
        max-width: min-content;
    }

    /* Admin Styles*/

    .adminMenu {
        width: 480px; /*572*/
        height: 100%;
        float: left;
        /*position: relative;
        display: grid;*/
    }
        .adminMenu.adminMenu-small {
            width: 410px !important;
        }

    .adminMenuControllers {
        height: 100%;
        padding: 0px 15px 15px 15px;
        grid-column: 1;
        grid-row: 2 / 3;
    }

    .adminMenuList {
        height: 100%;
        grid-column: 1;
        grid-row: 3 / 14;
        overflow-y: auto;
    }

    .adminContent {
        float: right;
        width: calc(100% - 508px);
        position: relative;
    }

    /*.adminTabContent {
        width: 80% !important;
    }*/

    /**************/

}
