*{box-sizing:border-box}html{width:100vw;height:100vh;height:calc(var(--vh, 1vh)*100)}body{font-family:"Roboto","Arial","Helvetica Neue",sans-serif;font-size:1rem;text-rendering:optimizeLegibility;font-stretch:100%;color:var(--text-color);background-color:#fbfbfb;overflow:hidden!important;overflow-y:auto!important}#root,body{width:100%;height:100%}:root{--itb-green:#00a335;--light-green:#4cc968;--error-color:#cd5c5c;--dark-gray:#555;--gray:#a5a5a5;--medium-gray:#e2e2e2;--light-gray:#f2f2f2;--text-color:#5f7278;--text-color-dark:#4a4a4a;--main-gradient:linear-gradient(180deg,#87c984,#00a335);--red-gradient:linear-gradient(180deg,tomato,#f0503c);--red-bright-gradient:linear-gradient(180deg,#fa503c,tomato);--reverse-main-gradient:linear-gradient(0deg,#87c984,#00a335);--gray-gradient:linear-gradient(0deg,#ddd,#bbb);--dark-main-gradient:linear-gradient(180deg,#77b974,#009325);--light-main-gradient:linear-gradient(180deg,#97d994,#10b345);--main-header-size:108px;--main-header-size-extended:238px;--main-header-size-collapsed:52px;--default-shadow:0 2px 10px 0 rgba(0,0,0,0.12);--darker-shadow:0 2px 10px 0 rgba(0,0,0,0.2);--green-shadow:0 2px 10px 0 rgba(0,50,0,0.2)}.midgard-app{width:100%;height:100%}.subtitle{font-size:18px;font-weight:700;padding:10px 0;color:#4a4a4a;color:var(--text-color-dark)}.clickable{cursor:pointer}#main-header{position:fixed;top:0;width:100%;background-image:var(--main-gradient);border-bottom-right-radius:6px;border-bottom-left-radius:6px;text-align:center;padding:0 20px;height:var(--main-header-size);transition:height .1s ease-out;z-index:1}#main-header.extended{height:var(--main-header-size-extended)}#main-header.collapsed{height:var(--main-header-size-collapsed)}.main-header-top{display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:4px}.main-header-logo{position:relative;right:5px;padding:15px 0 5px}.main-header-logo img{position:absolute;top:0;left:0}.main-header-title{position:relative;color:#fff;fill:#fff;font-size:18px;font-weight:700;width:100%;border-top:1px solid rgba(0,0,0,.1);margin-top:6px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#menu-button{padding:10px 5px;background-color:transparent;cursor:pointer}#menu-return-button{position:absolute;left:0;bottom:12px;padding:10px}.main-header-title{height:61px}.main-header-notify-icon{position:relative;cursor:pointer;width:23px;height:38px}.main-header-notify-number{color:#fff;background-color:tomato;border-radius:50%;font-size:10px;height:14px;width:14px;display:flex;justify-content:center;align-items:center;position:absolute;top:4px;right:-4px;z-index:6;pointer-events:none}.main-header-notify-icon.animate{-webkit-animation:ring .25s;animation:ring .25s;-webkit-animation-iteration-count:5;animation-iteration-count:5}@-webkit-keyframes ring{0%{transform:rotate(0deg)}40%{transform:rotate(-15deg)}80%{transform:rotate(15deg)}to{transform:rotate(0deg)}}@keyframes ring{0%{transform:rotate(0deg)}40%{transform:rotate(-15deg)}80%{transform:rotate(15deg)}to{transform:rotate(0deg)}}#main-app{width:100%;height:100%;transition:padding-top .1s ease-out;padding:0;text-align:center}#main-app.with-header{padding-top:calc(var(--main-header-size))}#main-app.with-header-collapsed{padding-top:calc(var(--main-header-size-collapsed))}#main-app.with-header-extended{padding-top:calc(var(--main-header-size-extended))}.card{padding:10px;box-shadow:0 2px 10px 0 rgba(0,0,0,.12);border-radius:6px}.list-item{padding:14px 10px 10px;border:1px solid rgba(0,0,0,.12);background-color:#fff;border-radius:4px;margin:4px 0;box-shadow:var(--default-shadow)}.list-footer{display:flex;height:80px;align-items:center}.list-item-actions{position:absolute;top:-10px;right:-2px}.list-item-actions *{display:inline-block;cursor:pointer;fill:var(--gray)}.list-item-actions .edit-icon:after{position:relative;top:-6px;content:"";border-right:1px solid var(--gray);margin:0 4px}.info-line{display:flex}.info-line *{flex:1 1;padding:4px 2px}.info-line label{text-align:right}.info-line span{text-align:left;font-weight:700}.tooltip:hover .tooltiptext{display:block}.with-info{position:relative}.with-info .info-popup{position:absolute;top:-2px;left:400px}@media screen and (min-width:500px){#with-info .info-popup{left:250px}}#menu-button{background:transparent;border:none;outline:none}#menu-container{--menu-width:380px;position:fixed;top:0;left:-380px;z-index:2;background-color:#ced2cc;height:100%;width:var(--menu-width);padding-top:70px;box-shadow:0 2px 10px 0 rgba(0,0,0,.12);transition:left .2s}#menu-container.open{left:0!important}.menu-content{background-color:#00a335;height:100%;width:100%}.menu-user{position:relative;height:80px;border-bottom:1px solid rgba(0,0,0,.1);margin:0 15px;display:flex;flex-direction:column;align-items:center}.menu-user-picture{color:#fff;background-color:#eee;font-size:30px;font-weight:700;border-radius:100%;width:80px;max-height:80px;margin-top:-40px;box-shadow:0 2px 10px 0 rgba(0,0,0,.12);overflow:hidden}.menu-user-picture img{width:81px}.menu-user-name{width:100%;text-align:center;color:#fff;font-size:14px;margin:5px 0 0 30px}.menu-entries{display:flex;flex-direction:column;justify-content:flex-start;height:calc(100% - 80px);overflow:hidden;overflow-y:auto;scroll-behavior:smooth}.menu-entry{position:relative;color:#fff;color:hsla(0,0%,100%,.8);fill:hsla(0,0%,100%,.8);padding:20px;cursor:pointer}.menu-entry.hoverable:hover{background-color:#009325}.menu-entry svg{position:absolute;top:20px;left:20px;font-size:13px;fill:hsla(0,0%,100%,.8);margin:-2px 10px 0 0;cursor:pointer}.menu-entry-text{padding-left:30px;font-size:18px;display:flex;flex-direction:column;margin-left:10px;cursor:pointer;text-align:left}.menu-entry-text label{margin-bottom:2px;cursor:pointer}.menu-entry-text span{font-size:14px;padding:10px 0;cursor:pointer}.menu-logout{color:var(--light-gray);cursor:pointer;display:inline;margin-left:5px;font-size:12px}.menu-logout span{text-decoration:underline}.submenu{border-width:1px 0;border-image:linear-gradient(270deg,var(--itb-green),#fff,var(--itb-green));border-image-slice:1;border-style:solid;margin-top:20px}.submenu .menu-entry{position:relative;right:20px;width:var(--menu-width);padding:20px 20px 0 40px;height:98px;overflow:hidden;-webkit-animation:SubOpen .1s ease;animation:SubOpen .1s ease}.submenu svg{left:40px}@-webkit-keyframes SubOpen{0%{padding:0 20px 0 40px;height:0}to{padding:20px 20px 0 40px;height:98px}}@keyframes SubOpen{0%{padding:0 20px 0 40px;height:0}to{padding:20px 20px 0 40px;height:98px}}.overlay{display:none;z-index:2;background-color:rgba(0,0,0,.6);position:fixed;top:0;bottom:0;left:0;right:0}.overlay.show{display:block}#header-big{display:flex;align-items:center;justify-content:center;background-image:var(--main-gradient);border-radius:0 0 6px 6px;height:40%;width:100%}.itb-button-container{width:100%;padding:10px}.itb-button{padding:10px;background-image:linear-gradient(180deg,#87c984,#00a335);color:#fff;border:none;border-radius:8px;height:55px;outline:none;transition:background-image .2s;margin:5px 0;cursor:pointer}.itb-button:hover{background-image:var(--dark-main-gradient)}.itb-button:active{background-image:var(--light-main-gradient)}.itb-button:disabled{cursor:not-allowed;background-image:var(--gray-gradient)!important}.itb-button-red{background-image:var(--red-gradient)}.itb-button-red:active,.itb-button-red:hover{background-image:var(--red-bright-gradient)}.itb-button-md{width:100%;min-width:200px;max-width:450px}.itb-button-circular{--size:50px;min-width:var(--size);width:var(--size);height:var(--size);border-radius:100%;font-size:35px;line-height:30px;vertical-align:middle}.itb-button-loading{display:flex;align-items:center;justify-content:center;max-height:100px;position:relative}.itb-button-loading:after{content:"";width:30px;height:30px;border-radius:50%;border-color:var(--itb-green);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-left:2px solid transparent;border-bottom:2px solid var(--itb-green);border-right:2px solid transparent;border-top:2px solid var(--itb-green)}.itb-input-field{width:100%;display:flex;flex-direction:column;padding:10px;height:105px;position:relative;overflow:hidden;transition:height .2s linear;text-align:left}.itb-input-field.password-meter{height:150px}.itb-input-field.collapse{height:0;visibility:hidden}.itb-input-field.no-label,.itb-input-field.without-feedback{height:80px}.inputs-group label,.itb-input-field{font-weight:700;padding:5px 10px}.itb-input-field label{font-size:16px;padding-left:2px}.itb-input-field.error label{color:var(--error-color)}.itb-input-field.error input{border-left:1px solid var(--error-color);border:1px solid var(--error-color);border-left-width:3px;box-shadow:0 2px 5px 0 rgba(255,0,0,.4)}.itb-input-field.disabled input{border-left:1px solid var(--gray);border:1px solid var(--gray);border-left-width:3px;background-color:var(--light-gray);box-shadow:0 2px 5px 0 hsla(0,0%,64.7%,.4);cursor:not-allowed}.itb-input-field.disabled label{color:var(--gray)}.inputs-group{position:relative;height:142px;text-align:left}.inputs-group .itb-input-error-text{position:relative;bottom:15px;left:15px;min-height:13px}.inputs-group .inputs-line{display:flex}.inputs-group.error .itb-input-field input{border-left:1px solid var(--error-color);border:1px solid var(--error-color);border-left-width:3px;box-shadow:0 2px 5px 0 rgba(255,0,0,.4)}.itb-input-error-text{color:red;font-size:12px;font-weight:lighter;padding:0 5px}.itb-input{margin:5px 0;background-color:#fff;padding:8px 0 10px 14px;border:1px solid #ddd;border-left:3px solid var(--itb-green);border-radius:6px;box-shadow:0 2px 5px 0 rgba(0,0,0,.12);outline:none;height:48px;color:var(--text-color);width:100%}::-webkit-input-placeholder{color:#c3c3c3}:-ms-input-placeholder{color:#c3c3c3}::-ms-input-placeholder{color:#c3c3c3}::placeholder{color:#c3c3c3}.itb-input-md{width:100%;min-width:200px;max-width:450px}.itb-input-password-icon{position:absolute;right:20px;top:20px;fill:var(--dark-gray)}.itb-input-field.no-label .itb-input-password-icon{bottom:35px}.itb-input-field.no-label .itb-input-password-icon.eye-off{bottom:34px}.itb-input-password-icon.eye-off{bottom:41px;fill:var(--gray)}select.itb-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;height:48px}.itb-input-field.select{position:relative}.itb-input-field.select:after{content:"\203a";width:40px;height:40px;position:absolute;top:48px;right:20px;transform:rotate(90deg);font-size:22px;color:var(--itb-green);pointer-events:none}.itb-input-field.select.without-feedback:after{top:46px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.itb-input-field .password-features{display:flex;font-weight:400;margin:5px;padding-left:15px;font-size:14px;cursor:default}.itb-input-field .password-features>li{list-style-type:none;padding-right:30px;position:relative}.itb-input-field .password-features>li[ok="1"]{color:var(--itb-green)}.itb-input-field .password-features>li:before{display:inline-block;position:absolute;vertical-align:middle;content:"•";font-size:32px;left:-16px;bottom:-10px}.itb-input-field .password-strength{font-weight:400;margin:8px 0}.itb-input-field .password-strength span{color:red}.checkbox-group,.itb-input-container{position:relative}.checkbox-group{text-align:left;margin:10px 0 25px}.checkbox-group input[type=checkbox]{opacity:0}.checkbox-group label{padding-left:32px;font-weight:700;font-size:16px;cursor:pointer}.checkbox-group label:after,.checkbox-group label:before{position:absolute}.checkbox-group label:before{content:"";display:inline-block;width:15px;height:15px;border:2px solid var(--light-green);left:15px;top:-1px}.checkbox-group label:after{content:"";display:inline-block;height:6px;width:9px;border-left:2px solid #fff;border-bottom:2px solid #fff;border-right-color:#fff;border-top-color:#fff;transform:rotate(-45deg);left:19px;top:2px}.checkbox-group input[type=checkbox]:checked+label:after{content:""}.checkbox-group input[type=checkbox]:checked+label:before{content:"";background-color:var(--itb-green);border-color:var(--itb-green)}.checkbox-group input[type=checkbox]+label:after{content:none}.checkbox-group.disabled *{cursor:not-allowed}.checkbox-group.disabled *,.checkbox-group.disabled input[type=radio]:checked+label:before,.checkbox-group.disabled label:before{color:var(--medium-gray);fill:var(--medium-gray);border-color:var(--medium-gray)}.checkbox-group.disabled input[type=radio]:checked+label:before{background-color:var(--medium-gray)}#login-page{width:100%;height:100%}.login-form-container{position:relative;max-width:400px;margin:0 auto;top:-30px}.loading{display:flex;align-items:center;justify-content:center;max-height:400px;padding:20px 0 40px;position:relative}.loading:after{content:"";width:80px;height:80px;border-radius:50%;border-color:var(--itb-green);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-left:4px solid transparent;border-bottom:4px solid var(--itb-green);border-right:4px solid transparent;border-top:4px solid var(--itb-green)}.small{padding:10px 0 20px}.loading.small:after{width:30px;height:30px;border-color:var(--itb-green);border-left:2px solid transparent;border-bottom:2px solid var(--itb-green);border-right:2px solid transparent;border-top:2px solid var(--itb-green)}.mini{padding:5px 0 10px}.loading.mini:after{width:15px;height:15px;border-color:var(--itb-green);border-left:1px solid transparent;border-bottom:1px solid var(--itb-green);border-right:1px solid transparent;border-top:1px solid var(--itb-green)}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.itb-modal-container{position:relative;display:none;z-index:3;position:fixed;top:0;left:0;right:0;align-items:center;justify-content:center;height:100%;width:100vw;overflow-y:hidden}.itb-modal-container.show{display:flex}.itb-modal{z-index:4;background-color:#fff;padding:30px 20px 50px;position:absolute;bottom:0;width:100%;min-height:20%;max-height:100%;overflow-y:overlay;-webkit-animation:FromBottom .2s ease-out;animation:FromBottom .2s ease-out}@media screen and (min-width:500px){.itb-modal{position:relative;margin:0 20px;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:30px 20px;-webkit-animation-duration:.1s;animation-duration:.1s}}@-webkit-keyframes FromBottom{0%{bottom:-100%}to{bottom:0}}@keyframes FromBottom{0%{bottom:-100%}to{bottom:0}}.itb-modal.has-title{padding-top:50px}.itb-modal.large{max-width:800px}.itb-modal-title{position:absolute;top:15px;left:20px;font-weight:700;width:calc(100% - 40px);text-align:center;font-size:19px}.itb-modal-content{padding:5px 10px 10px;text-align:center;line-height:1.8}.itb-modal-content>div{max-width:100%}.itb-modal-content svg{margin-bottom:10px}.itb-modal-dismiss{display:flex;justify-content:center;margin:20px auto 0}.itb-modal-dismiss.error{color:var(--error-color);border:2px solid var(--error-color);max-width:180px}.dismiss-button{flex:1 1;cursor:pointer;border:2px solid var(--itb-green);border-radius:8px;text-align:center;font-weight:700;color:var(--itb-green);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 15px;padding:15px;white-space:nowrap}.dismiss-button-no,.dismiss-button-yes{cursor:pointer;text-align:center;max-width:200px}.dismiss-button-lonely{max-width:160px}.dismiss-button-yes{color:#fff;background-color:var(--itb-green)}.dismiss-button.error{color:var(--error-color);border-color:var(--error-color)}.dismiss-button-yes.warning{color:#fff;background-color:var(--error-color);border-color:var(--error-color)}.dismiss-button-no{border-color:var(--gray);color:var(--gray)}.dismiss-button-no:hover{background-color:var(--light-gray)}.dismiss-button-yes.warning:hover{background-color:rgba(205,92,92,.92)}.dismiss-button-yes:hover{background-color:rgba(0,163,53,.85)}.dismiss-button-lonely:hover{background-color:rgba(0,163,53,.05)}.dismiss-button-lonely.error:hover{background-color:rgba(205,92,92,.05)}#modal-close{fill:var(--gray);cursor:pointer;padding:5px;top:5px;width:25px;height:25px;z-index:4}#modal-close,#modal-close svg{position:absolute;right:5px}.itb-modal-mobile-dismiss{position:absolute;bottom:0;left:0;right:0;background-color:#fafafa;height:35px;border:1px solid #eee;box-shadow:-1px -4px 4px -4px #eee;cursor:pointer;z-index:4}.itb-modal-mobile-dismiss svg{transform:rotate(270deg);fill:var(--text-color);position:relative;top:6px}@media screen and (min-width:500px){.itb-modal-mobile-dismiss{display:none}}#wizard-page{max-width:800px;margin:0 auto;padding-top:30px;padding-bottom:30px}#wizard-selector{min-width:260px;max-width:360px;margin:0 auto}#wizard-page form{min-width:260px;max-width:500px;margin:0 auto}#wizard-page .itb-modal .checkbox-group{margin:0 auto}#wizard-user-page #users-page #user-form{padding-top:0}#div-skip{max-width:120px;margin:0 auto;cursor:pointer;text-decoration:underline;padding-bottom:30px}#wizard-confirm-page-form,#wizard-confirm-page input{min-width:260px;max-width:400px;margin:0 auto}.wizard-title{width:100%;text-align:left;vertical-align:middle;display:flex;justify-content:flex-start;align-items:center;padding:10px 20px 15px;margin:0 auto}.wizard-title svg{fill:var(--text-color)}.wizard-title span{font-size:18px;font-weight:700;margin-left:10px;position:relative;top:1px}#wan-page{max-width:800px;margin:0 auto}#wan-mode-selector{min-width:260px;max-width:360px;margin:0 auto}#wan-page form{min-width:260px;max-width:400px;margin:0 auto}select.itb-input{padding:14px 15px}.itb-input-field.select{margin-bottom:25px}.form-segment,form{position:relative}.form-segment{display:none;border-radius:6px;padding:30px 30px 70px;border:1px solid var(--medium-gray);margin-bottom:30px}.form-segment-title{border-bottom:1px solid var(--light-gray);font-weight:700;padding-bottom:10px;margin-bottom:15px}.form-segment-active{display:block}.form-segment-button{width:130px;height:45px;border:1px solid var(--itb-green);border-radius:5px;display:flex;align-items:center;justify-content:center;padding:0 10px;fill:var(--itb-green);cursor:pointer;font-weight:700;font-size:14px;color:var(--itb-green);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.form-segment-next-disabled svg,.form-segment-next svg{height:25px;position:absolute;right:8px}.form-segment-previous svg{height:22px;position:absolute;left:8px}.form-segment-next,.form-segment-next-disabled{position:absolute;bottom:20px;right:20px;padding-right:20px}.form-segment-next-disabled{cursor:not-allowed;color:var(--gray);fill:var(--gray);border:1px solid var(--gray)}.form-segment-previous{position:absolute;bottom:20px;left:20px;padding-left:20px}.form-steps-indicator{height:20px}.form-step{display:inline-block;width:14px;height:14px;background-color:var(--medium-gray);margin:2px;border-radius:50%}.form-step-active{background-color:var(--gray)}.tooltiptext{display:none;position:absolute;bottom:30px;right:0;text-align:left;padding:10px;border-radius:6px;box-shadow:var(--default-shadow);background-color:rgba(0,0,0,.7);color:#fff;line-height:1.4rem}.info-popup{position:relative;z-index:2}.info-popup svg{cursor:pointer;fill:var(--text-color)}.info-popup:hover .tooltiptext{display:block}.radio-group{position:relative;text-align:left;margin:10px 0 25px}.radio-group input[type=radio]{opacity:0}.radio-group label{padding-left:32px;font-weight:700;font-size:16px;cursor:pointer}.radio-group label:after,.radio-group label:before{position:absolute}.radio-group label:before{content:"";display:inline-block;width:15px;height:15px;border:2px solid var(--light-green);left:15px;top:-1px;border-radius:50%}.radio-group label:after{content:"";display:inline-block;height:6px;width:9px;border-left:2px solid #fff;border-bottom:2px solid #fff;border-right-color:#fff;border-top-color:#fff;transform:rotate(-45deg);left:19px;top:2px}.radio-group input[type=radio]:checked+label:after{content:""}.radio-group input[type=radio]:checked+label:before{content:"";background-color:var(--itb-green);border-color:var(--itb-green)}.radio-group input[type=radio]+label:after{content:none}.radio-group.disabled *{cursor:not-allowed}.radio-group.disabled *,.radio-group.disabled input[type=radio]:checked+label:before,.radio-group.disabled label:before{color:var(--medium-gray);fill:var(--medium-gray);border-color:var(--medium-gray)}.radio-group.disabled input[type=radio]:checked+label:before{background-color:var(--medium-gray)}#dashboard-page{padding:10px 20px;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:1080px){#dashboard-page{padding:15px 0}}#dashboard-content{text-align:center;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;min-width:420px}.dashboard-model{fill:var(--gray);color:#555;padding-bottom:15px;border-bottom:1px solid #ddd}.dashboard-model-content{align-items:center;display:flex;padding-left:35px}.dashboard-model-content span{padding:1px 0 0 10px}.dashboard-buttons{display:flex;justify-content:space-around;padding:20px;flex-wrap:wrap;margin:0 auto;flex-basis:fit-content}#dashboard-details-container{width:100%;padding:0 20px;display:flex;flex-wrap:wrap}.dashboard-details{flex:1 1}.dashboard-details.device{max-width:455px}.dashboard-details.device .info-card-line label{min-width:260px;max-width:260px}.dashboard-details.info .info-card-line label{min-width:180px;max-width:180px}.dashboard-subtitle{fill:var(--gray);color:#555;display:flex;align-items:center;padding:0 0 10px 20px}.dashboard-subtitle label{padding:2px 0 0 10px}.dashboard-modal-wan{padding:20px}.dashboard-modal-content .info-card{margin-bottom:20px}.new-version-modal{max-width:430px}.info-card-line span{padding-left:5px!important}.dashboard-details.device .info-card-line label{min-width:200px;max-width:200px}.traffic-indicator{width:100px;text-align:center}.traffic-indicator.horizontal{display:flex;align-items:center;width:110px}.traffic-indicator.horizontal .traffic-indicator-text{padding-left:5px}.traffic-indicator.horizontal .traffic-indicator-label{text-align:left!important}.traffic-indicator *{color:#fff;text-align:center;letter-spacing:.055rem}.traffic-indicator-value{font-size:16px;padding:5px 0;white-space:nowrap}.traffic-indicator-unit{font-size:13px;font-weight:700;margin-left:4px}.traffic-indicator-label{font-size:13px}.traffic-indicator-icon{width:25px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:50%}.traffic-indicator-icon.upload{transform:rotate(180deg)}.traffic-indicator-icon svg{fill:#00ac34;-webkit-animation:traffic-pulse 1s linear infinite;animation:traffic-pulse 1s linear infinite}.traffic-indicator-icon-border{width:33px;min-width:33px;height:33px;min-height:33px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin:0 auto}@-webkit-keyframes traffic-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes traffic-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.internet-status-wrapper{position:fixed;top:80px;left:50%;z-index:1}.internet-download-indicator,.internet-status-wrapper{display:flex;align-items:center;justify-content:center}.internet-download-indicator{position:absolute;left:calc(50% - 175px);top:38px}@media screen and (min-width:510px){.internet-download-indicator{left:calc(50% - 250px)}}.internet-upload-indicator{position:absolute;right:calc(50% - 175px);top:38px;display:flex;align-items:center;justify-content:center}@media screen and (min-width:510px){.internet-upload-indicator{right:calc(50% - 250px)}}.internet-status-inner{position:absolute;top:6px;--color:hsla(0,0%,100%,0.6);border-left:0 solid var(--color);border-bottom:1px solid var(--color);border-right:1px solid var(--color);border-top:2px solid transparent;border-radius:100%;width:118px;height:118px;-webkit-animation:spin-left 2.5s linear infinite;animation:spin-left 2.5s linear infinite}.offline .internet-status-outer{--color:tomato!important}.offline .internet-status{color:#fe2b1f}.internet-status-outer{position:absolute;top:0;--color:rgba(1,255,1,0.6);width:130px;height:130px;border-left:1px solid var(--color);border-bottom:0 solid var(--color);border-right:2px solid transparent;border-top:1px solid var(--color);border-radius:50%;margin:0 auto;-webkit-animation:spin-right 2.5s linear infinite;animation:spin-right 2.5s linear infinite}.internet-status{position:absolute;top:45px;text-align:center;color:#fff}.internet-status-title{color:#fff;font-size:16px;display:block;font-weight:400;font-weight:700;font-size:20px}@-webkit-keyframes pulse{0%{box-shadow:0 0 2px 0 var(--error-color)}50%{box-shadow:3px 3px 8px -2px tomato,-3px -3px 8px -2px tomato}to{box-shadow:0 0 2px 0 var(--error-color)}}@keyframes pulse{0%{box-shadow:0 0 2px 0 var(--error-color)}50%{box-shadow:3px 3px 8px -2px tomato,-3px -3px 8px -2px tomato}to{box-shadow:0 0 2px 0 var(--error-color)}}@-webkit-keyframes spin-right{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-right{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-left{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes spin-left{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.card-button{width:148px;min-width:148px;height:140px;padding:15px 20px;border-radius:6px;box-shadow:var(--darker-shadow);border:1px solid var(--light-grey);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:10px;text-align:left;position:relative}.card-button:hover{box-shadow:var(--green-shadow)}.card-button-label{color:var(--gray);font-size:16px;height:44px;width:100px;position:absolute;top:52px}.card-button-value{font-size:26px;color:#555;position:absolute;bottom:15px;left:20px}.card-button-icon{position:absolute;top:15px;left:20px}.info-card{position:relative;border:1px solid #ddd;border-radius:6px;margin:10px;max-width:650px}.info-card-title span{white-space:nowrap;margin-left:10px;position:absolute;top:-9px}.info-card-line{padding:8px 0 8px 12px!important;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.info-card-line.odd{background-color:var(--light-gray)}@media screen and (min-width:500px){.info-card-line{flex-direction:row;align-items:center;height:40px}}.info-card-line.large{height:unset!important}.info-card-line *{flex:1 1}.info-card-line label{white-space:nowrap;text-align:left;padding:5px 20px 5px 5px;font-weight:400!important}.info-card-line span{font-weight:700;padding-left:20px;text-align:right;white-space:nowrap}.info-card-line-icon{min-width:35px;max-width:35px;text-align:center;fill:#555;padding-left:5px;position:absolute;right:10px}@media screen and (min-width:500px){.info-card-line-icon{position:relative;right:0}}.info-card-line span.warning{color:var(--error-color)}.info-card-line-icon svg{width:18px;fill:#555}.info-card-line:hover svg{width:22px;fill:#0f0;-webkit-animation:attention .25s ease-in-out;animation:attention .25s ease-in-out}@-webkit-keyframes attention{0%{width:18px;fill:#555}50%{width:28px;fill:#0f0}to{width:22px;fill:#0f0}}@keyframes attention{0%{width:18px;fill:#555}50%{width:28px;fill:#0f0}to{width:22px;fill:#0f0}}.info-card-line-icon>.info-popup{position:relative;top:0;left:0}.info-card-line:hover .info-popup>svg{width:18px;fill:#555;-webkit-animation:none;animation:none}.toggle{position:relative;width:44px;height:20px;cursor:pointer}.toggle.is-true .toggle-rail{background-image:var(--reverse-main-gradient)}.toggle.is-true .toggle-circle{left:24px!important}.toggle-rail{position:absolute;top:2px;left:2px;width:40px;height:16px;border-radius:25px;background-image:var(--gray-gradient)}.toggle-circle{width:20px;height:20px;box-shadow:0 2px 2px 0 rgba(0,0,0,.18),0 3px 1px -2px rgba(0,0,0,.22),0 1px 5px 0 rgba(0,0,0,.14);border-radius:100%;background-color:#fafafa;position:absolute;top:0;left:0;transition:left .2s ease-in-out}.itb-toggle-field{padding:15px 12px;text-align:left}.itb-toggle-field label{font-weight:700;font-size:16px;margin-right:10px}.itb-toggle-field *{display:inline}.toggle-group{position:relative;text-align:left;padding:0 10px;margin:10px 0}.toggle-group.full-width{width:100%;padding-bottom:10px}.toggle-group label{position:absolute;top:2px;left:65px;font-weight:700;font-size:16px}.toggle-group.disabled *{cursor:not-allowed}.toggle-group.disabled *,.toggle-group.disabled input[type=radio]:checked+label:before,.toggle-group.disabled label:before{color:var(--medium-gray);fill:var(--medium-gray);border-color:var(--medium-gray)}.toggle-group.disabled input[type=radio]:checked+label:before{background-color:var(--medium-gray)}.wifi-page{flex-direction:column;padding:0 30px;max-width:800px}.wifi-available-title,.wifi-page{display:flex;justify-content:flex-start;margin:0 auto}.wifi-available-title{width:100%;text-align:left;vertical-align:middle;align-items:center;padding:10px 20px 15px}.wifi-available-title svg{fill:var(--text-color)}.wifi-available-title span{font-size:18px;font-weight:700;margin-left:10px;position:relative;top:1px}.wifi-list{padding:0 0 30px;width:100%;margin:0 auto}.wifi-item{display:flex;align-items:center;padding:20px 0 0}.wifi-item .toggle-group{margin-left:10px}.wifi-info{position:relative;margin-left:20px;border-bottom:2px solid var(--light-gray);padding:0 10px;height:60px;width:100%;display:flex;align-items:center;justify-content:space-between}.wifi-info .wifi-frequency{position:absolute;bottom:4px;left:10px;font-size:11px;color:var(--itb-green)}#wifi-actions-container{display:flex;justify-content:space-around;width:500px;margin:0 auto;max-width:100%}@media only screen and (max-width:340px){#wifi-actions-container{flex-direction:column}}.wifi-action{height:120px;padding:20px;margin:20px auto;width:170px;justify-content:space-between;align-items:center;cursor:pointer;background-color:#fff;position:relative}.wifi-action span{display:block;text-align:left;font-size:14px;width:80px}.wifi-action-icon{width:100%;position:relative;left:-20px;margin-bottom:15px;text-align:left;padding-left:20px}.wifi-action-icon.blue{border-left:2px solid #00f}.wifi-action-icon.orange{border-left:2px solid orange;position:relative}.wifi-action-icon.orange:after{content:"+";color:orange;font-weight:700;font-size:14px;position:absolute;top:2px;left:33px;border:1px solid orange;border-radius:50%;width:10px;height:12px;line-height:12px;padding-left:2px;background-color:#fff}.wifi-action.disabled *,.wifi-action.disabled .wifi-action-icon.orange:after{color:#d3d3d3!important;fill:#d3d3d3;border-color:#d3d3d3}.wifi-action.disabled{cursor:not-allowed}.wifi-ssid{color:#555;white-space:pre}@media only screen and (min-width:768px){.wifi-list{max-width:630px;padding:0 50px 40px}.wifi-action{max-width:550px}#edit-wifi-form{padding:20px 90px}}#edit-wifi-page{position:relative;max-width:800px;margin:0 auto}#edit-wifi-page form{max-width:450px;margin:0 auto}.radio-page{padding:0 20px}#radio-form{max-width:400px;margin:0 auto}.wifi-ssid-action-icon{fill:var(--gray);padding:5px;cursor:pointer;transition:fill .2s ease-in-out}.wifi-ssid-action-icon:hover{fill:var(--light-green)}.wifi-ssid-action-icon{display:inline}#wifi-frequency-radios{display:flex;justify-content:space-around;max-width:300px;margin:0 auto}.wifi-item .loading{height:20px;padding:18px;margin-left:10px}.wifi-item .loading:after{height:20px;width:20px}#lan-page{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap}#lan-page form{flex:1 1;min-width:450px;max-width:520px;margin:10px auto;padding:20px;border-radius:8px;box-shadow:var(--default-shadow)}#dhcp-leases-button{position:relative;height:78px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:var(--darker-shadow)}#dhcp-leases-button:hover .tooltiptext{display:block;bottom:60px}#dhcp-leases-button[tooltip="0"] .tooltiptext{display:none}.lease-list-container{max-width:900px;margin:0 auto}.lease-list-container .scrollable-wrapper{margin:0 20px}.lease-list-container .list-footer{position:relative}.lease-list-footer .fixed-add-button{right:0}.lease-item{position:relative}.lease-item .lease-info{padding:5px}.lease-item .lease-description{text-align:left;font-weight:700;padding:0 0 5px 10px}.lease-info .lease-info-item{display:flex;flex-wrap:wrap;padding:5px}.lease-info-item label{min-width:50%;font-weight:700;padding-right:8px;text-align:right}.lease-info-item span{text-align:left;padding-left:8px}@media only screen and (min-width:900px){.lease-item .lease-info{display:grid;grid-template-columns:33.3% 33.3% 33.3%}}#add-dhcp-lease{max-width:420px;margin:20px auto}.tabs-container{width:100%;display:flex;justify-content:space-between;padding:20px}.tab{flex:1 1;text-align:center;padding:15px;border-bottom:3.7px solid var(--light-gray);border-top-left-radius:2px;border-top-right-radius:2px;color:var(--gray);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tab:hover{background-color:var(--light-gray)}.tab.active{border-bottom:5.5px solid var(--light-green);border-bottom-left-radius:2px;border-bottom-right-radius:2px;color:var(--dark-gray)}@media only screen and (min-width:768px){.tabs-container{max-width:1080px;margin:0 auto}}.tab.disable{cursor:not-allowed}.collapse-box-header{display:flex;justify-content:space-between;padding:12px 0 8px;border-bottom:1px solid #f0f0f0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.collapse-box-title{font-weight:700;font-size:18px;padding:5px 0}.collapse-arrow svg{transition:transform .2s linear;position:relative;right:4px}.collapse-arrow.up svg{transform:rotate(-90deg)}.collapse-arrow.down svg{transform:rotate(90deg)}.collapse-box-content{transition:height .2s linear;overflow:hidden;padding-top:15px}@media screen and (min-width:768px){.collapse-box{max-width:600px;margin:0 auto}}.scrollable-wrapper{position:relative}.scrollable{overflow-y:auto}.shadow{display:none;position:absolute;height:10px}.shadow.top{box-shadow:inset 0 5px 5px -5px #333}.shadow.bottom{bottom:0;box-shadow:inset 0 -5px 5px -5px #333}.filter-description{width:100%;font-weight:700;padding:0 0 5px}.filter-list .list-item{width:var(--item-size)}.filter-info-item{padding:5px}.filter-info-item *{white-space:nowrap}.filter-info-item{display:flex;flex-wrap:wrap}.filter-info-item label{font-weight:700;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.filter-info-item label,.filter-info-item span{flex:1 1;padding-left:8px;text-align:left}.filter-info{padding:5px}.filter-name{text-align:left;padding-left:13px}.filter-item{position:relative}.filter-item .action-menu{position:absolute;top:-45px;right:-10px}.filter-item .action-menu .menu-list{top:25px!important}.filter-page-container{display:flex;align-items:center;justify-content:center}.filter-list,.filter-page-container>.container{width:100%}.filter-add{padding-top:20px;width:50%}.fixed-add-bottom{width:80px;position:absolute;right:10px}.fixed-add-bottom:after{content:"adicionar";position:absolute;top:70px;left:17px;font-size:12px;color:var(--itb-green)}.fixed-add-bottom[disabled]:after{color:var(--medium-gray)}div[class^=urlfilter-content-]{display:flex}div[class^=urlfilter-content-] .info-popup{height:20px;position:relative;top:50%;transform:translateY(50%)}#security-page{position:relative;max-width:800px;margin:0 auto}#add-port-redirect,#upnp-dmz-page{max-width:420px;margin:20px auto}#security-page .subtitle{text-align:left}.sub-menu{z-index:2;position:absolute;left:350px;background-color:#009325;padding:20px;top:100px}.button-menu{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;margin:10px 0;border-radius:8px;box-shadow:0 2px 5px 0 rgba(0,0,0,.12)}.button-menu label{font-size:17px;color:#555;pointer-events:none;text-align:left}.button-menu label *{margin:5px 0}.button-menu svg{fill:var(--text-color)}.button-menu-description{font-size:14px;color:#777}:root{--item-size:780px}.portredirect-list .list-item{width:780px;width:var(--item-size)}.portredirect-form{margin:0 auto;padding-top:20px;max-width:450px}.portredirect-list{height:calc(100% - 40px)}.portredirect-description{width:100%;font-weight:700;padding:0 0 5px}.portredirect-info-item{padding:5px}.portredirect-info-item *{white-space:nowrap}.portredirect-info{padding:5px}@media only screen and (min-width:900px){.portredirect-info{display:grid;grid-template-columns:33.3% 33.3% 33.3%}}.portredirect-info-item{display:flex;flex-wrap:wrap}.portredirect-info-item label{flex:1 1;min-width:50%;font-weight:700;padding-right:8px;text-align:right}.portredirect-info-item span{flex:1 1;text-align:left;padding-left:8px}.portredirect-item{position:relative}.portredirect-item .action-menu{position:absolute;top:-45px;right:-10px}.portredirect-item .action-menu .menu-list{top:25px!important}.security-rule-name{text-align:left;padding-left:13px}.fixed-add-bottom:not([disabled]) .tooltiptext{display:none}.global-qos-container .global-qos-inputs{display:flex}.global-qos-container .itb-input-field{width:50%;float:left}.global-qos-container .subtitle{color:var(--text-color)}.site-survey-card-container{width:260px;height:150px;padding:15px;border-radius:6px;box-shadow:var(--darker-shadow);border:1px solid var(--light-grey);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:20px 20px 0 0;float:left}.site-survey-card-container:hover{box-shadow:var(--green-shadow)}.site-survey-title{margin:0 15px 0 0;height:30px;text-align:center;font-family:"Roboto","Arial","Helvetica Neue",sans-serif}.info-container{display:flex}.site-survey-main-info{height:120px;width:180px}.sec-info-container{float:left;text-align:right;margin-left:10px}.site-survey-card-label{color:#7f8b8e;font-size:13px;height:20px;margin:auto;width:100%;text-align:left}.sec-info-container .site-survey-card-label{text-align:right}.site-survey-card-title{font-size:17px;color:#7f8b8e}.site-survey-chart{max-width:calc(100% - 20px);overflow-x:auto}.ss-hint{background-color:#fff;position:absolute}.ss-hint .site-survey-card-container{margin:0}.chart-content-container{display:flex;padding-bottom:20px;max-width:calc(100vw - 20px)}.channel-suggestion{flex:auto;width:400px;text-align:left}.channel-suggestion .itb-button-container{padding-top:50px}.ss-suggestion-tittle{font-size:18px;font-weight:700;padding-bottom:40px;text-align:center}.site-survey-chart-container .collapse-box{margin:0 20px}@media only screen and (min-width:768px){.site-survey-chart-container .tabs-container{max-width:1400px;margin:0 auto}.site-survey-chart-container .collapse-box{max-width:1400px}}@media only screen and (max-width:768px){.site-survey-chart-container .chart-content-container{flex-direction:column;align-items:center}}.site-survey-chart-container .chart-content-container>*{margin:10px}.channel-suggestion .with-info .info-popup{left:calc(100% - 40px)}#ping-page{max-width:800px;margin:0 auto}#ping-page #ping-form{padding-top:30px}#ping-page #ping-form,#ping-page .ping-result{max-width:450px;margin:0 auto;text-align:left}#ping-page .ping-result-details{margin-top:10px;display:flex}#ping-page .ping-result .info-text{padding:5px 20px}#tools-menu{max-width:800px;margin:10px auto}.site-survey-container{margin:0 auto;text-align:center;justify-content:center;display:flex;flex-wrap:wrap;width:100%}.button-sitesurvey{width:100%;margin:20px auto}.button-sitesurvey button{width:100px}.site-survey-text{fill:var(--gray);font-size:18px}.card-container,.site-survey-chart-container{margin:0 auto;text-align:center;justify-content:center;justify-items:center;display:flex;flex-wrap:wrap;width:100%}.card-container{padding-bottom:20px}#device-page{position:relative;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column}#device-page>*{max-width:100%}#device-page .device-details{margin-top:20px;width:600px}#device-page .band-control-container{max-width:800px;width:100%;float:left}.network-list{padding:10px;font-size:20px}.device-list{align-items:flex-start;flex-wrap:wrap;max-width:850px;margin:20px auto 0;padding:0 10px}.device-card,.device-list{display:flex;justify-content:space-between}.device-card{width:100%;padding:20px;border-radius:6px;box-shadow:var(--darker-shadow);align-items:center;margin:10px auto;cursor:pointer;max-width:400px}.device-card:hover{box-shadow:var(--green-shadow)}.device-info-header{position:absolute;top:-140px;left:0;text-align:center;width:100%;z-index:2}.device-info-name{color:#fff;font-size:25px;font-weight:700;z-index:1;margin:0 auto;padding:10px 0}.device-info-content{width:450px;margin:0 auto}.device-info-title{color:var(--dark-gray);font-size:20px;padding:20px 0;font-weight:700}.device-info label{font-weight:700;margin-right:10px}.device-info-item{padding:5px 20px;display:flex}.device-info-item *{flex:1 1;padding:0 2px}.device-info-item label{text-align:right}.device-info-item span{text-align:left}.device-list-network{display:flex}.device-connection,.device-info{color:var(--gray);font-size:16px;line-height:150%}.device-info a{margin-left:10px}.device-info-hostname{color:var(--dark-gray);font-size:18px;font-weight:700;margin-bottom:5px}.device-info-mac{margin-top:10px}.device-info-txRate svg{transform:rotate(180deg)}.confirm-block-modal{width:420px}.confirm-dmz-modal{width:460px}@media screen and (min-width:768px){.network-list .collapse-box{max-width:1290px;margin:0 auto}}#device-page .toggle-container{position:relative;display:flex;align-items:center;width:600px;justify-content:space-between;padding:0 20px}#device-page .toggle-container:not([disabled]) .tooltiptext{display:none}#device-page .toggle-container .loading{height:40px;padding:18px;margin-left:10px}#device-page .toggle-container .loading:after{height:20px;width:20px}#device-page .toggle-container .toggle-group{margin-left:10px}#device-page .toggle-container label{padding:5px 20px 5px 5px}.device-status-widget{position:fixed;top:90px;left:0;z-index:1;width:100%}.device-download-indicator{left:calc(50% - 160px)}.device-upload-indicator{right:calc(50% - 160px)}.device-download-indicator,.device-upload-indicator{position:absolute;top:60px;display:flex;align-items:center;justify-content:center}.device-status-name{fill:#fff;color:#fff;font-size:22px}.device-status-name span{margin-left:8px;position:relative;bottom:4px}.device-status-network{color:#fff;padding-top:6px}.device-status-network:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid var(--light-green);border-radius:50%;margin-right:5px;position:relative;top:2px}.range{height:80px;width:100%;background:#fbfbfb;border-radius:10px;padding:0 65px 0 45px;text-align:left}.range .field{position:relative;display:flex;align-items:center;justify-content:center;height:80%}.range .field .value{position:absolute;font-size:18px;font-weight:600;color:var(--itb-green)}.range .slider-value{position:relative;width:100%}.range .slider-value span{position:absolute;height:45px;width:45px;color:#fff;font-weight:500;top:-40px;transform:translateX(-50%) scale(0);transform-origin:bottom;transition:transform .3s ease-in-out;line-height:55px;z-index:2;text-align:center}.range .slider-value .span-slider-value.show{transform:translateX(-50%) scale(1)}.range .slider-value span:after{position:absolute;content:"";height:45px;width:45px;background:var(--itb-green);left:50%;transform:translateX(-50%) rotate(45deg);border:3px solid #fff;z-index:-1;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;text-align:center}.range .field .value.left{left:-27px}.range .field .value.right{right:-43px}.range .field input{-webkit-appearance:none;height:3px;width:100%;background:#ddd;border-radius:5px;outline:none;border:none}.range .field input::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;background:var(--itb-green);border-radius:50%;border:1px solid var(--itb-green);cursor:pointer}.range .field input::-moz-range-progress{background:var(--itb-green)}.range label{font-weight:700;font-size:16px;padding:0}.disabled-global-qos-container .info-text{margin:20px auto;line-height:1.75rem}.disabled-global-qos-container .subtitle{color:var(--text-color)}.qos-rule-radion-buttons{display:flex}.qos-rule-radion-buttons .limit-device,.qos-rule-radion-buttons .prioritize-device{float:left}#update-page{max-width:600px;margin:0 auto}#update-page .subtitle{text-align:left}#system-update-remote{height:360px}#update-diagram{display:flex;justify-content:space-around;align-items:center;margin:0 auto;max-width:500px;padding:20px 0}#update-diagram.status-only{position:relative;max-width:200px}#update-diagram.status-only .status-icon{position:absolute;top:10px;right:20px;width:50px;-webkit-animation:tada .5s linear;animation:tada .5s linear}@-webkit-keyframes tada{0%{width:0}60%{width:70px}to{width:50px}}@keyframes tada{0%{width:0}60%{width:70px}to{width:50px}}.update-dot{width:12px;height:12px;background-color:var(--light-gray);border-radius:50%}.update-dot,.update-dot.active{transition:background-color .35s ease-in-out}.update-dot.active{background-color:var(--light-green)}.update-status-info{padding:10px 0;font-size:18px;font-weight:700}.update-button{width:400px}#update-progress{width:480px;margin:0 auto}#update-progress span{position:relative;top:10px}.number-picker .icon svg path{fill:var(--itb-green)}.number-picker .icon{display:flex;align-items:center;justify-content:center;width:30px;height:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.number-picker-up{transform:rotate(90deg)}.number-picker-down{transform:rotate(-90deg)}.number-picker-value{padding:5px;background-color:rgba(0,0,0,.06);width:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#system-menu{max-width:800px;margin:0 auto}#upgrade-form,.system-form{padding:50px 0;margin:0 auto;max-width:400px}.upgrade-selector{position:relative;max-width:380px;height:60px;padding:12px;margin:0 auto;cursor:pointer}.upgrade-selector svg{fill:#fff;margin:0 10px;cursor:pointer}.upgrade-selector label span{color:#fff;cursor:pointer}.upgrade-selector label{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:2px;margin:0 10px;background-color:var(--itb-green);cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.upgrade-selector input{position:absolute;opacity:0;overflow:hidden;cursor:pointer!important}#file-upload{cursor:pointer}#users-page .info-text{padding:30px 0 0}@media screen and (min-width:768px){.upgrade-selector label{margin:0}}#reboot-page{max-width:480px;margin:0 auto;padding:30px 0}#reboot-page>.info-text{margin-top:30px}#reboot-page form .daily-reboot-clock{display:flex;align-items:center;justify-content:center}#reboot-page form .daily-reboot-clock span{font-weight:700;color:var(--text-color);margin:0 5px}.daily-reboot-info{color:orange;margin:10px 0;font-size:.8em}#card-reboot-status:not(.warning){color:var(--itb-green)}#remote-access-page,#restore-page,#user-form{max-width:450px;margin:0 auto;padding-top:30px;text-align:left}#restore-page form{padding-top:40px;max-width:390px;margin:0 auto}#remote-access-form{max-width:400px;margin:0 auto;padding-top:30px}