body{font-family:ats-font}header{height:50px;padding:10px;background-color:#6195ff}header .logo{text-align:right}header .control{text-align:left}header .control .linear{position:relative;display:inline-block}header .control .linear .line{position:absolute;border-left:4px solid red;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;right:5px;height:30px}header .control .linear .Camera,header .control .linear .MicroPhone{display:none}header .control .linear i{margin-left:10px;font-size:20px;color:#fff;cursor:pointer;margin-top:5px}main{width:100%}main .body{position:relative;width:100%;height:calc(100vh - 55px);min-height:600px}main .body .video_container{text-align:center;min-height:calc(100vh - 300px);width:100%}main .body .video_container #guest{width:100%}main .body .video_container #guest .video_remote{width:50%;margin:1px 25%;display:inline-block}main .body .video_container #guest .video_remote video{margin:0 auto;display:block;max-height:calc(100vh - 250px)}main .body .chat_container{position:absolute;width:100%;bottom:0}main .body .chat_container .message_container{width:100%;height:250px;position:absolute;bottom:0;background-color:#2a2a2a;padding:5px;right:0}main .body .chat_container .message_container .message_box{height:240px;border-radius:5px}main .body .chat_container .message_container .message_box ul#ChatList{background-color:#fff;list-style-type:none;text-align:right;overflow:auto;height:200px;margin-bottom:0!important}main .body .chat_container .message_container .message_box ul#ChatList li{padding:5px;margin:5px 10px;border-bottom:1px solid #ededed}main .body .chat_container .message_container .message_box ul#ChatList li .head{font-weight:700}main .body .chat_container .message_container .message_box ul#ChatList li .head img{width:25px;height:25px;border-radius:50%}main .body .chat_container .message_container .message_box ul#ChatList li .portlet{margin-bottom:15px}main .body .chat_container .message_container .message_box ul#ChatList li .btn-white{border-color:#ccc;color:#333;background-color:#fff}main .body .chat_container .message_container .message_box ul#ChatList li .portlet{border:1px solid}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading{padding:0 15px}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading h4{padding:1px 0;font-size:16px}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading a{color:#fff}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading a:active,main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading a:focus,main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading a:hover{outline:none}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-widgets .dropdown-menu a{color:#333}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-widgets ul.dropdown-menu{min-width:0}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading .portlet-title{float:left}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading .portlet-title h4{margin:10px 0}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading .portlet-widgets{float:right;margin:8px 0}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading .portlet-widgets .tabbed-portlets{display:inline}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-heading .portlet-widgets .divider{margin:0 5px}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-body{padding:15px;background:#fff}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-footer{padding:10px 15px;background:#e0e7e8}main .body .chat_container .message_container .message_box ul#ChatList li .portlet .portlet-footer ul{margin:0}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-green,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-green>.portlet-heading{border-color:#16a085}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-green>.portlet-heading{color:#fff;background-color:#16a085}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-orange,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-orange>.portlet-heading{border-color:#f39c12}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-orange>.portlet-heading{color:#fff;background-color:#f39c12}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-blue,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-blue>.portlet-heading{border-color:#2980b9}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-blue>.portlet-heading{color:#fff;background-color:#2980b9}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-red,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-red>.portlet-heading{border-color:#e74c3c}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-red>.portlet-heading{color:#fff;background-color:#e74c3c}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-purple,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-purple>.portlet-heading{border-color:#8e44ad}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-purple>.portlet-heading{color:#fff;background-color:#8e44ad}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-dark-blue,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-dark-blue>.portlet-heading,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-default,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-default>.portlet-heading{border-color:#34495e}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-dark-blue>.portlet-heading,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-default>.portlet-heading{color:#fff;background-color:#34495e}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-basic,main .body .chat_container .message_container .message_box ul#ChatList li .portlet-basic>.portlet-heading{border-color:#333}main .body .chat_container .message_container .message_box ul#ChatList li .portlet-basic>.portlet-heading{border-bottom:1px solid #333;color:#333;background-color:#fff}@media (min-width:768px){main .body .chat_container .message_container .message_box ul#ChatList li .portlet{margin-bottom:30px}}main .body .chat_container .message_container .message_box ul#ChatList li .img-chat{width:25px;height:25px;border-radius:50%;margin-left:8px}main .body .chat_container .message_container .message_box ul#ChatList li .text-green{color:#16a085}main .body .chat_container .message_container .message_box ul#ChatList li .text-orange{color:#f39c12}main .body .chat_container .message_container .message_box ul#ChatList li .text-red{color:#e74c3c}main .body .chat_container .message_container .message_box ul#ChatList li h5 .small{font-size:12px}main .body .chat_container .message_container .message_box ul#ChatList li .media-body p{width:65%;margin:5px 100px;border:1px solid #ededed;padding:20px 10px;background-color:#ededed;border-radius:5px}main .body .chat_container .message_container .message_box .message_input{padding:2px 0}main .body .chat_container .message_container .message_box .message_input .input_container{background-color:#fff;width:100%}main .body .chat_container .message_container .message_box .message_input .input_container input{padding:9px;width:94%;display:inline-block}main .body .chat_container .message_container .message_box .message_input .input_container .button_container{width:5%;display:inline-block;text-align:center}main .body .chat_container .message_container .message_box .message_input .input_container .button_container i{font-size:24px;color:#6195ff;-webkit-transform:rotate(230deg);transform:rotate(230deg);position:relative;top:10px;cursor:pointer}main .body .chat_container .host_container{position:absolute;height:250px;background-color:#2a2a2a;left:0;bottom:0;width:20%;padding:5px}main .body .chat_container .host_container .host_split{height:240px}main .body .chat_container .host_container .host_split #host{height:200px;background-color:#fff}main .body .chat_container .host_container .host_split #host video{width:90%!important;height:200px;margin:0 5%}main .body .chat_container .host_container .host_split .control_host{padding:2px 0}main .body .chat_container .host_container .host_split .control_host button{width:100%;background-color:#6195ff;color:#fff;padding:7px;font-size:16px}main .alert_box{height:150px;width:350px;padding:25px 5px;background-color:#fff;border:1px solid #d1d1d1;display:block;margin:50px auto;font-weight:700;font-size:18px;text-align:center;border-radius:5px}main .alert_box .alert_icon{font-size:30px}@media screen and (max-width:500px){main .body .video_container #guest .video_remote .video_remote{display:none!important;margin:0!important;padding:0!important;width:100%!important}main .body .video_container #guest .video_remote .video_remote video{height:480px!important;position:relative!important}main .body .chat_container .message_container .button_container{display:none!important}main .body .chat_container .host_container{position:absolute!important;top:-400px!important;z-index:1000!important;background-color:transparent!important}main .body .chat_container .host_container .host_split #host{height:50px;background-color:transparent!important}main .body .chat_container .host_container .control_host{display:none}}