.login-logo{
    height:8rem;
}
.water-heading{
    font-size: 40px; 
    font-weight:700;
}
.is-invalid .cke_chrome {
    border: 1px solid red;
}
.is-invalid + .cke_chrome {
    border: 1px solid red;
}

.htmlCard{
    border: 1px solid rgb(211, 211, 211);
    padding: 1%;
    padding-right: 2%;
    padding-left: 2%;
    width:100%;
}


  .btn-primary2 {
    color: #fff;
    background-color: #cd6e74;
    border-color: #cd6e74;
    box-shadow: none;
  }
  .btn-primary2:hover {
    color: #fff;
    background-color: #a9545a;
    border-color: #a9545a;
  }
  .btn-primary2:focus, .btn-primary2.focus {
    color: #fff;
    background-color: #a9545a;
    border-color: #a9545a;
    box-shadow: 0 0 0 0 #a9545a;
  }
  
  .btn-primary2.disabled, .btn-primary2:disabled {
    color: #fff;
    background-color: #a9545a;
    border-color: #a9545a;
  }
  .btn-primary2:not(:disabled):not(.disabled):active, .btn-primary2:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #9d3d40;
    border-color: #af6c6f;
  }

  .btn-primary2:not(:disabled):not(.disabled):active:focus, .btn-primary2:not(:disabled):not(.disabled).active:focus,
  .show > .btn-primary2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(141, 80, 80, 0.5);
  }




.btn-primary3 {
  color: #fff;
  background-color: #cfa2a5;
  border-color: #cfa2a5;
  box-shadow: none;
}
.btn-primary3:hover {
  color: #fff;
  background-color: #cfa2a5;
  border-color: #cfa2a5;
}
.btn-primary3:focus, .btn-primary3.focus {
  color: #fff;
  background-color: #bb6b6e;
  border-color: #bb6b6e;
  box-shadow: 0 0 0 0 #bb6b6e;
}

.btn-primary3.disabled, .btn-primary3:disabled {
  color: #fff;
  background-color: #cfa2a5;
  border-color: #cfa2a5;
}
.btn-primary3:not(:disabled):not(.disabled):active, .btn-primary3:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #bb6b6e;
  border-color: #bb6b6e;
}

.btn-primary3:not(:disabled):not(.disabled):active:focus, .btn-primary3:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary3.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(195, 149, 149, 0.5);
}

.btn-blue {
    color: #fff;
    background-color: #0e76bd;
    border-color: #0e76bd;
    box-shadow: none;
  }
  .btn-blue:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0069d9;
  }
  .btn-blue:focus, .btn-blue.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
  }
  
  .btn-blue.disabled, .btn-blue:disabled {
    color: #fff;
    background-color: #0e76bd;
    border-color: #0e76bd;
  }
  .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
  .show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #0e76bd;
    border-color: #0e76bd;
  }

  .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
  .show > .btn-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
  }


  .dropdown-menu-xl{
    min-width:500px;
  }
  

  ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }


  ::-webkit-scrollbar-thumb {
    background-color: #9d3d40;
    border-radius: 10px;
  }

  ::-webkit-scrollbar {
    width: 2px; 
    height: 2px;
  }