@charset "UTF-8";
/* Copyright (c) 2025 Zyxel GmbH */
@media all
{body{background:#f4f4f4;}
#page_margins{width:auto;}
#page{border:1px solid #ebebeb;}
#header{background:#218076; padding: 0 12px 12px 12px;}
#header #topinfo div{color:#fff;}
#header #topinfo #logo,
#header #topinfo #logo *{display:none;}
#header #topinfo #logo{margin-right:63px;}
#header #topinfo #logo #image,
#main #logo #image{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/dtag/logo.png') !important;background:url(../../../images/dtag/logo.png) no-repeat;background-size:119px 27px;width:119px;height:27px;}
#header #topinfo #logo #text{font-size:16px;text-align:left;color:#fff;font-weight:bold;}
#header #topinfo #boxname{color:#fff;font-weight:bold;}
#header #topinfo #boxname span{display:block;}
#header #topinfo #info{}
#header #topinfo #info .system_info_module img{margin:0 2px;}
#header #topinfo #info .system_info_module img.security{display:inline;}
#header #topinfo #info #system_service{text-transform:uppercase;}
#header #topinfo #menu #system_menu.show{min-width:190px;}
#header #topinfo #menu #system_menu a,
#header #topinfo #menu #system_menu span,
#header #topinfo #menu #system_menu label{color:#000;}
#header #topinfo #menu #system_menu a:hover,
#header #topinfo #menu #system_menu a:focus,
#header #topinfo #menu #system_menu a:active{color:#218076;}
#header #topinfo #info #system_mode.system_info_module label{text-transform:uppercase;font-weight:bold;}
#header #topinfo #info #system_mode.system_info_module label .label{display:none;}
#header #topinfo #info #system_mode.system_info_module label .alt{display:inline;}
#system_mode.system_info_module label.cDefault{background:url(../../../images/dtag/icon_user_default.png) no-repeat;padding:8px 0 8px 35px;}
#header #topinfo #menu #system_menu #system_mode.system_info_module label.cDefault{background:url(../../../images/dtag/icon_user_default_grey.png) no-repeat;}
#system_mode.system_info_module label.cExpert{background:url(../../../images/dtag/icon_user_expert.png) no-repeat;padding:8px 0 8px 35px;}
#system_mode.system_info_module label.cDeveloper{background:url(../../../images/dtag/icon_user_developer.png) no-repeat;padding:8px 0 8px 35px;}
#system_mode.system_info_module input{margin-top:8px;}
#system_language.system_info_module{background:url(../../../images/dtag/icon_language_grey.png) no-repeat;padding:7px 0 7px 35px;}
#system_language.system_info_module .active{font-weight:bold;}
#system_logout.system_info_module{background:url(../../../images/dtag/icon_logout_grey.png) no-repeat;padding:7px 0 7px 35px;}
.menu_bar{}
.menu_bar .bar{background-color:#fff;}
.menu_bar .rounded_bar{background-color:#fff;}
.menu_bar.active .rounded_bar{background-color:#000;}
#header #toptitle{padding-bottom:6px;}
#header #toptitle,
#header #toptitle #title{background:#218076; color: #fff;}
#header #toptitle #title a{background:#218076; color: #fff !important;}
#header #toptitle #title{margin:0 0 0 210px;}
.cLoadingData,
.cLoadingDataRight{background:url(../../../images/dtag/wait_animation.gif) no-repeat scroll right transparent;background-size:19px 19px;}
.cLoadingDataLeft{background:url(../../../images/dtag/wait_animation.gif) no-repeat scroll left transparent;background-size:19px 19px;}
.cLoadingDataError,
.cLoadingDataRightError{background:url(../../../images/dtag/icon_info_2.png) no-repeat scroll right transparent;background-size:19px 19px;}
.cLoadingDataLeftError{background:url(../../../images/dtag/icon_info_2.png) no-repeat scroll left transparent;background-size:19px 19px;}
#nav{color:#000;}
#main{color:#000; padding: 12px 12px 0 12px; background: #fff;}
#col1{width:198px;}
#col1_content{background:#fff;}
#col3{width:auto;margin:0 0 0 210px;border:none;background:#fff;}
#col3_content{background:#fff;}
#main_container{padding:0;}
#info_container_content{border:1px solid #ebebeb;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#info_container_content #message_content p{margin-left:45px;}
#info_container_content.cError{border-color:#ff2837;}
#info_container_content.cError,
#info_container_content.cError #message_content{background:#b20041;}
#info_container_content.cError #message_content div{background:url(../../../images/dtag/icon_info_2.png) no-repeat transparent;}
#info_container_content.cError #message_content p{font-weight:bold;}
#info_container_content.cWait{border-color:#ebebeb;}
#info_container_content.cWait #message_content div{background-color:rgba( 0,0,0,0 );border:5px solid rgba( 0,0,0,0.9 );opacity:.9;border-left:5px solid rgba( 0,0,0,0);border-right:5px solid rgba( 0,0,0,0 );border-radius:50px;width:25px;height:25px;margin:0 auto;-moz-animation:divRotate 1s infinite linear;-webkit-animation:divRotate 1s infinite linear;}
@-moz-keyframes divRotate{0%{-moz-transform:rotate( 0deg );}
100%{-moz-transform:rotate( 360deg );}
}
@-webkit-keyframes divRotate{0%{-webkit-transform:rotate( 0deg );}
100%{-webkit-transform:rotate( 360deg );}
}
#footer{background:#fff; color: #333; padding-bottom: 12px;}
#footer *{background:transparent; color: #333;}
#logout, #footer_button{height:17px;}
#logout{display:block;background:url(../../../images/dtag/logo_small.png) no-repeat;width:72px;margin-left:24px;}
#footer_button{width:auto;margin-left:210px;display:-webkit-flex;display:flex;}
#footer_button #content{display:none;border:none;}
#footer_button #device_info{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-align-self:flex-end;align-self:flex-end;}
#logout, #logout *,
#footer_button, #footer_button *{font-size:11px;}
#button_content div.plus{background:url(../../../images/dtag/icon_show_hide.gif) no-repeat !important; background-position: 2px -65px !important;}
#button_content div.minus{background:url(../../../images/dtag/icon_show_hide.gif) no-repeat !important; background-position: 2px 0 !important;}
iframe{border:1px solid #e0e0e0;}
}
@media (max-width:1024px){div#col1, div#col1_content{background:#fff;}
div#col3{border:none;}
#header #topinfo #navigation{margin-right:27px;}
#main #logo{display:none;}
}
@media screen and (max-width:900px){}
@media (max-width:690px){#header #topinfo{min-height:70px;}
}
@media (max-width:400px){#header #topinfo #info #system_mode.system_info_module label{background-size:25px 25px;padding:5px 0 5px 30px;}
#header #topinfo #info #system_mode.system_info_module label .label{display:none;}
#header #topinfo #info #system_mode.system_info_module label .alt{display:inline;}
#header #topinfo #info .system_info_module img{width:22px;height:29px;}
}