* {
  -webkit-overflow-scrolling: touch;
}

a {
  text-decoration: none !important;
}

.modal {
  overflow-y: auto;
  overflow-y: scroll;
}

.modal-content {
  height: auto !important;
}

body {
  font-family: 'Prompt-Regular', 'Prompt-Regular', sans-serif !important;
  font-size: 14px !important;
  scroll-behavior: smooth;
  color: #000000 !important;
}

@font-face {
  font-family: 'IBMPlexSansThaiLooped';
  src: url('fonts/IBMPlexSansThaiLooped-Regular_new.ttf');
  src: url('fonts/IBMPlexSansThaiLooped-Regular_new.ttf?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSansThaiLooped-Regular_new.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Prompt-Regular';
  src: url('fonts/Prompt-Regular.eot');
  src: url('fonts/Prompt-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/BaiJamjuree_new.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Barcode39';
  src: url('fonts/Barcode39.eot');
  src: url('fonts/Barcode39.eot?#iefix') format('embedded-opentype'), url('fonts/Barcode39.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#divprint {
  display: none;
}

.modal-xx {
  /* max-width: 99.9% !important; */
  max-width:none !important;
  height:100% !important;
  margin: 0 !important;
}
.modal-header, .modal-footer{
  padding: 8px !important;
}

.bg_fil_aura {
  animation: bg_fil_aura 1.50s infinite !important;
}

@-webkit-keyframes bg_fil_aura {
  0% {
      background-color: #4e73df;
  }
  50% {
      background-color: #c97844;
  }
  100% {
      background-color: #4e73df;
  }
}

@keyframes bg_fil_aura {
  0% {
      background-color: #4e73df;
  }
  50% {
      background-color: #c97844;
  }
  100% {
      background-color: #4e73df;
  }
}

.row_firstw {
  color: #000 !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.btn-purple {
  background-color: #8a2be2 !important;
  color: #ffffff !important;
}

.btn-purple:hover {
  background-color: #7327b9 !important;
  color: #ffffff !important;
}

.btn-orange {
  background-color: #e2832b !important;
  color: #ffffff !important;
}

.badge-orange {
  background-color: #e2832b !important;
  color: #ffffff !important;
}

.btn-orange:hover {
  background-color: #cf7928 !important;
  color: #ffffff !important;
}

.btn-pink {
  background-color: #e22bd3 !important;
  color: #ffffff !important;
}

.btn-pink:hover {
  background-color: #c526b8 !important;
  color: #ffffff !important;
}

.badge-purple {
  background-color: #8a2be2 !important;
  color: #ffffff !important;
}

.badge-orange {
  background-color: #e2832b !important;
  color: #ffffff !important;
}

.modal-backdrop.show {
  opacity: 0.85 !important;
  background-color: #000 !important;
}

.btn_shake_d {
  /* animation: shake 0.5s; */
  animation-iteration-count: infinite;
  animation: btn_shake_d 2.25s infinite;
  box-shadow: 0 2px #000;
}

@keyframes btn_shake_d {
  0% {
      transform: translateY(0px);
      /* background-color: #fff; */
      box-shadow: 0 2px #000;
  }
  10% {
      transform: translateY(2px);
      box-shadow: 0 0px #000;
  }
  20% {
      transform: translateY(0px);
      box-shadow: 0 2px #000;
  }
  30% {
      transform: translateY(2px);
      box-shadow: 0 0px #000;
  }
  40% {
      transform: translateY(0px);
      box-shadow: 0 2px #000;
  }
  50% {
      transform: translateY(2px);
      /* background-color: #f0ad4e; */
      box-shadow: 0 0px #000;
  }
  60% {
      transform: translateY(0px);
      box-shadow: 0 2px #000;
  }
  70% {
      transform: translateY(2px);
      box-shadow: 0 0px #000;
  }
  80% {
      transform: translateY(0px);
      box-shadow: 0 2px #000;
  }
  90% {
      transform: translateY(2px);
      box-shadow: 0 0px #000;
  }
  100% {
      transform: translateY(0px);
      /* background-color: #fff; */
      box-shadow: 0 2px #000;
  }
}

.numpad_click {
  /* animation: shake 0.5s; */
  animation-iteration-count: 1;
  animation: numpad_click 0.5s 1;
  border-color: #ff8400;
  background-color: #ffefde;
}

@keyframes numpad_click {
  0% {
      background-color: #ffefde;
      border-color: #ff8400;
  }
  50% {
      background-color: #e3e3fa;
      border-color: #000ac9;
  }
  100% {
      background-color: #ffefde;
      border-color: #ff8400;
  }
}

.tr_warning {
  /* animation: shake 0.5s; */
  animation-iteration-count: 2;
  animation: tr_warning 0.75s 2;
  background-color: #46a3e3;
}

@keyframes tr_warning {
  0% {
      background-color: #46a3e3;
  }
  50% {
      background-color: #e3c646;
  }
  100% {
      background-color: #46a3e3;
  }
}

.tr_warning_w {
  /* animation: shake 0.5s; */
  animation-iteration-count: 2;
  animation: tr_warning_w 0.75s 2;
  background-color: #fff;
}

@keyframes tr_warning_w {
  0% {
      background-color: #fff;
  }
  50% {
      background-color: #e3c646;
  }
  100% {
      background-color: #fff;
  }
}

.tr_warning_x {
  /* animation: shake 0.5s; */
  animation-iteration-count: 2;
  animation: tr_warning_x 0.75s 2;
  background-color: lightgray;
}

@keyframes tr_warning_x {
  0% {
      background-color: lightgray;
  }
  50% {
      background-color: #e3c646;
  }
  100% {
      background-color: lightgray;
  }
}



.c_success {
  background-color: #defcec !important;
}

.c_hold {
  background-color: #ffe5d4 !important;
}

.c_npo {
  background-color: #d4bff5 !important;
}

.tr_select {
  background-color: #7cc5f7 !important;
  /* color: #FFF !important; */
}

@media only screen and (max-width: 820px) {
  /* new ipad air 8*/
  .pc_only {
      visibility: hidden !important;
      display: none !important;
  }
  .hot_key{
      white-space: normal !important;
      width:275px !important;
  }
}

@media only screen and (min-width: 821px) {
  /* new ipad air 8*/
  .pc_only {
      visibility: visible !important;
  }
}

.badge-gray {
  background-color: #e7e7e7;
}
.badge-gray-blue {
  background-color: #c7d6fc;
}

.off_admintime {
  background-color: #000000 !important;
  color: #5c5c5c !important;
}

.alert-pink {
  background-color: #ffd9f8 !important;
  color: #e22bd3 !important;
}

.badge-pink {
  background-color: #e22bd3 !important;
  color: #fff !important;
}

  /* ######################################################## :: NAVBAR */
  .navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:focus,
  .navbar-default .navbar-nav>.open>a:hover {
    color: #555 !important;
    background-color: #d1e8d6 !important;
  }

  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:focus,
  .navbar-default .navbar-nav>.active>a:hover {
    color: #555 !important;
    background-color: #d1e8d6 !important;
  }

  /* ######################################################## :: BUTTON */
  .med_badge_green_18 {
    background-color: #bd5c8e;
    padding: 6px;
    margin-top: -8px;
    margin-bottom: -8px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    border-radius: 15px;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
  }

  .med_badge_green {
    background-color: #bd5c8e;
  }

  /* ######################################################## :: PACE LOADER */
  .pace .pace-progress {
    background: #7547b3;
    position: fixed;
    z-index: 2000;
    top: 0;
    /*top: 47;*/
    right: 100%;
    width: 100%;
    height: 4px;
  }

  .dropdown-menu>.li_color>a:focus,
  .dropdown-menu>.li_color>a:hover {
    color: #262626 !important;
    text-decoration: none !important;
    background-color: #d1e8d6 !important;
  }

  .tagsinput .tag {
    background: #d1e8d6;
    color: #000000;
  }

  /* width */
  /* ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  } */

  /* Track */
  /* ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  } */

  /* Handle */
  /* ::-webkit-scrollbar-thumb {
    background: #1a1f91;
  } */

  /* Handle on hover */
  /* ::-webkit-scrollbar-thumb:hover {
    background: #191c69;
  } */



  .span_atpad {
    background-color: #bd5c8e;
    color: #FFF;
    padding: 3px 5px;
    border-radius: 3px;
    font-weight: bold;
  }

  .remove_atpad {
    cursor: pointer;
  }

  .btn-info2 {
    color: #fff;
    background-color: #3eaac9;
    border-color: #34abcf
  }

  .btn-info2.focus,
  .btn-info2:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
  }

  .btn-info2:hover {
    color: #fff;
    background-color: #1693b8;
    border-color: #3cadcf
  }

  .btn-info2.active.focus,
  .btn-info2.active:focus,
  .btn-info2.active:hover,
  .btn-info2:active.focus,
  .btn-info2:active:focus,
  .btn-info2:active:hover,
  .open>.dropdown-toggle.btn-info2.focus,
  .open>.dropdown-toggle.btn-info2:focus,
  .open>.dropdown-toggle.btn-info2:hover {
    color: #fff;
    background-color: #1693b8;
    border-color: #1b6d85
  }

  .btn-info2.disabled.focus,
  .btn-info2.disabled:focus,
  .btn-info2.disabled:hover,
  .btn-info2[disabled].focus,
  .btn-info2[disabled]:focus,
  .btn-info2[disabled]:hover,
  fieldset[disabled] .btn-info2.focus,
  fieldset[disabled] .btn-info2:focus,
  fieldset[disabled] .btn-info2:hover {
    background-color: #a1a1a1;
    border-color: #34abcf;
  }

  .btn-info2:disabled {
    background-color: #a1a1a1;
    border-color: #34abcf;
  }

  .css_first_call {
    /* animation: shake 0.5s; */
    animation-iteration-count: 7;
    animation: css_first_call 0.5s 7;
  }

  .scroll-to-top {
    background: #7547b3;
  }

  .scroll-to-top:hover {
    background: #7547b3;
  }

  .bg-login-image {
    background: url("./images/covid-19.jpg");
    background-position: center;
    background-size: cover;
  }
  input[type="date"]::-webkit-calendar-picker-indicator {
        background: transparent; /* Remove background color */
        bottom: 0;
        color: transparent; /* Hide icon color */
        cursor: pointer;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
      }