.width-px-150{width:150px !important}.width-px-100{width:100px !important}#loginbg{background-color:#444;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/app/login-bg{random(1)}.jpg', sizingMethod='scale')";position:fixed;height:100%;width:100%;display:flex;align-items:center;justify-content:center}
.loginbg1{background-image:url(/img/app/login-bg1.jpg)}.loginbg2{background-image:url(/img/app/login-bg2.jpg)}.loginbg3{background-image:url(/img/app/login-bg3.jpg)}.loginbg4{background-image:url(/img/app/login-bg4.jpg)}.loginbg5{background-image:url(/img/app/login-bg5.jpg)}.loginbg6{background-image:url(/img/app/login-bg6.jpg)}
.loginbg7{background-image:url(/img/app/login-bg7.jpg)}.loginbg8{background-image:url(/img/app/login-bg8.jpg)}.loginbg9{background-image:url(/img/app/login-bg9.jpg)}.loginbg10{background-image:url(/img/app/login-bg10.jpg)}.loginbg11{background-image:url(/img/app/login-bg11.jpg)}.loginbg12{background-image:url(/img/app/login-bg12.jpg)}
.login-dc-banner{padding:5px 10px;color:#fff;visibility:hidden}#loginbg>div.container{margin-top:-192px}@media(max-height:750px){#loginbg:not(:has(#netpick)){align-items:flex-start}#loginbg>div.container{margin-top:0}}#loginbg .temetra_logo{padding:50px 26px 26px;text-align:center}#loginbg .temetra_logo img{filter:drop-shadow(2px 4px 6px #0000008f);max-width:100%}
#loginbg .temetra_logo img.dials{width:100px;height:55px;display:block;margin:auto}.loginwrapper,.loginwrapper .btn{font-size:16px !important}.loginwrapper .form-control{font-size:16px;border:1px solid #c2cad8;border-radius:3px !important;height:38px}.loginwrapper .form-group,input[name=apply]{margin-bottom:20px}
.loginwrapper input[name=apply],.loginwrapper input[name=resetpassword],.loginwrapper input[name=submit]{border-radius:3px !important;height:38px}.loginwrapper #login-info{margin-top:30px;text-align:center;padding:0 20px}p.login-title{color:#fff;font-weight:600;margin-top:10px}.loginwrapper{width:100%;padding:35px;background-color:rgba(255,255,255,0.9);border-radius:4px !important;box-shadow:0 3px 5px -1px rgb(0 0 0 / 20%),0 6px 10px 0 rgb(0 0 0 / 14%),0 1px 18px 0 rgb(0 0 0 / 12%)}
.login-dc-banner{width:100%}.loginwrapper .error{z-index:100;padding:10px;margin:10px auto;margin-bottom:20px;font-size:16px}.loginwrapper .error span{color:white !important}.loginwrapper p{margin-bottom:0}.loginwrapper hr{border-top:2px solid #fff}.loginwrapper .temetra_logo{margin-bottom:20px;text-align:center}
.loginwrapper label{text-align:left;color:#444;font-weight:600;font-size:.875em;margin-bottom:0}.loginwrapper form .error label{font-size:12px;line-height:19px}.loginwrapper form .submit{padding:7px;border:0;outline:0;background-color:#d66795;margin:0 0 0 3px;width:262px;letter-spacing:1px;font-size:16px;color:#fff;text-align:center;border-radius:5px !important;cursor:pointer}
.loginwrapper form input{color:#444 !important}.loginwrapper form input.red-sunglo{color:#fff !important}.loginwrapper #login_error,.loginwrapper .message{margin:0 0 16px 8px;border:1px solid;padding:14px;border-radius:3px !important}.loginwrapper #user_login{background:url(/img/app/login-user-off.png) no-repeat scroll 235px 7px #fff;padding-right:10px}
.loginwrapper #user_login:focus{background:url(/img/app/login-user-on.png) no-repeat scroll 235px 7px #fff;padding-right:8px;border:3px solid #78a8bc}.loginwrapper #user_pass{background:url(/img/app/login-lock-off.png) no-repeat scroll 235px 7px #fff;padding-right:10px}.loginwrapper #user_pass:focus{background:url(/img/app/login-lock-on.png) no-repeat scroll 235px 7px #fff;padding-right:8px;border:3px solid #78a8bc}
.loginwrapper .login-nav{margin-top:20px}.loginwrapper .login-nav a{font-size:14px;color:#fff;color:#286572}.loginwrapper .loginsso-nav a{font-size:14px;color:#fff;color:#286572}.loginwrapper .loginsso-nav{padding-top:10px;padding-left:0;text-align:left;vertical-align:middle}.loginwrapper .login-forgot-password{float:right;text-align:right}
.loginwrapper .login-nav-footer{width:100%;margin-top:20px}.loginwrapper .login-nav-footer a{font-size:14px;color:#286572}.loginwrapper .login-nav-footer p{font-size:14px;color:#444}.loginwrapper .bootstrap-select-wrapper{border:none !important}.loginwrapper .bootstrap-select-wrapper button.dropdown-toggle{outline:none !important;border-radius:3px !important}
.loginwrapper .bootstrap-select-wrapper .open button.dropdown-toggle{border-radius:3px 3px 0 0 !important}.loginwrapper .bootstrap-select-wrapper .dropdown-menu{border:1px solid #ccc;background-color:#eee}.loginwrapper .datacenter-selector{text-align:right;padding:0}.loginwrapper .datacenter-selector select#datacenters{border:1px solid #ccc;padding:2px;border-radius:5px;font-size:14px;color:#444}
.loginwrapper .datacenter-selector select#datacenters option{color:#444}div.email-verification-result{width:100%;min-width:400px;padding:15px;margin-bottom:20px;background-color:rgba(38,194,129,.8);border-radius:5px !important;border-color:rgba(38,194,129,.8);color:white;font-size:16px;text-align:center;font-weight:bold}
#help-overlay{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);overflow:auto;width:500px;margin:0 auto;z-index:1001;text-align:center;background-color:#fefefe;font-family:Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:0;padding:20px;color:#333;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.help-overlay-title{border-bottom:1px solid #ccc;color:#4b8c9c;font-size:18px;margin-bottom:10px;margin-top:0;padding-bottom:2px;text-align:left;font-family:Helvetica,Arial,sans-serif;letter-spacing:.5px;font-weight:500}#help-overlay div{font-family:Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:0;color:#333}
div#help-overlay-button{background-color:#5aa7ba;border-radius:5px 5px 5px 5px;color:#fff;cursor:pointer;float:right;font-weight:bold;height:18px;margin:auto 0;width:20px}#shadow{display:none;background-image:url(/img/app/shade1x1.png);position:absolute;left:0;top:0;width:100%;z-index:1000}.clear{clear:both}
#logininfo{width:310px;margin:0 auto;line-height:17px;text-align:justify;color:#333}.checkwarnings span{display:none;position:absolute;top:-5px;right:20px;z-index:50;background-color:#FFF;border:1px solid #000;margin:0;padding:0;padding-right:10px}.checkwarnings ul{margin-left:0;padding-left:10px}.checkwarnings li{list-style-type:none}
.checkwarnings{position:relative}#langsel{margin-top:10px;margin-right:10px;width:260px;color:#fff;cursor:pointer;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:30px;position:absolute;z-index:5;right:5px}#langsel ul{list-style:none;border:0;padding:0;margin:0;width:260px}
#langsel ul li{padding:2px 0;font-size:14px;font-family:Helvetica,Arial,sans-serif;font-weight:600;height:26px;width:260px;background-color:rgba(70,70,70,0.65)}@media(max-width:575.98px){#langsel ul li{background-color:rgba(70,70,70,0.85)}}#langsel>ul>li{height:28px;border-radius:3px !important;padding-top:3px;padding-left:3px}
#langsel>ul>li.open{border-radius:3px 3px 0 0 !important}#langsel ul li img{vertical-align:middle}#langsel ul li span{vertical-align:middle;padding-left:2px}#langsel ul li img.globe{width:16px;height:16px;margin:3px 4px}#langsel ul li img.arrow{position:absolute;top:10px;right:5px}#langsel ul li a{text-decoration:none;color:#fff;font-size:14px;font-family:Helvetica,Arial,sans-serif;font-weight:600;padding:2px 0 2px 28px;width:232px;height:100%;display:block;outline:0}
#langsel ul li ul{visibility:collapse;list-style:none;border:0;padding:0;margin:0;width:260px;position:absolute;top:28px;left:0;z-index:10;transform-origin:top;transform:scaleY(0);transition:transform .18s ease-out}#langsel>ul>li#lang-sel-pop.open ul{visibility:visible;transform:scaleY(1)}#langsel ul li ul li{display:inline;float:left;width:260px;border-radius:0}
#langsel ul li ul li:hover a{color:#666;text-shadow:none}#langsel ul li ul li:hover{background-color:rgba(255,255,255,0.85)}#langsel ul li ul li:last-child{border-radius:0 0 5px 5px}a.page_help{margin:0 5px}a.page_help img{vertical-align:text-bottom}#networksel div{padding-top:5px;font-weight:bold;color:#777;font-size:90%;display:inline;background-color:#fff}
#networksel span{padding-left:2em}#netpick{padding:10px;text-align:center;background:#fff;background:rgba(255,255,255,.2)}#netpickf{min-height:60px;background-color:#eceeed;border:1px solid #ddd;font-size:16px;margin:0 auto;color:#777;padding:10px}#netpickf input{padding:2px;font-size:14px}#netpick-list{background-color:#fff}
div.netpicklinefalse{min-height:35px;border-bottom:1px solid #f4f4f4;padding:5px 0;border-left:10px solid #fff;clear:both}div.netpicklinefalse div a{color:#777}div.netpicklinefalse.selected{border-left:10px solid #e26a6a;background-color:#fafafa;cursor:pointer}div.netpicklinefalse.selected div,div.netpicklinefalse.selected div a{outline:0;color:#222}
div.netpicklinefalse:hover>div,div.netpicklinefalse:hover>div a{outline:0}div.netpicklinefalse div{font-size:16px}div.netpicklinefalse div a{text-decoration:none;font-size:16px}div.netpicklinefalse div a:hover{text-decoration:none}@media(max-width:768px){div.netpicklinefalse{min-height:60px;border-bottom:1px solid #eee}
div.netpicklinefalse>div.netpickinl{font-size:14px}}div.netpicklinetrue{min-height:35px;border-bottom:1px solid #f4f4f4;padding:5px 0;border-left:10px solid #fff;clear:both}div.netpicklinetrue{border-left:10px solid #ddd;background-color:#ddd}div.netpicklinetrue div{outline:0;border:#ddd;background-color:#ddd}
div.netpicklinetrue div{font-size:18px}div.netpicklinetrue div a{text-decoration:none;font-size:18px}div.netpicklinetrue div a:hover{text-decoration:none}@media(max-width:768px){div.netpicklinetrue{min-height:60px;border-bottom:1px solid #ddd}div.netpicklinetrue>div.netpickinl{font-size:14px}}canvas.network-indicator{vertical-align:middle;margin-right:5px}
div.netpickinl{color:#aaa}div.netpickname{color:#989898}div.netpickind{border-left:1px solid #ddd;opacity:.6}div.netpickind{border-left:1px solid #ddd;opacity:.6}div.netpickind img{margin-right:5px}div.netpicklinefalse:hover>div.netpickinl{color:#666}div.netpicklinefalse.selected>div.netpickind{opacity:1}
@media(max-width:768px){div.netpicklinefalse{min-height:60px;border-bottom:1px solid #ddd}div.netpicklinefalse>div.netpickinlfalse{font-size:14px}}a.pin-pinned{color:#286574 !important}a.pin-unpinned{color:#999 !important}.resetpasswordtext:link,.resetpasswordtext:visited{color:white !important;font-weight:bold}
.scrollboxtrack{width:12px;background-clip:padding-box;background:#fff;text-align:left;border-style:solid;border-color:#eee;border-width:0;border-left-width:1px}.scrollboxtrack.dragging,.scrollboxtrack:hover{background:#f2f2f2;background:rgba(0,0,0,0.05);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.1);box-shadow:inset 1px 0 0 rgba(0,0,0,0.1)}
.scrollboxtrack:active{background:#f2f2f2;background:rgba(0,0,0,0.05);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.14),inset -1px -1px 0 rgba(0,0,0,0.07);box-shadow:inset 1px 0 0 rgba(0,0,0,0.14),inset -1px -1px 0 rgba(0,0,0,0.07)}.scrollboxhandle{width:12px;background-clip:padding-box;background:#ccc;background:rgba(0,0,0,0.2);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07)}
.scrollboxhandle:hover{background:#999;background:rgba(0,0,0,0.4);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25);box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25)}.dragging .scrollboxhandle,.scrollboxhandle:active{background:gray;background:rgba(0,0,0,0.5);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35);box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)}