
.chatapp-wrap{position:relative;overflow:hidden;height:calc(100vh - 65px);-webkit-transition:height 0.2s ease;-moz-transition:height 0.2s ease;transition:height 0.2s ease;}
.chatapp-wrap .chatapp-content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;overflow:hidden;left:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.chatapp-wrap .chatapp-content .chatapp-aside{border-right:1px solid #eaeaea;background:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column;height:100%;z-index:1;left:0;margin-top:0;width:370px;flex-shrink:0;}
.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;height:65px;padding:0 1.25rem;border-bottom:1px solid #eaeaea;background:#fff;color:#262a2e;}
.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .chatapp-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .chatapp-title h1{font-size:1.5rem;font-weight:500;margin-bottom:0;}
.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .chatapp-title:after{top:0;}
.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .btn{margin-right:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .btn:last-child{margin-right:0;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body{-ms-flex:1;flex:1;height:100%;overflow:auto;padding:1.25rem;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .aside-search{margin-bottom:1.25rem;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .frequent-contact{margin-bottom:1.25rem;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .frequent-contact ul li .avatar{cursor:pointer;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list{margin:0 -0.8rem;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item{padding:0;border:none;margin-bottom:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item:last-child{margin-bottom:0;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media{padding:.75rem .8rem;border-radius:0.5rem;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;transition:0.2s ease;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-head{position:relative;margin-right:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child{min-width:0;flex:1;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name,.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-last-chat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name{color:#262a2e;font-weight:500;margin-bottom:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child{text-align:right;padding-left:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;width:4.5rem;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child .last-chat-time{font-size:0.75rem;color:#0662b4;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child .badge{margin-top:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child .action-drp{opacity:0;visibility:hidden;position:absolute;top:15px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover,.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus{background-color:#f2f2f2;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .action-drp,.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .action-drp{opacity:1;visibility:visible;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .last-chat-time,.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .badge-pill,.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .last-chat-time,.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .badge-pill{opacity:0;visibility:hidden;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media.read-chat .media-body > div:last-child .last-chat-time{color:#6f6f6f;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media.read-chat.active-user{background-color:#f2f2f2;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media.read-chat.active-user .media-body > div:first-child .user-name{color:#0662b4;}
.chatapp-wrap .chatapp-content .chatapp-single-chat{display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:1;flex-flow:column;height:100%;background:#fff;z-index:10;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;height:65px;padding:0 1.25rem;background:#fff;border-bottom:1px solid #eaeaea;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .back-user-list{display:none;margin-right:.625rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-head{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:1rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-name{font-size:1rem;font-weight:500;color:#262a2e;text-transform:capitalize;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-status{font-size:0.875rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-name,.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .chat-options-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .chat-options-wrap > a{margin-left:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;-ms-flex:1;flex:1;height:100%;overflow:auto;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body ul.list-unstyled{width:90%;margin:0 auto;padding:2rem 1.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body{margin-left:0.75rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box > div{padding:.625rem 1rem;border-radius:1.25rem;display:inline-block;position:relative;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box > div p:first-child{color:#262a2e;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box > div .chat-time{display:block;text-transform:uppercase;font-size:0.75rem;margin-top:.25rem;opacity:.5;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box + .msg-box{margin-top:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box .msg-action{margin-left:1rem;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;background:transparent!important;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box .msg-action:after{display:none;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box:hover .msg-action{opacity:1;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div{cursor:pointer;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .file-name{color:#262a2e;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:165px;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .file-size{font-size:0.875rem;margin-top:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .file-overlay{position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;color:#fff;background:rgba(38, 42, 46, 0.4);border-radius:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div:hover .file-overlay{opacity:1;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div.msg-action:after{display:none;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box + .msg-box{margin-top:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box > div{padding:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box > div img{border-radius:1.25rem;max-width:336px;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box:first-child > div,.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box:last-child > div{border-radius:1.25rem!important;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.received{margin-bottom:1.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.received .media-body .msg-box > div{background:#f2f2f2;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.received .media-body .msg-box:first-child > div{border-top-left-radius:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent{margin-bottom:1.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body{margin-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box{-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box > div{background:#0662b4;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box > div p{color:#fff;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box > div .chat-time{color:#fff;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box:first-child > div{border-top-right-radius:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box .msg-action{margin-left:0;margin-right:1rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.media-attachment{margin-bottom:1.125rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.media-attachment .media-body > .msg-box{margin-bottom:.25rem;margin-right:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep{position:relative;text-align:center;overflow:hidden;font-size:0.875rem;margin:1.875rem 0;text-transform:capitalize;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep:before{background:#eaeaea;content:"";height:1px;right:50%;position:absolute;top:50%;width:100%;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep:after{background:#eaeaea;content:"";height:1px;left:50%;position:absolute;top:50%;width:100%;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep span{display:inline-block;background:#fff;z-index:1;position:relative;padding:0 .625rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.75rem 1.25rem;background:#fff;border-top:1px solid #eaeaea;margin-top:-1px;position:relative;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .feather-icon{display:block;}
.chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group{width:100%;}
.chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group .form-control{margin:0 0.75rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info{position:absolute;top:65px;right:-370px;width:370px;margin-left:0;bottom:0;z-index:100;border:none;background:#fff;border-left:1px solid #eaeaea;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .nicescroll-bar{padding:1.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-name{font-size:1.25rem;font-weight:500;color:#262a2e;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info{padding-left:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li{margin-bottom:.625rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a{color:#262a2e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a .cp-icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:.5rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a .cp-icon-wrap .feather-icon{font-size:1.125rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action{padding-left:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action li{margin-bottom:.625rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action li a{color:#262a2e;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action li:last-child{margin-bottom:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files{margin:0 -.8rem;padding-left:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li{padding:.8rem;border-radius:0.5rem;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;transition:0.2s ease;margin-bottom:.25rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:last-child{margin-bottom:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-head{margin-right:1rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body > div:first-child{min-width:0;-ms-flex:1;flex:1;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body .file-name{color:#262a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body .file-size{margin-top:.25rem;font-size:0.875rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:hover{background-color:#f2f2f2;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:hover .media .media-body .file-name{color:#0662b4;}
.chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-body{margin-right:370px;}
.chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-info{right:0;}
.chatapp-wrap.chatapp-info-active .chatapp-single-chat footer.chat-footer{margin-right:370px;}
.chatapp-wrap .chatapp-call-window .modal-content{min-height:calc(100vh - 100px);}
.chatapp-wrap .chatapp-call-window .modal-content .modal-header{Padding:0.3rem 1.25rem;}
.chatapp-wrap .chatapp-call-window .modal-content .modal-header .modal-title{text-align:center;width:100%;font-size:0.875rem;}
.chatapp-wrap .chatapp-call-window .modal-content .modal-header > .modal-action{display:-webkit-box;display:-ms-flexbox;display:flex;right:1.25rem;position:absolute;}
.chatapp-wrap .chatapp-call-window .modal-content .modal-body{display:flex;align-items:center;flex-flow:column;justify-content:center;padding:3.125rem;}
.chatapp-wrap .chatapp-call-window .modal-content .modal-footer{border-top:0;min-height:160px;justify-content:center;}
.chatapp-wrap .chatapp-call-window .modal-content .modal-footer .chatapp-caller-img{right:30px;bottom:30px;position:absolute;}
.chatapp-wrap .invite-user-list{padding:0 1rem;}
.chatapp-wrap .invite-user-list > li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;margin-bottom:.625rem;}
.chatapp-wrap .invite-user-list > li .user-name{color:#262a2e;font-weight:500;}
.one{opacity:0;-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:0.0s;animation:dot 1.3s infinite;animation-delay:0.0s;}
.two{opacity:0;-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:0.2s;animation:dot 1.3s infinite;animation-delay:0.2s;}
.three{opacity:0;-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:0.3s;animation:dot 1.3s infinite;animation-delay:0.3s;}
@media (max-width: 1599px){
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info{right:-320px;width:320px;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body ul.list-unstyled{width:100%;}
.chatapp-wrap .chatapp-content .chatapp-aside{width:320px;}
.chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-info{right:0;}
.chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-body{margin-right:20rem;}
.chatapp-wrap.chatapp-info-active .chatapp-single-chat footer.chat-footer{margin-right:20rem;}
ul.hk-list{margin:0 -.28rem;}
ul.hk-list li{padding:.68rem .28rem;}
}
@media (min-width: 1200px){
button.btn-close.info-close{display:none;}
}
@media (max-width: 1199px){
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info{top:0;box-shadow:0px 8px 16px rgba(0, 0, 0, 0.1);}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body{margin-right:0;}
.chatapp-wrap.chatapp-info-active .chatapp-content .chatapp-single-chat .chat-body{margin-right:0;}
.chatapp-wrap.chatapp-info-active .chatapp-content .chatapp-single-chat footer{margin-right:0;}
button.btn-close.info-close{top:20px;position:absolute;right:20px;z-index:1;}
}
@media (max-width: 991px){
.chatapp-wrap .chatapp-content .chatapp-aside{width:100%;}
.chatapp-wrap .chatapp-content .chatapp-single-chat{right:-100%;position:fixed;top:0;width:100%;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .back-user-list{display:block;flex-shrink:0;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .chat-options-wrap{margin-left:auto;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body ul.list-unstyled{width:100%;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .avatar.avatar-xxl{width:6rem;height:6rem;}
.chatapp-wrap .chatapp-call-window .modal-content .modal-footer .chatapp-caller-img{display:none;}
}
@media (max-width: 767px){
.chatapp-wrap .chatapp-content{margin-left:0;padding-left:0;}
.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .frequent-contact ul{-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-head .avatar.avatar-sm{width:2.5rem;height:2.5rem;}
.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .file-name{max-width:calc(100vw - 300px);}
}


.btn{text-transform:capitalize;outline:none;font-size:1rem;padding:.375rem  1rem;border-width:1px;border-radius:0.375rem;}
.btn:focus,.btn:active,.btn:hover{box-shadow:none;}
.btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;height:100%;width:100%;position:relative;}
.btn.btn-icon{height:38px;width:38px;padding:0;}
.btn.btn-icon[class*="btn-flush-"]{position:relative;border:none;background:transparent!important;}
.btn.btn-icon[class*="btn-flush-"]::before{content:"";position:absolute;top:50%;left:50%;height:0;width:0;background:#298DFF;border-radius:0.5rem;-webkit-transition:all 200ms;-moz-transition:all 200ms;transition:all 200ms;}
.btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled).active::before,.btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled):active::before,.btn.btn-icon[class*="btn-flush-"]:hover::before,.btn.btn-icon[class*="btn-flush-"]:focus::before{top:0;left:0;height:100%;width:100%;}
.btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled).active .icon,.btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled):active .icon,.btn.btn-icon[class*="btn-flush-"]:hover .icon,.btn.btn-icon[class*="btn-flush-"]:focus .icon{color:#fff;}
.btn.btn-icon[class*="btn-flush-"].btn-rounded::before{border-radius:50%;}
.btn.btn-icon[class*="btn-flush-"].btn-flush-primary:before{background:#0662b4;}
.btn.btn-icon[class*="btn-flush-"].btn-flush-primary:disabled{color:rgba(41, 141, 255, 0.8);}
.btn.btn-icon[class*="btn-flush-"].btn-flush-dark:before{background:#262a2e;}
.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:before{background:#f7f7f7;}
.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active .icon,.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active .icon,.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:hover .icon,.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:focus .icon{color:#262a2e;}
.btn.btn-icon[class*="btn-flush-"].btn-flush-dark:disabled{color:rgba(38, 42, 46, 0.8);}
.btn.btn-icon.btn-lg{height:45px;width:45px;}
.btn.btn-icon.btn-sm{height:31px;width:31px;}
.btn.btn-icon.btn-xs{height:28px;width:28px;padding-left:0;padding-right:0;}
.btn.btn-rounded{border-radius:50rem!important;}
.btn.btn-rounded .icon{border-radius:50%!important;}
.btn-info{color:#fff;background-color:#18DDEF;border-color:#18DDEF;}
.btn-info:hover,.btn-info:focus{color:#fff;background-color:#16c7d7;border-color:#16c7d7;}
.btn-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#16c7d7;border-color:#16c7d7;}
.btn-info:disabled{color:#fff;background-color:#a3f1f9;border-color:#a3f1f9;}
.btn-warning{color:#fff;background-color:#FFC400;border-color:#FFC400;}
.btn-warning:hover,.btn-warning:focus{color:#fff;background-color:#e6b000;border-color:#e6b000;}
.btn-warning:not(:disabled):not(.disabled):active{color:#fff;background-color:#e6b000;border-color:#e6b000;}
.btn-warning:disabled{color:#fff;background-color:#ffe799;border-color:#ffe799;}
.btn-danger{color:#fff;background-color:#FF0000;border-color:#FF0000;}
.btn-danger:hover,.btn-danger:focus{color:#fff;background-color:#e60000;border-color:#e60000;}
.btn-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#e60000;border-color:#e60000;}
.btn-danger:disabled{color:#fff;background-color:#ff9999;border-color:#ff9999;}
.btn-primary{color:#fff;background-color:#0662b4;border-color:#0662b4;}
.btn-primary:hover,.btn-primary:focus{color:#fff;background-color:#00717a;border-color:#00717a;}
.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#00717a;border-color:#00717a;}
.btn-primary:disabled{color:#fff;background-color:#99cbcf;border-color:#99cbcf;}
.btn-dark{color:#fff;background-color:#262a2e;border-color:#262a2e;}
.btn-dark:hover,.btn-dark:focus{color:#fff;background-color:#212429;border-color:#212429;}
.btn-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#212429;border-color:#212429;}
.btn-dark:disabled{color:#fff;background-color:#9e9e9e;border-color:#9e9e9e;}
.btn-light{color:#262a2e;background-color:#eaeaea;border-color:#eaeaea;}
.btn-light:hover,.btn-light:focus{color:#6f6f6f;background-color:#d8d8d8;border-color:#d8d8d8;}
.btn-light:not(:disabled):not(.disabled):active{color:#262a2e;background-color:#d8d8d8;border-color:#d8d8d8;}
.btn-light:disabled{color:#6f6f6f;background-color:#eaeaea;border-color:#eaeaea;}
.btn-link{color:#0662b4;text-decoration:none!important;}
.btn-link:hover,.btn-link:focus{color:#0662b4;}
.btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus{box-shadow:none;}
.btn-soft-light{color:#6f6f6f;background-color:#f7f7f7;border-color:#f7f7f7;}
.btn-soft-light:hover,.btn-soft-light:focus{color:#fff;background-color:#6f6f6f;border-color:#6f6f6f;}
.btn-soft-light:not(:disabled):not(.disabled):active{color:#fff;background-color:#6f6f6f;border-color:#6f6f6f;}
.btn-soft-light:disabled{color:#6f6f6f;background-color:#f7f7f7;border-color:#f7f7f7;}
.btn-flush-primary{color:#0662b4;background-color:transparent;border-color:transparent;}
.btn-flush-primary:hover,.btn-flush-primary:focus{color:#fff;background-color:#0662b4;border-color:#0662b4;}
.btn-flush-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0662b4;border-color:#0662b4;}
.btn-flush-primary:disabled{color:#0662b4;background-color:#99cbcf;border-color:#99cbcf;}
.btn-flush-dark{color:#262a2e;background-color:transparent;border-color:transparent;}
.btn-flush-dark:hover,.btn-flush-dark:focus{color:#fff;background-color:#262a2e;border-color:#262a2e;}
.btn-flush-dark:not(:disabled):not(.disabled).active,.btn-flush-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#262a2e;border-color:#262a2e;}
.btn-flush-dark:disabled{color:#fff;background-color:#9e9e9e;border-color:#9e9e9e;}
.btn-flush-dark.flush-soft-hover:hover,.btn-flush-dark.flush-soft-hover:focus,.btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active,.btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active{color:#262a2e;background-color:#f7f7f7;border-color:#f7f7f7;}
.btn-lg{font-size:1.125rem;padding:0.5rem 1.3rem;border-radius:0.375rem;}
.btn-sm{font-size:0.875rem;padding:.25rem .8rem;border-radius:0.375rem;}
.btn-xs{font-size:.75rem;padding:.25rem .6rem;}

.avatar{position:relative;display:inline-block;width:4rem;height:4rem;vertical-align:middle;background-color:transparent;}
.avatar .avatar-img,.avatar .initial-wrap{width:100%;height:100%;border-radius:0.5rem;-o-object-fit:cover;object-fit:cover;}
.avatar > .initial-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;-webkit-justify-content:center;font-size:1.1rem;font-weight:600;}
.avatar.avatar-rounded .avatar-img,.avatar.avatar-rounded .initial-wrap{border-radius:50%;}
.avatar.avatar-xxxl{width:9rem;height:9rem;}
.avatar.avatar-xxl{width:8rem;height:8rem;}
.avatar.avatar-lg{width:6rem;height:6rem;}
.avatar.avatar-sm{width:3rem;height:3rem;}
.avatar.avatar-sm > .initial-wrap{font-size:1rem;}
.avatar.avatar-xs{width:2rem;height:2rem;}
.avatar.avatar-xs > .initial-wrap{font-size:0.75rem;}
.avatar.avatar-icon > .initial-wrap{font-size:1.5rem;font-weight:inherit;}
.avatar.avatar-icon.avatar-sm > .initial-wrap{font-size:1.25rem;}
.avatar.avatar-icon.avatar-xs > .initial-wrap{font-size:1.25rem;}
.avatar.avatar-logo > .initial-wrap{background:#f7f7f7;}
.avatar.avatar-logo > .initial-wrap > img{height:50%;}
.avatar.avatar-warning > .initial-wrap{background-color:#FFC400!important;color:#fff;}
.avatar.avatar-blue > .initial-wrap{background-color:#298DFF!important;color:#fff;}
.avatar.avatar-primary > .initial-wrap{background-color:#0662b4!important;color:#fff;}
.avatar.avatar-soft-info > .initial-wrap{background-color:#edfcfe!important;color:#18DDEF;}
.avatar.avatar-soft-success > .initial-wrap{background-color:#ebfcf5!important;color:#00D67F;}
.avatar.avatar-soft-danger > .initial-wrap{background-color:#ffebeb!important;color:#FF0000;}
.avatar.avatar-soft-warning > .initial-wrap{background-color:#fffaeb!important;color:#FFC400;}
.avatar.avatar-soft-blue > .initial-wrap{background-color:#eef6ff!important;color:#298DFF;}
.avatar.avatar-soft-primary > .initial-wrap{background-color:#ebf5f5!important;color:#0662b4;}
.avatar.avatar-soft-light > .initial-wrap{background-color:#f7f7f7!important;color:#6f6f6f;}

[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;}
.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit;}
.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0;}
.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch;}
.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none;}
.simplebar-content-wrapper::-webkit-scrollbar{width:0;height:0;}
.simplebar-content:after,.simplebar-content:before{content:' ';display:table;}
.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none;}
.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;}
.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1;}
.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden;}
.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px;}
.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear;}
.simplebar-track.simplebar-vertical{top:0;width:11px;}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px;}
.simplebar-track.simplebar-horizontal{left:0;height:11px;}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px;}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto;}
.simplebar-placeholder{width:auto!important;}
.simplebar-content-wrapper::-webkit-scrollbar{width:0;height:0;display:none;}
.simplebar-scrollbar:before{background:#d6d9da;}
.simplebar-content:after,.simplebar-content:before{clear:both;}

@media (max-width: 1199px){
.info-close{position:relative;top:-4px;}
}


.nav-link{color:#0662b4;}
.nav-link:hover,.nav-link:focus{color:#3d9ca5;}
.nav .nav-item{position:relative;}
.nav.nav-light .nav-link{color:#262a2e;}
.nav.nav-light .nav-link:hover,.nav.nav-light .nav-link:focus{color:rgba(38, 42, 46, 0.8);}
.nav.nav-light .nav-link.active{color:#0662b4;}
.nav.nav-light .nav-link:after{color:rgba(38, 42, 46, 0.3);}
.nav-tabs{border-bottom:1px solid #d8d8d8;}
.nav-tabs > .nav-item > .nav-link:hover,.nav-tabs > .nav-item > .nav-link:focus{border-color:transparent;}
.nav-tabs > .nav-item > .nav-link.active{background-color:transparent;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;}
.nav-tabs.nav-light > .nav-item > .nav-link.active{background:#fff;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;}
.tab-content{margin-top:1rem;}
.nav-segmented-tabs{display:-ms-flexbox;display:flex;border-bottom:none;}
.nav-segmented-tabs > .nav-item{margin-right:-1px;}
.nav-segmented-tabs > .nav-item:first-child .nav-link{border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;}
.nav-segmented-tabs > .nav-item:last-child .nav-link{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;}
.nav-segmented-tabs > .nav-item > .nav-link{border:1px solid #d8d8d8!important;border-radius:0;text-align:center;background:transparent;height:100%;}
.nav-segmented-tabs > .nav-item > .nav-link.active{color:#fff!important;background:#0662b4!important;border-color:#0662b4!important;}

.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;}
.media-head{display:flex;}
.media-body{-ms-flex:1;flex:1;}

.input-affix-wrapper{display:flex;position:relative;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.input-affix-wrapper .input-suffix{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;position:absolute;z-index:5;padding:0.375rem 0.75rem;font-weight:400;font-size:1rem;line-height:1.5;min-width:1.8rem;}
.input-affix-wrapper .input-suffix{right:0;}
.input-affix-wrapper .form-control:not(:last-child){padding-right:2.5rem;}
.input-group > .input-affix-wrapper{flex:1 1 auto;min-width:0;width:1%;}


.position-bottom-end-overflow-1{position:absolute!important;z-index:2;}
.position-bottom-end-overflow-1{bottom:12%!important;right:16%!important;top:auto!important;-webkit-transform:translate(50%, 50%)!important;-moz-transform:translate(50%, 50%)!important;-ms-transform:translate(50%, 50%)!important;-o-transform:translate(50%, 50%)!important;transform:translate(50%, 50%)!important;}


.collapse-simple > .card{margin-bottom:0;box-shadow:none;border:0;border-bottom:1px solid #eaeaea;border-radius:0;padding:0.5rem 0;}
.collapse-simple > .card:last-child{border-bottom:0;}
.collapse-simple > .card > .card-header{padding:0;border:0;}
.collapse-simple > .card > .card-header > *{font-size:0.875rem;font-weight:500;padding:.5rem 0;display:block;width:100%;color:#0662b4;text-align:left;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;background:transparent;border:none;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.collapse-simple > .card > .card-header > *::before{content:'\f2f9';font:normal normal normal 14px/1 'Material-Design-Iconic-Font';font-size:1.25rem;text-rendering:auto;position:absolute;top:8px;right:0;color:rgba(38, 42, 46, 0.3);}
.collapse-simple > .card > div > .card-body{padding:.5rem 0;}

.dropdown-toggle.no-caret:after{display:none;}
.dropdown-toggle:after{content:'\f2f9';font:normal normal normal 1rem/1 'Material-Design-Iconic-Font';border:none!important;vertical-align:0!important;margin-left:.4em;}
.btn.btn-sm.dropdown-toggle:after,.btn.btn-sm.dropdown-toggle:before{font-size:inherit;}


.emailapp-wrap{position:relative;height:calc(100vh - 65px);-moz-transition:height 0.2s ease;-o-transition:height 0.2s ease;-webkit-transition:height 0.2s ease;transition:height 0.2s ease;}
.emailapp-wrap .emailapp-sidebar{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column;left:0;width:270px;margin-left:0;top:0;height:100%;z-index:1;border:none;background:#fff;border-right:1px solid #eaeaea;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.emailapp-wrap .emailapp-sidebar > div.nicescroll-bar{flex:1 1 auto;overflow:auto;}
.emailapp-wrap .emailapp-sidebar .menu-content-wrap{padding:1.5rem;}
.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item{margin-left:-1rem;margin-right:-1rem;}
.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link{border-radius:0.375rem;padding:0.5rem 1rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0.875rem;font-size:1.5rem;}
.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link{background:rgba(0, 125, 136, 0.15);color:#0662b4;}
.emailapp-wrap .emailapp-sidebar .emailapp-fixednav{height:61px;border-top:1px solid #eaeaea;}
.emailapp-wrap .emailapp-content{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:270px;position:relative;height:100%;left:0;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.emailapp-wrap .emailapp-content .emailapp-aside{border-right:1px solid #eaeaea;background:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column;height:100%;z-index:1;left:0;width:370px;flex-shrink:0;margin-top:0;}
.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;height:65px;padding:0 1.25rem;border-bottom:1px solid #eaeaea;background:#fff;color:#262a2e;}
.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title h1{font-size:1.5rem;font-weight:500;margin-bottom:0;}
.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title:after{top:0;}
.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .btn{margin-right:0.5rem;}
.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .btn:last-child{margin-right:0;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-search{margin-bottom:1.25rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body{overflow:auto;-ms-flex:1;flex:1;height:100%;padding:1.25rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list{margin:0 -0.8rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item{padding:0;border:none;margin-bottom:0.25rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media{padding:0.75rem 0.8rem;border-radius:0.5rem;-moz-transition:0.2s ease;-o-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-head{position:relative;margin-right:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-head .badge-indicator{margin-top:0.875rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div{min-width:0;flex:1;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0.25rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:0.625rem;opacity:0;color:#6f6f6f;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star > .feather-icon > svg{cursor:pointer;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star > .feather-icon > svg:hover{fill:#FFC400;stroke:#FFC400;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked{opacity:1;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked > .feather-icon > svg{fill:#FFC400;stroke:#FFC400;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked > .feather-icon > svg:hover{fill:none;stroke:currentColor;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-time{font-size:0.75rem;margin-left:0.625rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-head,.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-subject{color:#262a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-subject{margin-bottom:0.25rem;font-weight:500;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-head{font-weight:500;margin-right:0.5rem;max-width:150px;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:0.875rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:hover,.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:focus{background-color:#f2f2f2;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:hover .media-body > div > div:first-child div:last-child .email-star,.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:focus .media-body > div > div:first-child div:last-child .email-star{opacity:1;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media.read-email.active-user{background-color:#f2f2f2;}
.emailapp-wrap .emailapp-content .emailapp-single-email{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:1;background:#fff;flex-flow:column;height:100%;z-index:10;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;height:65px;padding:0 1rem;background:#fff;border-bottom:1px solid #eaeaea;position:relative;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .feather-icon{display:block;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .back-user-list{display:none;margin-right:0.625rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap > a{margin-left:0.25rem;display:inline-block;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap > a:first-child{margin-left:0;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body{-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;overflow:hidden;-ms-flex:1;flex:1;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .nicescroll-bar{padding:1.25rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;margin-bottom:1.25rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject > div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject > div h4{margin-bottom:0;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item{overflow:auto;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header{border-color:transparent;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div{padding:1.25rem;cursor:pointer;width:100%;position:relative;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media .media-head{margin-right:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media .media-body > div:first-child{color:#262a2e;font-weight:500;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-time{font-size:0.75rem;margin-right:1.25rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0.625rem;position:relative;z-index:1;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star > .feather-icon > svg{cursor:pointer;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star > .feather-icon > svg:hover{fill:#FFC400;stroke:#FFC400;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked > .feather-icon > svg{fill:#FFC400;stroke:#FFC400;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked > .feather-icon > svg:hover{fill:none;stroke:currentColor;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action > a{display:none;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle=collapse]{position:absolute;top:0;width:100%;height:100%;left:0;border-top-left-radius:calc(0.5rem - 1px);border-top-right-radius:calc(0.5rem - 1px);}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle=collapse] ~ .media .media-body > div:last-child{display:none;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle=collapse][aria-expanded=true] ~ .email-head-action > a{display:inline-block;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle=collapse][aria-expanded=true] ~ .media .media-body > div:last-child{display:block;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box{margin-bottom:0.5rem;margin-right:0.25rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div{cursor:pointer;padding:0.625rem 1rem;border-radius:1.25rem;display:inline-block;position:relative;background:#f2f2f2;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .media-body{margin-left:1.25rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .file-size{margin-top:0.25rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .file-overlay{position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;color:#fff;background:rgba(38, 42, 46, 0.4);border-radius:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div:hover .file-overlay{opacity:1;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown{display:inline-block;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown > .dropdown-toggle{position:relative;z-index:1;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu{padding:1rem;font-size:0.875rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div{margin-bottom:0.25rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div:last-child{margin-bottom:0;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span{display:inline-block;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span:first-child{min-width:50px;text-align:right;margin-right:0.5rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span:last-child{color:#262a2e;}
.emailapp-wrap .compose-email-popup{position:fixed;bottom:0;right:20px;width:700px;overflow-y:auto;box-shadow:0 8px 10px rgba(0, 0, 0, 0.1);z-index:10000;background:#fff;display:none;border-radius:0.5rem 0.5rem 0 0;}
.emailapp-wrap .compose-email-popup header{Padding:0.75rem 1.25rem;background:#262a2e;color:#fff;}
.emailapp-wrap .compose-email-popup header #max_compose_popup .icon > span:last-child{display:none;}
.emailapp-wrap .compose-email-popup form{padding:1rem;flex:1 1 auto;overflow:auto;}
.emailapp-wrap .compose-email-popup form textarea{height:230px;}
.emailapp-wrap .compose-email-popup .compose-email-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;padding:0 1rem 1rem;}
@media (max-width: 1199px){
.emailapp-wrap .emailapp-sidebar{left:-270px;}
.emailapp-wrap .emailapp-content{margin-left:0;padding-left:0;}
.emailapp-wrap .hk-sidebar-togglable{-webkit-transform:translateX(32px);-moz-transform:translateX(32px);-ms-transform:translateX(32px);-o-transform:translateX(32px);transform:translateX(32px);}
.emailapp-wrap .hk-sidebar-togglable:after{content:"\ea6c";}
}
@media (max-width: 991px){
.emailapp-wrap .emailapp-content .emailapp-aside{width:100%;}
.emailapp-wrap .emailapp-content .emailapp-single-email{right:-100%;position:fixed;top:0;width:100%;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .back-user-list{display:block;flex-shrink:0;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap + .email-options-wrap{margin-left:auto;}
.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .hk-navbar-togglable{display:none!important;}
.emailapp-wrap .compose-email-popup{width:100%;height:100%;right:0;border-radius:0;}
.emailapp-wrap .compose-email-popup form textarea.form-control{height:calc(100vh - 300px)!important;}
}

.feather{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;}
.feather-icon{line-height:0!important;}
.feather-icon > svg{height:1em;width:1em;}

.separator{padding:1px 0;margin:1.25rem 0;}
.separator:after{content:"";display:block;width:100%;border-bottom:1px solid #eaeaea;}
.v-separator{margin:0 1rem;}
.v-separator:after{content:"";position:absolute;display:block;height:calc(100% - 30px);border-right:1px solid #d8d8d8;top:0;bottom:0;margin:auto;}
.separator-light:after{border-color:#f7f7f7;}

.hk-toolbar .nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;height:100%;}
.hk-toolbar .nav .nav-item{height:100%;}

.hk-sidebar-togglable{height:25px;width:25px;left:-12.5px;border-radius:50%;top:52px;position:absolute;background:#fff;cursor:pointer;border:1px solid #d8d8d8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;box-shadow:0 0.125rem 0.125rem rgba(47, 52, 58, 0.15)!important;-moz-transition:transform 0.3s ease-in-out;-o-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;z-index:2;}
.hk-sidebar-togglable:after{content:"\ea62";font-family:remixicon;text-rendering:auto;}


.chip{display:inline-block;position:relative;vertical-align:middle;}
.chip > span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;position:relative;padding:0.25rem 0.75rem;font-size:0.875rem;line-height:1.5;border-radius:0.5rem;color:#262a2e;}
.chip .chip-text{pointer-events:none;}
.chip.chip-primary > span{background-color:#ebf5f5;border:1px solid #ebf5f5;color:#0662b4;}
.chip.chip-dismissable .btn-close{margin-left:0.5rem;color:inherit!important;}
.chip.user-chip > span{border-radius:50rem;}
.chip.user-chip > span .avatar{height:100%;width:auto;padding:0.2rem;position:absolute;left:0;}
.chip.user-chip > span .avatar img{border-radius:50%;}
.chip.user-chip > span .chip-text{margin-left:1.375rem;}

.d-8{height:2.5rem!important;width:2.5rem!important;}

.nicescroll-bar{height:100%;width:100%;}

.title-sm{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;margin-bottom:0.5rem;}
.title-sm{font-size:0.875rem;color:#262a2e;font-weight:500;}

.list-group-item{border-color:#d8d8d8;}
.list-group-item:first-child{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;}
.list-group-item:last-child{border-bottom-right-radius:0.5rem;border-bottom-left-radius:0.5rem;}
.list-group-item:disabled{color:#b5b5b5;}

.fmapp-wrap{position:relative;height:calc(100vh - 65px);}
.fmapp-wrap .fmapp-sidebar{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column;left:0;width:270px;margin-left:0;top:0;height:100%;z-index:1;border:none;background:#fff;border-right:1px solid #eaeaea;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.fmapp-wrap .fmapp-sidebar > div.nicescroll-bar{flex:1 1 auto;overflow:auto;}
.fmapp-wrap .fmapp-sidebar .menu-content-wrap{padding:1.5rem;}
.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item{margin-left:-1rem;margin-right:-1rem;}
.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link{border-radius:.5rem;padding:.5rem 1rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:.875rem;font-size:1.5rem;}
.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link{background:rgba(0, 125, 136, 0.15);color:#0662b4;}
.fmapp-wrap .fmapp-sidebar .fmapp-storage{padding:1.5rem;}
.fmapp-wrap .fmapp-sidebar .fmapp-fixednav{height:61px;border-top:1px solid #eaeaea;}
.fmapp-wrap .fmapp-content{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:270px;position:relative;height:100%;left:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:1;background:#fff;flex-flow:column;height:100%;z-index:10;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;height:65px;padding:0 1.25rem;background:#fff;border-bottom:1px solid #eaeaea;position:relative;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fmapp-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fmapp-title h1{font-size:1.5rem;font-weight:500;margin-bottom:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fmapp-title:after{top:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fm-options-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fm-options-wrap > a{margin-left:.25rem;display:inline-block;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fm-options-wrap > a:first-child{margin-left:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;overflow:hidden;-ms-flex:1;flex:1;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar{padding:1.25rem;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:.25rem;margin-top:.4rem;margin-left:.625rem;opacity:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star > .feather-icon > svg{cursor:pointer;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star > .feather-icon > svg:hover{fill:#FFC400;stroke:#FFC400;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked > .feather-icon > svg{fill:#FFC400;stroke:#FFC400;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked > .feather-icon > svg:hover{fill:none;stroke:currentColor;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card{cursor:pointer;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-body{min-height:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-body i{font-size:2.375rem;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-footer{display:block;-webkit-transition:background 0.2s ease;-moz-transition:background 0.2s ease;transition:background 0.2s ease;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-footer > .d-flex > div{min-width:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-footer > .d-flex > div .file-name{color:#262a2e;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .file-star.marked{opacity:1;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card:hover .file-star{opacity:1;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card:hover .card-footer{background:#ebf5f5;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card:hover .card-footer .file-name{color:#0662b4;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card{-webkit-transition:background 0.2s ease;-moz-transition:background 0.2s ease;transition:background 0.2s ease;cursor:pointer;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media{overflow:hidden;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media .avatar{flex-shrink:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media .media-body{min-width:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media .media-body .file-name{color:#262a2e;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .file-star.marked{opacity:1;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover{background:#ebf5f5;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover .file-star{opacity:1;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover .card-body .media .avatar{flex-shrink:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover .card-body .media .media-body .file-name{color:#0662b4;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info{position:absolute;top:65px;right:-370px;width:370px;margin-left:0;bottom:0;z-index:100;border:none;background:#fff;border-left:1px solid #eaeaea;box-shadow:0px 8px 16px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .nicescroll-bar{padding:1.25rem;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .file-name{color:#262a2e;font-size:1.25rem;font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info{padding-left:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li{margin-bottom:.625rem;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li > span{display:inline-block;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li > span:first-child{min-width:100px;margin-right:1rem;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li > span:last-child{color:#262a2e;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action{padding-left:0;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action li{margin-bottom:.625rem;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action li a{color:#262a2e;}
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action li:last-child{margin-bottom:.25rem;}
.fmapp-wrap.fmapp-sidebar-toggle .fmapp-sidebar{left:-270px;}
.fmapp-wrap.fmapp-sidebar-toggle .fmapp-content{padding-left:0;}
@media (max-width: 1199px){
.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info{top:0;}
}
@media (max-width: 767px){
.fmapp-wrap .fmapp-sidebar{left:-270px;}
.fmapp-wrap .fmapp-content{margin-left:0;padding-left:0;}
.fmapp-wrap.fmapp-sidebar-toggle .fmapp-sidebar{left:0;}
.fmapp-wrap.fmapp-sidebar-toggle .fmapp-content{left:270px;padding-left:270px;margin-left:-270px;}
.fmapp-wrap .hk-sidebar-togglable{-webkit-transform:translateX(32px);-moz-transform:translateX(32px);-ms-transform:translateX(32px);-o-transform:translateX(32px);transform:translateX(32px);}
.fmapp-wrap .hk-sidebar-togglable:after{content:"\ea6c";}
.fmapp-wrap .hk-sidebar-togglable.active{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.fmapp-wrap .hk-sidebar-togglable.active:after{content:"\ea62";}
}


.progress{border-radius:0;}
.progress.progress-bar-rounded{border-radius:50rem;}
.progress.progress-bar-rounded .progress-bar{border-radius:50rem;}
.progress.progress-bar-xs{height:5px;}
.progress .progress-bar{background-color:#0662b4;}
.progress-label{text-transform:capitalize;font-size:0.875rem;font-weight:400;margin-bottom:.5rem;}

.separator-light:after{border-color:#f7f7f7;}
p.p-sm{font-size:0.875rem;}
p.p-xs{font-size:0.75rem;}

.alert{color:#262a2e;border-radius:0.5rem;padding:0.75rem 1rem;}
.alert.alert-dismissible .btn-close{padding:0.9rem 1rem;color:inherit;}
.alert.alert-dismissible .btn-close:before{position:relative;top:-2px;}
.alert.alert-dismissible .btn-close:hover{opacity:1;color:inherit;}
.alert.alert-warning{color:#cc9d00;background:#fffaeb;border-color:rgba(255, 242, 199, 0.3);}
.alert.alert-wth-icon{padding-left:3.375rem;position:relative;}
.alert.alert-wth-icon .alert-icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;height:100%;width:54px;left:0;top:0;position:absolute;}