body {
    font: normal 16px Ekachon;
  }
  
  .btn-primary:hover{
    background-color: #ff7ba3;
  }

  .btn-round{
    border-radius: 30px;
  }

  .btn-tmb{
  background-color: rgb(246, 139, 21);
  border: rgb(246, 139, 21);
  border-radius: 30px;
  }

  .btn-tmb-cancel{
  background-color: rgb(117, 117, 117);
  border: rgb(117, 117, 117);
  border-radius: 30px;
  }

  .tmb{
    color: rgb(0, 80, 240);
  }

  .scb{
    color: #7A58BF;
  }

  .font-scb{
    font: 16px angsab;
  }


  .btn-scb{
    background-color: #7A58BF;
    border: #7A58BF;
    border-radius: 30px;
  }
  .btn-ttb{
  background-color: rgb(0, 80, 240);
  border: rgb(0, 80, 240);
  border-radius: 30px;
  }

  .btn-dz{
    background-color: #E40046;
  border: #E40046;
  border-radius: 30px;
  }  

  .dz{
    color: #E40046;
  }

  .btn-xl{
    min-width: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form-check-input:checked {
    background-color: #0050F0;
    border-color: #0050F0;
  }

  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{
    background: #0050F0;
  }
  .swal2-progress-steps .swal2-progress-step{
    background: #0050F0;
  }
  .swal2-progress-steps .swal2-progress-step-line {
    background: #0050F0;
  }
  @media only screen and (max-width: 600px){
    .logo{
      width: 320px;
    }
  }
  .form-control[readonly] {
        background-color: #fff;
    }
    
    .swal2-header {
        padding: 0px;
    }

  .hidden{
    opacity: 0;
  }

  .img-original{
    height: 100%;
    width: 100%;
  }