@import url("lib/normalize.css"); /* version 8.0.1 | added 2019-07-15 */
@import url("scss/ams_custom.css");
@import url("scss/vms_custom.css");
@import url("lib/jodit.min.css");
@import url("lib/selectize.css");
@import url("lib/selectize.default.css");
@import url("lib/filepond.min.css");
@import url("lib/pikaday.css");
@import url("lib/Chart.min.css");
@import url("lib/sweetalert2.min.css");
@import url("lib/jsmind.css");
@import url("lib/dropzone.css");
@import url("lib/basic_dropzone.css");
/* @import url("custom_font/noto/noto.css"); */
/* @import url("custom_font/sarabun/stylesheet.css"); */
@import url("https://fonts.googleapis.com/css?family=Sarabun:400,700&display=swap&subset=thai");

/* *:focus { outline: none; } */
/* *:not(.fas):not(.far):not(.fal):not(.fab) { font-family: 'NotoSansThai', sans-serif; } */
*:not(.fas):not(.far):not(.fal):not(.fab) { font-family: 'sarabun', sans-serif; }

/* VMS Custom */
.fsz_rem01 { font-size: 0.1rem; }
.fsz_rem02 { font-size: 0.2rem; }
.fsz_rem03 { font-size: 0.3rem; }
.fsz_rem04 { font-size: 0.4rem; }
.fsz_rem05 { font-size: 0.5rem; }
.fsz_rem06 { font-size: 0.6rem; }
.fsz_rem07 { font-size: 0.7rem; }
.fsz_rem08 { font-size: 0.8rem; }
.fsz_rem09 { font-size: 0.9rem; }
.fsz_rem10 { font-size: 1.0rem; }
.fsz_rem11 { font-size: 1.1rem; }
.fsz_rem12 { font-size: 1.2rem; }
.fsz_rem13 { font-size: 1.3rem; }
.fsz_rem14 { font-size: 1.4rem; }
.fsz_rem15 { font-size: 1.5rem; }
.fsz_rem16 { font-size: 1.6rem; }
.fsz_rem17 { font-size: 1.7rem; }
.fsz_rem18 { font-size: 1.8rem; }
.fsz_rem19 { font-size: 1.9rem; }
.fsz_rem20 { font-size: 2.0rem; }
.fsz_rem22 { font-size: 2.2rem; }
.fsz_rem24 { font-size: 2.4rem; }
.fsz_rem26 { font-size: 2.6rem; }
.fsz_rem28 { font-size: 2.8rem; }
.fsz_rem30 { font-size: 3.0rem; }
.fsz_rem32 { font-size: 3.2rem; }
.fsz_rem34 { font-size: 3.4rem; }
.fsz_rem36 { font-size: 3.6rem; }
.fsz_rem38 { font-size: 3.8rem; }
.fsz_rem40 { font-size: 4.0rem; }




/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }

/* Hide default HTML checkbox */
.switch input { opacity: 0; width: 0; height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider { background-color: #2196F3; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);
}

/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }