html,body{
    height: 100%;
}
.chatzy-container .chatzy-left-sidebar .recent-default .chat {
  overflow: visible !important;
}
.search-form .form-group{
  margin-top: -25px !important;
}
.chatzy-container .chatzy-left-sidebar .search-form:before{
  top: -8px !important;
}

.search-form .form-group .icon-close {
  top: -6px !important;
}
.search-form .form-group input{
  border: 1px solid rgba(127, 131, 132, .1) !important;
}

.button-fs{
  font-size: 12px !important;
}
.chat-mt{
  margin-top: 145px !important;
}
.modal-content{
  border: none !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal-content::-webkit-scrollbar {
  display: none;
}

.chatzy-main .messages .contact-details .search-form.open {
  top: 55px !important;
}

.sf-before::before{
  top: -5px !important;
}
.form-custom{
  height: 60px !important;
}
.settings-custom{
  top: 90px !important;
}

@media (max-width: 767px) {
  .chatzy-main .contact-chat {
    padding: 45px 20px 0 !important;
  }
}
@media(min-width: 991px) and (max-width: 1400px){
  .chat-mt{
    margin-top: 130px !important;
  }
  .chat-content .message-input .emojis-main .dot-btn{
    margin-right: 0 !important;
  }
  .chatzy-main{
    .message-input{
      input {
        width: calc(100% - 140px) !important;
      }
    }
  }
  .button-fs{
    font-size: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
    .button-fs{
      font-size: 8px !important;
    }
  .chat-mt{
    margin-top: 110px !important;
  }
  .chat-content .message-input .emojis-main .dot-btn{
    margin-right: 0 !important;
  }
  .chatzy-main{
    .message-input{
      input {
        width: calc(100% - 140px) !important;
      }
    }
  }
  .chatzy-main .messages .contact-details .search-form.open {
    top: 35px !important;
  }
}
@media(max-width: 575px){
  .button-fs{
    font-size: 10px !important;
  }
  .chat-mt{
    margin-top: 100px !important;
  }
  .settings-custom{
    top: 65px !important;
  }
}