.hide { 
  display: none !important;
}
.show {
  display: block;
}
.btn-primary {
  background: #3E30D3 !important;
  border-color: #3E30D3 !important;
}
.ms-options {
  max-width: 139px;
  margin-left: 12px;
}
.btn-primary:hover {
  background: black !important;
  border-color: black !important;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #ddd !important;
  padding-right: calc(1.5em + 1.3rem);
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.325rem) center;
  background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem); 
   background-color: transparent;
}
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #ddd !important;
  }


.was-validated .form-control:invalid, .form-control.is-invalid{
  border-color: #F64E60;
  padding-right: calc(1.5em + 1.3rem);
  background-image: none!important;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.325rem) center;
  background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #F64E60;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25); }


/* .card-header{
  border-bottom: none !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
} */
.brand .brand-logo{
  flex: 1;
}
/* .brand .brand-logo img {
  filter: brightness(100);
  -webkit-filter: brightness(100);
} */
.login-form-logo {
  display: block;
  flex: 1 0 auto;
}




.chat-history { overflow: auto; max-height: 46vh; }
.admin-message { padding: 12px 16px; margin: 20px; background-color: #f5f5f5; border-radius: 8px; margin-left: auto; }
.user-worker-message { padding: 12px 16px; margin: 20px ;background-color: #E6F6FD; border-radius: 8px; }
.chat-message { font-family: 'roboto';font-size: 14px;line-height: 22px;color: #1D1D1B; }
#chatHistory { display: flex; flex-wrap: wrap; }
.time { text-align: right; }
.time .chat-time-publisher { font-family: Roboto; font-size: inherit; color: #99afb9; margin-top: 4px; margin-right: auto;}
.time .chat-time-marketer { font-family: Roboto; font-size: inherit; color: #a7a7a7; margin-top: 4px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(54,65,80,1); }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(54,65,80,1); }