.btn-purple {
    cursor: pointer;
    border:none;
    color:white;
    background: linear-gradient(#ba77e8, #5d1bb9);
  }

  .btn-purple:hover{
    background: linear-gradient(#5d1bb9, #5d1bb9);
    color:white;
  }

  .btn-view-detail{
    cursor: pointer;
    border: none;
    color:#a93a6d;
    background: linear-gradient(0deg, rgba(237,183,217,1) 0%, rgba(255,209,238,1) 100%);
  }

  .btn-view-detail:hover{
    cursor: pointer;
    border: none;
    color:#a93a6d;
    background: linear-gradient(0deg, rgba(237,183,217,1) 0%, rgba(237,183,217,1) 100%);
  }

  .btn-enroll-sem{
    cursor: pointer;
    border: none;
    color: #b62933;
    background: linear-gradient(0deg, rgba(242,157,137,1) 0%, rgba(251,207,158,1) 100%);
  }
  .btn-enroll-sem:hover{
    cursor: pointer;
    border: none;
    color: #b62933;
    background: linear-gradient(0deg, rgba(242,157,137,1) 0%, rgba(242,157,137,1) 100%);
  }

  .btn-red-wine{
    cursor: pointer;
    border:none;
    color:white;
    background: linear-gradient(0deg, hsl(319, 85%, 25%) 0%, rgba(170,23,80,1) 100%)
  }

  .btn-red-wine:hover{
    cursor: pointer;
    border:none;
    color:white;
    background: linear-gradient(0deg, rgba(120,10,86,1) 0%, rgba(120,10,86,1) 100%)
  }

  .btn-pink {
    cursor: pointer;
    border:none;
    color:white;
    background: linear-gradient(#d8567c, #d92e72);
  }
  .btn-pink:hover{
    background: linear-gradient(#dd206c, #dd206c);
    /* background-color:#dd206c; */
    color:white;
  }

  .dropdown-item:active {
    background-color: #e3d7f5 !important;
    color:#808080 !important;
  }

  .form-control:disabled {
    background-color: #c1c1c1cf !important;
    /* border-color:#a3a3a3 !important; */
    /* border-width: 2.5px !important; */
    border:none;

  }

  .form-control,.form-select{
      line-height: 2 !important;
      /* background-color: rgba(230, 230, 230, 0.3); */
      /* border:none; */

      background-color:#edf3fc;
      /* border-color: #5482d4; */
      border-color: #4d72b3;
      border-width: 2.5px;

      outline:0px !important;
      /* -webkit-appearance: none; */
      box-shadow: none !important;
  }

  .form-control:focus{
    background-color:rgba(230, 230, 230, 0.3);
  }

  .btn:disabled.btn-purple{
    color:white;
  }

  ul.rule-pwd li {
    list-style: disc;
  }

  .is-invalid{
    background-color:#fff6f7 !important;
  }

  .is-valid{
    background-color:#f2fbf6 !important;
  }

  .faded-hr {
    height: 1px;
    border: none;
    background-image: linear-gradient(to right, transparent, #a5a3a3, transparent),
                      linear-gradient(to left, transparent, #a5a3a3, transparent);
  }

  .required{
    color:red;
    /* font-size:1.3rem; */
  }

  .text-purple {
    color: #5d1bb9;
  }

  .fw-600 {
    font-weight: 600;
  }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: auto !important;
}