.body {
overflow: hidden;
}
input[type=radio]:focus,
input[type=checkbox]:focus,
#scheduling span:focus,
#wifischeduling span:focus,
#ledLink span:focus,
#usbTree a:focus,
#fileTree a:focus
{outline:2px solid #FF5500;}
.more-menu-icon, .more-help-icon {
width: 20px;
height: 25px;
display: none;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.more-menu-icon {
background-image: url(../img/menu_list.svg);
}
.more-help-icon {
background-image: url(../img/help-title.svg);
}
#menu-container, #help-container {
width: 100vw;
height: 100vh;
background-color: aliceblue;
position: fixed;
top: 0;
z-index: 999;
overflow-y: auto;
}
.menu-close {
width: 20px;
height: 25px;
float: right;
margin: 10px 5px 10px 0;
padding-right: 40px;
background: url(../img/menu_close.svg) center/contain no-repeat;
}
.firstMenu {
font-size: 24px;
font-weight: 600;
line-height: 32px;
text-align: left;
cursor: pointer;
padding: 10px 10px;
}
.secondMenu a, .threeMenu a {
text-decoration: none;
}
.secondMenu a {
font-size: 20px;
font-weight: 500;
padding-left: 30px;
}
.threeMenu a {
font-size: 16px;
font-weight: 400;
padding-left: 60px;
}
.helpTip {
width: 90%;
margin: 0 auto;
margin-bottom: 5px;
clear: both;
}
#help-container h4 {
color: #000;
}
#help-container h4:first-of-type {
margin-top: 50px;
}
.wizard-mainNavigator {
display: block !important;
}
.wizard-input {
margin-left: 170px;
}
.input-info-warning {
margin-left: 670px;
}
.wizard-btn {
margin-left: 700px;
}
#template_FirmwareUpgr .form_content {
margin-left: 100px;
margin-top: 50px;
}
#template_SpeedTest {
width: 750px;
margin: 0 auto;
}
#template_SpeedTest .form_content {
margin-left: 100px;
margin-top: 50px;
}
#tipLayer2 {
display: none;
top: 172px;
left: 884px;
position: fixed;
}
#tipLayer2 #ct-msgbox-content {
display: flex;
}
#tipLayer2 #ct-msgbox-img, #tipLayer2 #ct-msgbox-msg {
display: inline-block;
}
#tipLayer2 #ct-msgbox-img {
position: static;
top: 0;
left: 0;
vertical-align: top;
margin-top: 35px;
margin-left: 10px;
}
#tipLayer2 #ct-msgbox-msg {
width: 100%;
left: 0;
padding: 0;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
}
#tipLayer2 #confirmOK, #tipLayer2 #confirmCancel, #tipLayer2 #confirmInfo {
position: static;
bottom: 0;
left: 0;
float: right;
}
#tipLayer2 #confirmLayer {
margin: 0;
transform: translate(-50%, -50%);
}
#template_PacketCaptrue .form_content {
margin-left: 100px;
margin-top: 50px;
}
#radioStatusBox,#smartBox,#primary1Box,#primary2Box {
width: 70%;
float:left;
margin:5px 0px;
padding:5px 10px 5px 10px;
background-color:#F3F2F2;
}
#usbTree p,
#fileTree p{
width: 100%;
height: 25px;
}
#usbTree p a,#fileTree p a{
display: block;
width: 90%;
margin-left: 2px !important;
margin-top: 2px !important;
}
@media screen and (max-width: 1085px) {
#content-left {
display: none;
}
#document {
width: 100%;
}
#page_content {
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
background-size: cover;
}
#commPageContainer {
width: 100%;
}
#content-center {
box-sizing: border-box;
width: 77%;
padding: 0 0 0 5px;
}
#content-right {
box-sizing: border-box;
width: 22%;
padding: 0;
}
#loginWrapper, #mainContent_WizardReg {
width: 90%;
max-width: 700px;
float: none;
padding-left: 0px;
margin: 0 auto;
}
#mainContent_WizardReg table.array-status-sn {
margin: 0;
}
.wizard-input, .input-info-warning, .wizard-btn {
margin: 0;
}
#template_FirmwareUpgr .form_content {
margin-left: 10px;
margin-top: 20px;
}
#template_SpeedTest {
width: 90%;
max-width: 750px;
}
#template_SpeedTest .form_content {
margin-left: 10px;
margin-top: 20px;
}
#template_PacketCaptrue {
width: 90%;
margin: 0 auto;
}
#template_PacketCaptrue .form_content {
margin: 0;
}
.title-box {
padding: 5px;
}
}
@media screen and (max-width: 950px) {
#header-logo-livebox,#header-logo-livebox6S {
position: relative;
top: 0px;
}
#mainNavigator, #class3Menu {
display: none;
}
#header-logo-livebox {
position: static;
top: 0px;
width: 100%;
}
#header-controls-login, #header-controls {
position: static;
display: inline-block;
width: auto;
height: 25px;
margin-right: 10px;
}
#header-controls-language-flag {
position: static;
float: left;
top: 0px;
left: 0px;
}
#header-controls-languages {
position: static;
float: right;
top: 0px;
right: 0px;
}
.more-menu-icon, .more-help-icon {
display: inline-block;
margin-left: 5px;
}
#content-right {
display: none;
}
#content-center {
width: 100%;
}
}