/* start media query  For xxl screen: */
@media (min-width: 1900px) {
  .chat_box {
    height: 100%;

}
.chat_box_body {
  height: 600px;
}
.file_container {
  min-height: 650px;
}
.files_list {
    height: 390px;
}
/*.files_list li img {*/
/*  width: 80px;*/

/*}*/
.files_list2{
  height: 360px !important;
}
}
/* strat media query for ipad pro */
@media  (min-width: 1023px) and (max-width:1024px){
  
}

  /* start media query For ipad mini and ipad air: */
@media (min-width: 765px) and (max-width:820px) {
    
}
  /*start media query  For  mobile: */
@media (max-width: 1000px) {
    .imagePreview img {
    width: 50% !important;

}
    .file_btn {
                display:block;

    }
    .d-md-none{
        display:none;
    }
  .container-fluid {
    padding: 0px 20px !important;
}
.btn-side{
  margin: 0 !important;
  padding: 0 !important;
}
.navbar {
  margin-bottom: 10px;
}
.chat_sender{
  width: 85%;
}
.chat_room_wrapper {
  margin: 15px 0 !important;
}
.chat_box {
  padding: 10px;
}
/*.files_list li img {*/
/*  width: 80px;*/

/*}*/
.w-30{
  width: 100%;
}
.w-20{
  width: 100%;
}
/* .file_container_hide{
  display: none;
} */
.file_container{
  margin-top: 30px;
  min-height: 340px;
}
.chat_box {
  height: 100%;
}
.chat_box_body {
  height: 600px;

}
.files_list {
  height: 100px;

}
.select2 {
  width: 100% !important;
}
.roll_info_box h2 {
  font-size: 14px;

}
.roll_info_box img {
  width: 30px;
  height: 30px;

}
.pagen_box {
  justify-content: center !important;
}
.profile_info h4 {
  min-width: 100px;
}
.nav-link.position-relative{
        background: unset;
    padding: 0;
}
.offcanvas {

    z-index: 100000;

}
}
  /*start media query  For  mobile: */
  @media (max-width: 600px) {

  }
/* start media for fold screen */
@media  (min-width: 279px) and (max-width:280px){

}

@media (min-width: 1400px) {
    .container-fluid{
        padding:0 150px !important;
    }
}

@media (max-width: 1000px) {
  .new_chat_wrapp .row{
   height: calc(100vh - 184px);
  }
  .new_chat_wrapp .chat_box {
      padding: 0px ;
      position: relative;
   
  }
  .new_chat_wrapp .chat_room_wrapper {
      margin: 0 !important;
      margin-top: 15px !important;
  }
  .new_chat_wrapp .chat_footer {
      position: relative;
      bottom: 0px;
      padding: 0 10px;
      width: calc( 100%);
      position: absolute !important;
      height: 84px;
      background: url(../images/whats.svg) no-repeat 100%, #f7f9fb;
  }
  .new_chat_wrapp .chat_box_body {
      height: 600px;
  }
  .new_chat_wrapp .chat_footer > div {
      margin-top: 10px;
  }
  .new_chat_wrapp .chat_box_body {
      height: calc(100vh - 268px );
  }
  }