@media only screen and (max-width: 800px) { .main_DTHeaderFix { display: none; } } @media only screen and (max-width: 600px) { .menu { display: none; } #main_login a { line-height: 30px !important; } #main_loginform { top: 35px; } #main_logo img { margin-top: 2px; height: 30px; } #main_header { height: 35px; } #main_content { margin-top: 35px; } #r372e05a59e99419a8e4374fe7fb0e983 { display: none; } #main_left_wrap, #taskbar { display: none; } #start_quickBox li { margin-left: 2px !important; margin-bottom: 2px !important; } #sche_viewSelector { display: none; } #sche_DNSelector { width: 100vw; margin: 0 !important; } .ui-dialog { width: 100vw !important; left: 0 !important; } #sche_CTSelector { margin-left: 5px !important; } .main_DTHeaderFix { top: 35px; } #main_middleHeader { margin-left: -16px !important; } .main-col2m { width: 100% !important; } .main-col3m { width: 100% !important; } #main_login { height: 35px !important; } #main_menuMobile { top: 35px !important; } } #main_menuMobile { position: fixed; top: 50px; left: -250px; height: 100%; width: 70px; overflow-x: hidden; } #main_menuMobilde::-webkit-scrollbar { visibility: hidden; } #mobile_menuSelector { width: 35px; height: 100%; float: left; } #menuLock { cursor: pointer; width: 100%; height: 10px; float: left; } #main_menuLiMob { width: auto; height: auto; display: inline-block; margin: 0; padding: 0px 10px 0px 10px; } .mobile_menu li { float: left; margin: 0px; list-style: none; color: #fff; width: 208px; margin-bottom: 5px; cursor: pointer; } .mobile_menu li span { display: inline-block; margin-left: -15px; padding: 5px 0px 5px 20px; } .menuIcon { height: 30px; width: 30px; border-radius: 50px; margin-right: 5px; background: #a7a8aa; float: left; } .menuText { width: 208px; } .menuIcon > img { height: 25px; width: auto; margin: 2.5px; vertical-align: middle; border-radius: 50px; } .mobile_menu .current-item { background: #a7a8aa; } .mobile_menu li:hover .menuIcon, .current-item > .menuIcon { background: #fff; } .mobile_menu .arrow { font-size: 11px; line-height: 0%; } .mobile_menu > ul > li { display: inline-block; font-size: 18px; } .mobile_menu > ul > li > span:hover { color: #fff; background-color: #94c01c; } .main_menu_active { color: #94c01c; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); border-left: 1px solid white; background-color: black; } .mobile_menu .sub-menuMob { font-size: 9px; float: left; width: 100%; margin-top: 0px; padding: 5px 0px; display: none; } .mobile_menu .sub-menuMob li { display: inline-block; font-size: 14px; margin-left: 18px; } .mobile_menu .sub-menuMob li span { display: inline-block; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); width: 99%; margin-left: -17px; padding-left: 10px; } .mobile_menu .sub-menuMob li span:hover { background: #94c01c; } #mobile_menuLogo { float: right; height: 50px; } #mobile_menuX { position: absolute; width: 40px; height: 25px; cursor: pointer; border-top: 5px solid #a7a8aa; border-bottom: 5px solid #a7a8aa; box-sizing: border-box; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-transform-origin: center 50% 0px; transform-origin: center 50% 0px; z-index: 99999999; top: 5px; left: 10px; display: none; } #mobile_menuX::before, #mobile_menuX::after { content: ""; background-color: #a7a8aa; width: 40px; height: 5px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: center 50% 0px; -transform-origin: center 50% 0px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } #mobile_menuX:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } #mobile_menuX.active { -webkit-transform: rotate(45deg); transform: rotate(45deg); border-color: transparent; } #mobile_menuX.active:before, #mobile_menuX.active:after { background-color: #a7a8aa; } #mobile_menuX.active:after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }