@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scaleup {
  0% {
    width: 0px;
    height: 0px;
  }
  50% {
    width: 0px;
    height: 0px;
  }
  75% {
    width: 150vh;
    height: 150vh;
  }
  100% {
    width: 0px;
    height: 0px;
  }
}
@keyframes scaleup {
  0% {
    width: 0px;
    height: 0px;
  }
  50% {
    width: 0px;
    height: 0px;
  }
  75% {
    width: 150vh;
    height: 150vh;
  }
  100% {
    width: 0px;
    height: 0px;
  }
}
@-webkit-keyframes hideWelcomeScreen {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hideWelcomeScreen {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.welcome-screen {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}
.welcome-screen .hi {
  opacity: 0;
}
.welcome-screen.active .welcome-screen-wrapper {
  opacity: 0;
  -webkit-animation: hideWelcomeScreen 2s;
  animation: hideWelcomeScreen 2s;
}
.welcome-screen.active .hi {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.welcome-screen.active .circle {
  -webkit-animation: scaleup 2.5s;
  animation: scaleup 2.5s;
}
.circle {
  background: #FFFFFF;
  border-radius: 100%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.progress-bar .wrapper {
  background: linear-gradient(180deg, #5D759E 0%, #DFE3EB 100%);
}
.rocket-img {
  height: 50px;
}
.symbol-plus {
  position: relative;
}
.cropper-modal {
  opacity: 0.75 !important;
}
.dropdown-wrapper {
  position: relative;
  width: 100%;
}
.dropdown-select {
  cursor: default;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a0a0a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
}
.dropdown-options-wrapper {
  position: absolute;
  background-color: white;
  width: 100%;
  border: 0.5px solid #000000;
  padding: 1rem;
}
.should-grey {
  color: gray;
}
[type=text]:focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: none;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: none;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  border-color: #F47836;
}
.input-nric input:-moz-placeholder-shown {
  border-color: #a0a0a0;
}
.input-nric input:-ms-input-placeholder {
  border-color: #a0a0a0;
}
.input-nric input:placeholder-shown {
  border-color: #a0a0a0;
}
.maincardholder input:-moz-placeholder-shown, .maincardholder select:-moz-placeholder-shown, .suppcardholder input:-moz-placeholder-shown, .suppcardholder select:-moz-placeholder-shown {
  background-color: #F9F9F9;
}
.maincardholder input:-ms-input-placeholder, .maincardholder select:-ms-input-placeholder, .suppcardholder input:-ms-input-placeholder, .suppcardholder select:-ms-input-placeholder {
  background-color: #F9F9F9;
}
.maincardholder input:placeholder-shown, .maincardholder select:placeholder-shown, .suppcardholder input:placeholder-shown, .suppcardholder select:placeholder-shown {
  background-color: #F9F9F9;
}
.maincardholder input [disabled], .maincardholder select [disabled], .suppcardholder input [disabled], .suppcardholder select [disabled] {
  background-color: #F9F9F9;
}