.hidden{display:none!important}body{background-color:#ebebeb;font-family:Nunito,sans-serif;font-size:14px}.layout{height:100vh;height:calc(var(--vh, 1vh)*100);display:-webkit-box;display:-ms-flexbox;display:flex}nav.navigation{background:#fff}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}nav.navigation .nav-group{width:70px}nav.navigation ul{height:100vh;height:calc(var(--vh, 1vh)*100);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0}nav.navigation ul li{list-style:none}nav.navigation ul li.logo{margin-bottom:1rem;background-color:#3db16b}nav.navigation ul li{display:block;text-align:center;padding:20px 0;color:#828282;position:relative;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}nav.navigation ul li.active,nav.navigation ul li:hover{color:#3db16b}nav.navigation ul li i{font-size:19px}[class*=" ti-"],[class^=ti-]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-comment-alt:before{content:"\E645"}nav.navigation ul li.notifiy_badge:before{content:"";display:block;width:8px;height:8px;background-color:#ff7373;border-radius:50%;position:absolute;top:10px;right:10px}.ti-user:before{content:"\E602"}.layout .content,nav.navigation ul li.brackets{-webkit-box-flex:1;-ms-flex:1;flex:1}.layout .content{padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex}.layout .content .sidebar-group{flex-direction:column}.layout .content .sidebar-group,.layout .content .sidebar-group .sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.layout .content .sidebar-group .sidebar{height:100%;margin-right:30px;background:#fff;border-radius:5px;overflow:auto;width:380px;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}.layout .content .sidebar-group .sidebar>header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px;height:60px;font-weight:700;border-radius:0}.layout .content .sidebar-group .sidebar>form{padding:10px 20px}.layout .content .chat{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.layout .content .chat .chat-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:2px solid #e1e1e1;padding-bottom:20px}.layout .content .sidebar-group .sidebar .sidebar-body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.list-group{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding-left:0;margin-bottom:0}.layout .content .sidebar-group .sidebar .list-group-item{padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.layout .content .sidebar-group .sidebar .list-group-item:hover{background:rgba(10,187,135,.31)}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item{background-color:inherit;border-color:#ebebeb;position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.layout .content .sidebar-group .sidebar .list-group-item figure{margin-right:1rem}figure.avatar>a>img,figure.avatar>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rounded-circle{border-radius:50%!important}.layout .content .sidebar-group .sidebar .list-group-item .users-list-body{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.layout .content .sidebar-group .sidebar .list-group-item .users-list-body h5{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px;font-weight:600;margin-bottom:.2rem;line-height:1}.layout .content .sidebar-group .sidebar .list-group-item .users-list-body .action-toggle{display:none}.layout .content .sidebar-group .sidebar .list-group-item .users-list-body .users-list-action{position:absolute;right:0;top:0;background:#2d8cf0;bottom:0;padding:0 5px;margin:auto;color:#fff;height:24px;width:70px;text-align:center;font-size:12px;line-height:24px;border-radius:24px}.show{display:block!important}.dropdown,.dropleft,.dropright,.dropup{position:relative}.layout .content .sidebar-group .sidebar .list-group-item.open-chat:before{opacity:1}.layout .content .sidebar-group .sidebar .list-group-item:before{content:"";position:absolute;display:block;width:5px;background-color:#3db16b;opacity:0;top:0;bottom:0;left:0}figure.avatar.avatar-state-success:before{background:#0abb87}.layout .content .chat .chat-body:not(.no-message){overflow:auto}.layout .content .chat .chat-body{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:20px 0}.layout .content .chat .chat-body .messages{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.layout .content .chat .chat-body .messages,.layout .content .chat .chat-body .messages .message-item{display:-webkit-box;display:-ms-flexbox;display:flex}.layout .content .chat .chat-body .messages .message-item .message-content{background:#fff;border-radius:5px;padding:10px;word-break:break-all}.layout .content .chat .chat-body .messages .message-item .message-action{color:#828282;margin-top:3px;font-size:12px;text-align:right}.layout .content .chat .chat-body .messages .message-item.outgoing-message{margin-left:auto;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse}.layout .content .chat .chat-body .messages .message-item{max-width:75%;margin-bottom:20px}.layout .content .chat .chat-footer{border-top:2px solid #e1e1e1;padding-top:20px}.layout .content .chat .chat-footer form{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;border-radius:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.layout .content .chat .chat-footer form input[type=text]{border:none;background-color:inherit}.form-control{border-radius:5px;font-size:14px;display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.layout .content .chat .chat-footer form .form-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.layout .content .chat .chat-footer form .form-buttons .btn{margin-left:.5rem}.btn.btn-primary,a.btn[href="#next"],a.btn[href="#previous"]{background:#3db16b;border:1px solid #3db16b}.btn.btn-floating{height:35px;width:35px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%}.text-muted{color:#6c757d!important}.small,small{font-size:80%;font-weight:400}.layout .content .chat .chat-header .chat-header-user h5{font-size:16px;font-weight:600;margin-bottom:0;line-height:1}.layout .content .chat .chat-header .chat-header-user figure{margin-right:1rem}figure.avatar.avatar-lg{height:2.5rem;width:2.5rem}.head-logo{background-color:#3db16b;text-align:center;line-height:2.5rem}figure.avatar{display:inline-block;margin-bottom:0;height:2.5rem;width:2.5rem;border-radius:50%}figure{margin:0 0 1rem}.layout .content .chat .chat-header .chat-header-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}