.has-error{

    border-color : #F9354C !important;
  
  }
  
  .alert {
    margin: 0;
    padding: 10px 40px 10px 10px;
    color: #fff;
    border: 0;
    border-radius: 0;
    position: fixed;
    top: -100px;
    right: 50%;
    transform:translateX(50%);
    width: 300px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
    font-size: 13px;
    z-index: 99999;
    visibility:hidden;
    transition:0.5s;
  }
  .alert-error{
    background-color: #e91e63;
  }
  .alert-success{
    background-color: #15c979;
  }
  .alert .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: .5;
    background: transparent;
    border: none;
    padding: 0px;
  }
  .alert .close:focus, .alert .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
  }
  .alert.alert-is-visible{
  animation: slideIn 1s;
  top:20px;
  visibility: visible;
  }
  @keyframes slideIn {
  0%   {top:-100px;opacity: 0.3;visibility:hidden;}
  100% {top:20px;opacity: 1;visibility: visible;}
  }

  .chb{display:none;}