@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@200;300;400;500;600;700;800&display=swap");
body {
  -webkit-font-smoothing: subpixel-antialiased;
}

.p-5px {
  padding: 5px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.pl-5px {
  padding-left: 5px !important;
}

.pr-5px {
  padding-right: 5px !important;
}

.px-5px {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-5px {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.m-5px {
  margin: 5px !important;
}

.mt-5px {
  margin-top: 5px !important;
}

.mb-5px {
  margin-bottom: 5px !important;
}

.ml-5px {
  margin-left: 5px !important;
}

.mr-5px {
  margin-right: 5px !important;
}

.mx-5px {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-5px {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.p-10px {
  padding: 10px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.pl-10px {
  padding-left: 10px !important;
}

.pr-10px {
  padding-right: 10px !important;
}

.px-10px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10px {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.m-10px {
  margin: 10px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

.mr-10px {
  margin-right: 10px !important;
}

.mx-10px {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10px {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.p-15px {
  padding: 15px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.pl-15px {
  padding-left: 15px !important;
}

.pr-15px {
  padding-right: 15px !important;
}

.px-15px {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-15px {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.m-15px {
  margin: 15px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.ml-15px {
  margin-left: 15px !important;
}

.mr-15px {
  margin-right: 15px !important;
}

.mx-15px {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-15px {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.p-20px {
  padding: 20px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.pl-20px {
  padding-left: 20px !important;
}

.pr-20px {
  padding-right: 20px !important;
}

.px-20px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20px {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.m-20px {
  margin: 20px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

.mr-20px {
  margin-right: 20px !important;
}

.mx-20px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20px {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.p-25px {
  padding: 25px !important;
}

.pt-25px {
  padding-top: 25px !important;
}

.pb-25px {
  padding-bottom: 25px !important;
}

.pl-25px {
  padding-left: 25px !important;
}

.pr-25px {
  padding-right: 25px !important;
}

.px-25px {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-25px {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.m-25px {
  margin: 25px !important;
}

.mt-25px {
  margin-top: 25px !important;
}

.mb-25px {
  margin-bottom: 25px !important;
}

.ml-25px {
  margin-left: 25px !important;
}

.mr-25px {
  margin-right: 25px !important;
}

.mx-25px {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-25px {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.p-30px {
  padding: 30px !important;
}

.pt-30px {
  padding-top: 30px !important;
}

.pb-30px {
  padding-bottom: 30px !important;
}

.pl-30px {
  padding-left: 30px !important;
}

.pr-30px {
  padding-right: 30px !important;
}

.px-30px {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30px {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.m-30px {
  margin: 30px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.ml-30px {
  margin-left: 30px !important;
}

.mr-30px {
  margin-right: 30px !important;
}

.mx-30px {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30px {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.p-35px {
  padding: 35px !important;
}

.pt-35px {
  padding-top: 35px !important;
}

.pb-35px {
  padding-bottom: 35px !important;
}

.pl-35px {
  padding-left: 35px !important;
}

.pr-35px {
  padding-right: 35px !important;
}

.px-35px {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.py-35px {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.m-35px {
  margin: 35px !important;
}

.mt-35px {
  margin-top: 35px !important;
}

.mb-35px {
  margin-bottom: 35px !important;
}

.ml-35px {
  margin-left: 35px !important;
}

.mr-35px {
  margin-right: 35px !important;
}

.mx-35px {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.my-35px {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.p-40px {
  padding: 40px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.pb-40px {
  padding-bottom: 40px !important;
}

.pl-40px {
  padding-left: 40px !important;
}

.pr-40px {
  padding-right: 40px !important;
}

.px-40px {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-40px {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.m-40px {
  margin: 40px !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.ml-40px {
  margin-left: 40px !important;
}

.mr-40px {
  margin-right: 40px !important;
}

.mx-40px {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-40px {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.p-45px {
  padding: 45px !important;
}

.pt-45px {
  padding-top: 45px !important;
}

.pb-45px {
  padding-bottom: 45px !important;
}

.pl-45px {
  padding-left: 45px !important;
}

.pr-45px {
  padding-right: 45px !important;
}

.px-45px {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.py-45px {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.m-45px {
  margin: 45px !important;
}

.mt-45px {
  margin-top: 45px !important;
}

.mb-45px {
  margin-bottom: 45px !important;
}

.ml-45px {
  margin-left: 45px !important;
}

.mr-45px {
  margin-right: 45px !important;
}

.mx-45px {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.my-45px {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.p-50px {
  padding: 50px !important;
}

.pt-50px {
  padding-top: 50px !important;
}

.pb-50px {
  padding-bottom: 50px !important;
}

.pl-50px {
  padding-left: 50px !important;
}

.pr-50px {
  padding-right: 50px !important;
}

.px-50px {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-50px {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.m-50px {
  margin: 50px !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.mb-50px {
  margin-bottom: 50px !important;
}

.ml-50px {
  margin-left: 50px !important;
}

.mr-50px {
  margin-right: 50px !important;
}

.mx-50px {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my-50px {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.font-Thin {
  font-weight: 100 !important;
}

.font-ExtraLight {
  font-weight: 200 !important;
}

.font-Light {
  font-weight: 300 !important;
}

.font-Regular {
  font-weight: 400 !important;
}

.font-Medium {
  font-weight: 500 !important;
}

.font-SemiBold {
  font-weight: 600 !important;
}

.font-Bold {
  font-weight: 700 !important;
}

.font-ExtraBold {
  font-weight: 800 !important;
}

.font-10px {
  font-size: 10px !important;
}

.font-11px {
  font-size: 11px !important;
}

.font-12px {
  font-size: 12px !important;
}

.font-13px {
  font-size: 13px !important;
}

.font-14px {
  font-size: 14px !important;
}

.font-15px {
  font-size: 15px !important;
}

.font-16px {
  font-size: 16px !important;
}

.font-17px {
  font-size: 17px !important;
}

.font-18px {
  font-size: 18px !important;
}

.font-19px {
  font-size: 19px !important;
}

.font-20px {
  font-size: 20px !important;
}

.font-21px {
  font-size: 21px !important;
}

.font-22px {
  font-size: 22px !important;
}

.font-23px {
  font-size: 23px !important;
}

.font-24px {
  font-size: 24px !important;
}

.bigger-110 {
  font-size: "110%" !important;
}

.bigger-120 {
  font-size: "120%" !important;
}

.bigger-130 {
  font-size: "130%" !important;
}

.bigger-140 {
  font-size: "140%" !important;
}

.bigger-150 {
  font-size: "150%" !important;
}

.bigger-160 {
  font-size: "160%" !important;
}

.bigger-170 {
  font-size: "170%" !important;
}

.bigger-180 {
  font-size: "180%" !important;
}

.bigger-190 {
  font-size: "190%" !important;
}

.bigger-200 {
  font-size: "200%" !important;
}

.bigger-210 {
  font-size: "210%" !important;
}

.bigger-220 {
  font-size: "220%" !important;
}

.bigger-230 {
  font-size: "230%" !important;
}

.bigger-240 {
  font-size: "240%" !important;
}

.bigger-250 {
  font-size: "250%" !important;
}

.bigger-260 {
  font-size: "260%" !important;
}

.bigger-270 {
  font-size: "270%" !important;
}

.bigger-280 {
  font-size: "280%" !important;
}

.bigger-290 {
  font-size: "290%" !important;
}

.bigger-300 {
  font-size: "300%" !important;
}

.smaller-20 {
  font-size: "20%" !important;
}

.smaller-25 {
  font-size: "25%" !important;
}

.smaller-30 {
  font-size: "30%" !important;
}

.smaller-35 {
  font-size: "35%" !important;
}

.smaller-40 {
  font-size: "40%" !important;
}

.smaller-45 {
  font-size: "45%" !important;
}

.smaller-50 {
  font-size: "50%" !important;
}

.smaller-55 {
  font-size: "55%" !important;
}

.smaller-60 {
  font-size: "60%" !important;
}

.smaller-65 {
  font-size: "65%" !important;
}

.smaller-70 {
  font-size: "70%" !important;
}

.smaller-75 {
  font-size: "75%" !important;
}

.smaller-80 {
  font-size: "80%" !important;
}

.smaller-85 {
  font-size: "85%" !important;
}

.smaller-90 {
  font-size: "90%" !important;
}

.smaller-95 {
  font-size: "95%" !important;
}

.width-20px {
  width: "20px" !important;
}

.width-25px {
  width: "25px" !important;
}

.width-30px {
  width: "30px" !important;
}

.width-35px {
  width: "35px" !important;
}

.width-40px {
  width: "40px" !important;
}

.width-45px {
  width: "45px" !important;
}

.width-50px {
  width: "50px" !important;
}

.width-55px {
  width: "55px" !important;
}

.width-60px {
  width: "60px" !important;
}

.width-65px {
  width: "65px" !important;
}

.width-70px {
  width: "70px" !important;
}

.width-75px {
  width: "75px" !important;
}

.width-80px {
  width: "80px" !important;
}

.width-85px {
  width: "85px" !important;
}

.width-90px {
  width: "90px" !important;
}

.width-95px {
  width: "95px" !important;
}

.width-100px {
  width: "100px" !important;
}

.img-fit-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-fit-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

input[type="number"].number-disabled::-webkit-outer-spin-button,
input[type="number"].number-disabled::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.position-relative,
.pos-rel {
  position: relative;
}

.position-absolute,
.pos-abs {
  position: absolute;
}

.img-responsive,
.img-fluid {
  width: 100%;
  max-width: 100%;
}

.no-gutters {
  margin-left: 0px;
  margin-right: 0px;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-left: 0px;
  padding-right: 0px;
}

.half-gutters {
  margin-left: 7.5px;
  margin-right: 7.5px;
}

.half-gutters > .col,
.half-gutters > [class*="col-"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.small-gutters {
  margin-left: 3px;
  margin-right: 3px;
}

.small-gutters > .col,
.small-gutters > [class*="col-"] {
  padding-left: 3px;
  padding-right: 3px;
}

.img-4by3 {
  position: relative;
  width: 100%;
  padding-top: 75%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.img-16by9 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.img-4by3-v {
  position: relative;
  width: 100%;
  padding-top: 133.33%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.img-16by9-v {
  position: relative;
  width: 100%;
  padding-top: 177.77%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.img-1by1 {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.img-4by3.holder > img,
.img-16by9.holder > img,
.img-4by3-v.holder > img,
.img-16by9-v.holder > img,
.img-1by1.holder > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.z-template {
  display: none;
}

.strike {
  text-decoration: line-through !important;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

select.text-left {
  text-align-last: left;
}

select.text-center {
  text-align-last: center;
}

select.text-right {
  text-align-last: right;
}

.cursor-pointer {
  cursor: pointer;
}

.thin-cell {
  width: 1%;
  white-space: nowrap;
}

html {
  min-height: 100%;
  height: 100%;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  word-wrap: break-word;
}

.main-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  overflow: hidden;
}

footer,
.footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.h-100 {
  height: 100%;
}

.hidden {
  display: none;
}

.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  -webkit-filter: blur(1);
          filter: blur(1);
  z-index: 99;
}

.loader-overlay .pusher {
  height: 50%;
}

.loader-overlay .loader-text {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.loader-overlay.global-overlay {
  position: fixed;
}

.new-loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.new-loader-overlay.global-overlay {
  position: fixed;
}

#loader_fade_color {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#loader_fade_color div {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #fff;
}

#loader_fade_color div:nth-child(1) {
  -webkit-animation: loader_fade_color 3s linear infinite 0s;
          animation: loader_fade_color 3s linear infinite 0s;
}

#loader_fade_color div:nth-child(2) {
  -webkit-animation: loader_fade_color 3s linear infinite 0.15s;
          animation: loader_fade_color 3s linear infinite 0.15s;
}

#loader_fade_color div:nth-child(3) {
  -webkit-animation: loader_fade_color 3s linear infinite 0.3s;
          animation: loader_fade_color 3s linear infinite 0.3s;
}

#loader_fade_color div:nth-child(4) {
  -webkit-animation: loader_fade_color 3s linear infinite 0.45s;
          animation: loader_fade_color 3s linear infinite 0.45s;
}

@-webkit-keyframes loader_fade_color {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    background: #59cd90;
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    background: #0072bb;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    background: #fe4a49;
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    background: #fed766;
  }
  100% {
    opacity: 0;
  }
}

@keyframes loader_fade_color {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    background: #59cd90;
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    background: #0072bb;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    background: #fe4a49;
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    background: #fed766;
  }
  100% {
    opacity: 0;
  }
}

.async-content {
  position: relative;
}

.async-content.async-loading:not(.async-ghost) {
  min-height: 100px;
}

.btn-to-top {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: black;
  color: #f6f6f6;
  cursor: pointer;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  opacity: 0.5;
}

.btn-to-top:hover {
  opacity: 1;
}

.btn-to-top:focus {
  outline: none;
}

.modal-open .btn-to-top {
  display: none !important;
}

.required > label:after {
  content: " *";
  color: red;
}

.pagination.z-pagination .page-item {
  margin-right: 5px;
}

.pagination.z-pagination .page-item button {
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffffff;
  background-color: #3b86ff;
  border-color: #3b86ff;
}

.pagination.z-pagination .page-item .page-link,
.pagination.z-pagination .page-item button {
  color: #333;
  background-color: #fff;
  border-color: #e8e9ec;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.pagination.z-pagination .page-item .page-link:hover,
.pagination.z-pagination .page-item button:hover {
  border-color: #3b86ff;
}

.pagination.z-pagination .page-item.disabled .page-link {
  color: #333;
  background-color: #fff;
  border-color: #e8e9ec;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.pagination.z-pagination .page-item.active .page-link {
  color: #ffffff;
  background-color: #3b86ff;
  border-color: #3b86ff;
}

.pagination.z-pagination .dropdown-menu {
  padding-top: 0;
}

.pagination.z-pagination .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background: 0 0;
  border: 0;
}

.pagination.z-pagination .dropdown-item:hover {
  background-color: #496a38;
  color: #ffffff;
}

.pagination.z-pagination .dropdown-search {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #496a38;
  text-align: center;
}

.pagination.z-pagination .dropdown-search input {
  text-align: center;
}

.select2-container.select2-container--below {
  height: 30px;
}

.select2-container.select2-container--below.select2-container--open {
  border-radius: 5px;
  background-color: #232b32;
}

.select2-container.select2-container--open .select2-dropdown {
  background-color: #232b32;
  border: 0;
  border-radius: 5px;
  padding: 0;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}

.select2-container.select2-container--open .select2-dropdown .select2-search.select2-search--dropdown {
  padding: 10px;
}

.select2-container.select2-container--open .select2-dropdown .select2-search.select2-search--dropdown input.select2-search__field {
  color: #a5aabe;
  border: 1px solid #89b3f7;
  border-radius: 5px;
  background-color: #2e373d;
  height: 40px;
  padding: 10px;
}

.select2-container.select2-container--open .select2-dropdown .select2-search.select2-search--dropdown input.select2-search__field:focus {
  outline: none;
}

.select2-container.select2-container--open .select2-dropdown .select2-results {
  border-radius: 5px;
  overflow: hidden;
}

.select2-container.select2-container--open .select2-dropdown .select2-results li.select2-results__option {
  padding: 10px;
  color: #a5aabe;
}

.select2-container.select2-container--open .select2-dropdown .select2-results li.select2-results__option.select2-results__option--selectable {
  background-color: transparent;
}

.select2-container.select2-container--open .select2-dropdown .select2-results li.select2-results__option.select2-results__option--selected {
  background-color: transparent;
  color: #3e88fb;
}

.select2-container.select2-container--open .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted {
  background-color: transparent;
  background-color: #444c52;
}

.select2-container .select2-selection {
  height: 30px;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #3a4248;
  background-color: transparent;
}

.select2-container .select2-selection:focus {
  outline: none;
}

.select2-container .select2-selection .select2-selection__rendered {
  color: #dadbe0;
  line-height: 30px;
}

.select2-container .select2-selection .select2-selection__arrow {
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.select2-container .select2-selection .select2-selection__arrow:after {
  content: url(../image/select-icon.svg);
}

.select2-container .select2-selection .select2-selection__arrow b {
  display: none;
}

body.white-theme .select2-container.select2-container--below.select2-container--open {
  background-color: #fff;
}

body.white-theme .select2-container.select2-container--open .select2-dropdown {
  background-color: #fff;
}

body.white-theme .select2-container.select2-container--open .select2-dropdown .select2-search.select2-search--dropdown input.select2-search__field {
  color: #232b32;
  border: 1px solid #89b3f7;
  background-color: #f3f3f3;
}

body.white-theme .select2-container.select2-container--open .select2-dropdown .select2-results li.select2-results__option {
  color: #232b32;
}

body.white-theme .select2-container.select2-container--open .select2-dropdown .select2-results li.select2-results__option.select2-results__option--selectable {
  background-color: transparent;
}

body.white-theme .select2-container.select2-container--open .select2-dropdown .select2-results li.select2-results__option.select2-results__option--selected {
  background-color: transparent;
  color: #3e88fb;
}

body.white-theme .select2-container.select2-container--open .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted {
  background-color: transparent;
  background-color: #f7f8f7;
}

body.white-theme .select2-container .select2-selection {
  border-bottom: 2px solid #d9dadf;
}

body.white-theme .select2-container .select2-selection .select2-selection__rendered {
  color: #232b32;
}

.bg-login-scg {
  background-image: url(../../images/bg-manops_scg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.box-logo-scg {
  max-width: 80px;
  max-height: 80px;
  margin: 15px auto;
}

.box-logo-scg img {
  width: 100%;
  height: 100%;
}

.box-text-logo .text-logo-eng {
  color: #fff;
  font-size: 22px;
  margin-bottom: 5px;
}

.box-text-logo .text-logo-thai {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
}

.bg-login-main {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card.card-login-scg {
  max-width: 500px;
  border: 0;
}

.card.card-login-scg .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #E4E4E4;
}

.card.card-login-scg .card-header .logo-card-header {
  padding: 10px;
  width: 100%;
  cursor: pointer;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #E4E4E4;
}

.card.card-login-scg .card-header .logo-card-header .box-logo {
  max-width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}

.card.card-login-scg .card-header .logo-card-header .box-logo img {
  width: 100%;
  height: 100%;
}

.card.card-login-scg .card-header .logo-card-header:disabled {
  background-color: #E4E4E4;
}

.card.card-login-scg .card-header .logo-card-header.active {
  background-color: #FFFFFF;
}

.card.card-login-scg .card-body {
  text-align: center;
  padding: 30px 40px;
  border-bottom: 1px solid #E4E4E4;
}

.card.card-login-scg .card-body .title-login {
  color: #4A4A4A;
  font-weight: 600;
  font-size: 20px;
}

.card.card-login-scg .card-body .title-login span {
  color: #EC1C24;
  font-weight: 700;
  font-size: 24px;
}

.card.card-login-scg .card-body .detail {
  color: #838383;
  font-size: 16px;
}

.card.card-login-scg .card-footer {
  background-color: #FFFFFF;
  border: 0;
  padding: 25px;
}

.card.card-login-scg .card-footer h5 {
  font-size: 18px;
  color: #4A4A4A;
  margin-bottom: 10px;
  font-weight: 700;
}

.card.card-login-scg .card-footer p {
  font-weight: 500;
  font-size: 16px;
  color: #838383;
  margin-bottom: 0;
}

.card.card-login-scg .card-footer .qr-scg {
  max-width: 155px;
  max-height: 155px;
}

.card.card-login-scg .card-footer .qr-scg img {
  width: 100%;
  height: 100%;
}

.form-control.scg {
  height: 50px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.form-control.scg:focus, .form-control.scg:active {
  outline-color: #EC1C24 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #EC1C24;
}

.mb-35px {
  margin-bottom: 35px;
}

.mb-5px {
  margin-bottom: 5px;
}

.mt-10px {
  margin-top: 10px;
}

.btn-login-scg {
  background-color: #EC1C24;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-radius: 25px;
  border: none;
  width: 100%;
}

.filter-card {
  background-color: #ECEFF4;
  padding: 15px;
  border-radius: 10px 10px 0 0;
}

@media (max-width: 500px) {
  .bg-login-scg {
    background-image: url(../../images/bg-manops_scg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .box-logo-scg {
    margin-top: 25px;
  }
  .card.card-login-scg {
    margin-bottom: 25px;
  }
}

.btn-search-table {
  background-color: #4A4A4A;
  border: 0;
  border-radius: 5px;
  color: #ffffff;
  padding: 10px 30px;
  font-size: 16px;
  min-width: 100px;
  font-weight: 500;
}

.btn-clear-table {
  background-color: #E4E4E4;
  border: 0;
  border-radius: 5px;
  padding: 10px 30px;
  color: #4A4A4A;
  font-size: 16px;
  min-width: 85px;
  font-weight: 500;
}

.form-control.scg-form {
  height: 40px;
  margin-bottom: 10px;
}

.list-total-count {
  background-color: #ffffff;
  padding: 15px;
}

.list-total-count h4 {
  font: 18px;
  font-weight: 700;
  color: #4A4A4A;
  margin-bottom: 0;
}

.list-total-count h4 span {
  font-size: 14px;
  color: #838383;
  font-weight: 500;
}

.text-dark-blue {
  color: #0C356A;
}

.text-blue {
  color: #4377BC;
}

.text-line {
  text-decoration: underline;
}

.container-detail {
  border: 1px solid #E4E4E4;
  min-height: 450px;
  background-color: #ffffff;
}

.container-detail .nav-tabs {
  width: 100%;
}

.container-detail .nav-tabs .nav-link {
  min-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E4E4E4;
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #E4E4E4;
  border-radius: 0;
}

.container-detail .nav-tabs .nav-link.nav3 {
  min-width: 33.33%;
}

.container-detail .nav-tabs .nav-link.active {
  background-color: #ffffff;
  color: #4377BC;
}

.container-detail .title-detail {
  padding: 20px 15px;
  font-size: 18px;
  font-weight: 600;
  color: #4A4A4A;
  border-bottom: 1px solid #E4E4E4;
}

.container-detail .detail {
  padding: 15px;
}

.container-detail .detail label {
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
  margin-bottom: 0;
}

.container-detail .detail p {
  font-size: 16px;
  font-weight: 500;
  color: #4377BC;
  margin-bottom: 10px;
}

.container-detail .detail .img-repair {
  width: 180px;
  height: 135px;
}

.container-detail .detail .img-repair img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

table.custom-table-scg, table.sortable.custom-table-scg {
  padding-bottom: 10px;
}

table.custom-table-scg thead, table.sortable.custom-table-scg thead {
  background-color: #E4E4E4;
  color: #838383;
}

table.custom-table-scg tbody tr.active, table.sortable.custom-table-scg tbody tr.active {
  background-color: #E5F0FF;
}

table.custom-table-scg tbody tr.active .btn-icon-next, table.sortable.custom-table-scg tbody tr.active .btn-icon-next {
  width: 30px;
  height: 30px;
}

table.custom-table-scg tbody tr.active .btn-icon-next svg g path, table.sortable.custom-table-scg tbody tr.active .btn-icon-next svg g path {
  fill: #0C356A;
}

table.custom-table-scg tbody tr td, table.sortable.custom-table-scg tbody tr td {
  color: #4A4A4A;
  border-bottom: 1px solid #E4E4E4;
}

.bg-user {
  background-color: #F9F9F9;
}

.btn-add-user {
  color: #fff;
  background-color: #4377BC;
  border: 0;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  max-width: 125px;
  height: 40px;
}

.btn-icon-next {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.btn-icon-next:hover svg g path {
  fill: #0C356A;
}

.card-user {
  background-color: #ffffff;
  border: 0;
  border-radius: 10px;
}

.card-user .header {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-user .header p {
  color: #4A4A4A;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}

.card-user .header p span {
  color: #838383;
  font-size: 14px;
  font-weight: 500;
}

.card-user .user-detail {
  padding: 0 15px;
}

.card-user .user-detail label {
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
}

.card-user .user-detail span {
  font-size: 16px;
  font-weight: 600;
  color: #4377BC;
}

.card-user .user-detail .text-red {
  color: #EC1C24;
}

.card-user .permission-detail {
  padding: 10px 15px;
}

.card-user .permission-detail h3 {
  font-weight: 700;
  font-size: 18px;
  color: #4A4A4A;
}

.card-user .permission-detail p {
  font-weight: 500;
  font-size: 14px;
  color: #838383;
}

.card-user .permission-detail .card-permission {
  border: 1px solid #E4E4E4;
  border-radius: 10px;
}

.card-user .permission-detail .card-permission .title-permission {
  padding: 10px;
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #E4E4E4;
}

.card-user .permission-detail .card-permission .title-permission span {
  color: #4A4A4A;
  font-weight: 500;
  font-size: 16px;
}

.card-user .permission-detail .card-permission .body-permission {
  padding: 10px 13px;
}

.card-user .permission-detail .card-permission .btn-collapse {
  font-size: 14px;
  font-weight: 500;
  color: #0C356A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  padding: 0;
}

.card-user .permission-detail .card-permission .btn-collapse .plus-minus {
  width: 25px;
  height: 25px;
  color: #ffffff;
  background: #4377BC;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}

.btn-delete-type {
  width: 100%;
  max-width: 180px;
  background: transparent;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E4E4E4;
  border-radius: 25px;
  color: #EC1C24;
}

.btn-delete-type:hover, .btn-delete-type:focus, .btn-delete-type:active {
  background-color: #EC1C24;
  color: #ffffff;
}

.btn-delete-type:hover svg path, .btn-delete-type:focus svg path, .btn-delete-type:active svg path {
  fill: #ffffff;
}

.img-profile {
  width: 30px;
  height: 30px;
}

.img-profile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.form-upload {
  position: relative;
  width: 100px;
  height: 100px;
}

.form-upload .profile-user-upload {
  width: 100px;
  height: 100px;
}

.form-upload .profile-user-upload img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.form-upload .upload-avatar {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background-color: #E4E4E4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.checkbox-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.checkbox-slide input[type=checkbox],
.checkbox-slide input[type=radio] {
  display: none;
}

.checkbox-slide input[type=checkbox] + .for_style,
.checkbox-slide input[type=radio] + .for_style {
  outline: 0;
  display: block;
  width: 50px;
  height: 25px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 0;
  padding: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: #fff;
  border: 3px solid #9f9f9f;
  border-radius: 50px;
}

.checkbox-slide input[type=checkbox] + .for_style:after, .checkbox-slide input[type=checkbox] + .for_style:before,
.checkbox-slide input[type=radio] + .for_style:after,
.checkbox-slide input[type=radio] + .for_style:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.checkbox-slide input[type=checkbox] + .for_style:after,
.checkbox-slide input[type=radio] + .for_style:after {
  left: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #9f9f9f;
  content: "";
  border-radius: 1em;
}

.checkbox-slide input[type=checkbox] + .for_style:before,
.checkbox-slide input[type=radio] + .for_style:before {
  display: none;
}

.checkbox-slide input[type=checkbox] + .for_style .on,
.checkbox-slide input[type=radio] + .for_style .on {
  opacity: 0;
  position: absolute;
  left: 5px;
  top: 50%;
  font-size: 10px;
  -webkit-transform: translate(0, -57%);
          transform: translate(0, -57%);
  margin: 0;
  padding: 0;
  line-height: 1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #4a92fa;
  cursor: pointer;
}

.checkbox-slide input[type=checkbox] + .for_style .off,
.checkbox-slide input[type=radio] + .for_style .off {
  position: absolute;
  right: 3px;
  top: 50%;
  font-size: 10px;
  -webkit-transform: translate(0, -57%);
          transform: translate(0, -57%);
  margin: 0;
  padding: 0;
  line-height: 1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #9f9f9f;
  cursor: pointer;
}

.checkbox-slide input[type=checkbox]:checked + .for_style,
.checkbox-slide input[type=radio]:checked + .for_style {
  border-color: #4a92fa;
  background-color: #fff;
}

.checkbox-slide input[type=checkbox]:checked + .for_style:after,
.checkbox-slide input[type=radio]:checked + .for_style:after {
  left: 50%;
  background-color: #4a92fa;
}

.checkbox-slide input[type=checkbox]:checked + .for_style .on,
.checkbox-slide input[type=radio]:checked + .for_style .on {
  opacity: 1;
}

.checkbox-slide input[type=checkbox]:checked + .for_style .off,
.checkbox-slide input[type=radio]:checked + .for_style .off {
  opacity: 0;
}

.checkbox-slide input[type=checkbox]:checked + .for_style:disabled + .for_style,
.checkbox-slide input[type=radio]:checked + .for_style:disabled + .for_style {
  -webkit-filter: opacity(0.5);
          filter: opacity(0.5);
}

.checkbox-slide.green input[type=checkbox] + .for_style,
.checkbox-slide.green input[type=radio] + .for_style {
  border-color: #768396;
  background-color: #fff;
}

.checkbox-slide.green input[type=checkbox] + .for_style:after,
.checkbox-slide.green input[type=radio] + .for_style:after {
  background: #768396;
}

.checkbox-slide.green input[type=checkbox] + .for_style .on,
.checkbox-slide.green input[type=radio] + .for_style .on {
  color: #31C947;
}

.checkbox-slide.green input[type=checkbox] + .for_style .off,
.checkbox-slide.green input[type=radio] + .for_style .off {
  color: #768396;
}

.checkbox-slide.green input[type=checkbox]:checked + .for_style,
.checkbox-slide.green input[type=radio]:checked + .for_style {
  border-color: #31C947;
  background-color: #fff;
}

.checkbox-slide.green input[type=checkbox]:checked + .for_style:after,
.checkbox-slide.green input[type=radio]:checked + .for_style:after {
  background: #31C947;
}

.checkbox-group {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
}

.checkbox-group input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #3A4248;
}

.checkbox-group:hover input ~ .checkmark {
  background-color: #ccc;
}

.checkbox-group input:checked ~ .checkmark {
  background-color: #2196F3;
  border: 0;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-group input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-group .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-secondary.btn-cancel {
  border: 0;
  background-color: #E4E4E4;
  color: #838383;
}

.status-timeline .group-status .status-line {
  min-width: 25px;
  width: 25px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -2px 15px -2px 0;
}

.status-timeline .group-status .status-line div {
  width: 2px;
  height: auto;
  background-color: #89B3F7;
  margin-top: -278px;
}

.status-timeline .group-status .status-line div.img {
  margin-top: -415px;
}

.status-timeline .group-status .status-line div.img.file {
  margin-top: -450px;
}

.status-timeline .group-status .status-line div.file {
  margin-top: -315px;
}

.status-timeline .group-status .sending-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.status-timeline .group-status .sending-status .header-line {
  position: relative;
}

.status-timeline .group-status .sending-status .header-line .line {
  display: block;
  width: 2px;
  background: #4377BC;
  height: 100%;
  position: absolute;
  margin: 12px;
  z-index: 1;
}

.status-timeline .group-status .sending-status .dots-status {
  width: 25px;
  min-width: 25px;
  height: 25px;
  border: 2px solid #A0BADD;
  background: #A0BADD;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}

.status-timeline .group-status .sending-status .dots-status .center-dots {
  width: 15px;
  height: 15px;
  background-color: #4377BC;
  border-radius: 50%;
}

.status-timeline .group-status:last-child .status-line div {
  display: none;
}

.status-timeline .group-status:last-child .sending-status .header-line .line {
  display: none;
}

.status-timeline.case .group-status .status-line {
  min-width: 25px;
  width: 25px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -2px 15px -2px 0;
}

.status-timeline.case .group-status .status-line div {
  width: 2px;
  height: auto;
  background-color: #EC1C24;
  margin-top: -278px;
}

.status-timeline.case .group-status .status-line div.img {
  margin-top: -415px;
}

.status-timeline.case .group-status .status-line div.img.file {
  margin-top: -450px;
}

.status-timeline.case .group-status .status-line div.file {
  margin-top: -315px;
}

.status-timeline.case .group-status .sending-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.status-timeline.case .group-status .sending-status .header-line {
  position: relative;
}

.status-timeline.case .group-status .sending-status .header-line .line {
  display: block;
  width: 2px;
  background: #EC1C24;
  height: 100%;
  position: absolute;
  margin: 12px;
  z-index: 1;
}

.status-timeline.case .group-status .sending-status .dots-status {
  width: 25px;
  min-width: 25px;
  height: 25px;
  border: 2px solid #f38c9d;
  background: #f38c9d;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}

.status-timeline.case .group-status .sending-status .dots-status .center-dots {
  width: 15px;
  height: 15px;
  background-color: #EC1C24;
  border-radius: 50%;
}

.status-timeline.case .group-status .sending-status.active .header-line {
  position: relative;
}

.status-timeline.case .group-status .sending-status.active .header-line .line {
  display: block;
  width: 2px;
  background: #07B400;
  height: 100%;
  position: absolute;
  margin: 12px;
  z-index: 1;
}

.status-timeline.case .group-status .sending-status.active .dots-status {
  width: 25px;
  min-width: 25px;
  height: 25px;
  border: 2px solid #a9f1a6;
  background: #a9f1a6;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}

.status-timeline.case .group-status .sending-status.active .dots-status .center-dots {
  width: 15px;
  height: 15px;
  background-color: #07B400;
  border-radius: 50%;
}

.status-timeline.case .group-status:last-child .status-line div {
  display: none;
}

.status-timeline.case .group-status:last-child .sending-status .header-line .line {
  display: none;
}

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
  display: none;
}

table.dataTable.no-footer {
  border-bottom: 0 !important;
}

.orbit-gizmo.noselect canvas {
  min-width: 100% !important;
}

.btn-menu-sidenav .alert-noti {
  position: absolute;
  background-color: #EC1C24;
  top: 0;
  right: 0;
  margin-top: 2px;
  margin-right: 2px;
  z-index: 5;
  border-radius: 18px 3px 18px 18px;
  color: #fff;
  font-size: 12px;
  padding: 2px 5px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #2196F3;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.btn-menu-sidenav.active svg *, .bbtn-menu-sidenav.active svg * * {
  fill: #ffffff !important;
}

.status-case-dot {
  background-color: #EC1C24;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 5px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}

.status-case-dot.active {
  background-color: #07B400;
}

.mb--30px {
  margin-bottom: -30px;
}

.btn-blue {
  color: #fff;
  background-color: #0C356A;
  border-color: #08254a;
}

.text-blue {
  color: #4377BC;
}

.text-darkblue {
  color: #0C356A;
}

.btn-blue:hover {
  color: #fff;
  background-color: #08254a;
  border-color: #071e3c;
}

.opacity-0 {
  opacity: 0;
}

.btn-blue:focus,
.btn-blue.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(12, 53, 106, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(12, 53, 106, 0.5);
}

.btn-blue.disabled,
.btn-blue:disabled {
  color: #fff;
  background-color: #0C356A;
  border-color: #08254a;
}

.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.blue-toggle {
  color: #fff;
  background-color: #08254a;
  border-color: #071e3c;
}

.btn-blue:not(:disabled):not(.disabled):active:focus,
.btn-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue.blue-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(12, 53, 106, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(12, 53, 106, 0.5);
}

.btn-edit-project {
  color: #4A4A4A;
  background-color: #E4E4E4;
  border-color: #d2d2d2;
}

.btn-edit-project:hover {
  color: #4A4A4A;
  background-color: #FFC400;
  border-color: #FFC400;
}

.btn-edit-project:focus,
.btn-edit-project.focus {
  -webkit-box-shadow: 0 0 0 0.2rem #ffc40085;
          box-shadow: 0 0 0 0.2rem #ffc40085;
}

.btn-edit-project.disabled,
.btn-edit-project:disabled {
  color: #4A4A4A;
  background-color: #E4E4E4;
  border-color: #d2d2d2;
}

.btn-edit-project:not(:disabled):not(.disabled):active,
.btn-edit-project:not(:disabled):not(.disabled).active,
.show > .btn-edit-project.edit-project-toggle {
  color: #4A4A4A;
  background-color: #dba900;
  border-color: #cc9d00;
}

.btn-edit-project:not(:disabled):not(.disabled):active:focus,
.btn-edit-project:not(:disabled):not(.disabled).active:focus,
.show > .btn-edit-project.edit-project-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem #ffc40085;
          box-shadow: 0 0 0 0.2rem #ffc40085;
}

.btn-delete-project {
  color: #EC1C24;
  background-color: transparent;
  border-color: #E4E4E4;
}

.btn-delete-project:hover {
  color: #fff;
  background-color: #EC1C24;
  border-color: #EC1C24;
}

.btn-delete-project:focus,
.btn-delete-project.focus {
  -webkit-box-shadow: 0 0 0 0.2rem #ec1c2380;
          box-shadow: 0 0 0 0.2rem #ec1c2380;
}

.btn-delete-project.disabled,
.btn-delete-project:disabled {
  color: #4A4A4A;
  background-color: transparent;
  border-color: #d2d2d2;
}

.btn-delete-project:not(:disabled):not(.disabled):active,
.btn-delete-project:not(:disabled):not(.disabled).active,
.show > .btn-delete-project.delete-project-toggle {
  color: #4A4A4A;
  background-color: #d31219;
  border-color: #c51017;
}

.btn-grey:not(:disabled):not(.disabled):active:focus,
.btn-grey:not(:disabled):not(.disabled).active:focus,
.show > .btn-btn-delete-project.delete-project-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem #ec1c2380;
          box-shadow: 0 0 0 0.2rem #ec1c2380;
}

.project-scg-img {
  width: 100%;
  min-width: 100%;
  height: 229px;
  overflow: hidden;
}

.project-scg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.project-type-img {
  width: 100%;
  min-width: 100%;
  height: 240px;
  overflow: hidden;
}

.project-type-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.mt-15px {
  margin-top: 15px;
}

.mt-20px {
  margin-top: 20px;
}

.mt-10px {
  margin-top: 10px;
}

.border-left {
  border-left: 1px solid #E4E4E4;
}

.nav-menu-project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  border-bottom: 1px solid #E4E4E4;
}

.btn-menu-project-custom {
  border-radius: 50px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 700px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-custom-scg {
  border-radius: 50px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 700px;
  padding-left: 15px;
  padding-right: 15px;
}

.width-140px {
  width: 140px;
}

.font-Medium {
  font-weight: 500 !important;
}

.font-SemiBold {
  font-weight: 600 !important;
}

.font-18px {
  font-size: 18px;
}

.font-20px {
  font-size: 20px;
}

.text-active {
  color: #0C356A;
}

.text-main {
  color: #4A4A4A;
}

.font-16px {
  font-size: 16px;
}

.font-13px {
  font-size: 13px;
}

.btn-icon-scg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}

.btn-icon-scg svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.btn-delete-project:hover .btn-icon-scg path {
  fill: #000;
}

.scg-sidenav .project-sidenav {
  width: 80px;
  background: #F5F5F5;
  height: calc(100vh - 117px);
  margin-top: 10px;
  background-color: #0C356A;
  border-radius: 0 20px 20px 0;
}

@media (max-width: 767.98px) {
  .scg-sidenav .project-sidenav {
    height: unset;
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }
}

.scg-sidenav .project-sidenav .menu-sidenav-btn-container {
  padding: 0;
}

.scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav {
  width: 80px;
  height: 90px;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  margin-bottom: 0px;
  background-color: transparent;
  border-color: transparent;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav.active, .scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav:hover {
  background-color: #4377BC;
  border: 0;
}

.scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav.active .sidenav-box .icon-sidenav svg * *, .scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav:hover .sidenav-box .icon-sidenav svg * * {
  fill: #fff;
}

.scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav:first-child {
  border-radius: 0 20px 0 0;
}

@media (max-width: 767.98px) {
  .scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav:first-child {
    border-radius: 0;
  }
}

.scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav .sidenav-box .text-sidenav {
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 0;
  margin-top: 5px;
}

.scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav .sidenav-box .icon-sidenav {
  width: 25px;
  min-width: 25px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.scg-sidenav .project-sidenav .menu-sidenav-btn-container .btn-menu-sidenav .sidenav-box .icon-sidenav svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.card.card-scg {
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FFFFFF;
}

.card.card-scg .card-body {
  padding: 15px;
}

.bg-grey {
  background-color: #F9F9F9;
}

.head-title {
  font-size: 24px;
  color: #4377BC;
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-radius {
  border-radius: 50px;
}

.pb-15px {
  padding-bottom: 15px;
}

.qr-code {
  width: 175px;
  min-width: 175px;
  height: 175px;
  overflow: hidden;
}

.qr-code img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.alert-img {
  width: 100%;
  min-width: 100%;
  height: 327px;
  background-image: url(../../images/icon/alert-maintenance.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% auto;
  border-radius: 30px;
  position: relative;
}

.alert-img::after {
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: #4377BC;
  content: '';
  bottom: 0;
  border-radius: 0 0 28px 28px;
}

@media (max-width: 425px) {
  .alert-img {
    height: 280px;
  }
}

@media (max-width: 375px) {
  .alert-img {
    height: 250px;
  }
}

.mt-maintenance {
  margin-top: 100px;
}

@media (max-width: 767.98px) {
  .mt-maintenance {
    margin-top: 40px;
  }
}

.mt-30px {
  margin-top: 30px;
}

.maintenance-report-img {
  width: 58px;
  min-width: 58px;
  height: 70px;
  overflow: hidden;
}

.maintenance-report-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.mb-5px {
  margin-bottom: 5px;
}

.font-14px {
  font-size: 14px;
}

.btn-back {
  height: 15px;
  width: 27.35px;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
}

.btn-back svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.scope-uplad-flie.report {
  height: 267.18px;
  width: 100%;
}

.scope-uplad-flie.report .cilck-upload {
  height: 267.18px;
  width: 100%;
}

.scope-uplad-flie.report #output-img {
  height: 100%;
  width: 100%;
}

.edit-icon {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #000;
  background-color: transparent;
  border-color: transparent;
}

.edit-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  height: 65%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.edit-icon:hover {
  color: #000;
  background-color: #FFC400;
  border-color: #cc9d00;
}

.edit-icon:focus, .edit-icon.focus {
  background-color: #FFC400;
  border-color: #FFC400;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 196, 0, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 196, 0, 0.5);
}

.edit-icon:disabled, .edit-icon.disabled {
  color: #000;
  background-color: #FFC400;
  border-color: #FFC400;
}

.edit-icon:not(:disabled):not(.disabled):active, .edit-icon:not(:disabled):not(.disabled).active {
  color: #000;
  background-color: #FFC400;
  border-color: #FFC400;
}

.edit-icon:not(:disabled):not(.disabled):active:focus, .edit-icon:not(:disabled):not(.disabled).active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 196, 0, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 196, 0, 0.5);
}

.btn-edit-icon {
  color: #000;
  background-color: #FFC400;
  border-color: #FFC400;
}

.btn-edit-icon:hover {
  color: #000;
  background-color: #dba900;
  border-color: #cc9d00;
}

.btn-edit-icon:focus, .btn-edit-icon.focus {
  background-color: #dba900;
  border-color: #cc9d00;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 196, 0, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 196, 0, 0.5);
}

.btn-edit-icon:disabled, .btn-edit-icon.disabled {
  color: #000;
  background-color: #FFC400;
  border-color: #FFC400;
}

.btn-edit-icon:not(:disabled):not(.disabled):active, .btn-edit-icon:not(:disabled):not(.disabled).active {
  color: #000;
  background-color: #FFC400;
  border-color: #FFC400;
}

.btn-edit-icon:not(:disabled):not(.disabled):active:focus, .btn-edit-icon:not(:disabled):not(.disabled).active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 196, 0, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 196, 0, 0.5);
}

.btn-edit-icon svg path {
  fill: #000;
}

.delete-icon {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.delete-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  height: 65%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.delete-icon:hover {
  color: #fff;
  background-color: #EC1C24;
  border-color: #c51017;
}

.delete-icon:hover svg path {
  fill: #fff;
}

.delete-icon:focus, .delete-icon.focus {
  background-color: #EC1C24;
  border-color: #EC1C24;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(236, 28, 36, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(236, 28, 36, 0.5);
}

.delete-icon:focus svg path, .delete-icon.focus svg path {
  fill: #fff;
}

.delete-icon:disabled, .delete-icon.disabled {
  color: #fff;
  background-color: #EC1C24;
  border-color: #EC1C24;
}

.delete-icon:disabled svg path, .delete-icon.disabled svg path {
  fill: #fff;
}

.delete-icon:not(:disabled):not(.disabled):active, .delete-icon:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #EC1C24;
  border-color: #EC1C24;
}

.delete-icon:not(:disabled):not(.disabled):active:focus, .delete-icon:not(:disabled):not(.disabled).active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(236, 28, 36, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(236, 28, 36, 0.5);
}

.delete-icon:not(:disabled):not(.disabled):active svg path, .delete-icon:not(:disabled):not(.disabled).active svg path {
  fill: #fff;
}

.delete-icon svg path {
  fill: #000;
}

.btn-submit {
  color: #fff;
  background-color: #4377BC;
  border-color: #4377BC;
}

.btn-submit:hover {
  color: #fff;
  background-color: #3a66a2;
  border-color: #365f96;
}

.btn-submit:focus, .btn-submit.focus {
  background-color: #3a66a2;
  border-color: #365f96;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 119, 188, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(67, 119, 188, 0.5);
}

.btn-submit:disabled, .btn-submit.disabled {
  color: #fff;
  background-color: #4377BC;
  border-color: #4377BC;
}

.btn-submit:not(:disabled):not(.disabled):active, .btn-submit:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #4377BC;
  border-color: #4377BC;
}

.btn-submit:not(:disabled):not(.disabled):active:focus, .btn-submit:not(:disabled):not(.disabled).active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 119, 188, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(67, 119, 188, 0.5);
}

.btn-submit svg path {
  fill: #fff;
}

.modal-dialog.alert-custom .modal-content {
  border-radius: 30px;
}

.project_scg .nav-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 70px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
}

.project_scg .nav-title h1 {
  font-size: 24px;
}

.project_scg .nav-title h2 {
  font-size: 18px;
  font-weight: 500;
}

.has-search .form-control {
  padding-left: 2.375rem;
  border-radius: 20px;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

.img-content {
  height: 240px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 11px;
}

.title-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.user-count {
  position: absolute;
  right: 0;
}

.title-content h4 {
  font-size: 18px;
  font-weight: 600;
  color: #4A4A4A;
  margin-bottom: 0;
  width: 180px;
  overflow: hidden;
}

.alert-content {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #EC1C24;
  width: 55px;
  height: 35px;
  border-radius: 18px 3px 18px 18px;
  color: #fff;
  line-height: 35px;
  text-align: center;
}

.title-content p {
  font-size: 13px;
  font-weight: 500;
  color: #6C6C6C;
  margin-bottom: 0;
}

.title-content i {
  color: #EC1C24;
  font-size: 20px;
}

.title-content span {
  color: #EC1C24;
}

.btn-create-new-project {
  width: 100%;
  height: 240px;
  border: 1px dashed #B6B6B6;
  color: #B6B6B6;
  background: #F9F9F9;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-create-new-project h1 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.btn-create-new-project h3 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

.btn-create-new-project i,
.input-img-detail i {
  font-size: 23px;
  height: 40px;
  width: 40px;
  border: 3px solid #B6B6B6;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  margin-bottom: 10px;
}

.input-img-detail h3 {
  font-size: 14px;
  font-weight: 500;
}

.input-img-detail {
  position: absolute;
  width: 100%;
  text-align: center;
}

.scope-uplad-flie {
  margin: 0 auto;
  height: 300px;
  width: 400px;
  background-color: white;
  background-size: cover !important;
  border: 1px dashed #B6B6B6;
  color: #B6B6B6;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.scope-uplad-flie .cilck-upload {
  background-color: transparent;
  height: 300px;
  width: 400px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}

.scope-uplad-flie #output-img,
.scope-uplad-flie #output-img-add,
.scope-uplad-flie #output-img-edit {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.scope-uplad-flie input[type=file] {
  opacity: 0;
}

#modalProject .btn-secondary {
  background: #E4E4E4;
  color: #838383;
  border: none;
}

#modalProject .btn-primary,
.maintain .btn-primary {
  background: #4377BC;
}

.navbar-scg {
  background: url("../../images/bg-navbar.png") top center no-repeat;
  background-size: cover;
  height: 70px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.navbar-scg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(6, 29, 60, 0.8);
  z-index: 0;
}

.navbar-scg a {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
}

.navbar-scg a.navbar-item {
  border-bottom: none !important;
}

.navbar-scg a.navbar-item::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #E5AE0D;
  height: 0;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}

.navbar-scg a:hover.navbar-item::before {
  height: 3px;
}

.navbar-scg a.active.navbar-item::before {
  height: 3px;
}

.navbar-scg img {
  height: 35px !important;
}

.maintain .col-xl-6 {
  height: 89vh;
  overflow: auto;
}

.maintain h2 {
  font-size: 18px;
  color: red;
  margin-bottom: 0;
}

.maintain h2 span {
  font-size: 14px;
  color: #838383;
  font-weight: 500;
}

.maintain-table {
  margin-top: 10px;
}

.maintain-table button {
  font-size: 14px;
  font-weight: 500;
  color: #0C356A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  margin-bottom: 10px;
}

.maintain-table button .plus-minus {
  width: 25px;
  height: 25px;
  color: #ffffff;
  background: #4377BC;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}

.maintain-table .btn-high {
  background-color: #e4eaf2;
  width: 100%;
}

.maintain-table .btn-high:hover {
  background-color: #cfd9e8;
}

.maintain-table .card {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.maintain-table .card .card-header {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: none;
}

.maintain-table .card .card-header h2 {
  font-size: 18px;
  color: #4A4A4A;
  margin-bottom: 0;
}

.maintain-table .card .card-header h2 span {
  font-size: 14px;
  color: #838383;
  font-weight: 500;
}

.maintain-table .card .card-header h2:nth-child(2) {
  color: #4377BC;
}

.maintain-table .card .card-body {
  padding-top: 0px;
}

#modal-mt-history .scope-uplad-flie {
  height: 140px;
  width: 100%;
}

#modal-mt-history .scope-uplad-flie .cilck-upload {
  height: 140px;
  width: 175px;
}

#modal-mt-history .scope-uplad-flie .output-img {
  height: 140px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

#modal-mt-history .form-group.col label {
  height: 22px !important;
  overflow: hidden !important;
}

#modal-mt-history .custom-file-input {
  border-radius: 0;
  overflow: hidden;
}

#modal-mt-history .custom-file-label {
  padding-left: 185px;
  max-height: 36px;
  overflow: hidden;
}

#modal-mt-history .custom-file-label::after {
  content: 'CHOOSE FILE';
  right: auto !important;
  left: 0;
  background: url("../../images/plus-circle.svg") no-repeat, #B6B6B6;
  background-position-x: 20px;
  background-position-y: center;
  border-radius: 0;
  width: 175px;
  border-left: none;
  color: #4A4A4A;
  padding-left: 50px;
}

.container-detail .maintain-table {
  margin-top: 10px;
}

.container-detail .maintain-table button {
  background-color: #E4E4E4;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.container-detail .maintain-table .img-repair {
  height: 80px;
  width: 100px;
}

.img-maintain-detail {
  width: 100%;
  max-width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 10px;
}

.outline-none {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.dash-card {
  padding: 25px;
  border: 1px dashed #B6B6B6;
  border-radius: 20px;
}

.dash-card table thead {
  background-color: #F9F9F9;
  height: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 14px;
}

.dash-card table tbody tr {
  border-bottom: 1px solid #E4E4E4;
}

.dash-card table tbody tr td {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}

.dash-card table tbody tr td:last-child {
  font-size: 18px;
  font-weight: bold;
}

.dash-card table.last-table {
  font-size: 16px;
  font-weight: normal;
}

.dash-card table.last-table tbody tr td:last-child {
  font-weight: normal;
  font-size: 16px;
}

.sort-box .btn-today, .sort-box .btn-seven-day, .sort-box .btn-month {
  background-color: #F9F9F9;
  color: #1D2B63;
  font-size: 14px;
  width: 100%;
}

.sort-box .btn-today:hover, .sort-box .btn-seven-day:hover, .sort-box .btn-month:hover {
  background-color: #DBD7D7;
}

.sort-box .pre-calen, .sort-box .next-calen, .sort-box .now-calen {
  background-color: #F9F9F9;
  color: #1D2B63;
  font-size: 14px;
}

.sort-box .pre-calen:hover, .sort-box .next-calen:hover, .sort-box .now-calen:hover {
  background-color: #DBD7D7;
}

.sort-box .btn-active {
  color: #FFFF;
  background-color: #4377BC;
}

.sort-box .btn-today {
  border-radius: 5px 0px 0px 5px;
}

.sort-box .btn-seven-day {
  border-radius: 0px;
}

.sort-box .btn-month {
  border-radius: 0px 5px 5px 0px;
}

.dash-img-box {
  width: 55px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}

.dash-img-box img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.text-origin {
  font-size: 14px;
  color: #4A4A4A !important;
}

.btn-generate {
  background-color: #4A4A4A;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 5px;
  padding: 10px;
}

.btn-print {
  background-color: #0B0B0B;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 5px;
  padding: 10px;
}

.mini-calendar-body {
  width: 100%;
  background-color: #F9F9F9;
  border-radius: 20px;
  padding: 15px;
}

.mini-calendar-body .title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}

.mini-calendar-body .title-group .date-title {
  font-size: 18px;
  font-weight: 500;
}

.mini-calendar-body .title-group .btn-pre-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mini-calendar-body .title-group .btn-pre-next .mini-calendar-pre, .mini-calendar-body .title-group .btn-pre-next .mini-calendar-next {
  width: 25px;
  height: 25px;
  min-width: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.mini-calendar-body .mini-calendar .day-title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mini-calendar-body .mini-calendar .day-title-group .title-list {
  width: calc(100% / 7);
  height: 30px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #1D2B63;
}

.mini-calendar-body .mini-calendar .day-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mini-calendar-body .mini-calendar .day-group .day-list {
  width: calc(100% / 7);
  height: 30px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mini-calendar-body .mini-calendar .day-group .day-list .today {
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #EEEFF3;
  color: #1D2B63;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.data-action-view {
  overflow-y: scroll;
  height: 70vh;
}

.h-45px {
  height: 45px;
}

.calendar {
  overflow-x: auto;
}

.calendar.action-view {
  overflow-x: hidden;
}

.calendar.action-view .today {
  padding: 15px;
}

.calendar.action-view .today .action-detail {
  padding: 10px 15px;
  -webkit-box-shadow: 0px 0px 5px 3px #F5F5F5;
          box-shadow: 0px 0px 5px 3px #F5F5F5;
  background-color: #FFFFFF;
  border-radius: 10px;
  min-height: 60px;
}

.calendar.action-view .today .action-detail .title {
  color: #282E33;
  font-size: 16px;
  margin-bottom: 0px;
}

.calendar.action-view .today .action-detail .sub {
  color: #4377BC;
  font-size: 14px;
  margin-bottom: 0px;
}

.calendar.action-view .today .action-detail .pill {
  width: 5px;
  min-height: 60px;
  margin-right: 10px;
  background-color: #4377BC;
  border-radius: 20px;
}

.calendar.action-view .today .action-detail .pill.case {
  background-color: #ec1c24;
}

.calendar #calendar_container {
  min-width: 500px;
}

.calendar #calendar_container .fc-header-toolbar {
  margin-bottom: 10px;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
  font-size: 20px;
  line-height: 35px;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button {
  height: 35px;
  width: 35px;
  border-radius: 5px;
  background-color: #F9F9F9;
  background-image: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  color: #1D2B63;
  font-weight: 500;
  margin: 2.5px 0 2.5px 2.5px;
  cursor: pointer;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button:hover, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button:hover {
  background-color: #DBD7D7;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button:disabled, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button:disabled {
  opacity: 1;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button:active, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button:focus, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button:active, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button.fc-button-active, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button.fc-button-active {
  background-color: #4377BC;
  color: #FFFFFF;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-today-button {
  height: 35px;
  border-radius: 5px;
  background-color: #F9F9F9;
  background-image: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  color: #1D2B63;
  font-weight: 500;
  margin: 2.5px 0 2.5px 2.5px;
  cursor: pointer;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-today-button:hover {
  background-color: #DBD7D7;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-today-button:disabled {
  opacity: 1;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-today-button:active, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-today-button:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-today-button.fc-button-active {
  background-color: #4377BC;
  color: #FFFFFF;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridDay-button {
  height: 35px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #F9F9F9;
  background-image: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  color: #1D2B63;
  font-weight: 500;
  margin: 2.5px 0 2.5px 2.5px;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridDay-button:hover {
  background-color: #DBD7D7;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridDay-button:disabled {
  opacity: 1;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridDay-button:active, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridDay-button:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridDay-button.fc-button-active {
  background-color: #4377BC;
  color: #FFFFFF;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridWeek-button {
  height: 35px;
  border-radius: 0;
  background-color: #F9F9F9;
  background-image: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  color: #1D2B63;
  font-weight: 500;
  margin: 2.5px 0;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridWeek-button:hover {
  background-color: #DBD7D7;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridWeek-button:active, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridWeek-button:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridWeek-button.fc-button-active {
  background-color: #4377BC;
  color: #FFFFFF;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button {
  height: 35px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #F9F9F9;
  background-image: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  color: #1D2B63;
  font-weight: 500;
  margin: 2.5px 0;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button:hover {
  background-color: #DBD7D7;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button:disabled {
  opacity: 1;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button:active, .calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.calendar #calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button.fc-button-active {
  background-color: #4377BC;
  color: #FFFFFF;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table {
  border: none;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table thead td, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table thead td, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table thead td {
  border: none;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table thead th, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table thead th, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table thead th {
  border: none;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table thead th .fc-col-header-cell-cushion, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table thead th .fc-col-header-cell-cushion, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table thead th .fc-col-header-cell-cushion {
  font-size: 14px;
  padding: 10px;
  float: left;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-frame .fc-daygrid-day-top, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-frame .fc-daygrid-day-top, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-frame .fc-daygrid-day-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number {
  font-size: 14px;
  font-weight: 600;
  padding: 5px 10px;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-other, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-other, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-other {
  opacity: 0.5;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-other .fc-daygrid-day-frame .fc-daygrid-day-top, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-other .fc-daygrid-day-frame .fc-daygrid-day-top, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-other .fc-daygrid-day-frame .fc-daygrid-day-top {
  opacity: 0.5;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-today, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-today, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-today {
  background-color: transparent;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-today .fc-daygrid-day-number, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-today .fc-daygrid-day-number, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  width: 25px;
  height: 25px;
  background-color: #EFF2FC;
  border-radius: 50%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5px;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-dot-event .fc-event-time, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-dot-event .fc-event-time, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-dot-event .fc-event-time {
  font-size: 12px;
  font-weight: 600;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-dot-event .fc-event-title, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-dot-event .fc-event-title, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-dot-event .fc-event-title {
  font-size: 12px;
  font-weight: 500;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-block-event .fc-event-main, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-block-event .fc-event-main, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-block-event .fc-event-main {
  padding: 0 5px;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-block-event .fc-event-main .fc-event-time, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-block-event .fc-event-main .fc-event-time, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event.fc-daygrid-block-event .fc-event-main .fc-event-time {
  display: none;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.is_holiday, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.is_holiday, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.is_holiday {
  background-color: #ff80c0;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.is_holiday .fc-daygrid-day-number, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.is_holiday .fc-daygrid-day-number, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day.is_holiday .fc-daygrid-day-number {
  color: #ffffff !important;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day:last-child, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day:last-child, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr td.fc-daygrid-day:last-child {
  border-right: none;
}

.calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridMonth-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr:last-child td, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridWeek-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr:last-child td, .calendar #calendar_container .fc-view-harness .fc-daygrid.fc-dayGridDay-view table tbody .fc-scrollgrid-section td .fc-scrollgrid-sync-table tr:last-child td {
  border-bottom: none;
}

.calendar #calendar_container .fc-view-harness .fc-popover {
  border: none;
}

.calendar #calendar_container .fc-view-harness .fc-popover .fc-popover-header .fc-popover-title {
  font-size: 14px;
  font-weight: 600;
}

.calendar #calendar_container .fc-view-harness .fc-popover .fc-popover-body .fc-daygrid-block-event {
  padding: 0 5px;
}

.calendar #calendar_container .fc-view-harness .fc-popover .fc-popover-body .fc-daygrid-block-event .fc-event-time {
  display: none;
}

.calendar #calendar_container .fc-view-harness .fc-popover .fc-popover-body .fc-daygrid-dot-event .fc-event-time {
  font-size: 12px;
  font-weight: 600;
}

.calendar #calendar_container .fc-view-harness .fc-popover .fc-popover-body .fc-daygrid-dot-event .fc-event-title {
  font-size: 12px;
  font-weight: 500;
}

.checkbox-group-cus {
  position: relative;
  height: 30px;
  width: 30px;
}

.checkbox-group-cus input[type=checkbox] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1px;
  height: 1px;
  opacity: 0;
}

.checkbox-group-cus .check_ma + label {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 0px;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: 2px solid #4377bc;
  position: relative;
  border-radius: 5px;
}

.checkbox-group-cus .check_ma + label:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  height: 20px;
  width: 20px;
  background-color: #F5F5F5;
  -webkit-mask: url("../../images/icon/icon-check.svg") no-repeat 50% 50%;
  mask: url("../../images/icon/icon-check.svg") no-repeat 50% 50%;
}

.checkbox-group-cus .check_ma:checked + label {
  background-color: #4377bc;
}

.checkbox-group-cus .check_ma:checked + label:before {
  background-color: #FFF;
}

.checkbox-group-cus .check_case + label {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 0px;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: 2px solid #ec1c24;
  position: relative;
  border-radius: 5px;
}

.checkbox-group-cus .check_case + label:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  height: 20px;
  width: 20px;
  background-color: #F5F5F5;
  -webkit-mask: url("../../images/icon/icon-check.svg") no-repeat 50% 50%;
  mask: url("../../images/icon/icon-check.svg") no-repeat 50% 50%;
}

.checkbox-group-cus .check_case:checked + label {
  background-color: #ec1c24;
}

.checkbox-group-cus .check_case:checked + label:before {
  background-color: #FFF;
}

.assets-border {
  border-top: 1px solid #E4E4E4;
  border-left: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}

.maintain-border {
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}
/*# sourceMappingURL=main.css.map */