body,html{height:100%;margin:0}h1{font-family:sans-serif;font-size:24px;font-weight:700}.card{border:0;border-radius:0;height:100vh}.green{background-color:#7dcab7}.contacts_body{padding:.75rem 0!important;white-space:nowrap}.contacts_body,.msg_card_body{overflow-y:auto}.card-header{border-bottom:0!important}.card-footer{border-radius:0 0 15px 15px!important;border-top:0!important}.card-footer p{color:#236857;font-size:14px;margin-bottom:0}.container{align-content:center}.search{background-color:rgba(0,0,0,.3)!important;border:0!important;border-radius:0;color:#fff!important}.search:focus{box-shadow:none!important;outline:0!important}.search::-moz-placeholder,.type_msg::-moz-placeholder{color:#fff}.search::placeholder,.type_msg::placeholder{color:#fff}.type_msg{border:0!important;color:#000!important;height:60px!important;overflow-y:auto}.type_msg:focus{box-shadow:none!important;outline:0!important}.attach_btn{border-radius:15px 0 0 15px!important}.attach_btn,.send_btn{background-color:rgba(0,0,0,.3)!important;border:0!important;color:#fff!important;cursor:pointer}.send_btn{width:55px}.send_btn i{margin:auto}.users-list{list-style:none;padding:0}.users-list li{cursor:pointer;margin-bottom:15px!important;padding:5px 10px;width:100%!important}.active{background-color:rgba(0,0,0,.3)}.user_img{height:30px;width:30px}.user_img,.user_img_msg{border:1.5px solid #f5f6fa}.user_img_msg{height:34px;width:34px}.img_cont{height:30px;position:relative;width:30px}.img_cont_msg{height:34px;line-height:2px;width:34px}.online_icon{border:1.5px solid #fff;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.online{color:#4cd137}.online-bg{background-color:#4cd137}.offline{color:#c23616}.offline-bg{background-color:#c23616!important}.user_info{margin-bottom:auto;margin-left:15px;margin-top:auto}.user_info span{color:#fff;font-size:16px}.user_info p{color:hsla(0,0%,100%,.6);font-size:10px}.video_cam{margin-left:50px;margin-top:5px}.video_cam span{color:#fff;cursor:pointer;font-size:20px;margin-right:20px}.msg_container{border-radius:20px;font-size:.9375rem;margin-bottom:auto;margin-top:auto;padding:6px 12px;position:relative}.message_wrapper{overflow:auto;padding:10px 10px 0}.message_wrapper::-webkit-scrollbar{width:5px}.message_wrapper::-webkit-scrollbar-track{background:#f1f1f1}.message_wrapper::-webkit-scrollbar-thumb{background:#888}.message_wrapper::-webkit-scrollbar-thumb:hover{background:#fff}.type_msg{line-height:20px;padding:2px 10px;width:100%}.msg_head{border-bottom:1px solid #e5e5e5!important;padding:10px 20px;top:0;width:100%;z-index:9999}.message-footer,.msg_head{background-color:#fff;height:50px;position:fixed}.message-footer{border-top:1px solid #e5e5e5;bottom:0;max-width:inherit;width:inherit}.chat-send-group{display:flex;height:50px}.input-group-text{border-radius:0}.send_btn{padding:0}.message-receive{background-color:#e4e6eb;margin-left:5px}.message-send{background-color:#09f;color:#fff;margin-right:5px}.msg_time{color:#000;left:0}.msg_time,.msg_time_send{bottom:-15px;font-size:10px;position:absolute}.msg_time_send{color:hsla(0,0%,100%,.5);right:0}.msg_head{position:relative}.msg_head p,.msg_head span{color:#000}.wishper{color:#848282;position:absolute;top:-18px}.wishper p{font-size:10px;margin:0;padding-left:5px}.chat_message{margin-bottom:10px}.timestamp{font-size:10px;text-align:center}#action_menu_btn{color:#000;cursor:pointer;font-size:20px;position:absolute;right:20px;top:10px}.action_menu{background-color:#b9b9b9;color:#fff;display:none;position:absolute;right:15px;top:30px;z-index:1}.action_menu ul{list-style:none;margin:0;padding:0}.action_menu ul li{margin-bottom:5px;padding:10px 15px;width:100%}.action_menu ul li i{padding-right:10px}.action_menu ul li:hover{background-color:rgba(0,0,0,.2);cursor:pointer}@media(max-width:576px){.contacts_card{margin-bottom:15px!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:#dbdada}::-webkit-scrollbar-thumb:hover{background:#b8b8b8}.auth-form{background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.auth-form:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.auth form .form-group .form-control{background:#fff}.brand-logo img{border-radius:10px;width:60px}.btn-black{background:#282f3a;color:#fff}.btn:hover{color:#fff}.container-scroller{overflow:hidden}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.page-body-wrapper{display:flex;flex-direction:row;min-height:calc(100vh - 70px);padding-left:0;padding-right:0;padding-top:70px}.page-body-wrapper.full-page-wrapper{min-height:100vh;padding-top:0;width:100%}.content-wrapper{background:#ededed;flex-grow:1;padding:2.68rem 2.5rem;width:100%}.auth form .form-group .form-control{border-radius:0;font-size:.9375rem}.login-block{float:left;padding:50px 0;width:100%}.register-box:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.register-box{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.banner-sec{background:url(https://static.pexels.com/photos/33972/pexels-photo.jpg) no-repeat 0 100%;background-size:cover;min-height:500px;padding:0}.container{background:#fff}.carousel-inner{border-radius:0 10px 10px 0}.carousel-caption{left:5%;text-align:left}.login-sec{padding:50px 30px;position:relative}.login-sec .copy-text{bottom:20px;font-size:13px;position:absolute;text-align:center;width:80%}.login-sec .copy-text i{color:#feb58a}.login-sec .copy-text a{color:#e36262}.login-sec>div:after{background:#537eff;border-radius:3px;content:" ";display:block;height:5px;margin-left:auto;margin-right:auto;margin-top:20px;width:100px}.btn-login{background:#537eff;color:#fff;font-weight:600}.banner-text{bottom:40px;padding-left:20px;position:absolute;width:70%}.banner-text h2{color:#fff;font-weight:600}.banner-text h2:after{background:#fff;border-radius:3px;content:" ";display:block;height:5px;margin-top:20px;width:100px}.banner-text p{color:#fff}#notfound{height:100vh;position:relative}#notfound .notfound{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.notfound{line-height:1.4;max-width:520px;text-align:center;width:100%}.notfound .notfound-404{height:200px;margin:0 auto 20px;position:relative;z-index:-1}.notfound .notfound-404 h1{font-size:236px;font-weight:200;left:50%;margin:0;top:50%;transform:translate(-50%,-50%)}.notfound .notfound-404 h1,.notfound .notfound-404 h2{color:#211b19;font-family:Montserrat,sans-serif;position:absolute;text-transform:uppercase}.notfound .notfound-404 h2{background:#fff;bottom:0;display:inline-block;font-size:28px;font-weight:400;left:0;margin:auto;padding:10px 5px;right:0}.notfound a{background:#7dcab7;color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;padding:13px 23px;text-decoration:none;text-transform:uppercase;transition:all .2s}.notfound a:hover{background:#211b19;color:#7dcab7}@media only screen and (max-width:767px){.notfound .notfound-404 h1{font-size:148px}}@media only screen and (max-width:480px){.notfound .notfound-404{height:148px;margin:0 auto 10px}.notfound .notfound-404 h1{font-size:86px}.notfound .notfound-404 h2{font-size:16px}.notfound a{font-size:14px;padding:7px 15px}}.screen-lock{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)!important}.screen-lock input{border:1px solid #d7d7d7;border-radius:5px}.danger{color:#df0707}.left-sidebar{background-color:#63eecb}.fs-10{font-size:10px}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.go-to-previous{color:#8b8888;font-size:20px;margin-right:10px}.users-list .online-status{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;width:100%}.file-upload{display:inline-block;margin-left:10px;margin-top:5px;position:relative}.file-label{cursor:pointer;display:inline-block;margin-bottom:0}.camera-icon{color:#000;font-size:24px}.progress{height:5px}.blur{filter:blur(8px)}@media only screen and (max-width:480px){.screen-lock{width:80%}.message-card{bottom:50px;position:fixed;top:50px;width:100%}.left-sidebar,.left-sidebar-header{background-color:#fff}.left-sidebar-header{box-shadow:1px 0 8px 2px #e5e4e4;position:fixed;width:100%;z-index:1}.contacts_body{margin-top:54px;padding:1.25rem!important;z-index:0}.left-sidebar .active{background-color:#fff}.user_info span{color:#000}.users-list li{padding:0}.left-sidebar .card-footer{background-color:#fff;bottom:0;position:fixed;width:100%;z-index:1}.left-sidebar .card-footer p{font-size:10px;text-align:center}.progress{height:4px}}