body {
          font-family: 'sarabun';
          font-size: 0.875rem;
          font-weight: 400;
     }
     .btn {
          font-family: 'sarabun';
          font-size: 0.875rem !important;
          font-weight: 400;
          box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 18%);
          border-radius: 0.2rem;
     }

     #wrapper #content-wrapper {
          background-color: #eaeef3 !important;
     }

     .card {
          border: 0px solid #deebfd !important;
     }
     .card-header{
          background-color: white;
     }

     .shadow {
          box-shadow: -8px 12px 18px 0 #dadee8 !important;
     }

     .form-group {
          margin-bottom: 0.8rem !important;
     }

     .form-control {
          border-radius: 0;
          min-height: 40px;
          height: unset;
     }

     .form-control {
          font-family: 'sarabun';
          font-size: 0.875rem;
          color: #363636;
          border-radius: 0;
     }

     .is-invalid .form-control{
          border-color: #ff5a5a;
     }
     .sweet-alert{
          font-family: 'sarabun';
     }

     .reset-pass {
          cursor: pointer;
     }