body,html{height:100%}.loader{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100;background:url(/assets/loader.gif) center no-repeat #eff}.main{height:100%;overflow:hidden}.main .container{height:100%}.main .container .row{height:100%}.main .container .row .col-12{height:100%}.main .container .row .col-12 .wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}h1{position:relative}h1 span{margin:0;position:absolute!important;top:50%;right:0;border-radius:50%!important;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:200;background-image:url(/assets/network.png);background-position:center;background-repeat:no-repeat}.content-wrapper{height:100%;margin:0;padding-right:0;overflow-y:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.content-wrapper .subtitle{display:none}.content-wrapper .info{position:absolute;z-index:0;right:16px;top:50px;border:1px solid #9eeaf9;padding:5px}.content-wrapper .info p{margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content-wrapper .info p .left{padding-right:5px}.content-wrapper .info p .right{padding-left:5px}.content-wrapper .content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.content-wrapper .content .nav{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-right:16px;margin-right:16px;border-right:1px solid #ddd}.content-wrapper .content .nav .nav-link{position:relative;text-align:left}.content-wrapper .content .nav .nav-link:before{content:"";position:absolute;left:5px;top:10px;width:10px;height:10px;border-radius:50%;background:#f8d7da}.content-wrapper .content .nav .nav-link.online:before{background:#2c0}.content-wrapper .content .tabs-wrapper{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.content-wrapper .content .tabs-wrapper .tab-content{height:100%;width:100%;overflow-y:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;z-index:10}.content-wrapper .content .tabs-wrapper .tab-content .card{padding:8px;margin-bottom:8px}.content-wrapper .content .tabs-wrapper .tab-content .card.to-left{margin-right:8px;margin-left:20%;background:#d1e7dd}.content-wrapper .content .tabs-wrapper .tab-content .card.to-right{margin-right:20%}.content-wrapper .content .tabs-wrapper .tab-content .card .delete-item{position:absolute;right:3px;top:0;display:block;cursor:pointer;color:#c20;font-size:14px;font-weight:700;width:20px;text-align:center;z-index:100}.content-wrapper .content .tabs-wrapper .tab-content .card a{margin-left:auto}.content-wrapper .content .tabs-wrapper .tab-content .card a img{max-height:100px;max-width:100%}.content-wrapper .content .tabs-wrapper .tab-content .card .small{font-size:.66em}.content-wrapper .content .tabs-wrapper .tab-content .to-bottom{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;border:1px solid #aaa;background:#fff;z-index:110;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);font-size:30px;color:#aaa;padding:0 5px 11px 8px;cursor:pointer}.content-wrapper .content .tabs-wrapper .form{display:-webkit-box;display:-ms-flexbox;display:flex;padding-right:16px;padding-top:16px;margin-top:16px;position:relative;border-top:1px solid #ddd;z-index:10}.content-wrapper .content .tabs-wrapper .form .card{padding:8px}.content-wrapper .content .tabs-wrapper .form .card textarea{border:none;resize:none}.content-wrapper .content .tabs-wrapper .form label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.content-wrapper .content .tabs-wrapper .form label img{max-width:40px;height:auto}.content-wrapper .content .tabs-wrapper .form .button{margin:0;background:url(/assets/send.png) center no-repeat;cursor:pointer}.content-wrapper .content .tabs-wrapper .notice{position:absolute;bottom:20px;left:0;right:0;text-align:center;z-index:0}@media (max-width:768px){.content-wrapper{padding-right:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-wrapper .subtitle{display:block;position:relative;text-align:center;margin-bottom:8px;height:24px;font-weight:700}.content-wrapper .subtitle .back{height:100%;padding:0 0 0 15px}.content-wrapper .content{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.content-wrapper .content .nav{padding:0;margin:0;border:none;width:100%}.content-wrapper .content .tabs-wrapper{background:#cff4fc;position:absolute;right:-120%;top:0;bottom:0;width:0;overflow:hidden}.content-wrapper .content .tabs-wrapper .notice{display:none}.content-wrapper.mob-show-tabs .subtitle .back{position:absolute;left:0;top:0;color:#0d6efd}.content-wrapper.mob-show-tabs .subtitle .back:before{content:"<";position:absolute;left:0;top:0;color:#0d6efd}.content-wrapper.mob-show-tabs .content .nav{opacity:0}.content-wrapper.mob-show-tabs .content .tabs-wrapper{width:100%;right:auto;left:0}}