#loader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    /* background: rgba(100, 100, 10); */
    background:  no-repeat center center rgba(255, 255, 255);
    position: fixed;
    z-index: 10001;
}
.loader1 {
  position: fixed;
  top: 50%;
  left: 50%;
}

/* ================================================= chat css */
/*.chat-conversation{*/
/*    height:5rem;*/
/*}*/

/* Extra small devices (phones, 600px and down) */
/*@media only screen and (max-width: 666px) {*/
/*    .chat-conversation{*/
/*        height:5rem;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*    .chat-conversation{*/
/*        height:5rem;*/
/*    }*/
/*}*/


.content.messages {
    /*height: auto;*/
    /*min-height: calc(100% - 93px);*/
    /*max-height: calc(100% - 93px);*/
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .content.messages ul li {
    display: inline-block;
    clear: both;
    float: right;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
  }
  .content.messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
  }
  .content.messages ul li.sent img {
    margin: 6px 8px 0 0;
  }
  .content.messages ul li.sent p {
    background: #435f7a;
    color: #f5f5f5;
    float: right;
  }
  .content.messages ul li.replies img {
      float: left;
      margin: 6px 0 0 8px;
  }
  .del_type_c{
      float: right;
  }
  .content.messages ul li.replies p {
      background: #0ABC932E;
      color: #000;
    float: left;
  }
  .content.messages ul li img {
    width: 22px;
    border-radius: 50%;
    float: right;
  }
  .content.messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    max-width: 205px;
    line-height: 130%;
  }
  
  @media (max-width: 991.98px)
  {
    .chat-input-section{
      margin-top: -4.5rem;
    }
  }
  
  .chat-conversation{
      height: 28.6rem;
  }
  

@media only screen and (min-width:768px) and (max-width:991px) {
   .chat-conversation {
        height: 28.6rem;
      }
}

@media (max-width:767px) {
    .chat-conversation {
        height: 36rem;
      }
}

@media (max-width:575px) {
    .chat-conversation {
    height: 38.5rem;
  }  
  .loader1 {
      position: fixed;
      top: 50%;
      left: 45%;
    }
    
}



  .datepicker{
    font-family: 'Exo 2', sans-serif;
  }
  .datepicker--cell.-range-to-{
    background: rgba(248, 206, 236, 0.4);
    border-color: rgba(248, 206, 236, 1);
  }
  .datepicker--cell.-current-{}
  .datepicker--cell.-selected-,.datepicker--cell.-selected-.-focus-{
    background-color: #f8ceec;
    color: #000000;
  }
  .datepicker--cell.-in-range-{
    background: rgba(248, 206, 236, 0.2);
  }
  .datepicker--cell-day {
      font-weight: 500;
      color: #000000;
  }


  
.signup-page-wrapper .signup-page-content {
  padding-bottom: 60px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.signup-page-wrapper .footer {
  left: 0;
  background-color: transparent;
  color: var(--vz-body-color);
}

.signup-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 280px;
}
@media (max-width: 575.98px) {
  .signup-bg{
    height: 480px;
  }
}
.bg1 {
  background-image: url(../images/img-4.jpg);
  background-position: center;
  background-size: cover;
  height: 60%;
  
  
}
.signup-bg .bg1-overlay {
  background: linear-gradient(to right, #364574, #405189);
  opacity: 0.3;
}
  

/* validation css */

.has-success {
  color: #28a745;
}

.form-control-success {
  border-color: #28a745;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 20px 20px;
}

.form-control-success:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0px 0px 0px 1px #28a745;
  -moz-box-shadow: 0px 0px 0px 1px #28a745;
  box-shadow: 0px 0px 0px 1px #28a745;
}

.has-warning {
  color: #ffc107;
}

.form-control-warning {
  border-color: #ffc107;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 20px 20px;
}

.form-control-warning:focus {
  border-color: #ffc107;
  -webkit-box-shadow: 0px 0px 0px 1px #ffc107;
  -moz-box-shadow: 0px 0px 0px 1px #ffc107;
  box-shadow: 0px 0px 0px 1px #ffc107;
}

.has-danger {
  color: #dc3545;
}

.form-control-danger {
  border-color: #dc3545;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 14px 14px;
}

.form-control-danger:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0px 0px 0px 1px #dc3545;
  -moz-box-shadow: 0px 0px 0px 1px #dc3545;
  box-shadow: 0px 0px 0px 1px #dc3545;
}