*{box-sizing: border-box;}
webview{height: 100%;width: 100%;}
.electron-container{width:100%;height:100%;font-family:arial}

/* << main */
.electron-main{width:40%;position:absolute;top:0;left:0;bottom:0;background:#fff}
.login-logo{height:60px;padding:10px;margin:40px 0;text-align:center;}
.login-logo img{max-width:100%;}
.login-form-container{padding:20px 40px;max-width:450px;margin:0 auto;}
.login-form{margin:50px 0;}
.login-form-container label{font-size:14px;color: #333;margin-bottom:10px;display:block;}
.login-form-container .login-input{border:1px solid #ddd;border-radius:3px;width:100%;padding:10px;height:50px;font-size:22px;color: #333;line-height:24px;margin-bottom:10px;}
.login-form-container .help-block,.login-form-container .text-danger{clear:both;display:block;color: #a94442;background: #f2dede;border:1px solid #ebccd1;list-style: none;padding: 10px;font-size:12px;border-radius:3px;}
/* main >> */

/* << side */
.electron-side{position:relative;background: #006abd url(/media/images/bg.png);width:60%;position:absolute;top:0;right:0;bottom:0;}
.login-side-info{position:absolute;top:20px;right:20px;text-align: right;font-size:14px;color: #fff;padding:20px;}
.login-side-info-more{border:1px solid #fff;color: #fff;padding:10px;border-radius: 3px;margin-left:10px;color:#fff}
.login-side-info-more:hover{background: #025a9f;border-color:#eee;color: #eee;}
.login-side-info-more:active{background: #014f8d;border-color:#ddd;color: #ddd;}

/* side >> */
.dominio-personalizado{clear:both;text-align:center;font-size:12px;}
.dominio-personalizado a{color: #006abd;}
.dominio-personalizado a:hover{color: #025a9f;text-decoration:underline;}
.login-side-content{width:100%;text-align:center;position:absolute;top:50%;margin-top:-25%;padding:0 10px;}
.login-side-content img{max-width:100%;max-height:100%;margin:0 auto;display:block;}

.list-servers{}
.list-servers ul{list-style:none;text-indent:0;-webkit-padding-start:0;padding-left:0;}
.list-servers ul li{margin-bottom:10px;}
.list-servers ul li a{padding:10px;display:block;border:1px solid #ddd;}
.list-servers ul li a:hover{border:1px solid #bbb;background: #eee;}
.list-servers ul li h3.server-title{font-size:20px;margin:0;color: #333;}
.list-servers ul li p.server-url{margin:0;font-size:12px;color: #888;}

.btn{cursor:pointer;border:0;border-radius:3px;padding:10px;height:40px;font-size:14px;font-weight:bold;text-shadow:0 1px 1px #359439;}
.btn-success{background: #4CAF50;color: #fff;}
.btn-success:hover{background: #41a345;box-shadow:0 0 1px #999;}
.btn-success:active{background: #359439;}

.electron-container.mobile .electron-main{width:100%}
.electron-container.mobile .electron-side{display:none}

.preloading:after{content:"\f110"; position:absolute; left:calc(50% - 1vw); top:calc(50% - 1vw); z-index:8; color:#bbb; font:normal normal normal 3vw/1 FontAwesome; -webkit-animation:fa-spin 2s infinite linear; animation:fa-spin 2s infinite linear}
.preloading:before{content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#eee; opacity:0.4; z-index:9}