@import url(https://fonts.googleapis.com/css?family=Abel);
@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@1,900&family=Poppins:wght@300;400;600&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/video.js/7.6.6/video-js.css);
.otp-input {
  color: black;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 40px !important;
  height: 40px !important; }

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

input:checked + .slider {
  background-color: #2196f3; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3; }

input:checked + .slider.checked--gray {
  background-color: gray; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

label {
  color: black; }

.bg-black {
  background-color: black; }

.bg-dark-gray {
  background-color: #898a8d; }

.bg-dark-gray {
  background-color: #898a8d; }

.bg-gray {
  background-color: #f1f1f3; }

.text-black {
  color: black; }

.text-gray {
  color: #f1f1f3; }

.text-eventpass {
  color: #343EEB; }

.keep-check {
  border: none;
  background-color: #f1f1f3; }

.info-field-width {
  min-width: 120px; }

.btn-rounded {
  border-radius: 25px !important; }

.btn-rounded-left {
  border-top-left-radius: 25px !important;
  border-bottom-left-radius: 25px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.btn-rounded-right {
  border-top-right-radius: 25px !important;
  border-bottom-right-radius: 25px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.border-black-left {
  border-left: 1px solid black; }

.sticky-top-right {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 10px; }

.btn-danger {
  color: white !important;
  border-color: #343EEB !important;
  background-color: #343EEB !important;
  border-radius: 0px;
  cursor: pointer; }

.btn-danger:hover {
  opacity: 0.6; }

.btn-cancel {
  color: white !important;
  border-color: grey !important;
  background-color: grey !important;
  border-radius: 0px;
  cursor: pointer; }

.btn-cancel:hover {
  opacity: 0.6; }

.container-pano {
  width: 100vw;
  height: 100vh;
  position: absolute; }

.btn-black {
  color: white !important;
  border-color: black !important;
  background-color: black !important;
  border-radius: 0px;
  cursor: pointer; }

.btn-black:hover {
  opacity: 0.6; }

.btn-outline-black {
  color: black;
  border-color: black;
  cursor: pointer; }

.btn-outline-black:hover {
  color: white;
  background-color: black; }

.btn-outline-black:disabled {
  cursor: not-allowed;
  opacity: 0.45; }

.btn-outline-black2 {
  color: black;
  background-color: #c1c1c1;
  border-color: #c1c1c1;
  cursor: pointer; }

.btn-outline-black2:hover {
  color: black;
  border-color: #808080;
  background-color: #808080; }

.btn-outline-black2:disabled {
  cursor: not-allowed; }

.btn-border {
  color: black !important;
  border-color: black !important;
  background-color: white !important;
  border-width: 1px;
  border-radius: 0px; }

.btn-outline-danger {
  border-radius: 0px; }

.disabled-form {
  border-color: #f1f1f3 !important;
  background-color: #f1f1f3 !important; }

.btn-outline-danger:disabled {
  color: gray;
  border-color: gray; }

.breadcrumb-item.active {
  color: black; }

.content-modal {
  display: flex;
  flex-direction: row;
  justify-content: space-around; }

.btn-dark {
  color: white !important;
  border-color: black !important;
  background-color: black !important;
  border-radius: 0px; }

.input-gray {
  background-color: #f1f1f3 !important;
  border: none !important; }

.pano-tab {
  cursor: pointer; }

.pano-tab:hover {
  color: #343EEB; }

.form-control {
  color: black !important;
  background-color: white;
  border-radius: 5px;
  border: 1px solid gray; }

.border-light-gray {
  border: 1px solid #d1d3e2; }

.form-control.form-control-border {
  border: 1px solid #cccccc; }

.form-control:disabled {
  background-color: #f1f1f3 !important; }

.form-control-rounded {
  color: black !important;
  background-color: white;
  border-radius: 25px;
  border: 1px solid gray;
  height: calc(1.5em + 0.75rem + 2px);
  display: flex;
  align-items: center; }

.form-control-rounded:disabled {
  background-color: #f1f1f3 !important; }

.second-toolbar {
  border: 1px solid gray;
  border-top: 0px;
  border-radius: 0px !important; }

.fr-toolbar.fr-top {
  border: 1px solid gray;
  border-radius: 0px !important; }

.fr-box.fr-basic .fr-wrapper {
  border: 1px solid gray;
  border-radius: 0px !important; }

.dropdown-heading {
  border-radius: 0px !important;
  border: 1px solid gray !important;
  border-radius: 5px !important;
  padding-top: 7px;
  padding-bottom: 7px; }

.dropdown-heading-value {
  display: flex;
  align-items: center; }
  .dropdown-heading-value > span {
    max-width: 100%;
    min-width: 0px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px; }

.dropdown-heading-dropdown-arrow {
  color: gray !important;
  opacity: 0 !important; }

.dropdown-content {
  border-radius: 0px !important;
  border: 1px solid gray !important;
  z-index: 3 !important;
  border-radius: 5px !important;
  margin-top: 5px !important; }

.hlidmt {
  padding: 0px !important;
  overflow: visible; }

.fiyJuM:nth-of-type(odd) {
  background-color: rgba(204, 31, 31, 0.1) !important; }

.rounded-search {
  border: none;
  border-radius: 25px; }

.rounded-search:focus {
  outline: none; }

.big-icon {
  font-size: 28px; }

.relative {
  position: relative; }

.ZNaUV {
  padding-right: 0px !important; }

.new-sidebar {
  background-color: white;
  width: 250px; }
  @media screen and (width: 320px) {
    .new-sidebar {
      width: 320px; } }

.live-register-button {
  color: #343EEB;
  border-radius: 25px !important;
  border: 2px solid #343EEB !important;
  padding: 3px 10px; }

.round-img-profile {
  height: 50px;
  border-radius: 25px;
  border: 1px gray solid; }

.live-chat-nav {
  list-style-type: none;
  overflow-y: scroll; }

.live-attend-nav {
  list-style-type: none; }

.live-attend-nav-item {
  cursor: pointer;
  color: white; }

.live-chat-nav-item {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500; }

.active-live-chat-nav-item {
  border-bottom: 2.5px #343EEB solid;
  color: #343EEB; }

.live-box {
  border: 1px silver solid;
  flex-grow: 1; }

.message-bg {
  background-color: #f1f1f3; }

.live-chat-input {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1.5px solid black; }

.btn-pink {
  color: #343EEB;
  background-color: #343EEB4b; }

.outline-select {
  border-color: #343EEB;
  color: #343EEB;
  border-radius: 25px; }

.red-select {
  border-color: #343EEB;
  color: #343EEB; }

input.no-input-focus-border:focus {
  box-shadow: none !important;
  outline: none !important; }

.invite-table thead th {
  border-bottom: 2px black solid !important;
  border-top: none; }

.invite-table td {
  border-top: none; }

.invite-table tbody tr:nth-of-type(odd) {
  background-color: #f5f7fc; }

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scroll::-webkit-scrollbar {
  display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scroll {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.label-gradient {
  background: black;
  background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 65%); }

#live-attendees {
  max-height: 0;
  opacity: 0;
  transition: height 0ms 0ms, opacity 0ms 0ms; }

#live-attendees.show {
  max-height: 75vh;
  opacity: 1;
  transition: height 0ms 0ms, opacity 600ms 0ms; }

#live-speaker {
  overflow: hidden;
  height: 0px;
  width: 0px;
  opacity: 0;
  transition: height 0ms 0ms, width 0ms 0ms, opacity 0ms 0ms; }

#live-speaker.show {
  height: fit-content;
  width: fit-content;
  opacity: 1;
  transition: height 0ms 0ms, width 0ms 0ms, opacity 600ms 0ms; }

#live-attendees-list {
  overflow: hidden;
  width: 0px;
  height: 0px;
  opacity: 0;
  transition: height 0ms 0ms, width 0ms 0ms, opacity 0ms 0ms; }

#live-attendees-list.show {
  height: fit-content;
  width: fit-content;
  opacity: 1;
  transition: height 0ms 0ms, width 0ms 0ms, opacity 600ms 0ms; }

.comment-options {
  visibility: hidden; }

.comment-item:hover .comment-options {
  visibility: visible; }

.DatePicker__calendarContainer {
  z-index: 120; }

.live-text-box {
  background-color: #eb3c3c;
  color: white;
  border-radius: 5px;
  padding: 5px;
  animation: live-anitmate 1s infinite; }

.waiting-text-box {
  background-color: #eb3c3c;
  color: white;
  border-radius: 5px;
  padding: 5px; }

.end-text-box {
  background-color: rgba(0, 0, 0, 0.623);
  color: white;
  border-radius: 5px;
  padding: 5px; }

.bm-date-list.active {
  background-color: rgba(235, 60, 60, 0.3); }

.bm-date-list:hover {
  background-color: rgba(235, 60, 60, 0.2); }

.bm-schedule-list.active {
  background-color: rgba(235, 60, 60, 0.3); }

.bm-break-button {
  display: none; }

.bm-schedule-list:hover .bm-break-button {
  display: block !important; }

.bm-date-item {
  background-color: white; }

.clockpic {
  padding-left: 15px;
  padding-right: 20px;
  padding-top: 15px; }

.img-fit {
  object-fit: contain; }

.span-back {
  font-size: 15px; }

.card-dash {
  border: 2px solid #e44937;
  background-color: white;
  color: #e44937;
  border-radius: 20px; }

.cursor-default {
  cursor: default; }

.input-left {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none; }

.input-right {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-size: 1rem;
  background-color: white !important; }

.namemodel {
  width: 100%;
  padding: 4px;
  float: right; }

.namemodel-left {
  width: 100%;
  padding: 4px;
  float: left; }

.bottomdown {
  padding-bottom: 5%; }

.start-time {
  color: green; }

.listmodel {
  padding: 20px;
  overflow-x: auto; }

.picimg {
  width: 33.3%; }

.itemmodel {
  height: auto;
  max-height: 550px;
  flex-shrink: 0; }

.itemmodel:not(:last-child) {
  margin-right: 10px; }

.container-item-number {
  background-size: auto 100%;
  padding-left: 15%;
  padding-right: 15%;
  min-height: 150px;
  max-height: 150px; }

.settimeandslot {
  padding-left: unset; }

.timeandslotpad {
  padding: 20px;
  overflow-x: auto; }

.timeandslot {
  min-height: 150px;
  height: auto;
  max-height: 150px;
  flex-shrink: 0; }

.text-button2 {
  font-size: 18px;
  color: white; }

.white-font-title {
  color: black; }

.expandbutton {
  margin-bottom: 10px !important;
  border-radius: 10px;
  width: -webkit-fill-available;
  text-align: center;
  font-size: 10px !important;
  color: black;
  background: #034ea1; }

.img-profile-contact {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover; }

.sample-sticker {
  object-fit: contain;
  width: 50px;
  height: 50px; }

.cursor-move {
  cursor: move; }

.text-meeting {
  font-size: 18px;
  text-align: center; }

.text-choose-setting {
  color: #bbbbbb;
  font-size: 12px;
  text-align: center; }

.item-invite {
  padding: 8px 16px 8px 16px;
  min-height: 35px;
  font-size: 14px;
  background-color: #e9e9e9;
  color: #313131;
  border-radius: 5px;
  cursor: pointer; }
  .item-invite:hover {
    background-color: #e4e4e4; }

.container-slotDate-bmm {
  max-height: 60vh;
  overflow-y: scroll; }

.input-search-shadow {
  box-shadow: 0 0rem 0.25rem 0 rgba(58, 59, 69, 0.2); }

.virtual-reg-icon {
  width: 13px;
  height: 13px; }

.select-broadcast-visitor {
  width: 200px;
  height: 37px;
  position: relative; }

.onsite-rounded-left {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.onsite-rounded-right {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.margin-horizontal {
  margin: 0 20px; }

.position-full-screen {
  bottom: 65px; }

.position-new-win {
  bottom: 20px; }

.card--onsite__height {
  min-height: 670px; }

.no-chevron select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.no-chevron i {
  right: 10px;
  bottom: 11px;
  pointer-events: none;
  font-size: 14px; }

.fixed--pos__right {
  right: 30px; }

.fixed--pos__bottom {
  width: 35px;
  height: 35px;
  z-index: 10;
  opacity: 0.3;
  transition: all 0.3s; }

.fixed--pos__bottom:hover {
  opacity: 1; }

.bg--access__success {
  background-color: #5cc788 !important;
  color: white !important; }
  .bg--access__success label {
    color: white !important; }

.bg--access__err {
  background-color: #fc5555 !important;
  color: white !important; }
  .bg--access__err label {
    color: white !important; }

.spinner--size {
  width: 1.3rem !important;
  height: 1.3rem !important; }

.paragraph--mr__bottom p {
  margin-bottom: 0px; }

.img--banner__login {
  height: 300px;
  width: 100%;
  object-fit: contain; }

.img--check-in {
  height: auto;
  max-width: 100%;
  object-fit: cover; }

@media screen and (min-width: 600px) {
  .img--check-in.image--profile__size {
    max-width: 30%; } }

.btn--absolute__right {
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
  .btn--absolute__right i {
    font-size: 16px; }

.text--color__excel {
  color: #1d6f42; }

.text--color__powerpoint {
  color: #D34624; }

.truncated {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.onsite--view__point {
  min-height: 85vh; }

.check-in--view__point {
  max-height: 70vh; }

.access--full__screen {
  background-color: white;
  padding: 3.5rem;
  overflow: auto; }

.shadow--onsite {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }

.dashboards__dropdown {
  display: flex;
  align-items: center;
  border-radius: 8px;
  width: 150px;
  min-height: 100%;
  padding: 0rem 0.3rem;
  border: 1px solid #e3e6f0; }
  .dashboards__dropdown .dropdown-menu {
    min-width: 130px !important;
    top: 15px !important;
    left: -5px !important; }

.email-tp-nav-item {
  cursor: pointer;
  font-size: 18px;
  font-weight: 500; }

.active-email-tp-nav-item {
  border-bottom: 2.5px #343EEB solid;
  color: #343EEB; }

.margin--b__1 {
  margin-bottom: 0.1rem !important; }

.fix-header-first-col {
  overflow-y: auto;
  width: 100%;
  position: relative;
  max-height: 80vh;
  padding-right: 8px;
  scrollbar-width: thin;
  scrollbar-color: #c0c4cc #f0f0f0; }
  .fix-header-first-col::-webkit-scrollbar {
    width: 5px;
    height: 5px; }
  .fix-header-first-col::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 4px; }
  .fix-header-first-col::-webkit-scrollbar-thumb {
    background-color: #c0c4cc;
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box; }
  .fix-header-first-col::-webkit-scrollbar-thumb:hover {
    background-color: #a0a6b0; }
  .fix-header-first-col table {
    width: 100%; }
    .fix-header-first-col table thead th {
      position: sticky;
      top: 0;
      z-index: 1; }
    .fix-header-first-col table table,
    .fix-header-first-col table th,
    .fix-header-first-col table td {
      border: 1px solid #e7e9f1 !important; }
    .fix-header-first-col table tbody th {
      text-align: left;
      position: relative; }
    .fix-header-first-col table thead th:first-child {
      position: sticky;
      left: 0;
      z-index: 2;
      border: 1px solid #e7e9f1 !important; }
    .fix-header-first-col table tr:nth-child(even) {
      background-color: #f4f4f4;
      border: 1px solid #e7e9f1 !important; }
    .fix-header-first-col table tr:nth-child(odd) {
      background-color: #ffffff;
      border: 1px solid #e7e9f1 !important; }
    .fix-header-first-col table tbody th {
      position: sticky;
      left: 0;
      z-index: 1;
      border: 1px solid #e7e9f1 !important; }
    .fix-header-first-col table tbody tr:nth-child(even) {
      background-color: #f4f4f4; }
    .fix-header-first-col table tbody tr:nth-child(odd) {
      background-color: #ffffff; }
    .fix-header-first-col table tbody td:first-child {
      position: sticky;
      left: 0;
      background-color: #f4f4f4;
      z-index: 1; }
    .fix-header-first-col table tbody tr:nth-child(odd) td:first-child {
      background-color: #ffffff; }

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

.filter-select select option {
  text-align: left;
  padding-left: 0px; }

@charset "UTF-8";
.box-chart {
  border: 0px;
  border-radius: 10px;
  background-color: #fff;
  max-width: 1920px;
  padding: 16px; }

.dashboards--chart {
  display: flex;
  gap: 1.5rem; }
  @media screen and (max-width: 990px) {
    .dashboards--chart {
      flex-direction: column; } }
  .dashboards--chart__item {
    margin-top: 1.5rem;
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 8px;
    width: 100%; }
  .dashboards--chart__gray {
    color: #a7aeb8;
    margin: 0; }
  .dashboards--chart__label p {
    margin: 0; }
  .dashboards--chart__label p:first-child {
    font-weight: 400;
    font-size: 14px; }
  .dashboards--chart__label p:last-child {
    font-size: 11px; }
  .dashboards--chart__color {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin: 0 0.5rem 0 2rem; }
  .dashboards--chart__room {
    font-size: 120px;
    color: #0061f2;
    line-height: 120px; }

.dashboards--table__thead {
  display: grid;
  grid-template-columns: 1fr 3fr 6fr;
  border-radius: 8px;
  padding-left: 1rem; }
  .dashboards--table__thead p {
    font-weight: 500;
    margin-bottom: 0;
    padding: 0.5rem 0; }

.dashboards--table__body {
  display: grid;
  grid-template-columns: 1fr 3fr 6fr;
  margin-right: 0.5rem; }
  .dashboards--table__body p {
    border-bottom: 1px solid #e3e6f0;
    margin-bottom: 0;
    padding: 0.5rem 1rem; }

@media screen and (max-width: 1200px) {
  .dashboards--table__hide {
    display: none; } }

.dashboards--table__Link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 95px; }

.dashboards--table__chevron {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .dashboards--table__chevron i {
    padding-left: 2px;
    font-size: 10px; }

.dashboards--table__scroll {
  margin: 5px 0; }
  .dashboards--table__scroll::-webkit-scrollbar {
    border-radius: 3px;
    width: 6px; }
  .dashboards--table__scroll::-webkit-scrollbar-track {
    border-radius: 3px;
    background: #f1f1f1; }
  .dashboards--table__scroll::-webkit-scrollbar-thumb {
    background: #828282;
    border-radius: 3px;
    opacity: 0.7; }

.event-nav-event {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  overflow-x: hidden;
  min-height: 60px;
  left: 0px;
  top: 65px;
  font-size: 24px;
  font-weight: 500;
  background: linear-gradient(90deg, #0061f2 0%, #5523cf 100%);
  border-radius: 0px 0px 30px 30px; }
  .event-nav-event a {
    color: white; }
  .event-nav-event.sink {
    height: 3px;
    min-height: 0px;
    border-radius: 0px; }

#container-working {
  background-color: white; }

.conainer-working-full {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1041; }

.container-property {
  max-height: 90vh;
  overflow-y: scroll; }

.icon-popup-type {
  font-size: 80px;
  color: #363636; }

.icon-popup-type-exhibitor {
  font-size: 67px;
  color: #363636; }

.card-floorplan-type {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05);
  transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12), 0.3s box-shadow, 0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
  cursor: pointer;
  width: 140px;
  height: 140px; }

.card-floorplan-type:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06); }

.container-video-floorplan-option {
  padding: 12px;
  border: 1px solid #e6e8e9;
  border-radius: 10px; }

.text-video-options {
  font-size: 12px;
  font-weight: bold; }

.text-user-active-right-now {
  font-size: 56px; }

.container-page-now {
  height: 510px;
  overflow-y: scroll; }

.title-page-views {
  font-size: 14px; }

.title-page-views.right {
  text-align: right; }

.line-header-page {
  width: 100%;
  height: 0.5px;
  background-color: rgba(255, 255, 255, 0.568); }

.container-location {
  height: 400px; }

.container-social {
  height: 280px;
  overflow-y: scroll; }

.sub-title-dashboard {
  color: #adadad; }

.item-events-tracking {
  cursor: pointer;
  padding-left: 8px;
  padding-right: 8px; }
  .item-events-tracking:hover {
    background-color: #fff0c6; }

.item-events-tracking label {
  color: #06a4e2; }

.container-events-tracking {
  border: none;
  padding: 0px;
  background-color: white !important;
  width: 500px;
  height: 400;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(33, 33, 33, 0.5); }

.container-events-tracking-main {
  height: 300px;
  overflow-y: scroll; }

.right-drawer-container {
  width: 330px;
  height: 100vh;
  background-color: white;
  position: fixed;
  z-index: 2000;
  transition: left 0.2s, right 0.2s; }
  .right-drawer-container.left {
    top: 0px; }
    .right-drawer-container.left.on {
      left: 0px; }
    .right-drawer-container.left.off {
      left: -330px; }
  .right-drawer-container.right {
    top: 0px; }
    .right-drawer-container.right.on {
      right: 0px; }
    .right-drawer-container.right.off {
      right: -330px; }

@media (max-width: 329.98px) {
  .right-drawer-container {
    width: 100vw; }
    .right-drawer-container.left.on {
      left: 0px; }
    .right-drawer-container.left.off {
      left: -100vw; }
    .right-drawer-container.right.on {
      right: 0px; }
    .right-drawer-container.right.off {
      right: -100vw; } }

.manual-pic {
  width: 100%;
  margin-bottom: 12px;
  cursor: zoom-in; }

.manual-post {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center; }

.manual-post-bg {
  background-color: rgba(0, 0, 0, 0.562);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.manual-post-content {
  position: relative;
  max-width: 1200px;
  background-color: black; }

.manual-post-content img {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 120px);
  margin-left: auto;
  margin-right: auto; }

.container-group {
  background-color: #eeeeee;
  border-radius: 5px;
  padding-top: 12px; }

.text-room-name {
  font-size: 16px;
  font-weight: bold; }

.text-room-available {
  font-size: 14px; }

.container-button-edit-room {
  position: absolute;
  top: 0px;
  right: 25px; }

.container-button-remove-room {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #dc3545; }

.game .container-item {
  cursor: pointer; }
  .game .container-item:hover {
    transform: scale(1.025);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 10px; }

.game .img-banner {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.game .game-name {
  font-size: 14px;
  font-weight: bold;
  color: #2f2f2f; }

.game .game-type {
  font-size: 12px;
  color: dimgray; }

.game .game-status {
  background-color: #6c757d;
  font-size: 12px;
  padding: 2px 8px 2px 8px;
  border-radius: 10px;
  color: white; }

.game .game-status.active {
  background-color: #00d107;
  color: white; }

.game .game-status.publish {
  background-color: #00d107;
  color: white; }

.game .game-status.draft {
  background-color: black;
  color: white; }

.game .game-status.unpublish {
  background-color: dimgray;
  color: white; }

.game .game-status.none {
  background-color: white;
  color: black; }

.game .select-game-name {
  font-size: 14px;
  font-weight: bold;
  color: #2f2f2f; }

.add-level-button {
  width: 100px;
  height: 100px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px !important; }

.item-level-button {
  width: 100px;
  height: 100px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center; }

.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em; }

.react-calendar--doubleView {
  width: 700px; }

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em; }

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em; }

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none; }

.react-calendar button:enabled:hover {
  cursor: pointer; }

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em; }

.react-calendar__navigation button {
  min-width: 44px;
  background: none; }

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0; }

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6; }

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em; }

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em; }

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  font-weight: bold; }

.react-calendar__month-view__days__day--weekend {
  color: #d10000; }

.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575; }

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em; }

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  line-height: 16px; }

.react-calendar__tile:disabled {
  background-color: #f0f0f0; }

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6; }

.react-calendar__tile--now {
  background: #ffff76; }

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9; }

.react-calendar__tile--hasActive {
  background: #76baff; }

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff; }

.react-calendar__tile--active {
  background: #006edc;
  color: white; }

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff; }

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6; }

.react-daterange-picker {
  display: inline-flex;
  position: relative; }

.react-daterange-picker,
.react-daterange-picker *,
.react-daterange-picker *:before,
.react-daterange-picker *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.react-daterange-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d; }

.react-daterange-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  border: thin solid gray; }

.react-daterange-picker__inputGroup {
  min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);
  height: 100%;
  flex-grow: 1;
  padding: 0 2px;
  box-sizing: content-box; }

.react-daterange-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre; }

.react-daterange-picker__inputGroup__input {
  min-width: 0.54em;
  height: 100%;
  position: relative;
  padding: 0 1px;
  border: 0;
  background: none;
  font: inherit;
  box-sizing: content-box;
  -moz-appearance: textfield; }

.react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,
.react-daterange-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.react-daterange-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1); }

.react-daterange-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em); }

.react-daterange-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px; }

.react-daterange-picker__button:enabled {
  cursor: pointer; }

.react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,
.react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon {
  stroke: #0078d7; }

.react-daterange-picker__button:disabled .react-daterange-picker__button__icon {
  stroke: #6d6d6d; }

.react-daterange-picker__button svg {
  display: inherit; }

.react-daterange-picker__calendar {
  width: 350px;
  max-width: 100vw;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1; }

.react-daterange-picker__calendar--closed {
  display: none; }

.react-daterange-picker__calendar .react-calendar {
  border-width: thin; }

.animate-dimension {
  transition: max-height 0.3s ease-out;
  transition: box-shadow 0.2s ease-out; }

.hide-question {
  height: 0px;
  overflow-y: hidden; }

.border-rd-30 {
  border-radius: 30px; }

.border-rd-20 {
  border-radius: 20px; }

.border-rd-10 {
  border-radius: 10px; }

.active-shadow {
  box-shadow: 0px 1px 14px 0px #00000026; }

.regular-shadow {
  box-shadow: 0px 1px 2px 1px #00000026; }

.button-shadow {
  box-shadow: 0px 4px 4px 0px #00000040; }

.rg-border {
  border: 1px solid #c2bdbd !important; }

.rg-input-prepend {
  border-right: 1px solid #c2bdbd;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  border-radius: 10px 0px 10px 10px;
  border-bottom-right-radius: 10px !important;
  background-color: white;
  z-index: 10; }

.rg-input-prepend2 {
  border-right: 1px solid #c2bdbd;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  border-radius: 10px 0px 10px 10px;
  border-bottom-right-radius: 0px !important;
  background-color: white;
  z-index: 10; }

.text-black {
  color: black !important; }

.border-black {
  border-color: black !important; }

.no-focus-outline:focus {
  outline: none; }

.rg-tag__control,
.rg-tag__value-container,
.rg-tag__indicators {
  border: none !important;
  background-color: transparent;
  border-radius: 10px !important;
  overflow: hidden; }

.rg-tag__indicator {
  color: black !important; }

.rg-tag__multi-value {
  border-radius: 20px !important;
  background-color: white !important;
  border: 1px solid #c2bdbd;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px; }

.rg-tag__multi-value__remove {
  border: 1px solid black !important;
  border-radius: 50% !important;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  .rg-tag__multi-value__remove svg {
    display: none; }

.rg-tag__multi-value__remove::before {
  content: "\2715";
  font-size: 12px; }

.register-froala .fr-box.fr-basic {
  box-shadow: 0px 1px 2px 1px #00000026;
  border-radius: 10px !important; }

.register-froala .fr-toolbar.fr-top {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 10px 10px 0px 0px !important; }

.register-froala .fr-box.fr-basic .fr-wrapper {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-radius: 0px 0px 10px 10px !important;
  padding: 0px 20px; }

.register-froala .fr-sticky-on {
  position: relative !important; }

.register-froala .fr-sticky-on + .fr-sticky-dummy {
  display: none !important; }

.question-title-toolbar {
  position: absolute;
  background-color: white;
  top: -25px;
  left: 0px;
  width: 100px;
  border-right: 1px solid #c2bdbd;
  border-left: 1px solid #c2bdbd;
  border-top: 1px solid #c2bdbd;
  border-bottom: 0px;
  border-radius: 10px 10px 0px 0px;
  padding-left: 6px;
  padding-right: 6px; }

.rg-field-type-header {
  background-color: black;
  color: white;
  border-radius: 10px; }

.rg-field-type-header-theme {
  background-color: white;
  color: black;
  border-radius: 10px; }

.rg-field-type-bg {
  background-color: #f5f5f5;
  border-radius: 10px; }

.rg-add-field-button {
  width: 21px;
  height: 18px;
  border-radius: 4px;
  border: none;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center; }

.rg-add-field-disable-button {
  width: 21px;
  height: 18px;
  background: #b4b5bb !important;
  border-radius: 4px;
  border: none;
  color: white !important;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center; }

.setting-menu-language {
  width: 100%;
  height: auto;
  overflow: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 75px; }

.nav-bar-register {
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  z-index: 100 !important;
  background-color: white; }

.navbar-sub-register {
  overflow: hidden;
  position: fixed;
  top: 54px;
  height: 80px;
  z-index: 99;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent; }

.container-register {
  margin-top: 70px;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  position: fixed; }

.container-form-question {
  margin-left: 15%; }

.container-sub-register {
  z-index: -1 !important;
  margin-top: 145px; }

.shadow-setting-type {
  box-shadow: 1px 1px 2px 2px #9ab2e240; }

.btn-picker-color {
  border-radius: 15px;
  border: none;
  width: 25px;
  height: 25px; }

.border-picker-color {
  border-radius: 15px;
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center; }

.container-variable {
  max-height: 40vh;
  overflow-y: scroll;
  background-color: transparent; }

.remove-button-banner {
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  top: 35px;
  right: 4px;
  position: absolute;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5); }
  .remove-button-banner:hover {
    opacity: 1; }

.tooltip-status {
  position: relative;
  display: inline-block; }
  .tooltip-status .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1; }
  .tooltip-status:hover .tooltiptext {
    visibility: visible; }

.card-landing {
  border-radius: 35px;
  min-height: 300px;
  width: 100%; }
  .card-landing .sec-1 {
    width: 100%;
    height: 40%;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    background-image: url("/static/img/icon_register/Eventname.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .card-landing .sec-2 {
    width: 100%;
    min-height: 40%; }
  .card-landing .sec-3 {
    width: 100%;
    height: 20%;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px; }

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

.cursor-na {
  cursor: not-allowed; }

.title-question p {
  margin-top: 0.3em;
  margin-bottom: 0em; }

.resize-static {
  padding: 0px;
  margin: 30px 30px;
  object-fit: fill;
  /*   width: 120px; */
  /* This makes things *much* easier */
  box-sizing: border-box; }

.border-disabled {
  border-color: #dddddd; }

.border-custom-disabled {
  border: 1px #f8e4e4 solid; }

.bg-disabled {
  background-color: #f1f0f0; }

.containner-variable {
  max-height: 200px;
  overflow-y: auto; }

.itext-cotainer-variable {
  color: #777;
  border: 1px solid #777;
  text-shadow: 0px 1px 0px #e5e5ee; }

.two-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical; }

.one-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical; }

.text-fixed-one-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer; }

.text-fixed-one-line:hover {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 100;
  /* number of lines to show */
  line-clamp: 100;
  -webkit-box-orient: vertical;
  cursor: pointer; }

.card-payment-list {
  background-color: #f9f9f9;
  border-radius: 10px; }

.payment-border-right {
  border-right: 3px solid #e3e2e2; }

.font-payment {
  font-weight: 500; }

.div-upload-slip {
  width: 36px;
  height: 36px;
  background-color: #d9d9d9; }

.bordor-receipt {
  border: 2px solid #d9d9d9;
  border-radius: 5px; }

.drawer-container-w30 {
  width: 30vw !important;
  height: 100vh;
  background-color: white;
  position: fixed;
  z-index: 2000;
  transition: left 0.2s, right 0.2s; }
  .drawer-container-w30.left {
    top: 0px; }
    .drawer-container-w30.left.on {
      left: 0px; }
    .drawer-container-w30.left.off {
      left: -30vw !important; }
  .drawer-container-w30.right {
    top: 0px; }
    .drawer-container-w30.right.on {
      right: 0px; }
    .drawer-container-w30.right.off {
      right: -30vw !important; }

@media (max-width: 329.98px) {
  .drawer-container-w30 {
    width: 100vw; }
    .drawer-container-w30.left.on {
      left: 0px; }
    .drawer-container-w30.left.off {
      left: -100vw; }
    .drawer-container-w30.right.on {
      right: 0px; }
    .drawer-container-w30.right.off {
      right: -100vw; } }

.title-drawer {
  font-size: 26px;
  font-weight: 600 !important;
  background-color: transparent !important; }

.icon-drawer {
  font-size: 26px; }

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

.color-tr {
  background-color: #f3f3f3 !important; }

.tooltip-index {
  z-index: 9999999999999 !important;
  position: absolute;
  overflow: visible; }

.reacttooltip {
  overflow: visible; }

.fix-height {
  height: 300px; }

.fix-height-table {
  max-height: 350px; }

.fix-height-450 {
  max-height: 450px; }

.fix-height-475 {
  max-height: 475px; }

.fix-height-550 {
  max-height: 550px; }

.fix-table {
  height: 350px; }

.max-value {
  color: blue; }

.min-value {
  color: red; }

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

.nav-munu-regis-report {
  justify-content: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size: large;
  font-weight: 500; }

.nav-active {
  font-weight: 400 !important; }

.nav-menu-regis-report-link {
  display: block;
  padding: 0.3em 1em;
  border-bottom: 5px transparent solid; }

.nav-menu-regis-report-link:focus,
.nav-menu-regis-report-link:hover {
  text-decoration: none; }

.nav-menu-regis-report-link.disabled {
  color: #726563;
  cursor: not-allowed; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }

.nav-tabs .nav-item {
  margin-bottom: -1px; }

.nav-tabs .nav-menu-regis-report-link {
  border: 1px solid transparent;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.nav-tabs .nav-menu-regis-report-link:focus,
.nav-tabs .nav-menu-regis-report-link:hover {
  border-color: #eceeef #eceeef #ddd; }

.nav-tabs .nav-menu-regis-report-link.disabled {
  color: #726563;
  background-color: transparent;
  border-color: transparent; }

.nav-tabs .nav-menu-regis-report-link.active,
.nav-tabs .nav-item.show .nav-menu-regis-report-link {
  color: #464a4c;
  background-color: #fff;
  border-color: #ddd #ddd #fff; }

/* ------- DO NOT EDIT BELOW --------- */
.chart-one {
  width: 200px;
  height: 200px;
  margin: 0;
  position: relative; }
  .chart-one.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .chart-one.animate figcaption:after {
    animation: chart-one-label 3s steps(25) forwards;
    animation-delay: 1s; }
  .chart-one svg {
    width: 100%;
    height: 100%; }
    .chart-one svg .circle-background, .chart-one svg .circle-foreground {
      r: 99.5px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #305556;
      stroke-width: 1px; }
    .chart-one svg .circle-foreground {
      stroke: #79be9b;
      stroke-dasharray: 156.215px 624.86px;
      stroke-dashoffset: 156.215px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-one figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-one figcaption:after {
      display: inline-block;
      content: "0%\A   1%\A   2%\A   3%\A   4%\A   5%\A   6%\A   7%\A   8%\A   9%\A   10%\A   11%\A   12%\A   13%\A   14%\A   15%\A   16%\A   17%\A   18%\A   19%\A   20%\A   21%\A   22%\A   23%\A   24%\A   25%\A   26%\A   27%\A   28%\A   29%\A   30%\A   31%\A   32%\A   33%\A   34%\A   35%\A   36%\A   37%\A   38%\A   39%\A   40%\A   41%\A   42%\A   43%\A   44%\A   45%\A   46%\A   47%\A   48%\A   49%\A   50%\A   51%\A   52%\A   53%\A   54%\A   55%\A   56%\A   57%\A   58%\A   59%\A   60%\A   61%\A   62%\A   63%\A   64%\A   65%\A   66%\A   67%\A   68%\A   69%\A   70%\A   71%\A   72%\A   73%\A   74%\A   75%\A   76%\A   77%\A   78%\A   79%\A   80%\A   81%\A   82%\A   83%\A   84%\A   85%\A   86%\A   87%\A   88%\A   89%\A   90%\A   91%\A   92%\A   93%\A   94%\A   95%\A   96%\A   97%\A   98%\A   99%\A   100%\A";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-one-label {
  100% {
    transform: translateY(-62.5rem); } }

.chart-two {
  width: 40px;
  height: 40px;
  margin: 0;
  position: relative; }
  .chart-two.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .chart-two.animate figcaption:after {
    animation: chart-two-label 3s steps(50) forwards;
    animation-delay: 1s; }
  .chart-two svg {
    width: 100%;
    height: 100%; }
    .chart-two svg .circle-background, .chart-two svg .circle-foreground {
      r: 17.5px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #c6e8d7;
      stroke-width: 5px; }
    .chart-two svg .circle-foreground {
      stroke: red;
      stroke-dasharray: 54.95px 109.9px;
      stroke-dashoffset: 54.95px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-two figcaption {
    display: inline-block;
    width: 100%;
    height: 10px;
    overflow: hidden;
    text-align: center;
    color: red;
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
    font-size: 0; }
    .chart-two figcaption:after {
      display: inline-block;
      content: "0%\A   1%\A   2%\A   3%\A   4%\A   5%\A   6%\A   7%\A   8%\A   9%\A   10%\A   11%\A   12%\A   13%\A   14%\A   15%\A   16%\A   17%\A   18%\A   19%\A   20%\A   21%\A   22%\A   23%\A   24%\A   25%\A   26%\A   27%\A   28%\A   29%\A   30%\A   31%\A   32%\A   33%\A   34%\A   35%\A   36%\A   37%\A   38%\A   39%\A   40%\A   41%\A   42%\A   43%\A   44%\A   45%\A   46%\A   47%\A   48%\A   49%\A   50%\A   51%\A   52%\A   53%\A   54%\A   55%\A   56%\A   57%\A   58%\A   59%\A   60%\A   61%\A   62%\A   63%\A   64%\A   65%\A   66%\A   67%\A   68%\A   69%\A   70%\A   71%\A   72%\A   73%\A   74%\A   75%\A   76%\A   77%\A   78%\A   79%\A   80%\A   81%\A   82%\A   83%\A   84%\A   85%\A   86%\A   87%\A   88%\A   89%\A   90%\A   91%\A   92%\A   93%\A   94%\A   95%\A   96%\A   97%\A   98%\A   99%\A   100%\A";
      white-space: pre;
      font-size: 10px;
      line-height: 10px; }

@keyframes chart-two-label {
  100% {
    transform: translateY(-500px); } }

.chart-three {
  width: 200px;
  height: 200px;
  margin: 0;
  position: relative; }
  .chart-three.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .chart-three.animate figcaption:after {
    animation: chart-three-label 3s steps(75) forwards;
    animation-delay: 1s; }
  .chart-three svg {
    width: 100%;
    height: 100%; }
    .chart-three svg .circle-background, .chart-three svg .circle-foreground {
      r: 87.5px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #305556;
      stroke-width: 25px; }
    .chart-three svg .circle-foreground {
      stroke: #389967;
      stroke-dasharray: 412.125px 549.5px;
      stroke-dashoffset: 412.125px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-three figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-three figcaption:after {
      display: inline-block;
      content: "0%\A   1%\A   2%\A   3%\A   4%\A   5%\A   6%\A   7%\A   8%\A   9%\A   10%\A   11%\A   12%\A   13%\A   14%\A   15%\A   16%\A   17%\A   18%\A   19%\A   20%\A   21%\A   22%\A   23%\A   24%\A   25%\A   26%\A   27%\A   28%\A   29%\A   30%\A   31%\A   32%\A   33%\A   34%\A   35%\A   36%\A   37%\A   38%\A   39%\A   40%\A   41%\A   42%\A   43%\A   44%\A   45%\A   46%\A   47%\A   48%\A   49%\A   50%\A   51%\A   52%\A   53%\A   54%\A   55%\A   56%\A   57%\A   58%\A   59%\A   60%\A   61%\A   62%\A   63%\A   64%\A   65%\A   66%\A   67%\A   68%\A   69%\A   70%\A   71%\A   72%\A   73%\A   74%\A   75%\A   76%\A   77%\A   78%\A   79%\A   80%\A   81%\A   82%\A   83%\A   84%\A   85%\A   86%\A   87%\A   88%\A   89%\A   90%\A   91%\A   92%\A   93%\A   94%\A   95%\A   96%\A   97%\A   98%\A   99%\A   100%\A";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-three-label {
  100% {
    transform: translateY(-187.5rem); } }

@keyframes offset {
  100% {
    stroke-dashoffset: 0; } }

/* codepen styling only */
figure {
  margin: 1rem !important; }

figcaption {
  font-family: "Abel", sans-serif; }

.circle-chart {
  text-align: center; }

.circle-chart__label {
  display: flex;
  font-weight: bold;
  justify-content: center;
  align-items: center; }

.circle-chart__circle {
  animation: circle-chart-fill 2s reverse;
  /* 1 */
  transform: rotate(-90deg);
  /* 2, 3 */
  transform-origin: center;
  /* 4 */ }

.circle-chart__circle--negative {
  transform: rotate(-90deg) scale(1, -1);
  /* 1, 2, 3 */ }

.circle-chart__info {
  animation: circle-chart-appear 2s forwards;
  opacity: 0;
  transform: translateY(0.3em); }

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100; } }

@keyframes circle-chart-appear {
  to {
    opacity: 1;
    transform: translateY(0); } }

.color-tr {
  background-color: #f3f3f3 !important; }

.tooltip-index {
  z-index: 9999999999999 !important;
  position: absolute;
  overflow: visible; }

.reacttooltip {
  overflow: visible; }

.label-form-option {
  position: absolute;
  left: 20px;
  top: -25px; }

.imageStyleBadge {
  width: 50% !important;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 768px) {
    .imageStyleBadge {
      width: 100% !important; } }

.static--size {
  width: 100%; }
  .static--size video {
    margin: 0px;
    height: auto;
    max-height: 50vh;
    width: 50%;
    object-fit: contain; }
  .static--size img {
    margin: 0px;
    width: auto;
    max-height: 50vh;
    max-width: 50%;
    object-fit: contain; }

.static--size__image .border {
  display: flex;
  justify-content: center; }

.static--size__video .border div {
  display: flex;
  justify-content: center; }

.popup-preview {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 9999;
  /* The actual popup */ }
  .popup-preview .popupText {
    visibility: hidden;
    width: 180px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: fixed;
    z-index: 200 !important;
    top: 65px;
    right: 9.5%;
    margin-left: -120px;
    z-index: 9999; }
  .popup-preview .show {
    visibility: visible; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.styled__config--email .nav-tabs {
  border: none !important; }

.styled__config--email .nav-tabs .nav-link {
  border: 1px solid #e3e6f0 !important;
  border-bottom-color: white !important;
  background-color: white;
  margin-right: -1px;
  z-index: 1;
  margin-bottom: -1px; }

.radius__config--email {
  border-radius: 0px 16px 16px 16px; }

.rc-time-picker {
  display: inline-block;
  position: relative;
  box-sizing: border-box; }

.rc-time-picker * {
  box-sizing: border-box; }

.rc-time-picker-clear {
  position: absolute;
  right: 6px;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 8px;
  margin: 0; }

.rc-time-picker-clear-icon:after {
  content: "x";
  font-size: 12px;
  font-style: normal;
  color: #aaa;
  display: inline-block;
  line-height: 1;
  height: 20px;
  width: 20px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease; }

.rc-time-picker-clear-icon:hover:after {
  color: #666; }

.rc-time-picker-input {
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 4px 7px;
  height: 28px;
  cursor: text;
  font-size: 12px;
  line-height: 1.5;
  color: #666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.rc-time-picker-input[disabled] {
  color: #ccc;
  background: #f7f7f7;
  cursor: not-allowed; }

.rc-time-picker-panel {
  z-index: 1070;
  width: 170px;
  position: absolute;
  box-sizing: border-box; }

.rc-time-picker-panel * {
  box-sizing: border-box; }

.rc-time-picker-panel-inner {
  display: inline-block;
  position: relative;
  outline: none;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
  line-height: 1.5; }

.rc-time-picker-panel-narrow {
  max-width: 113px; }

.rc-time-picker-panel-input {
  margin: 0;
  padding: 0;
  width: 100%;
  cursor: auto;
  line-height: 1.5;
  outline: 0;
  border: 1px solid transparent; }

.rc-time-picker-panel-input-wrap {
  box-sizing: border-box;
  position: relative;
  padding: 6px;
  border-bottom: 1px solid #e9e9e9; }

.rc-time-picker-panel-input-invalid {
  border-color: red; }

.rc-time-picker-panel-select {
  float: left;
  font-size: 12px;
  border: 1px solid #e9e9e9;
  border-width: 0 1px;
  margin-left: -1px;
  box-sizing: border-box;
  width: 56px;
  max-height: 144px;
  overflow-y: auto;
  position: relative; }

.rc-time-picker-panel-select-active {
  overflow-y: auto; }

.rc-time-picker-panel-select:first-child {
  border-left: 0;
  margin-left: 0; }

.rc-time-picker-panel-select:last-child {
  border-right: 0; }

.rc-time-picker-panel-select ul {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%; }

.rc-time-picker-panel-select li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 16px;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.rc-time-picker-panel-select li:hover {
  background: #edfaff; }

li.rc-time-picker-panel-select-option-selected {
  background: #f7f7f7;
  font-weight: bold; }

li.rc-time-picker-panel-select-option-disabled {
  color: #ccc; }

li.rc-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed; }

.rc-time-picker-input {
  color: black !important;
  background-color: white;
  border-radius: 4px;
  border: 1px solid gray;
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.rounded .rc-time-picker-input {
  border-radius: 10px; }

.fs-44 {
  font-size: 44px; }

.fs-40 {
  font-size: 40px; }

.fs-34 {
  font-size: 34px; }

.fs-30 {
  font-size: 30px; }

.fs-28 {
  font-size: 28px; }

.fs-26 {
  font-size: 26px; }

.fs-10 {
  font-size: 10px; }

.fs-9 {
  font-size: 9px; }

.fs-8 {
  font-size: 8px; }

.fs-4 {
  font-size: 4px; }

.fs-12 {
  font-size: 12px; }

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

.fs-15 {
  font-size: 15px; }

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

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

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

.fs-22 {
  font-size: 22px; }

.fs-24 {
  font-size: 24px; }

.fw-600 {
  font-weight: 600; }

.fw-500 {
  font-weight: 500; }

.fw-400 {
  font-weight: 400; }

.fw-300 {
  font-weight: 300; }

.ls-half {
  letter-spacing: 0.5px; }

.ration-16-9 {
  aspect-ratio: 16/9; }

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

.radius-0 {
  border-radius: 0px !important; }

.radius-8 {
  border-radius: 8px !important; }

.nav-liveqa {
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size: large; }

.nav-active {
  font-weight: 800; }

.nav-liveqa-link {
  display: block;
  padding: 0.3em 1em;
  border-bottom: 5px transparent solid; }

.nav-liveqa-link:focus,
.nav-liveqa-link:hover {
  text-decoration: none; }

.nav-liveqa-link.disabled {
  color: #726563;
  cursor: not-allowed; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }

.nav-tabs .nav-item {
  margin-bottom: -1px; }

.nav-tabs .nav-liveqa-link {
  border: 1px solid transparent;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.nav-tabs .nav-liveqa-link:focus,
.nav-tabs .nav-liveqa-link:hover {
  border-color: #eceeef #eceeef #ddd; }

.nav-tabs .nav-liveqa-link.disabled {
  color: #726563;
  background-color: transparent;
  border-color: transparent; }

.nav-tabs .nav-liveqa-link.active,
.nav-tabs .nav-item.show .nav-liveqa-link {
  color: #464a4c;
  background-color: #fff;
  border-color: #ddd #ddd #fff; }

.border-15 {
  border-radius: 15px; }

.liveqa-form-select__control {
  border-radius: 5px !important;
  border: 1px solid #e3e6f0 !important;
  min-height: 45px !important; }

.form-check-custom {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem; }
  .form-check-custom .form-check-input-custom {
    float: left;
    margin-left: -1.5em; }

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right; }
  .form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0; }

.form-check-input-custom {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact; }
  .form-check-input-custom:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
  .form-check-input-custom:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
  .form-check-input-custom:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5; }
    .form-check-input-custom:disabled ~ .form-check-label {
      cursor: default;
      opacity: 0.5; }

.form-check-input-custom[type="radio"] {
  border-radius: 50%; }

.form-check-input-custom[disabled] ~ .form-check-label {
  cursor: default;
  opacity: 0.5; }

.exhibitor--card__img {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 0px; }
  .exhibitor--card__img p {
    margin: 0;
    font-weight: 500;
    font-size: 14px; }
    .exhibitor--card__img p span {
      text-decoration: underline; }
  .exhibitor--card__img .description--img {
    font-size: 12px; }
  .exhibitor--card__img input {
    display: none; }

.remove-new-btn {
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  top: 4px;
  right: 4px;
  z-index: 99 !important;
  position: absolute;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5); }

.remove-new-btn:hover {
  opacity: 1; }

.card-color-pick {
  border-radius: 8px;
  width: 48px;
  height: 48px; }

.card-img-pick {
  border-radius: 8px;
  width: 60px;
  height: 48px; }

.radius-10 {
  border-radius: 10px; }

.radius-8 {
  border-radius: 8px; }

.text-3line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical; }

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

.card-live-theme {
  border-radius: 8px;
  height: 80px; }

.select-button {
  color: rgba(246, 237, 237, 0.998);
  width: 30px;
  height: 30px;
  border-radius: 15px;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto auto auto auto;
  z-index: 999 !important;
  position: absolute;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red; }

.btn-outline-black {
  color: black;
  border-color: black;
  cursor: pointer; }

.btn-black {
  color: white;
  background-color: black;
  cursor: pointer; }

.table--wrapper {
  min-height: 255px;
  overflow: auto;
  margin-top: 1rem; }
  .table--wrapper table {
    border-collapse: collapse;
    width: 100%; }
    .table--wrapper table thead tr {
      background-color: #f5f8ff;
      color: #0061f2;
      text-align: left; }
    .table--wrapper table thead th {
      font-weight: 500; }
    .table--wrapper table thead th:first-child {
      border-radius: 8px 0px 0px 8px; }
    .table--wrapper table thead th:last-child {
      border-radius: 0px 8px 8px 0px; }
    .table--wrapper table tbody tr {
      border-bottom: 1px solid #e2e2e2; }
    .table--wrapper table th,
    .table--wrapper table td {
      padding: 10px 10px;
      word-wrap: break-word;
      line-height: 18px; }
    .table--wrapper table th p {
      margin: 0px; }
    .table--wrapper table td p {
      margin: 0px; }
    .table--wrapper table .color--email {
      color: #a7aeb8; }

.table--scroll::-webkit-scrollbar {
  height: 9px;
  width: 9px;
  background-color: #fff; }

.table--scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #828282; }

.table--scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #d9d9d9; }

.preview-icon-theme {
  width: 20%;
  height: 25%;
  right: 10px;
  bottom: 20px; }

.new-bg-white {
  background-color: #ffffff !important; }

.message-ex {
  position: absolute;
  margin-top: 5%;
  left: 50px;
  padding: 10px;
  background-color: #a8ddfd;
  width: 201px;
  text-align: left;
  font: 400 0.9em "Open Sans", sans-serif;
  border: 1px solid #a8ddfd; }

.message-ex:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  bottom: -10px;
  left: -10px;
  transform: rotate(135deg); }

.tooltipTest {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; }

.tooltipTest .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1; }

.tooltipTest:hover .tooltiptext {
  visibility: visible; }

.dropdown-heading-custom {
  border: 1px solid #e3e6f0 !important;
  border-radius: 5px !important; }

.view-icon-more {
  width: 35px;
  height: 35px;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 3; }
  .view-icon-more:hover {
    opacity: 0.8; }

.sm-scroll {
  scrollbar-color: #343EEB rgba(0, 0, 0, 0);
  scrollbar-width: thin; }

.sm-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

/* Track */
.sm-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f1f1f1; }

/* Handle */
.sm-scroll::-webkit-scrollbar-thumb {
  background: #343EEB;
  border-radius: 10px; }

/* Handle on hover */
.sm-scroll::-webkit-scrollbar-thumb:hover {
  background: #343EEB; }

.sm-scroll {
  scrollbar-color: #343EEB rgba(0, 0, 0, 0);
  scrollbar-width: thin; }

.table--wrapper {
  min-height: 255px;
  overflow: auto;
  margin-top: 1rem; }
  .table--wrapper table {
    border-collapse: collapse;
    width: 100%; }
    .table--wrapper table thead tr {
      text-align: left; }
    .table--wrapper table thead th {
      font-weight: 500; }
    .table--wrapper table thead th:first-child {
      border-radius: 8px 0px 0px 8px; }
    .table--wrapper table thead th:last-child {
      border-radius: 0px 8px 8px 0px; }
    .table--wrapper table tbody tr {
      border-bottom: 1px solid #e2e2e2; }
    .table--wrapper table th,
    .table--wrapper table td {
      padding: 10px 10px;
      word-wrap: break-word;
      line-height: 18px; }
    .table--wrapper table th p {
      margin: 0px; }
    .table--wrapper table td p {
      margin: 0px; }
    .table--wrapper table .color--email {
      color: #a7aeb8; }

.table--scroll::-webkit-scrollbar {
  height: 9px;
  width: 9px;
  background-color: #fff; }

.table--scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #828282; }

.table--scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #d9d9d9; }

.status-pending {
  color: #343EEB; }

.status-allowed {
  color: #02b9fc; }

.status-cancle {
  color: #ff4e4a; }

.status-archived {
  color: #8b8989; }

.end-session {
  background-color: #ff4e4a;
  border-radius: 50px;
  color: #fff;
  border-color: transparent;
  box-shadow: 0 3px 8px rgba(255, 255, 255, 0);
  pointer-events: auto; }

.start-session {
  background-color: #c10c09;
  border-radius: 50px;
  color: #fff;
  border-color: transparent;
  box-shadow: 0 3px 8px rgba(255, 255, 255, 0);
  pointer-events: auto; }

.card_choose_file {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f3f7fb; }
  .card_choose_file p {
    margin: 0;
    font-weight: 500;
    font-size: 14px; }
    .card_choose_file p span {
      text-decoration: underline; }

.text_choose {
  color: #085ea8;
  text-decoration: underline; }

.game .container-item {
  cursor: pointer; }
  .game .container-item:hover {
    transform: scale(1.025);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 10px; }

.game .img-banner {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.game .game-name {
  font-size: 14px;
  font-weight: bold;
  color: #2f2f2f; }

.game .game-type {
  font-size: 12px;
  color: dimgray; }

.game .game-status {
  background-color: #6c757d;
  font-size: 12px;
  padding: 2px 8px 2px 8px;
  border-radius: 10px;
  color: white; }

.game .game-status.active {
  background-color: #00d107;
  color: white; }

.game .game-status.publish {
  background-color: #00d107;
  color: white; }

.game .game-status.draft {
  background-color: black;
  color: white; }

.game .game-status.unpublish {
  background-color: dimgray;
  color: white; }

.game .game-status.none {
  background-color: white;
  color: black; }

.game .select-game-name {
  font-size: 14px;
  font-weight: bold;
  color: #2f2f2f; }

.add-level-button {
  width: 100px;
  height: 100px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px !important; }

.item-level-button {
  width: 100px;
  height: 100px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center; }

.img-banner-event {
  height: 250px;
  object-fit: cover;
  filter: blur(8px);
  -webkit-filter: blur(8px); }

.img-banner-event-inner {
  height: 250px;
  object-fit: contain;
  position: absolute;
  left: 0px;
  top: 0px; }

.container-banner-event {
  position: relative; }

.nav-liveqa {
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size: large; }

.nav-active {
  font-weight: 800; }

.nav-liveqa-link {
  display: block;
  padding: 0.3em 1em;
  border-bottom: 5px transparent solid; }

.nav-liveqa-link:focus,
.nav-liveqa-link:hover {
  text-decoration: none; }

.nav-liveqa-link.disabled {
  color: #726563;
  cursor: not-allowed; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }

.nav-tabs .nav-item {
  margin-bottom: -1px; }

.nav-tabs .nav-liveqa-link {
  border: 1px solid transparent;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.nav-tabs .nav-liveqa-link:focus,
.nav-tabs .nav-liveqa-link:hover {
  border-color: #eceeef #eceeef #ddd; }

.nav-tabs .nav-liveqa-link.disabled {
  color: #726563;
  background-color: transparent;
  border-color: transparent; }

.nav-tabs .nav-liveqa-link.active,
.nav-tabs .nav-item.show .nav-liveqa-link {
  color: #464a4c;
  background-color: #fff;
  border-color: #ddd #ddd #fff; }

.border-15 {
  border-radius: 15px; }

.liveqa-form-select__control {
  border-radius: 5px !important;
  border: 1px solid #e3e6f0 !important;
  min-height: 45px !important; }

.form-check-custom {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem; }
  .form-check-custom .form-check-input-custom {
    float: left;
    margin-left: -1.5em; }

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right; }
  .form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0; }

.form-check-input-custom {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact; }
  .form-check-input-custom:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
  .form-check-input-custom:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
  .form-check-input-custom:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5; }
    .form-check-input-custom:disabled ~ .form-check-label {
      cursor: default;
      opacity: 0.5; }

.form-check-input-custom[type="radio"] {
  border-radius: 50%; }

.form-check-input-custom[disabled] ~ .form-check-label {
  cursor: default;
  opacity: 0.5; }

.exhibitor--card__img {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 0px; }
  .exhibitor--card__img p {
    margin: 0;
    font-weight: 500;
    font-size: 14px; }
    .exhibitor--card__img p span {
      text-decoration: underline; }
  .exhibitor--card__img .description--img {
    font-size: 12px; }
  .exhibitor--card__img input {
    display: none; }

.remove-new-btn {
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  top: 4px;
  right: 4px;
  z-index: 99 !important;
  position: absolute;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5); }

.remove-new-btn:hover {
  opacity: 1; }

.card-color-pick {
  border-radius: 8px;
  width: 48px;
  height: 48px; }

.card-img-pick {
  border-radius: 8px;
  width: 60px;
  height: 48px; }

.radius-10 {
  border-radius: 10px; }

.radius-8 {
  border-radius: 8px; }

.text-3line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical; }

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

.card-live-theme {
  border-radius: 8px;
  height: 80px; }

.select-button {
  color: rgba(246, 237, 237, 0.998);
  width: 30px;
  height: 30px;
  border-radius: 15px;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto auto auto auto;
  z-index: 999 !important;
  position: absolute;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red; }

.btn-outline-black {
  color: black;
  border-color: black;
  cursor: pointer; }

.btn-black {
  color: white;
  background-color: black;
  cursor: pointer; }

.table--wrapper {
  min-height: 255px;
  overflow: auto;
  margin-top: 1rem; }
  .table--wrapper table {
    border-collapse: collapse;
    width: 100%; }
    .table--wrapper table thead tr {
      background-color: #f5f8ff;
      color: #0061f2;
      text-align: left; }
    .table--wrapper table thead th {
      font-weight: 500; }
    .table--wrapper table thead th:first-child {
      border-radius: 8px 0px 0px 8px; }
    .table--wrapper table thead th:last-child {
      border-radius: 0px 8px 8px 0px; }
    .table--wrapper table tbody tr {
      border-bottom: 1px solid #e2e2e2; }
    .table--wrapper table th,
    .table--wrapper table td {
      padding: 10px 10px;
      word-wrap: break-word;
      line-height: 18px; }
    .table--wrapper table th p {
      margin: 0px; }
    .table--wrapper table td p {
      margin: 0px; }
    .table--wrapper table .color--email {
      color: #a7aeb8; }

.table--scroll::-webkit-scrollbar {
  height: 9px;
  width: 9px;
  background-color: #fff; }

.table--scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #828282; }

.table--scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #d9d9d9; }

.preview-icon-theme {
  width: 20%;
  height: 25%;
  right: 10px;
  bottom: 20px; }

.new-bg-white {
  background-color: #ffffff !important; }

.message-ex {
  position: absolute;
  margin-top: 5%;
  left: 50px;
  padding: 10px;
  background-color: #a8ddfd;
  width: 201px;
  text-align: left;
  font: 400 0.9em "Open Sans", sans-serif;
  border: 1px solid #a8ddfd; }

.message-ex:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  bottom: -10px;
  left: -10px;
  transform: rotate(135deg); }

.tooltipTest {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; }

.tooltipTest .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1; }

.tooltipTest:hover .tooltiptext {
  visibility: visible; }

.dropdown-heading-custom {
  border: 1px solid #e3e6f0 !important;
  border-radius: 5px !important; }

.view-icon-more {
  width: 35px;
  height: 35px;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 3; }
  .view-icon-more:hover {
    opacity: 0.8; }

.sm-scroll {
  scrollbar-color: #343EEB rgba(0, 0, 0, 0);
  scrollbar-width: thin; }

.sm-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

/* Track */
.sm-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f1f1f1; }

/* Handle */
.sm-scroll::-webkit-scrollbar-thumb {
  background: #343EEB;
  border-radius: 10px; }

/* Handle on hover */
.sm-scroll::-webkit-scrollbar-thumb:hover {
  background: #343EEB; }

.sm-scroll {
  scrollbar-color: #343EEB rgba(0, 0, 0, 0);
  scrollbar-width: thin; }

.table--wrapper {
  min-height: 255px;
  overflow: auto;
  margin-top: 1rem; }
  .table--wrapper table {
    border-collapse: collapse;
    width: 100%; }
    .table--wrapper table thead tr {
      text-align: left; }
    .table--wrapper table thead th {
      font-weight: 500; }
    .table--wrapper table thead th:first-child {
      border-radius: 8px 0px 0px 8px; }
    .table--wrapper table thead th:last-child {
      border-radius: 0px 8px 8px 0px; }
    .table--wrapper table tbody tr {
      border-bottom: 1px solid #e2e2e2; }
    .table--wrapper table th,
    .table--wrapper table td {
      padding: 10px 10px;
      word-wrap: break-word;
      line-height: 18px; }
    .table--wrapper table th p {
      margin: 0px; }
    .table--wrapper table td p {
      margin: 0px; }
    .table--wrapper table .color--email {
      color: #a7aeb8; }

.table--scroll::-webkit-scrollbar {
  height: 9px;
  width: 9px;
  background-color: #fff; }

.table--scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #828282; }

.table--scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #d9d9d9; }

.status-pending {
  color: #343EEB; }

.status-allowed {
  color: #02b9fc; }

.status-cancle {
  color: #ff4e4a; }

.status-archived {
  color: #8b8989; }

.end-session {
  background-color: #ff4e4a;
  border-radius: 50px;
  color: #fff;
  border-color: transparent;
  box-shadow: 0 3px 8px rgba(255, 255, 255, 0);
  pointer-events: auto; }

.start-session {
  background-color: #c10c09;
  border-radius: 50px;
  color: #fff;
  border-color: transparent;
  box-shadow: 0 3px 8px rgba(255, 255, 255, 0);
  pointer-events: auto; }

.card_choose_file {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f3f7fb; }
  .card_choose_file p {
    margin: 0;
    font-weight: 500;
    font-size: 14px; }
    .card_choose_file p span {
      text-decoration: underline; }

.text_choose {
  color: #085ea8;
  text-decoration: underline; }

.radius-main {
  border-radius: 8px !important; }

.status-all-request {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #b3babd;
  color: #33474e; }

.status-all-request-active {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #4d5e64;
  color: #fdfeff; }

.status-approve-request {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #d9fff1;
  color: #009e63; }

.status-approve-request-active {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #009e63;
  color: #fdfeff; }

.status-wait-request {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #fff4e6;
  color: #d37300; }

.status-wait-request-active {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #fa8800;
  color: #fdfeff; }

.status-reject-request {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #ffe0e7;
  color: #66757a; }

.status-reject-request-active {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #ff436d;
  color: #fdfeff; }

.svg-icon {
  cursor: pointer;
  margin-left: 5px; }
  .svg-icon svg path {
    stroke: #66757a !important; }
  .svg-icon:hover svg path {
    stroke: #018abe !important; }
  .svg-icon:active svg path {
    stroke: #016e97 !important; }
  .svg-icon:focus svg path {
    stroke: #016e97 !important; }

.svg-icon-rect {
  cursor: pointer;
  margin-left: 5px; }
  .svg-icon-rect svg rect {
    stroke: #66757a !important; }
  .svg-icon-rect svg path {
    stroke: #66757a !important; }
  .svg-icon-rect:hover svg rect {
    stroke: #018abe !important; }
  .svg-icon-rect:hover svg path {
    stroke: #018abe !important; }
  .svg-icon-rect:active svg rect {
    stroke: #016e97 !important; }
  .svg-icon-rect:active svg path {
    stroke: #016e97 !important; }
  .svg-icon-rect:focus svg rect {
    stroke: #016e97 !important; }
  .svg-icon-rect:focus svg path {
    stroke: #016e97 !important; }

.svg-icon-fill {
  cursor: pointer;
  margin-left: 5px; }
  .svg-icon-fill svg path {
    fill: #66757a !important; }
  .svg-icon-fill:hover svg path {
    fill: #018abe !important; }
  .svg-icon-fill:active svg path {
    fill: #016e97 !important; }
  .svg-icon-fill:focus svg path {
    fill: #016e97 !important; }

.pagination-custom-portal {
  display: flex;
  padding-left: 0;
  list-style: none;
  font-weight: 700; }
  .pagination-custom-portal .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #66757a;
    background-color: transparent; }
  .pagination-custom-portal .page-item {
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #66757a;
    background-color: transparent; }
  .pagination-custom-portal .page-link:hover {
    z-index: 2;
    color: #016e97;
    background-color: #e6f8ff;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    gap: 2px; }
  .pagination-custom-portal .page-link:focus {
    z-index: 1;
    color: #015170;
    background-color: #e6f8ff;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    gap: 2px;
    outline: none !important; }
  .pagination-custom-portal .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem; }
  .pagination-custom-portal .page-item:last-child .page-link {
    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem; }
  .pagination-custom-portal .page-item.active .page-link {
    z-index: 1;
    color: #016e97;
    background-color: #e6f8ff;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    gap: 2px; }
  .pagination-custom-portal .page-item.disabled .page-link {
    color: #858796;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dddfeb; }
    .pagination-custom-portal .page-item.disabled .page-link svg path {
      fill: #ccd1d3 !important; }

.text-detail-dialog {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #6f6f6f; }

.text-main-dialog {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.tr-show-action {
  height: 44px !important;
  max-height: 44px !important; }
  .tr-show-action td {
    background: #4d5e63;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fdfeff !important;
    padding-left: 40px !important; }
  .tr-show-action svg {
    cursor: pointer; }
    .tr-show-action svg path {
      fill: white !important; }

.close-button-x {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer !important;
  background-color: #ccc;
  border: none;
  color: #66757a;
  z-index: 1050; }

.button-export {
  cursor: pointer;
  width: 50px;
  border-radius: 12px !important;
  border: 2px #66757a solid !important;
  background-color: #fff; }
  .button-export:hover {
    background: linear-gradient(0deg, #e6f8ff, #e6f8ff), linear-gradient(0deg, #015170, #015170) !important;
    border: 2px #016e97 solid !important;
    color: #016e97; }
  .button-export:active {
    background-color: #e6f8ff !important;
    border: 2px #015170 solid !important;
    box-shadow: none;
    color: #015170; }
    .button-export:active svg path {
      fill: #015170 !important; }
  .button-export:focus {
    background-color: #e6f8ff !important;
    border: 2px #015170 solid !important;
    box-shadow: none; }
    .button-export:focus svg path {
      fill: #015170 !important; }

.container-bg {
  background-color: rgba(33, 40, 50, 0.5); }

.input-placeholder::placeholder {
  color: #d7d7d7 !important;
  font-size: 14px !important; }

.input-field-style:focus {
  border: 1px #018abe solid !important;
  box-shadow: none !important; }

.radius-main {
  border-radius: 8px !important; }

.border-main {
  border-width: 1px !important;
  border-color: #e6e8e9 !important; }

.border-required {
  border: 1px red solid !important;
  border-radius: 5px !important; }

.input-border-gray {
  border: 1px #e0e1e2 solid !important;
  padding: 8px 16px 8px 16px;
  border-radius: 5px !important; }

.line-hr-new {
  width: 95%;
  height: 0px;
  border: 1px solid #e6e8e9; }

.edit-icon-style {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  gap: 8px;
  background-color: #4d5e64b2;
  display: flex;
  justify-content: center;
  align-items: center; }
  .edit-icon-style svg {
    width: 20px;
    height: 40px; }
    .edit-icon-style svg path {
      stroke: #fdfeff !important; }

.edit-icon-for-btn svg {
  width: 20px;
  height: 40px; }
  .edit-icon-for-btn svg path {
    stroke: #fdfeff !important; }

.contain-upload-img {
  max-width: 150px;
  height: 150px;
  border-radius: 12px;
  background-color: #e6e8e9; }

.icon-upload-style {
  object-fit: contain;
  height: 48px;
  width: 48px; }

.card-step-info {
  padding: 6.5px 12px 12px 12px;
  border-radius: 12px;
  gap: 4px;
  background-color: #E6F8FF; }
  .card-step-info .main-text-step {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #6F6F6F; }
  .card-step-info .run-number {
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #FDFEFF;
    text-align: center;
    background-color: #6F6F6F; }
  .card-step-info .info-step {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #6F6F6F; }

.text-title-template {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.card-field-tem {
  padding: 4px 16px 4px 16px;
  border-radius: 16px;
  gap: 8px;
  background-color: #E6F8FF;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }
  .card-field-tem:hover {
    color: #016E97;
    background-color: #D3F3FF; }
  .card-field-tem:active {
    color: #015170;
    border: 1px solid #015170;
    background-color: #E6F8FF; }
  .card-field-tem:focus {
    color: #015170;
    border: 1px solid #015170;
    background-color: #E6F8FF; }

.main-list-field {
  max-height: 550px;
  overflow-y: auto; }

.btn-outline-portal {
  border-radius: 12px;
  padding: 10px 24px 10px 24px;
  border-radius: 12px;
  border: 2px;
  gap: 8px;
  color: #66757A;
  border: 2px solid #66757A;
  background-color: #FDFEFFCC; }
  .btn-outline-portal:hover {
    color: #016E97;
    border: 2px solid #016E97;
    background-color: #E6F8FF; }
    .btn-outline-portal:hover svg path {
      fill: #016E97 !important; }
  .btn-outline-portal:active {
    color: #015170;
    border: 2px solid #015170;
    background-color: #E6F8FF; }
    .btn-outline-portal:active svg path {
      fill: #015170 !important; }

.text-detail-dialog {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #6f6f6f; }

.text-main-dialog {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.collapse-item-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer; }
  .collapse-item-header:hover {
    background-color: #E6F8FF; }

.image-container-no-data {
  width: 238.45px;
  margin: 20px;
  height: 160px; }
  .image-container-no-data img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: 20px; }

.contain-nodata {
  min-height: 40vh; }

.no-data-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  color: #1c1c1c; }

.btn-upload-file-img {
  border-width: 2px;
  border-style: solid;
  border-image: initial;
  border-radius: 12px;
  background-color: white !important;
  color: #018abe !important;
  border-color: #018abe !important;
  fill: #016e97 !important; }
  .btn-upload-file-img:hover {
    background-color: #E6F8FF !important;
    color: #016E97; }
  .btn-upload-file-img:active {
    background-color: #E6F8FF !important;
    color: #015170;
    border-color: #015170 !important; }

.text-label-portal {
  color: #6f6f6f; }

.text-main-dialog-indoor-map {
  color: #F15959;
  font-size: 22px;
  text-align: center;
  font-weight: bold; }

.text-detail-dialog-indoor-map {
  color: #9091A7;
  font-size: 16px;
  text-align: center; }

.btn-close-dialog-indoor-map {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer; }

.indoor-map-select-type {
  font-family: 'line-seed-sans-th'; }
  .indoor-map-select-type .padding-indoor-map {
    padding: 2.3rem; }
  .indoor-map-select-type .sub-text-color-indoor-map {
    color: #9091A7; }
  .indoor-map-select-type .btn-indoor-map {
    width: 200px;
    height: 142px;
    border-radius: 16px;
    border: 1px solid #E5E7EB;
    cursor: pointer;
    transition: all 0.3s ease; }
    .indoor-map-select-type .btn-indoor-map:hover {
      border: 1px solid #F15959;
      box-shadow: 0 0 10px 0 rgba(241, 89, 89, 0.3);
      transform: translateY(-5px); }

.search-location-indoor-map {
  min-width: 25vw;
  height: 40px;
  border: 1px solid #E5E7EB;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
  padding-left: 50px; }

.search-location-icon {
  top: 7px;
  left: 10px; }

.pac-container {
  background-color: #fff;
  position: absolute !important;
  z-index: 1000;
  border-radius: 8px;
  border: none;
  box-shadow: 0 1px 1px rgba(226, 226, 226, 0.3);
  font-family: 'line-seed-sans-th';
  font-size: 16px;
  overflow: hidden; }

.input-container input {
  border: none;
  box-sizing: border-box;
  outline: 0;
  padding: .75rem;
  position: relative;
  width: 100%; }

@font-face {
  font-family: 'line-seed-sans-th';
  src: url("/static/fonts/line-seed-sans-th/WOFF/LINESeedSansTH_W_Rg.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'line-seed-sans-th-Bd';
  src: url("/static/fonts/line-seed-sans-th/WOFF/LINESeedSansTH_W_Bd.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.font-line {
  font-family: 'line-seed-sans-th' !important; }

.font-line-bold {
  font-family: 'line-seed-sans-th-Bd' !important; }

.text-file-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #1c1c1c; }

.card-load-file {
  background: #e6f8ff;
  padding: 8px 16px 8px 16px;
  border-radius: 6px;
  gap: 8px; }

.card-loaded-file {
  background: transparent;
  color: #1c1c1c;
  padding: 8px 16px 8px 16px;
  border-radius: 6px;
  gap: 8px;
  border: 1px solid #e6e8e9; }

.button-upload {
  border-width: 2px;
  border-style: solid;
  border-image: initial;
  border-radius: 12px;
  background-color: white !important;
  border-color: #016E97 !important;
  fill: #016e97 !important;
  color: #016E97 !important; }
  .button-upload:hover {
    background-color: #E6F8FF !important;
    color: #016E97; }
  .button-upload:active {
    background-color: #E6F8FF !important;
    color: #015170;
    border-color: #015170 !important; }

.new-sub-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.urlFile-ellipsis {
  white-space: nowrap;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.description-ellipsis {
  white-space: nowrap;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.btn-for-org {
  background-color: #018abe !important;
  color: #ffffff !important;
  border-color: #018abe !important; }
  .btn-for-org:hover {
    background-color: #016E97 !important;
    color: white; }
  .btn-for-org:focus {
    background-color: #015170 !important;
    border: 2px #015170 solid !important;
    box-shadow: none; }
    .btn-for-org:focus svg path {
      fill: #015170 !important; }

.btn-for-new-org {
  background-color: #018abe !important;
  color: #ffffff !important;
  border-color: #018abe !important; }
  .btn-for-new-org:hover {
    background-color: #016E97 !important;
    color: white; }
  .btn-for-new-org:active {
    background-color: #015170 !important;
    border: 2px #015170 solid !important;
    box-shadow: none; }
    .btn-for-new-org:active svg path {
      fill: #015170 !important; }

.expand-header {
  background-color: #E6F8FF;
  color: #016E97; }

.hover--contact {
  background-color: unset;
  border-radius: 8px;
  transition: all .4s ease-out;
  z-index: 999; }
  .hover--contact:hover {
    background-color: #fcfdff !important; }
  .hover--contact:active {
    background-color: #fff !important; }

.head-logDownload {
  color: #6F6F6F;
  font-size: 14px; }

.tile-table {
  color: #001922;
  font-size: 18px; }

.button-upload-file {
  border-width: 2px;
  border-style: solid;
  border-image: initial;
  border-radius: 12px;
  background-color: white !important;
  color: #018abe !important;
  border-color: #018abe !important;
  fill: #016e97 !important; }
  .button-upload-file:hover {
    background-color: #E6F8FF !important;
    color: #016E97; }
  .button-upload-file:active {
    background-color: #E6F8FF !important;
    color: #015170;
    border-color: #015170 !important; }

.btn-submit-portal {
  color: white !important;
  border-color: #018abe !important;
  background-color: #018abe !important;
  border-radius: 10px;
  cursor: pointer; }
  .btn-submit-portal:hover {
    background-color: #016E97 !important;
    border-color: #016E97 !important; }
  .btn-submit-portal:active {
    background-color: #015170 !important;
    border-color: #015170 !important; }

.discard-text {
  color: #016E97; }
  .discard-text:hover {
    color: #01A6E5; }
  .discard-text:active {
    color: #015170; }

.radius-main {
  border-radius: 8px !important; }

.status-all-request {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #b3babd;
  color: #33474e; }

.status-all-request-active {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #4d5e64;
  color: #fdfeff; }

.status-approve-request {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #d9fff1;
  color: #009e63; }

.status-approve-request-active {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #009e63;
  color: #fdfeff; }

.status-wait-request {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #fff4e6;
  color: #d37300; }

.status-wait-request-active {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #fa8800;
  color: #fdfeff; }

.status-reject-request {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #ffe0e7;
  color: #66757a; }

.status-reject-request-active {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 12px 4px 12px;
  border-radius: 6px;
  background-color: #ff436d;
  color: #fdfeff; }

.svg-icon {
  cursor: pointer;
  margin-left: 5px; }
  .svg-icon svg path {
    stroke: #66757a !important; }
  .svg-icon:hover svg path {
    stroke: #018abe !important; }
  .svg-icon:active svg path {
    stroke: #016e97 !important; }
  .svg-icon:focus svg path {
    stroke: #016e97 !important; }

.svg-icon-rect {
  cursor: pointer;
  margin-left: 5px; }
  .svg-icon-rect svg rect {
    stroke: #66757a !important; }
  .svg-icon-rect svg path {
    stroke: #66757a !important; }
  .svg-icon-rect:hover svg rect {
    stroke: #018abe !important; }
  .svg-icon-rect:hover svg path {
    stroke: #018abe !important; }
  .svg-icon-rect:active svg rect {
    stroke: #016e97 !important; }
  .svg-icon-rect:active svg path {
    stroke: #016e97 !important; }
  .svg-icon-rect:focus svg rect {
    stroke: #016e97 !important; }
  .svg-icon-rect:focus svg path {
    stroke: #016e97 !important; }

.svg-icon-fill {
  cursor: pointer;
  margin-left: 5px; }
  .svg-icon-fill svg path {
    fill: #66757a !important; }
  .svg-icon-fill:hover svg path {
    fill: #018abe !important; }
  .svg-icon-fill:active svg path {
    fill: #016e97 !important; }
  .svg-icon-fill:focus svg path {
    fill: #016e97 !important; }

.pagination-custom-portal {
  display: flex;
  padding-left: 0;
  list-style: none;
  font-weight: 700; }
  .pagination-custom-portal .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #66757a;
    background-color: transparent; }
  .pagination-custom-portal .page-item {
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #66757a;
    background-color: transparent; }
  .pagination-custom-portal .page-link:hover {
    z-index: 2;
    color: #016e97;
    background-color: #e6f8ff;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    gap: 2px; }
  .pagination-custom-portal .page-link:focus {
    z-index: 1;
    color: #015170;
    background-color: #e6f8ff;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    gap: 2px;
    outline: none !important; }
  .pagination-custom-portal .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem; }
  .pagination-custom-portal .page-item:last-child .page-link {
    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem; }
  .pagination-custom-portal .page-item.active .page-link {
    z-index: 1;
    color: #016e97;
    background-color: #e6f8ff;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    gap: 2px; }
  .pagination-custom-portal .page-item.disabled .page-link {
    color: #858796;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dddfeb; }
    .pagination-custom-portal .page-item.disabled .page-link svg path {
      fill: #ccd1d3 !important; }

.text-detail-dialog {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #6f6f6f; }

.text-main-dialog {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.tr-show-action {
  height: 44px !important;
  max-height: 44px !important; }
  .tr-show-action td {
    background: #4d5e63;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fdfeff !important;
    padding-left: 40px !important; }
  .tr-show-action svg {
    cursor: pointer; }
    .tr-show-action svg path {
      fill: white !important; }

.close-button-x {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer !important;
  background-color: #ccc;
  border: none;
  color: #66757a;
  z-index: 1050; }

.button-export {
  cursor: pointer;
  width: 50px;
  border-radius: 12px !important;
  border: 2px #66757a solid !important;
  background-color: #fff; }
  .button-export:hover {
    background: linear-gradient(0deg, #e6f8ff, #e6f8ff), linear-gradient(0deg, #015170, #015170) !important;
    border: 2px #016e97 solid !important;
    color: #016e97; }
  .button-export:active {
    background-color: #e6f8ff !important;
    border: 2px #015170 solid !important;
    box-shadow: none;
    color: #015170; }
    .button-export:active svg path {
      fill: #015170 !important; }
  .button-export:focus {
    background-color: #e6f8ff !important;
    border: 2px #015170 solid !important;
    box-shadow: none; }
    .button-export:focus svg path {
      fill: #015170 !important; }

.container-bg {
  background-color: rgba(33, 40, 50, 0.5); }

.input-placeholder::placeholder {
  color: #d7d7d7 !important;
  font-size: 14px !important; }

.input-field-style:focus {
  border: 1px #018abe solid !important;
  box-shadow: none !important; }

.radius-main {
  border-radius: 8px !important; }

.border-main {
  border-width: 1px !important;
  border-color: #e6e8e9 !important; }

.border-required {
  border: 1px red solid !important;
  border-radius: 5px !important; }

.input-border-gray {
  border: 1px #e0e1e2 solid !important;
  padding: 8px 16px 8px 16px;
  border-radius: 5px !important; }

.line-hr-new {
  width: 95%;
  height: 0px;
  border: 1px solid #e6e8e9; }

.edit-icon-style {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  gap: 8px;
  background-color: #4d5e64b2;
  display: flex;
  justify-content: center;
  align-items: center; }
  .edit-icon-style svg {
    width: 20px;
    height: 40px; }
    .edit-icon-style svg path {
      stroke: #fdfeff !important; }

.edit-icon-for-btn svg {
  width: 20px;
  height: 40px; }
  .edit-icon-for-btn svg path {
    stroke: #fdfeff !important; }

.contain-upload-img {
  max-width: 150px;
  height: 150px;
  border-radius: 12px;
  background-color: #e6e8e9; }

.icon-upload-style {
  object-fit: contain;
  height: 48px;
  width: 48px; }

.card-step-info {
  padding: 6.5px 12px 12px 12px;
  border-radius: 12px;
  gap: 4px;
  background-color: #E6F8FF; }
  .card-step-info .main-text-step {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #6F6F6F; }
  .card-step-info .run-number {
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #FDFEFF;
    text-align: center;
    background-color: #6F6F6F; }
  .card-step-info .info-step {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #6F6F6F; }

.text-title-template {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.card-field-tem {
  padding: 4px 16px 4px 16px;
  border-radius: 16px;
  gap: 8px;
  background-color: #E6F8FF;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }
  .card-field-tem:hover {
    color: #016E97;
    background-color: #D3F3FF; }
  .card-field-tem:active {
    color: #015170;
    border: 1px solid #015170;
    background-color: #E6F8FF; }
  .card-field-tem:focus {
    color: #015170;
    border: 1px solid #015170;
    background-color: #E6F8FF; }

.main-list-field {
  max-height: 550px;
  overflow-y: auto; }

.btn-outline-portal {
  border-radius: 12px;
  padding: 10px 24px 10px 24px;
  border-radius: 12px;
  border: 2px;
  gap: 8px;
  color: #66757A;
  border: 2px solid #66757A;
  background-color: #FDFEFFCC; }
  .btn-outline-portal:hover {
    color: #016E97;
    border: 2px solid #016E97;
    background-color: #E6F8FF; }
    .btn-outline-portal:hover svg path {
      fill: #016E97 !important; }
  .btn-outline-portal:active {
    color: #015170;
    border: 2px solid #015170;
    background-color: #E6F8FF; }
    .btn-outline-portal:active svg path {
      fill: #015170 !important; }

.text-detail-dialog {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #6f6f6f; }

.text-main-dialog {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.collapse-item-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer; }
  .collapse-item-header:hover {
    background-color: #E6F8FF; }

.image-container-no-data {
  width: 238.45px;
  margin: 20px;
  height: 160px; }
  .image-container-no-data img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: 20px; }

.contain-nodata {
  min-height: 40vh; }

.no-data-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  color: #1c1c1c; }

.btn-upload-file-img {
  border-width: 2px;
  border-style: solid;
  border-image: initial;
  border-radius: 12px;
  background-color: white !important;
  color: #018abe !important;
  border-color: #018abe !important;
  fill: #016e97 !important; }
  .btn-upload-file-img:hover {
    background-color: #E6F8FF !important;
    color: #016E97; }
  .btn-upload-file-img:active {
    background-color: #E6F8FF !important;
    color: #015170;
    border-color: #015170 !important; }

.text-label-portal {
  color: #6f6f6f; }

.kiosk-rounded {
  border: 1px solid #e3e6f0 !important;
  margin: 1rem !important; }

.cardkiosk {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fffc !important;
  background-clip: border-box;
  border: 1px solid #e3e6f0; }

.card--kiosk__height {
  min-height: auto; }

.kioskPopup-center {
  float: none !important; }

.card--kiosk__height {
  min-height: 330px;
  max-height: 655px; }

.kiosk-width {
  width: 86%; }

.table-kiosks {
  color: #000000 !important; }

.table-kiosks-text {
  color: #000000 !important; }

.kiosk_cardwidth {
  width: 550px; }

.kiosk_cardwidth_term {
  width: 650px; }

.kiosk_card_height {
  overflow: auto; }

.terms-kiosk {
  height: 25rem;
  max-height: 25rem;
  overflow: scroll;
  overflow-y: auto;
  border: 1px solid #cdcdcd;
  padding: 10px; }

.profile-name {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-top: 20px; }

.profile-info-label {
  font-weight: bold; }

.profile-info {
  text-align: center;
  margin: 10px 0; }

.profile-info-label-left {
  float: left;
  margin-right: 10px; }

.profile-info-content {
  display: inline-block;
  text-align: left; }

.input-groupkiosk .input-group-appendkiosk .input-group-textkiosk {
  border: none;
  background: transparent;
  cursor: pointer;
  margin-left: -2.25rem;
  z-index: 10; }

.input-group-appendkiosk {
  margin-top: 5px; }

.input-groupkiosk .form-control {
  padding-right: 2.25rem; }

.input-groupkiosk {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }

.input-group-textkiosk {
  border: none;
  background: transparent;
  cursor: pointer;
  margin-left: -2.25rem;
  z-index: 10; }

.input-group2 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }

.input-group2 .input-group-text2 {
  position: absolute;
  z-index: 10;
  margin-left: 12px;
  margin-top: 7px;
  border: none;
  background: transparent; }

.input-group2 .form-control {
  padding-left: 30px; }

.margin-horizontal-kiosk {
  margin: 0px;
  width: 100%;
  min-height: 315px;
  max-height: 525px; }

.overflow-auto {
  overflow: auto !important; }

.kiosk--full__screen {
  background-color: white; }

.margin-kiosktable {
  margin: 0rem; }

.overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 10;
  justify-content: center;
  align-items: center; }

.fixed--shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }

.box-sizing-kiosk {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }

.btn-kiosk-box-shadow {
  box-shadow: 0 0rem 0.25rem 0 rgba(58, 59, 69, 0.2); }

.content-kiosk {
  width: 80%;
  background-color: white;
  color: black;
  padding: 24px;
  opacity: .8;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  text-align: center; }

.table-kioskdata {
  height: 450px; }

.KioskPopup {
  background: transparent;
  text-align: center; }

.table__fixed {
  position: sticky;
  right: 0;
  background: white;
  z-index: 2;
  top: 0; }

.minheight-th {
  min-height: 40px;
  height: 32px; }

thead .table__fixed {
  z-index: 3;
  /* Ensure header is above the content */ }

.overflow-auto {
  position: relative;
  overflow-x: auto; }

.table-kiosks {
  white-space: nowrap;
  /* Prevent text from wrapping */ }

th,
td {
  width: auto !important;
  overflow: hidden;
  /* Ensure no overflow */
  white-space: nowrap;
  /* Prevent text wrapping */ }

.nodata-kiosk {
  padding-top: 20px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch; }

.icon-data-kiosk {
  color: #ffffff;
  padding: 20px;
  font-size: 30px;
  border-radius: 20px; }

#modal-content-kiosk {
  background-color: white !important; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kiosk-width {
    width: 100%; } }

@media (min-width: 1024px) and (max-width: 1280px) {
  .kiosk-width {
    width: 98%; }
  .card--kiosk__height {
    min-height: 35vh; }
  .table-kioskdata {
    height: 47vh; }
  .kioskbtn-checkin {
    font-size: 0.68rem !important; } }

.search-placeholder::placeholder {
  color: #000000 !important;
  text-align: left;
  padding: 0px !important; }

.locationname::placeholder {
  color: #030303 !important;
  text-align: left !important;
  padding: 0px !important; }

.same-width {
  width: 100%;
  min-width: 96vw !important; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .kiosk-width {
    width: 100%; }
  .kioskbtn-checkin {
    font-size: 0.6rem !important; }
  .margin-horizontal-kiosk {
    margin: 0px;
    width: 100%;
    height: 50vh; }
  .tbkiosk tbody {
    height: 0% !important; } }

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-horizontal-kiosk {
    margin: 0px;
    height: 50vh;
    width: 100%; }
  tbody {
    height: 0% !important; } }

.card-kiosk-report-time {
  background-color: #E5B31C1A;
  padding: 10px;
  border-radius: 10px; }

.main-bg-error-page {
  background: url("/static/img/error-element/BG.png");
  margin: 0;
  padding: 0;
  background-size: cover;
  height: 100svh;
  width: 100svw; }

.title-err-message {
  background: linear-gradient(to right, #6DD5FA, #2980B9);
  color: #2C3E50;
  font-size: 2rem;
  text-align: center;
  padding: 20px;
  border-radius: 5px;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
  .title-err-message:hover {
    background: linear-gradient(to right, #2980B9, #6DD5FA); }

.contain-title-image {
  object-fit: cover;
  width: 70%;
  height: 100%; }

.btn-home-image {
  cursor: pointer !important;
  width: 125px;
  height: 125px;
  object-fit: contain; }

.detail-err-message {
  font-size: 1.25rem;
  color: #1D1B52; }

.container-err-hint {
  object-fit: cover;
  height: 90%; }

.tabs-setting {
  font-size: 14px;
  display: flex; }
  .tabs-setting .nav-pills .nav-link {
    padding-left: 0;
    padding-right: 0; }
  .tabs-setting .nav-pills .nav-link.active,
  .tabs-setting .nav-pills .show > .nav-link {
    background-color: transparent;
    color: black;
    padding-left: 0;
    padding-right: 0; }

.group-font-align .btn-primary {
  color: #000;
  background-color: #FFFFFF;
  border-color: #E5E7EB; }

.group-font-align .btn-primary:not(:disabled):not(.disabled):active,
.group-font-align .btn-primary:not(:disabled):not(.disabled).active,
.group-font-align .show > .btn-primary.dropdown-toggle {
  color: #000;
  background-color: #F8FAFC;
  border-color: #E5E7EB; }

.menu-setting-tabs-active {
  width: 60px;
  border-radius: 20px !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important; }
  .menu-setting-tabs-active .stroke-icon svg path {
    stroke: #CB1F20; }
  .menu-setting-tabs-active .fill-icon svg path {
    fill: #CB1F20; }

.box-tab-active {
  font-size: 0.85rem; }
  .box-tab-active .nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: 0.35rem;
    border-top-right-radius: 0.35rem; }
  .box-tab-active .nav-tabs {
    border-bottom: 0px solid #ddd; }
  .box-tab-active .nav-tabs .nav-link.active,
  .box-tab-active .nav-tabs .nav-item.show .nav-link {
    color: #343EEB;
    background-color: transparent;
    border-color: #343EEB;
    border-bottom: 2px solid; }

.pagination-custom-lucky {
  display: flex;
  padding-left: 0;
  list-style: none;
  font-weight: 700; }
  .pagination-custom-lucky .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #66757a;
    background-color: transparent; }
  .pagination-custom-lucky .page-item {
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #66757a;
    background-color: transparent; }
  .pagination-custom-lucky .page-link:hover {
    z-index: 2;
    color: #66757a;
    background-color: #343EEB1A;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    gap: 2px; }
  .pagination-custom-lucky .page-link:focus {
    z-index: 1;
    color: #015170;
    background-color: #e6f8ff;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    gap: 2px;
    outline: none !important; }
  .pagination-custom-lucky .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem; }
  .pagination-custom-lucky .page-item:last-child .page-link {
    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem; }
  .pagination-custom-lucky .page-item.active .page-link {
    z-index: 1;
    color: #000;
    background-color: transparent;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    gap: 2px;
    border: 1px solid #E5E7EB; }
  .pagination-custom-lucky .page-item.disabled .page-link {
    color: #858796;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dddfeb; }
    .pagination-custom-lucky .page-item.disabled .page-link svg path {
      fill: #ccd1d3 !important; }

.breadcrumb-item-luckydraw {
  background: #343EEB1A;
  color: #343EEB;
  border-radius: 30px; }

.input-group-limit .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #000;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.input-group-limit .btn {
  display: inline-block;
  font-weight: 400;
  color: #858796;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.radiusBtnRight {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important; }

.luckydraw-description-ellipsis {
  white-space: nowrap;
  width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.select-color-button {
  color: rgba(246, 237, 237, 0.998);
  width: 20px;
  height: 20px;
  border-radius: 15px;
  top: 0px;
  right: 50px;
  left: 0px;
  bottom: 30px;
  margin: auto auto auto auto;
  z-index: 999 !important;
  position: absolute;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red; }

.list-items-checkbox {
  max-height: 50vh;
  overflow-y: auto;
  margin-top: 10px; }
  .list-items-checkbox .item {
    -webkit-box-align: center;
    align-items: center;
    list-style: none;
    display: flex;
    height: 35px;
    width: 100%;
    cursor: pointer;
    padding: 0px 10px;
    white-space: nowrap; }

/* /styles/luckyDraw.module.css */
.luckyDrawPage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  /* background-color: #9cceff; */ }

.card-img-top,
.imageaward {
  padding: 8% 8% 0 8% !important;
  /* width: 85% !important; */ }

.spinWheelLayout {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 80%;
  max-width: 400px;
  margin-top: 2rem; }

.spinWheel {
  border-radius: 50%;
  border: 5px solid #333;
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: transform 4s cubic-bezier(0.3, 0.1, 0.1, 1); }

.wheelSlot {
  position: absolute;
  width: 50%;
  height: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: 100% 100%;
  font-size: 1.25rem;
  font-weight: bold;
  color: white; }

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 1rem; }

.spinButton {
  margin-top: 2rem;
  padding: 1rem 2rem;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease; }

.spinButton:disabled {
  cursor: not-allowed; }

.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  color: #ff0062;
  text-align: center; }

.resultBox {
  font-size: 1.5rem;
  color: #333;
  font-weight: bold;
  margin-top: 1rem;
  text-align: center; }

.controlPanel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2rem;
  background-color: #e9ecef;
  padding: 1rem;
  border-radius: 8px;
  width: 100%;
  max-width: 400px; }

.controlPanel label {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%; }

.controlPanel label input,
.controlPanel label select {
  margin-left: 1rem;
  padding: 0.25rem;
  width: 100%; }

.weightControls {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  gap: 0.5rem; }

.weightControls label {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* singleLayout */
.resultDisplay {
  overflow: hidden;
  height: 50px;
  /* Adjust based on the height of each candidate box */
  width: 400px;
  border: 2px solid #ff5722;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  background-color: blanchedalmond;
  text-align: center;
  position: relative; }

.background-landing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  /* Ensure background is behind other elements */ }

.video-landing {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* Multiple */
/* .scrollcontainerM {
    overflow: hidden;
    height: 100%;
    position: relative;
  } */
/* .scrollcontentM {
    display: flex;
    flex-direction: column;
    animation: scrollAnimation 10s linear infinite; 
  } */
@keyframes scrollAnimation {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(-100%); } }

.slotitemM {
  padding: 10px;
  font-size: 1rem;
  text-align: center;
  /* สไตล์เพิ่มเติม */ }

.badgeWinner {
  background-color: #c3e6cb;
  color: #155724;
  padding: 4px 8px;
  border: 1px solid #ddd;
  border-radius: 50px;
  width: max-content;
  /* box-shadow: 1px 1px #a6a6a6; */ }

/* spinWheel */
/* .marker {
    position: relative;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    top: -413px;
    left: 202px;
    height: 0;
    width: 0;
    z-index: 99;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #E91E63;
    z-index: 10;
  } */
.spinButton {
  position: relative;
  z-index: 9;
  cursor: pointer; }

.rouletteContainer > div img {
  /* display: none !important; */ }

.rouletteContainer > div {
  transform: rotate(44deg) !important; }

/* 4K RESOLUTION */
@media (min-width: 3840px) {
  .deusLogo {
    width: 20rem;
    height: 20rem; }
  .wheelContainer {
    gap: 100px; }
  /* .wheelHeader > div > h1 {
      font-size: 8.5rem;
    } */
  .toggleModalButton {
    margin-top: 15px;
    font-size: 4.5rem; }
  .rouletteContainer {
    width: 1700px;
    height: 1700px;
    display: flex;
    /* Ensuring flex layout to help children expand */
    justify-content: center;
    /* Center children horizontally */
    align-items: center;
    /* Center children vertically */
    /* > div {
        width: 100%;
        height: 100%;
        max-width: unset;
        max-height: unset;
      } */ }
  /* .rouletteContainer {
      position: relative;
      width: 100%;
      height: 500px; 
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f4f4f4; 
    }
     */
  /* .spinButton {
      position: relative;
      top: -270px;
      cursor: pointer;
      border-radius: 9999px;
      height: 6rem;
      width: 6rem;
      outline: inherit;
      border: none;
      padding: 0;
      background-color: #a28354;
      color: white;
      font-weight: bold;
      font-size: 1.5rem;
  } */
  .rouletteContainer {
    position: relative;
    display: inline-block;
    /* Keeps the wheel and button tightly wrapped */
    width: 300px;
    /* Adjust based on your design */
    height: 300px;
    /* Same as wheel's size */ }
  .congratsText {
    top: 280px;
    font-size: 5.5rem; }
  .spinButton {
    position: relative;
    top: -1030px;
    height: 22.5rem;
    width: 22.5rem;
    font-size: 5rem; }
  .marker {
    position: relative;
    height: 0 !important;
    width: 0 !important;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 80px solid #a28354; }
  .setPrizes {
    border-radius: 15px;
    height: 80px;
    font-size: 2.4rem;
    margin: 40px 0; } }

.row-flex {
  display: flex;
  flex-wrap: wrap; }

.content {
  height: 100%; }

.btn-xs {
  height: 30px;
  font-size: 12px; }

.btn-setting {
  background-color: #006ac0;
  color: white; }
  .btn-setting:hover {
    background-color: rgba(0, 106, 192, 0.9);
    color: white; }

.line-section {
  height: 1px;
  background-color: #d6d6d6; }

.DatePicker__calendarContainer {
  z-index: 230; }

.border-selected {
  border-color: red;
  border-width: 1px;
  border-style: solid; }

@media (min-width: 992px) {
  .col-lg-20 {
    flex: 0 0 20%;
    max-width: 20%; } }

.tribute-container {
  z-index: 99; }

.obm-mail {
  cursor: pointer; }

.obm-mail.collapsed::before {
  content: "+" !important; }

.obm-mail::before {
  content: "-"; }
  .obm-mail::before .col-lg-20 {
    flex: 0 0 20%;
    max-width: 20%; }

.item-time-slot.disable-can-select {
  background-color: #c1c1c1;
  color: white;
  cursor: pointer; }
  .item-time-slot.disable-can-select:hover {
    opacity: 1 !important; }

.item-time-slot {
  position: relative;
  width: 152px;
  padding: 8px 16px;
  min-height: 40px;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  text-align: center;
  margin-right: 16px;
  margin-top: 8px;
  cursor: pointer; }
  .item-time-slot:hover {
    opacity: 0.8; }

.item-time-slot.active {
  background-color: white;
  color: #b70909 !important;
  border: 2px solid #b70909; }

.item-time-slot.disable {
  background-color: #c1c1c1;
  color: white;
  cursor: not-allowed; }
  .item-time-slot.disable:hover {
    opacity: 1 !important; }

.item-exhibition-slot {
  min-height: 40px;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  text-align: center;
  font-size: 14px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.item-time-slot.can-not-select {
  cursor: default !important; }
  .item-time-slot.can-not-select:hover {
    opacity: 1 !important; }

.item-time-slot.request {
  background-color: #c1c1c1;
  color: white;
  cursor: not-allowed; }
  .item-time-slot.request:hover {
    opacity: 1 !important; }

.item-time-slot.accepted {
  background-color: #40cc46;
  color: white;
  cursor: default; }
  .item-time-slot.accepted:hover {
    opacity: 1 !important; }

.login-form-container {
  min-height: 100vh;
  width: 100%;
  padding-top: 10vh;
  padding-left: 140px;
  padding-right: 140px; }
  @media (max-width: 575.98px) {
    .login-form-container {
      padding-left: 40px !important;
      padding-right: 40px !important; } }

.react-daterange-picker__wrapper {
  border-radius: 4px;
  background-color: white; }

.loader {
  width: 1.25rem;
  height: 1.25rem;
  border-top: 2px solid #343EEB;
  border-right: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
  border-left: 2px solid #efefef;
  border-radius: 1.25rem;
  animation: spin 1s infinite linear; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

.hd {
  padding-top: 20px;
  padding-left: 43px; }

.cursor-pointer:hover {
  cursor: pointer; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input[type="number"] {
  -moz-appearance: textfield;
  /* Firefox */ }

.speaker-img-container {
  height: 200px;
  width: 100%;
  position: relative; }

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

.speaker-detail-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between; }

.speaker__btn .btn-group-edit {
  opacity: 1; }

.speaker__btn .btn-group-edit {
  top: 10px;
  right: 25px; }

.speaker__btn .btn-account-type {
  top: 10px;
  left: 10px;
  opacity: 1;
  background-color: #212832; }

.border-20 {
  border-radius: 20px; }

.text-multiline-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  background: transparent; }

.crop-img-profile-container {
  border-radius: 8px; }

.crop-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.cursor-pointer:hover {
  cursor: pointer; }

.maxheight-38 {
  max-height: 38px; }

.minwidth-176 {
  max-width: 176px; }

.container-img-profile {
  position: relative;
  height: 225px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  justify-content: center; }
  .container-img-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px; }

.img-profile-speaker {
  object-fit: cover;
  height: 150px;
  width: 150px;
  border-radius: 100px; }

.max-line-des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical; }

.column-accessui {
  float: left;
  width: 40%; }

.crop-img-profile-container {
  border-radius: 8px; }

.row-accessui:after {
  content: "";
  display: table;
  clear: both; }

@media screen and (max-width: 500px) {
  .column-accessui {
    width: 80%; } }

.no-chevron select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none; }
  .no-chevron select::-ms-expand {
    display: none; }

.no-chevron i {
  position: absolute;
  right: 12px;
  top: 12px; }

.style-time-picker input {
  position: relative; }

.style-time-picker input[type="time"]::-webkit-calendar-picker-indicator {
  background-position: right;
  background-size: auto;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 10px;
  top: 5px;
  width: auto; }

.sroll-style {
  max-height: 350px;
  overflow: auto; }
  .sroll-style::-webkit-scrollbar {
    width: 10px; }
  .sroll-style::-webkit-scrollbar:horizontal {
    height: 10px; }
  .sroll-style::-webkit-scrollbar-track {
    background-color: rgba(204, 204, 204, 0.3); }
  .sroll-style::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

.crop-img-profile-container {
  border-radius: 8px; }

.crop-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.no-chevron select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none; }
  .no-chevron select::-ms-expand {
    display: none; }

.no-chevron i {
  position: absolute;
  right: 12px;
  top: 12px; }

.container-img-bander {
  overflow: hidden;
  min-height: 250px;
  border-radius: 10px; }
  .container-img-bander img {
    max-height: 100%;
    width: auto;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px; }

.w-35 {
  width: 35%; }

.horizon-img {
  max-height: 400px; }

.input-num-hide-arr input::-webkit-outer-spin-button,
.input-num-hide-arr input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.container-img-organ {
  max-height: 250px;
  overflow: hidden; }
  .container-img-organ img {
    max-height: 100%;
    max-width: 250px;
    width: auto;
    object-fit: cover;
    overflow: hidden; }

.fix-width-td {
  width: 120px;
  max-width: 120px; }

.switch-sm {
  position: relative;
  display: inline-block;
  width: 29.8px;
  height: 17px; }

.switch-sm input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider-sm {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider-sm:before {
  position: absolute;
  content: "";
  height: 14.55px;
  width: 14.55px;
  left: -6px !important;
  bottom: 1px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.42); }

input:checked + .slider-sm.checked--blue {
  background-color: #2196f3; }

input:checked + .slider-sm.checked--green {
  background-color: #1CBF0E; }

input:checked + .slider-sm:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(13px); }

/* Rounded sliders */
.slider-sm.round-sm {
  border-radius: 34px; }

.slider-sm.round-sm:before {
  border-radius: 50%;
  left: 1px !important; }

.MainLayout-onsite {
  font-family: 'Poppins', sans-serif; }

.content-accout-detail {
  max-height: 60vh;
  overflow-y: auto; }

.btn-del-visitor {
  background: #CD1818;
  color: #FFF; }

.w-90 {
  width: 90px; }

.switch-sm {
  position: relative;
  display: inline-block;
  width: 29.8px;
  height: 17px; }

.switch-sm input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider-sm {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider-sm:before {
  position: absolute;
  content: "";
  height: 14.55px;
  width: 14.55px;
  left: -6px !important;
  bottom: 1px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.42); }

input:checked + .slider-sm.checked--blue {
  background-color: #2196f3; }

input:checked + .slider-sm.checked--green {
  background-color: #1CBF0E; }

input:checked + .slider-sm:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(13px); }

/* Rounded sliders */
.slider-sm.round-sm {
  border-radius: 34px; }

.slider-sm.round-sm:before {
  border-radius: 50%;
  left: 1px !important; }

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

.marginLeft-2px {
  margin-left: -3px; }

.froala-custom .froala-custom {
  position: static !important; }

.froala-custom .fr-box.fr-basic .fr-wrapper {
  padding: 0px 20px !important; }

.froala-custom .fr-sticky-on {
  position: static !important; }

.froala-custom .fr-sticky-off {
  position: static !important; }

.froala-custom .fr-sticky-on + .fr-sticky-dummy {
  display: none !important; }

.fs-small {
  font-size: 8px !important; }

.obm-check-in-status {
  color: #1cbf0f; }

.register__report--border {
  border: 1px solid #dfdfdf; }

.register__report--table {
  border-radius: 8px;
  padding: 16px 8px 16px 16px; }

.register__report--shadow {
  box-shadow: 2px 2px 50px 20px rgba(0, 25, 34, 0.05);
  border-radius: 16px;
  padding: 16px 24px 16px 24px; }

.register__report--box__shadow {
  box-shadow: 2px 2px 50px 20px rgba(0, 25, 34, 0.05); }

.register__report--icon {
  font-size: 20px;
  margin-top: 4px; }

.register__report--green {
  color: #018ABE; }

.register__report--orange {
  color: #FE5F23; }

.register__report--color__loading {
  color: #EBEBEB; }

.dashboards__dropdown--width .dashboards__dropdown {
  width: 100% !important; }

.dashboards__dropdown--width .dropdown .dropdown-menu {
  font-size: 16px; }

.width-94 {
  width: 94%; }

.w-20 {
  width: 20px; }

.rounded-10 {
  border-radius: 10px; }

.rounded-14 {
  border-radius: 14px !important; }

.rounded-16 {
  border-radius: 16px !important; }

.h-60 {
  height: 60%; }

.ellipsis--paragraph.ellipsis--list {
  -webkit-line-clamp: 1;
  text-align: center; }

.ellipsis--paragraph {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.td-overflow-visible th,
.td-overflow-visible td {
  overflow: visible !important; }

.model-email-confirm {
  overflow-y: auto;
  max-height: 450px;
  -ms-overflow-style: none;
  /* IE and Edge */
  /* Firefox */ }

.model-email-confirm::-webkit-scrollbar {
  display: none; }

.hide-class-header-DataTableJS header {
  display: none !important; }

.obm-contain-detail-meeting {
  min-height: 65vh; }

.img-icon {
  width: 16px;
  height: 16px; }

.lucky-winner {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  background-color: #F0FDF4;
  border-radius: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #16A34A; }

.card-select-type {
  width: 150px;
  height: 110px;
  padding: 16px;
  gap: 5px;
  border-radius: 8px; }

.card-background {
  height: 17px;
  background-color: #64748B; }

.pieChartWheel {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-image: conic-gradient(#D9D9D9 70deg, #64748B 0); }

.style-froala .fr-box.fr-basic {
  box-shadow: 0px 1px 2px 1px #00000026;
  border-radius: 5px !important;
  border: 1px solid gray; }

.style-froala .fr-toolbar.fr-top {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 10px 10px 0px 0px !important; }

.style-froala .fr-box.fr-basic .fr-wrapper {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-radius: 0px 0px 10px 10px !important;
  padding: 0px 20px; }

.style-froala .fr-sticky-on {
  position: relative !important; }

.style-froala .fr-sticky-on + .fr-sticky-dummy {
  display: none !important; }

.custom-items .fr-box.fr-basic {
  border-radius: 5px !important;
  border: 1px solid #E5E7EB; }

.custom-items .fr-wrapper {
  z-index: 0 !important; }

.custom-items .fr-toolbar.fr-top {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 10px 10px 0px 0px !important; }

.custom-items .fr-toolbar.fr-top {
  border-bottom: 1px solid #E5E7EB; }

.custom-items .fr-box.fr-basic .fr-wrapper {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-radius: 0px 0px 10px 10px !important;
  padding: 0px 20px; }

.custom-items .fr-sticky-on {
  position: relative !important; }

.custom-items .fr-sticky-on + .fr-sticky-dummy {
  display: none !important; }

.card-empty-variant {
  min-height: 230px;
  display: flex;
  justify-content: center;
  align-items: center; }

.btn-add-variant {
  border: 1px solid #dde0ec;
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  height: 22px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center; }

.btn-icon-variant {
  width: 24px !important;
  height: 24px !important;
  border: 1px solid #dde0ec !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }

.confer-regis-uinque {
  background-color: #FEE9CA;
  width: 44px;
  height: 44px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center; }

.confer-regis-total {
  background-color: #FECACA;
  width: 44px;
  height: 44px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center; }

.table-conference {
  overflow-y: auto;
  scrollbar-color: var(--primaryColor, #018ABE) #f5f5f5;
  scrollbar-width: thin; }
  .table-conference::-webkit-scrollbar {
    width: 8px;
    background: #f5f5f5; }
  .table-conference::-webkit-scrollbar-thumb {
    background: var(--primaryColor, #018ABE);
    border-radius: 8px; }

.table-conference-modal {
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid #E5E7EB;
  border-radius: 8px; }
  .table-conference-modal::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: #f5f5f5; }
  .table-conference-modal::-webkit-scrollbar-thumb {
    background: var(--primaryColor, #018ABE);
    border-radius: 4px; }
  .table-conference-modal::-webkit-scrollbar:horizontal {
    height: 4px; }
  .table-conference-modal .table {
    margin-bottom: 0;
    border: none; }
    .table-conference-modal .table thead {
      position: sticky;
      top: 0;
      z-index: 10; }
    .table-conference-modal .table th {
      background-color: #F8FAFC;
      color: #6B7280;
      font-weight: 500;
      font-size: 12px;
      line-height: 20px;
      padding: 12px 16px;
      border-top: none;
      border-bottom: 1px solid #E5E7EB;
      position: sticky;
      top: 0;
      z-index: 10; }
      .table-conference-modal .table th:first-child {
        border-left: none; }
      .table-conference-modal .table th:last-child {
        border-right: none; }
    .table-conference-modal .table td {
      padding: 12px 16px;
      font-size: 14px;
      line-height: 20px;
      color: #111827;
      border-color: #E5E7EB; }
      .table-conference-modal .table td:first-child {
        border-left: none; }
      .table-conference-modal .table td:last-child {
        border-right: none; }

.table {
  border: 1px solid #E5E7EB;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 8px;
  overflow: hidden;
  max-height: 600px;
  overflow-y: auto; }
  .table th {
    background-color: #F8FAFC;
    color: #6B7280;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 12px 16px; }
  .table td {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    color: #111827; }

.w-120px {
  width: 120px; }

.export-dropdown {
  width: 200px; }

.flex-grow-1 {
  flex: 1 1 0%; }

.position-icon-search {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2; }

.btn-registration-conference {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  background-color: #4B81F7; }

.text-booking {
  color: #1CBF0E !important; }

.max-width-250 {
  max-width: 250px; }

.topic-name-conference {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  white-space: normal !important; }

/*!
 * froala_editor v3.1.0 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2020 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

img.fr-rounded,
.fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

img.fr-bordered,
.fr-img-caption.fr-bordered img {
  border: solid 5px #CCC; }

img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-view {
  word-wrap: break-word; }

.fr-view span[style~="color:"] a {
  color: inherit; }

.fr-view strong {
  font-weight: 700; }

.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%; }

.fr-view table td {
  min-width: 5px; }

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed; }

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke; }

.fr-view table td,
.fr-view table th {
  border: 1px solid #DDD; }

.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px; }

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red; }

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px; }

.fr-view table th {
  background: #ececec; }

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always; }

.fr-view .fr-file {
  position: relative; }

.fr-view .fr-file::after {
  position: relative;
  content: "\1F4CE";
  font-weight: normal; }

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible; }

.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0; }

.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00BCD4; }

.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43A047; }

.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1; }

.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4; }

.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047; }

.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0; }

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle; }

.fr-view .fr-text-gray {
  color: #AAA !important; }

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0; }

.fr-view .fr-text-spaced {
  letter-spacing: 1px; }

.fr-view .fr-text-uppercase {
  text-transform: uppercase; }

.fr-view .fr-class-highlighted {
  background-color: #ffff00; }

.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace; }

.fr-view .fr-class-transparency {
  opacity: 0.5; }

.fr-view img {
  position: relative;
  max-width: 100%; }

.fr-view img.fr-dib {
  margin: 1px auto;
  display: block;
  float: none;
  vertical-align: top; }

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%; }

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

.fr-view .fr-video {
  text-align: center;
  position: relative; }

.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.fr-view .fr-video.fr-rv > iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none; }

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both; }

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left; }

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right; }

.fr-view .fr-video.fr-dvi {
  display: inline-block; }

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left; }

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right; }

.fr-view a.fr-strong {
  font-weight: 700; }

.fr-view a.fr-green {
  color: green; }

.fr-view .fr-img-caption {
  text-align: center; }

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center; }

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px; }

/**
 * Image style.
 */
a.fr-view.fr-strong {
  font-weight: 700; }

a.fr-view.fr-green {
  color: green; }

/**
 * Link style.
 */
img.fr-view {
  position: relative;
  max-width: 100%; }

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%; }

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scroll::-webkit-scrollbar {
  display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scroll {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.hide-scroll :-webkit-scrollbar {
  width: 5px;
  height: 5px; }

.container-visitor-list-booth {
  position: fixed;
  right: 8px;
  top: 138px;
  z-index: 998;
  max-height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden; }

.container-visitor-list-booth.show-left {
  right: auto !important;
  left: 8px; }

.booth-visitor-list-container {
  max-height: 49vh;
  overflow-y: scroll;
  overflow-x: hidden; }

.item-user-count-booth {
  background-color: rgba(255, 255, 255, 0.664);
  padding: 8px;
  border-radius: 20px;
  align-self: flex-end;
  background-position: center;
  transition: background 0.5s; }

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

.visitor-count-text {
  font-size: 14px; }

.visitor-count-text.visitor-join {
  animation: counting 0.3s; }

@keyframes counting {
  50% {
    font-weight: bold;
    background-color: white; } }

.item-user-count-booth.visitor-join {
  animation: counting 0.3s; }

.item-user-count-booth.show-left {
  align-self: flex-start !important; }

.item-visitor-booth {
  background-color: rgba(255, 255, 255, 0.664);
  border-radius: 20px;
  overflow: hidden;
  height: 35px;
  transition: width 0.3s;
  padding: 0px !important; }

.item-visitor-booth.hide-name {
  width: 110px; }

.item-visitor-booth.show-name {
  width: 180px; }

.item-visitor-booth.close-item {
  width: 35px !important;
  height: 35px !important;
  padding: 0px !important; }

.slide-in-left {
  animation: slide-in-left 0.3s forwards;
  -webkit-animation: slide-in-left 0.3s forwards; }

.slide-in-right {
  animation: slide-in-right 0.3s forwards;
  -webkit-animation: slide-in-right 0.3s forwards; }

.slide-out {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards; }

@keyframes slide-in-left {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slide-in-left {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }

@keyframes slide-in-right {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slide-in-right {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%); } }

.img-profile-join {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 50%;
  cursor: pointer; }

#avatar-label {
  position: fixed;
  top: 0px;
  left: 0px; }

.cursor-pointer {
  cursor: pointer; }

.visitor-icon-animation {
  animation: flickerAnimation 1.5s infinite; }

@keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

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

.container-pano {
  width: 100vw;
  height: 100vh;
  position: absolute; }

.container-modal {
  height: auto; }

.background-modal {
  background-color: rgba(0, 0, 0, 0.0001) !important; }

.info-modal .modal-content {
  margin-top: 7rem !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: 1px solid rgba(0, 0, 0, 0) !important; }

.bg-button {
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-left: 6px;
  margin-right: 6px;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5); }

.remove-button {
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  top: 4px;
  right: 4px;
  position: absolute;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5); }

.remove-button:hover {
  opacity: 1; }

.container-loading {
  position: absolute;
  background-color: black;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh; }

.content-loading-booth {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.btn-accel {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.btn-accel-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-accel-danger {
  color: #fff;
  background-color: #b73333;
  border-color: #ca3b3b; }

.container-main-booth {
  position: relative; }

.video-responsive {
  overflow: hidden;
  position: relative;
  height: 0; }

.video-responsive YouTube {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

.main-container-live {
  display: flex;
  position: relative; }
  .main-container-live:hover .container-comment-handle-video {
    bottom: 60px; }

.container-evp-live {
  height: 100%;
  position: relative; }

.cursor-pointer {
  cursor: pointer; }

.container-chat-panel {
  width: 40rem;
  right: 0px;
  height: 100% !important; }

.container-monitor-live {
  width: 100%;
  height: 100%; }

.sm-monitor {
  background-color: black;
  height: 100%;
  position: relative;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important; }

.tool-bar-bottom {
  position: absolute;
  width: 100%;
  bottom: 24px;
  left: 4px; }

.tool-bar-top {
  position: absolute;
  width: 100%;
  z-index: 900; }

.main-monitor {
  background-color: black;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.basic-monitor {
  position: relative;
  background-color: black;
  width: 100%;
  height: 100%; }

.local-co-host {
  position: absolute;
  left: 24px;
  bottom: 24px;
  width: 200px;
  height: 118px;
  background-color: black; }

.thumbnail-co-host {
  width: 200px;
  height: 118px;
  background-color: black; }

.detail-thumbnail-co-host {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px; }

.text-name-co-host {
  background-color: rgba(0, 0, 0, 0.671);
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
  font-size: 10px;
  position: absolute;
  bottom: 0px;
  left: 0px; }

.text-name-audience {
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 120px;
  font-size: 12px; }

.hide {
  display: none; }

.container-grid-layout {
  padding-top: 45px;
  width: 100%;
  height: calc(100% - 45px);
  overflow: scroll; }

.btn-page-grid {
  position: fixed;
  z-index: 999;
  top: 40%;
  background-color: black;
  border-radius: 10px;
  color: #a12000;
  border: none;
  width: 40px;
  height: 50px; }

button:focus {
  outline: 0; }

.btn-page-grid :hover {
  background-color: black;
  color: #ff3300; }

.btn-page-grid.next {
  right: 40rem; }

.btn-page-grid.prev {
  left: 0; }

.grid-wrap {
  word-wrap: break-word; }

.dropdown-menu {
  padding: 0px; }

.container-panel-tab {
  height: 83vh; }

.pointer {
  cursor: pointer; }

.pointer:hover {
  color: #007bff; }

.img-profile-audience {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  object-fit: cover; }

.text-product-name {
  font-size: 12px;
  max-lines: 2; }

.text-product-price {
  font-size: 18px; }

.hover-shadow {
  transition: box-shadow .3s; }

.hover-shadow:hover {
  box-shadow: 0 0 4px rgba(33, 33, 33, 0.5); }

.container-remove-product-live {
  position: absolute;
  top: 8px;
  right: 24px; }

@keyframes live-anitmate {
  0% {
    opacity: 0.8; }
  50% {
    opacity: 1.0; }
  100% {
    opacity: 0.8; } }

.container-live-text {
  background-color: #eb3c3c;
  color: white;
  border-radius: 5px;
  padding: 5px;
  font-size: 12px;
  height: 30px;
  animation: live-anitmate 1s infinite; }

.container-infomation-text {
  background-color: rgba(0, 0, 0, 0.534);
  color: white;
  border-radius: 5px;
  padding: 5px;
  font-size: 14px;
  height: 30px; }

.container-time {
  min-width: 75px; }

.removecaret .dropdown-toggle:after {
  content: none; }

.text-white .dropdown-toggle:after {
  color: white; }

.container-infomation-text button {
  margin-top: -4px; }

.btn-close-live {
  background-color: rgba(0, 0, 0, 0.555);
  width: 35px;
  height: 35px;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  align-items: center; }

.btn-close-live:hover {
  background-color: rgba(112, 112, 112, 0.555); }

.link-see-more {
  color: white; }

.link-see-more:hover {
  color: #007bff; }

.highlight-green {
  color: #59dd0c; }

.bg-black {
  background-color: black; }

.container-switch-resource {
  width: 180px;
  background-color: black;
  border-width: 1px;
  border-color: white; }

.item-dropdown-switch-resource {
  font-size: 12px; }
  .item-dropdown-switch-resource:hover {
    background-color: rgba(255, 255, 255, 0.096); }

.live-attend-nav-item {
  cursor: pointer;
  color: #c7c7c7;
  font-size: 14px;
  list-style: none;
  background-image: none;
  background-repeat: none;
  background-position: 0; }

.live-selected-nav-item {
  cursor: pointer;
  color: white;
  font-size: 14px;
  list-style: none;
  background-image: none;
  background-repeat: none;
  background-position: 0; }

.tool-bar {
  z-index: 202;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0; }

.video-history {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain; }
  .video-history:hover + .tool-bar {
    bottom: 50px; }

.container-vimeo-video-history {
  position: relative;
  width: 100%;
  height: 100%; }

.container-video-history {
  position: relative;
  width: 100%;
  height: 100%; }
  .container-video-history video::-webkit-media-controls-fullscreen-button {
    display: none; }
  .container-video-history video::-webkit-media-controls-mute-button {
    display: none; }
  .container-video-history .item-play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 223; }
    .container-video-history .item-play-video .btn-play-video {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      width: 60px;
      height: 60px;
      font-size: 30px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.459); }
      .container-video-history .item-play-video .btn-play-video:hover {
        opacity: 0.8; }

.facebook-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  width: 100%; }

.facebook-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

.full-screen-ios {
  position: fixed;
  z-index: 1059;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.container-menu-attendee-content {
  border: none;
  padding: 0px;
  background-color: white !important;
  width: 150px;
  border-radius: 4px; }

.item-menu-attendee {
  padding: 8px;
  cursor: pointer;
  font-size: 14px; }
  .item-menu-attendee:hover {
    background-color: #dfdfdf; }

.text-shadow {
  text-shadow: 0 0 3px #000;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black; }

.btn-control-live {
  background-color: rgba(0, 0, 0, 0.466); }

.live-stream-player {
  width: 100%;
  height: 90% !important; }

/* width */
.sm-scroll::-webkit-scrollbar {
  width: 5px; }

/* Track */
.sm-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background: transparent; }

/* Handle */
.sm-scroll::-webkit-scrollbar-thumb {
  background: lightgray;
  border-radius: 10px; }

/* Handle on hover */
.sm-scroll::-webkit-scrollbar-thumb:hover {
  background: lightgray; }

.sm-scroll {
  scrollbar-color: lightgray rgba(0, 0, 0, 0);
  scrollbar-width: thin; }

.sideBar {
  width: 20vw;
  height: 100%;
  padding: 10px 0px 0px 0px;
  margin: 0px;
  color: black;
  background-color: white;
  overflow: auto;
  overflow-x: hidden; }

.evx {
  width: 100%;
  height: 100%; }

.evx-container {
  width: 80vw; }

.sideBar-hide {
  display: none; }

.title-sidebar {
  font-size: 16px;
  font-weight: 600; }

.text-sidebar {
  font-size: 22px; }

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.container-comment {
  position: absolute;
  left: 20px;
  bottom: 16px;
  z-index: 201;
  max-width: 360px; }

.container-comment-handle-video {
  position: absolute;
  left: 20px;
  bottom: 16px;
  z-index: 201;
  max-width: 360px; }

.container-comment.host {
  bottom: 64px; }

@media (max-width: 660px) {
  .container-comment {
    right: 16px;
    width: 200px; } }

.comment-item, .side-comment-item {
  width: 100%;
  transition: opacity 0.3s ease-in-out;
  word-break: break-word; }

.comment-item.level0 {
  opacity: 0; }

.comment-item.level02 {
  opacity: 0.2; }

.comment-item.level05 {
  opacity: 0.5; }

.comment-item.level1 {
  opacity: 1; }

.comment-options {
  visibility: hidden;
  width: 100px;
  display: flex;
  justify-content: start; }

.unpin-option {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red;
  position: absolute;
  right: 4px; }

.side-comment-menu::after, .side-comment-menu::before {
  display: none !important; }

.comment-item:hover .comment-options, .side-comment-item:hover .comment-options {
  visibility: visible; }

.reply-item {
  width: 100%;
  transition: opacity 0.3s ease-in-out; }

.reply-item:hover .reply-options {
  visibility: visible; }

.reply-options {
  visibility: hidden; }

.container-item-pin:hover .comment-options {
  visibility: visible; }

.container-text-comment {
  padding: 8px;
  border-radius: 10px;
  background-color: rgba(95, 95, 95, 0.425);
  margin-left: 4px;
  position: relative; }

.container-comment-list {
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.container-comment-list::-webkit-scrollbar {
  width: 0 !important;
  display: none; }

.container-item-pin {
  position: relative; }

.text-comment {
  color: white;
  font-size: 14px; }

.text-name-comment {
  color: white;
  font-size: 12px; }

.img-profile-comment {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover; }

.img-profile-account {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover; }

.button-hide-all-comment {
  display: none;
  cursor: pointer;
  color: white;
  position: absolute;
  padding: 8px;
  font-size: 8px;
  right: 0;
  top: 15%;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20px; }
  .button-hide-all-comment:hover {
    position: 0.8; }

.container-comment-input {
  position: relative; }
  .container-comment-input:hover .button-hide-all-comment {
    display: block; }

.input-write-comment {
  position: relative;
  background-color: white;
  border-radius: 25px;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  margin-left: 4px;
  width: 100%;
  outline: none;
  border-width: 1px;
  border-color: rgba(95, 95, 95, 0.425); }

@media (max-width: 660px) {
  .input-write-comment {
    padding-right: 40px; } }

.input-reply-comment {
  background-color: white;
  color: black;
  height: 30px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  margin-left: 4px;
  width: 100%;
  outline: none;
  border-width: 1px;
  border-color: rgba(95, 95, 95, 0.425); }

.cancel-reply {
  background-color: rgba(255, 0, 0, 0.5);
  color: white;
  cursor: pointer; }

.send-reply {
  background-color: red;
  color: white;
  cursor: pointer; }

.comment-option-item {
  background-color: rgba(95, 95, 95, 0.425);
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 11px; }

.hide-chat-button {
  background-color: rgba(95, 95, 95, 0.425);
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 11px;
  position: absolute;
  top: -8px;
  left: -8px; }

.show-chat-button {
  width: 34px;
  height: 34px;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  cursor: pointer; }
  .show-chat-button:hover {
    opacity: 0.8; }

.container-profile-intput {
  position: relative;
  width: 35px;
  height: 35px;
  cursor: pointer; }
  .container-profile-intput:hover .button-hide-comment {
    display: block; }

.button-hide-comment {
  display: none;
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  padding: 15%; }

.pin-container {
  position: relative;
  padding-top: 10px !important;
  background-color: #6b6b6b21; }
  .pin-container::-webkit-scrollbar {
    width: 5px; }
  .pin-container::-webkit-scrollbar-track-piece {
    background-color: transparent; }
  .pin-container::-webkit-scrollbar-thumb {
    background-color: #CBCBCB;
    outline: none;
    outline-offset: none;
    border: none;
    border-radius: 2.5px; }
  .pin-container::-webkit-scrollbar-thumb:hover {
    background-color: #909090; }
  .pin-container.hidden {
    height: 1px; }

.side-pin-container {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  max-height: 140px;
  overflow-y: scroll;
  background-color: white; }
  .side-pin-container::-webkit-scrollbar {
    width: 5px; }
  .side-pin-container::-webkit-scrollbar-track-piece {
    background-color: transparent; }
  .side-pin-container::-webkit-scrollbar-thumb {
    background-color: #CBCBCB;
    outline: none;
    outline-offset: none;
    border: none;
    border-radius: 2.5px; }
  .side-pin-container::-webkit-scrollbar-thumb:hover {
    background-color: #909090; }
  .side-pin-container.hidden {
    height: 1px; }

.btn-expand-comment {
  background-color: white;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 1px solid black; }

.btn-expand-comment.bottom {
  bottom: -4px;
  left: 4px; }

.btn-expand-comment.top {
  top: -8px;
  right: -8px;
  background-color: #868686; }

.container-manage-product {
  position: absolute;
  bottom: 0px;
  right: 0px; }

.container-product-list {
  max-height: 400px;
  width: 300px;
  overflow-y: scroll;
  z-index: 1000;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.img-product-live {
  max-width: 50px;
  max-height: 60px;
  object-fit: contain; }

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

.btn-setting-product {
  height: 30px;
  color: white;
  font-size: 12px;
  border-width: 0px; }
  .btn-setting-product:hover {
    opacity: 0.8; }

.container-product-show {
  position: absolute;
  width: auto;
  top: 45px;
  right: 20px;
  z-index: 200; }

.container-product-list-show {
  width: 250px;
  max-height: 70%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.item-product-show {
  background-color: white;
  cursor: pointer; }
  .item-product-show:hover {
    background-color: #f7f7f7; }

.btn-close-product-list {
  background-color: rgba(95, 95, 95, 0.425);
  height: 20px;
  width: 20px;
  font-size: 10px;
  color: white;
  border-radius: 10px;
  border-width: 0px;
  cursor: pointer; }

.btn-open-product-list {
  cursor: pointer;
  width: 50px;
  height: 50px;
  object-fit: contain; }
  .btn-open-product-list:hover {
    opacity: 0.9; }
  @media (max-width: 660px) {
    .btn-open-product-list {
      width: 40px;
      height: 40px; } }

.container-img-product-live {
  position: relative; }

.container-flash-sale {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #da0000;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center; }

.container-coupon-show {
  position: absolute;
  width: auto;
  top: 45px;
  left: 20px;
  z-index: 99; }

@media (max-width: 440px) {
  .container-coupon-list-show {
    width: calc(100vw - 40px) !important; } }

.btn-get-coupon {
  width: 80px; }

.container-manage {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 666; }

.container-manage.host {
  bottom: 67px !important; }

.manage-product-button {
  width: 34px;
  height: 34px;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white; }

.img-coupon-manage {
  width: 200px;
  height: 80px; }

.live-question-popup-content {
  border: none;
  padding: 0px;
  background-color: white !important;
  width: 500px;
  border-radius: 4px; }
  @media screen and (max-width: 600px) {
    .live-question-popup-content {
      width: 320px; } }

.live-vote-popup-content {
  border: none;
  padding: 0px;
  background-color: white !important;
  width: 500px;
  border-radius: 4px;
  height: 500px; }
  @media screen and (max-width: 600px) {
    .live-vote-popup-content {
      width: 320px; } }

.title-question-popup {
  font-size: 14px;
  padding: 8px;
  background-color: #ececec;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.container-tab-question {
  padding: 4px;
  background-color: whitesmoke;
  border-radius: 4px; }

.item-tab {
  padding: 8px;
  font-size: 14px;
  background-color: transparent;
  border-radius: 4px;
  text-align: center;
  font-weight: normal;
  cursor: pointer; }
  .item-tab:hover {
    background-color: white; }

.item-tab.active {
  background-color: white;
  font-weight: bold; }

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

.img-profile-question {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 50%; }

.name-profile {
  font-weight: bold;
  font-size: 12px; }

.time-profile {
  font-size: 12px;
  color: #818181; }

.text-question {
  font-size: 12px; }

.container-question {
  overflow-y: scroll;
  min-height: 300px;
  max-height: 320px; }
  @media screen and (max-width: 600px) {
    .container-question {
      min-height: 200px; } }

.container-vote {
  overflow-y: scroll;
  height: 450px; }
  @media screen and (max-width: 600px) {
    .container-vote {
      min-height: 200px; } }

.item-question {
  border-bottom: 1px solid #eeeeee; }

.btn-expand-question {
  font-size: 10px;
  color: #007bff;
  cursor: pointer; }

.container-welcome-question {
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.text-detail-welcome {
  font-size: 12px;
  color: #888888; }

.container-answer-live {
  font-size: 12px;
  color: #868686; }

.input-question-live {
  font-size: 14px; }

.options-question-live {
  color: #383838; }

.label-options-question {
  font-size: 14px; }

.red-dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: red;
  top: 0px;
  right: 0px;
  position: absolute; }

.q-n-a-icon {
  width: 30px; }

.button {
  position: relative;
  object-fit: cover;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  border: none;
  padding: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75);
  background-color: transparent;
  color: white; }

.setting-button {
  position: relative;
  object-fit: cover;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  border: none;
  padding: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white; }

.setting-menu-button {
  position: relative;
  object-fit: cover;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  border: none;
  padding: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75);
  background-color: transparent;
  color: white; }

.live-profile-popup-content {
  border: none;
  padding: 0px;
  background-color: white !important;
  width: 280px;
  height: 160px;
  border-radius: 4px; }

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

.hover-lightgray:hover {
  background-color: #f8f9fa !important;
  cursor: pointer; }

.c-pointer {
  cursor: pointer; }

.no-focus-outline:focus {
  outline: none;
  box-shadow: none; }

.live-question-popup {
  border: none;
  padding: 0px;
  background-color: white !important;
  width: 320px;
  min-height: 160px;
  max-height: 500px;
  border-radius: 4px; }

.slide-container {
  position: relative; }

.number-scale-container {
  overflow-x: scroll; }

.kill-scrollbar::-webkit-scrollbar {
  display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
.kill-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

/* Variable Overrides */
:root {
  --video-width: 88.4rem; }

/* Align the quality menu to right side of video container */
.video-js .vjs-menu-button-popup .vjs-menu {
  left: auto;
  right: 0; }

.video-js .vjs-subs-caps-button {
  display: none; }

.video-js.vjs-paused button.vjs-big-play-button {
  display: block; }

.video-js .vjs-tech {
  border-radius: var(--radius-small);
  outline: none; }

.video-js .vjs-control-bar {
  border-radius: 0 0 5px 5px; }

.video-js .vjs-control-bar {
  bottom: 4vw !important;
  width: 40%;
  left: 30%;
  right: 30%; }

@media (max-width: 480px) {
  /* Smaller Screens */
  :root {
    --video-width: 100%; } }

@media (min-width: 480px) and (max-width: 767px) {
  /* Small Screens */
  :root {
    --video-width: 100%; } }

@media (min-width: 767px) and (max-width: 1024px) {
  /* Large Screens */
  :root {
    --video-width: 100%; } }

@media (min-width: 1024px) and (max-width: 1280px) {
  /* Large Screens */
  :root {
    --video-width: 64rem; } }

.obj-contain {
  object-fit: contain; }

.text-sm {
  font-size: small; }

.text-xs {
  font-size: x-small; }

.text-9 {
  font-size: 9px; }

.text-10 {
  font-size: 10px; }

.text-12 {
  font-size: 12px; }

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

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

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

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

.text-gray {
  color: #575757; }

.pointer {
  cursor: pointer; }

.hover-pointer {
  cursor: pointer; }
  .hover-pointer:hover {
    opacity: 0.8; }

.divider-item {
  height: 1px;
  background-color: #e7e7e7; }

.main-container-register {
  max-width: 1000px;
  margin-left: 8px;
  margin-right: 8px; }

.header-container {
  position: relative; }

.img-banner {
  border-radius: 10px;
  width: 100%; }

.container-img-bander {
  overflow: hidden;
  min-height: 250px;
  border-radius: 10px; }
  .container-img-bander img {
    max-height: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px; }

.container-summary {
  position: fixed; }

.landing-event-banner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 100%;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); }

.landing-event-banner {
  width: 100%;
  object-fit: contain; }

.landing-free-event-info-container {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  width: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  @media (max-width: 767.98px) {
    .landing-free-event-info-container {
      border: none;
      border-radius: none;
      box-shadow: none;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 0px;
      padding-bottom: 0px; } }
  .landing-free-event-info-container .info-box {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .landing-free-event-info-container .info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px; }
  .landing-free-event-info-container .info-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #a6a6a6; }

.landing-event-info-container {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media (max-width: 767.98px) {
    .landing-event-info-container {
      border: none;
      border-radius: none;
      box-shadow: none;
      padding: 1rem;
      padding-bottom: 0rem; } }
  @media (max-width: 767.98px) {
    .landing-event-info-container .info-box {
      border: 1px solid #e7e7e7;
      border-radius: 10px;
      text-align: center;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; } }
  .landing-event-info-container .info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px; }
  .landing-event-info-container .info-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px; }
    @media (max-width: 767.98px) {
      .landing-event-info-container .info-title {
        color: #a6a6a6; } }

.landing-select-ticket-container {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  width: 100%;
  position: relative;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
  @media (max-width: 767.98px) {
    .landing-select-ticket-container {
      box-shadow: none;
      padding: 1rem;
      padding-bottom: 0px; } }

.landing-select-ticket-title {
  font-size: 22px;
  line-height: 33px; }
  @media (max-width: 767.98px) {
    .landing-select-ticket-title {
      display: none; } }
  .landing-select-ticket-title.center {
    text-align: center;
    font-weight: 700; }

.landing-event-banner-title {
  font-size: 16px;
  line-height: 22px;
  display: none; }
  @media (max-width: 767.98px) {
    .landing-event-banner-title {
      display: block; } }
  .landing-event-banner-title.mobile {
    font-size: 18px;
    font-weight: 700;
    line-height: normal; }

.select-ticket-buy-button {
  width: 100%;
  color: white;
  border-radius: 10px;
  border: none;
  bottom: -4px;
  left: 0px;
  font-weight: 600;
  font-size: 20px;
  min-height: 56px; }
  @media (max-width: 767.98px) {
    .select-ticket-buy-button {
      border-radius: 20px 20px 0px 0px;
      font-size: 16px;
      z-index: 199;
      background-color: transparent;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.landing-select-ticket-counting-box {
  border-radius: 10px;
  border: 1px solid black;
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1; }
  .landing-select-ticket-counting-box.early {
    border: 1px solid #b70909;
    color: #b70909; }
  .landing-select-ticket-counting-box.no-border {
    width: 36px;
    height: auto;
    border: none; }
  .landing-select-ticket-counting-box .count-num {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 0px; }
  .landing-select-ticket-counting-box .count-title {
    font-weight: 300;
    font-size: 9px;
    margin-bottom: 0px; }
  @media (max-width: 767.98px) {
    .landing-select-ticket-counting-box {
      color: white;
      background-color: black;
      width: 44px;
      height: 44px; }
      .landing-select-ticket-counting-box.no-border {
        width: 31px;
        border: none;
        color: black;
        background-color: white; }
      .landing-select-ticket-counting-box.early {
        background-color: #b70909;
        color: white; } }

.landing-select-ticket-counting-box-container {
  display: flex; }
  @media (max-width: 767.98px) {
    .landing-select-ticket-counting-box-container {
      flex-wrap: wrap; } }

@media (max-width: 767.98px) {
  .landing-event-description {
    margin-bottom: 84px; } }

.landing-select-ticket-list {
  max-height: 470px;
  overflow-y: scroll; }

.landing-select-ticket-item {
  border-radius: 10px; }
  .landing-select-ticket-item.even {
    background-color: #ffff; }
  .landing-select-ticket-item.odd {
    background-color: #F4F6FF; }
  .landing-select-ticket-item .select-ticket-type {
    line-height: 11px;
    font-weight: 700;
    font-size: 18px; }
    .landing-select-ticket-item .select-ticket-type.free {
      margin-bottom: 0px !important; }
  .landing-select-ticket-item .select-ticket-time-container {
    display: flex;
    align-items: center;
    justify-content: end; }
    @media (max-width: 767.98px) {
      .landing-select-ticket-item .select-ticket-time-container {
        flex-wrap: wrap; } }
    .landing-select-ticket-item .select-ticket-time-container .select-ticket-time-icon i {
      font-size: 20px;
      width: 36px;
      color: black; }
  .landing-select-ticket-item .select-ticket-input-container {
    display: flex;
    justify-content: space-between; }
    .landing-select-ticket-item .select-ticket-input-container .select-ticket-input-number {
      line-height: 22px;
      font-weight: 700;
      font-size: 19px;
      border-bottom: 1px solid black;
      margin-left: 10px;
      margin-right: 10px;
      min-width: 20px;
      display: flex;
      justify-content: center; }
      .landing-select-ticket-item .select-ticket-input-container .select-ticket-input-number.l-low {
        border-bottom: 0px;
        line-height: 35px;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 4px; }
    .landing-select-ticket-item .select-ticket-input-container .select-ticket-input-button {
      color: white;
      background-color: black;
      border: none;
      border-radius: 4px;
      width: 20px;
      height: 20px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .landing-select-ticket-item .select-ticket-input-container .select-ticket-input-button.disabled {
        background: #D9D9D9; }
      .landing-select-ticket-item .select-ticket-input-container .select-ticket-input-button:disabled {
        background: #D9D9D9; }
      .landing-select-ticket-item .select-ticket-input-container .select-ticket-input-button.large {
        width: 36px;
        height: 36px; }
  .landing-select-ticket-item .select-ticket-old-price {
    font-size: 12px;
    font-weight: 600;
    color: #A7AEB8;
    text-decoration: line-through; }
  .landing-select-ticket-item .select-ticket-price {
    line-height: 22px;
    font-weight: 600;
    font-size: 18; }
    .landing-select-ticket-item .select-ticket-price.discounted {
      color: #FF0019; }
    @media (max-width: 600px) {
      .landing-select-ticket-item .select-ticket-price {
        line-height: 12px;
        font-size: 14px; } }
  .landing-select-ticket-item .select-ticket-currency {
    line-height: 22px;
    font-weight: 275;
    font-size: 13px; }

.end-select-ticket-label {
  font-size: 13px;
  line-height: 22px;
  color: #a6a6a6; }
  .end-select-ticket-label.early {
    color: #b70909; }

.landing-header-bg {
  width: 100vw;
  height: 30vh;
  object-fit: cover;
  position: absolute;
  filter: blur(8px); }
  .landing-header-bg.mobile {
    height: 35vh; }

.imgBanner {
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  transition: transform 1s; }

.imgBanner:hover {
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 20px; }

.card-payment-type {
  line-height: 22px;
  font-weight: 500;
  font-size: 19px;
  border: 2px solid #CCCCCC;
  border-radius: 10px;
  cursor: pointer;
  background-color: white;
  color: black; }
  .card-payment-type.active {
    border: 4px solid #4C5398 !important;
    color: #4C5398; }

.complete-event-banner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 100%;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  height: 400px; }

.complete-event-banner {
  width: 100%;
  object-fit: contain; }

.bar-register {
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none; }

.card-payment {
  border: 2px solid #4C5398;
  border-radius: 6px;
  background: white; }

.card-gbpay-cd {
  min-height: 530px !important; }

#gbprimepay-iframe {
  min-height: 540px !important; }

.card__border--none {
  border: none !important; }

.radius-6 {
  border-radius: 6px; }

.border--ticket__item {
  border: 1px solid #e2e2e2;
  transition: all .4s; }

.border--ticket__item:hover {
  background-color: #f4f6ff;
  border: 1px solid #f4f6ff; }

.fs-datetime {
  font-size: 16px;
  font-weight: 600; }

.fs-discrption-ticket {
  font-size: 16px; }

.rounder {
  border-radius: 8px; }

.x-rounder {
  border-radius: 20px; }

.add-ticket-container {
  width: 100%;
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  display: none;
  background-color: white;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-bottom: calc(1.5rem + 64px);
  position: relative; }
  .add-ticket-container.on-add {
    display: block; }
  .add-ticket-container .add-ticket-list {
    overflow-y: auto;
    height: calc(100% - 54px); }
  .add-ticket-container .add-ticket-title {
    text-align: center;
    font-size: 22px;
    line-height: 33px;
    font-weight: 500;
    margin-bottom: 1.5rem; }
  .add-ticket-container .add-ticket-button {
    width: 100%;
    color: white;
    background-color: #000000;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 0px 0px 40px 40px;
    border: none;
    height: 64px; }
    @media (max-width: 767.98px) {
      .add-ticket-container .add-ticket-button {
        height: 54px; } }
  @media (max-width: 767.98px) {
    .add-ticket-container {
      position: fixed;
      top: 10px;
      left: 10px;
      width: calc(100vw - 20px);
      height: calc(100vh - 20px);
      z-index: 199; } }

.ticket-cart-container {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); }
  @media (max-width: 767.98px) {
    .ticket-cart-container {
      box-shadow: none;
      border: 1px solid black; } }
  .ticket-cart-container.on-add {
    display: none; }
    @media (max-width: 767.98px) {
      .ticket-cart-container.on-add {
        display: block; } }
  .ticket-cart-container .promo-input {
    display: flex;
    align-items: flex-end; }
    .ticket-cart-container .promo-input .apply-code-button {
      background: #EFEDED;
      border-radius: 4px 4px 0px 0px;
      font-size: 14px;
      font-weight: 300;
      border: none; }
    .ticket-cart-container .promo-input .apply-code-emt-button {
      background: #00CEB5;
      border-radius: 4px 4px 4px 4px;
      font-size: 14px;
      font-weight: 300;
      border: none;
      color: #FFFFFF;
      padding: 5px 10px;
      cursor: pointer; }
      .ticket-cart-container .promo-input .apply-code-emt-button:disabled {
        background: #D9D9D9;
        cursor: not-allowed; }
  .ticket-cart-container .ticket-cart-banner-container {
    width: 100%;
    height: 185px;
    overflow: hidden; }
    .ticket-cart-container .ticket-cart-banner-container .ticket-cart-banner {
      width: 100%;
      object-fit: cover; }
    @media (max-width: 767.98px) {
      .ticket-cart-container .ticket-cart-banner-container {
        display: none; } }
  .ticket-cart-container .ticket-cart-pay-button-container {
    position: relative; }
    .ticket-cart-container .ticket-cart-pay-button-container .ticket-cart-pay-button {
      border: none;
      width: 100%;
      height: 60px;
      background-color: #CC1F1F;
      font-weight: 500;
      font-size: 23px; }
      @media (max-width: 767.98px) {
        .ticket-cart-container .ticket-cart-pay-button-container .ticket-cart-pay-button {
          position: fixed;
          bottom: 0px;
          left: 0px;
          z-index: 199;
          border-radius: 20px 20px 0px 0px; } }
  .ticket-cart-container .ticket-cart-detail .ticket-cart-title {
    font-weight: 500;
    font-size: 22px; }
  .ticket-cart-container .ticket-cart-detail .ticket-cart-add-button {
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    background-color: black;
    border: none;
    border-radius: 4px;
    color: white; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-add-button:hover {
      opacity: 0.8; }
  .ticket-cart-container .ticket-cart-detail .ticket-cart-item {
    display: flex;
    justify-content: space-between; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-item .ticket-cart-item-name {
      width: 33%;
      text-align: left;
      font-weight: 500;
      font-size: 15px; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-item .ticket-cart-item-price {
      width: 33%;
      text-align: right;
      font-weight: 700;
      font-size: 15px; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-item .input-container {
      display: flex;
      justify-content: space-between; }
      .ticket-cart-container .ticket-cart-detail .ticket-cart-item .input-container .input-number {
        font-weight: 500;
        font-size: 15px;
        text-decoration: underline;
        margin-left: 10px;
        margin-right: 10px;
        min-width: 20px;
        text-align: center; }
      .ticket-cart-container .ticket-cart-detail .ticket-cart-item .input-container .input-button {
        color: white;
        background-color: rgba(0, 0, 0, 0.75);
        border: none;
        border-radius: 4px;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .ticket-cart-container .ticket-cart-detail .ticket-cart-item .input-container .input-button.disabled {
          background: #D9D9D9; }
        .ticket-cart-container .ticket-cart-detail .ticket-cart-item .input-container .input-button:disabled {
          background: #D9D9D9; }
  .ticket-cart-container .ticket-cart-detail .ticket-cart-exclusive-item-container .cart-exclusive-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    color: black;
    margin-bottom: 8px; }
  .ticket-cart-container .ticket-cart-detail .ticket-cart-exclusive-item-container .cart-exclusive-item-list {
    font-size: 14px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    background-color: #F6F6F6;
    padding: 10px;
    color: black;
    width: 100%; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-exclusive-item-container .cart-exclusive-item-list .cart-exclusive-item {
      display: flex;
      justify-content: space-between;
      align-items: center; }
  .ticket-cart-container .ticket-cart-detail .ticket-cart-promo-container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-promo-container .promo-title {
      font-weight: bold;
      font-size: 15px; }
  .ticket-cart-container .ticket-cart-detail .ticket-cart-sum-container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-sum-container .sum-title {
      font-weight: bold;
      font-size: 15px; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-sum-container .sum-price {
      font-weight: 500;
      font-size: 15px; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-sum-container #ticket-cart-req-bill {
      font-weight: 300;
      font-size: 15px; }
    .ticket-cart-container .ticket-cart-detail .ticket-cart-sum-container #ticket-cart-i-accept {
      font-weight: 300;
      font-size: 15px; }

.free-register-detail-title {
  background: #000000;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  height: 75px;
  color: white;
  display: flex;
  align-items: center; }
  @media (max-width: 767.98px) {
    .free-register-detail-title {
      display: none; } }

.free-ticket-cart-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (max-width: 767.98px) {
    .free-ticket-cart-container {
      margin-bottom: .5rem; } }
  .free-ticket-cart-container .free-ticket-cart-header {
    font-weight: 400;
    font-size: 24px; }
    @media (max-width: 767.98px) {
      .free-ticket-cart-container .free-ticket-cart-header {
        display: none; } }

.ticket-cart-header {
  border-radius: 20px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  background-color: black;
  color: white;
  font-weight: 400;
  font-size: 24px;
  min-height: 75px;
  display: none;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 767.98px) {
    .ticket-cart-header {
      display: flex; } }
  .ticket-cart-header .ticket-cart-header-title {
    padding-left: 58px; }

.register-form-header {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  background-color: white;
  color: black;
  font-weight: 400;
  font-size: 24px;
  padding-top: 24px;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 8px 8px 0px 0px;
  cursor: pointer; }
  .register-form-header.expand {
    padding-bottom: 24px; }
  .register-form-header .payment-form-header-title {
    padding-left: 58px; }
  .register-form-header .bill-form-header-title {
    padding-left: 58px;
    font-weight: bold;
    font-size: 18px; }
  .register-form-header .person-form-header-title {
    display: flex;
    align-items: center; }
  .register-form-header .person-form-header-icon {
    display: none;
    align-items: center;
    color: white; }
    @media (max-width: 767.98px) {
      .register-form-header .person-form-header-icon {
        display: flex; } }
  .register-form-header .person-form-order {
    width: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 75px;
    border-radius: 20px;
    background-color: #B70909; }
    @media (max-width: 767.98px) {
      .register-form-header .person-form-order {
        width: 38px; } }
  .register-form-header .person-form-select-copy {
    border-radius: 10px;
    width: 100%;
    flex-basis: 0px;
    flex-grow: 1;
    height: 42px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    text-align: center;
    color: black;
    border: 1px solid black; }
    .register-form-header .person-form-select-copy:focus {
      outline: none; }
  .register-form-header .person-form-type {
    width: 130px;
    flex-basis: 0px;
    flex-grow: 1;
    height: 42px;
    background: #000000;
    border: 1px solid #FFFFFF;
    border-radius: 13px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0em;
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    @media (max-width: 767.98px) {
      .register-form-header .person-form-type {
        width: 80px; } }

.ellipsis-text {
  min-width: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.bill-form-container {
  margin-bottom: 1.5rem; }
  @media (max-width: 767.98px) {
    .bill-form-container {
      margin-bottom: 84px; } }

.box-card-shadow {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.register-form-body {
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding-left: 3rem;
  padding-right: 3rem;
  border-radius: 0px 0px 8px 8px; }
  .register-form-body.onsite {
    border: none;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 20px !important; }
  @media (max-width: 767.98px) {
    .register-form-body {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .register-form-body .payment-form-method {
    border-radius: 20px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    min-height: 82px;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .register-form-body .payment-form-method .radio-button {
      width: 28px;
      height: 28px;
      min-width: 28px;
      border-radius: 50%;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
      display: flex;
      justify-content: center;
      align-items: center; }
      .register-form-body .payment-form-method .radio-button .selected-dot {
        border-radius: 50%;
        background-color: black;
        width: 100%;
        height: 100%; }
    .register-form-body .payment-form-method .method-icon {
      height: 30px;
      object-fit: contain; }
    .register-form-body .payment-form-method .method-name {
      font-weight: 400;
      font-size: 18px; }
  .register-form-body .person-form-save-button {
    border-radius: 10px;
    background: #B70909;
    width: 100%;
    height: 38px;
    border: none; }

.page-prev-link,
.page-next-link {
  text-decoration: none;
  color: #000000;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center; }

.page-button {
  border-radius: 4px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 600; }

@media (max-width: 767.98px) {
  .free-register-button-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 50px;
    border-radius: 10px 10px 0px 0px;
    background: white;
    font-size: 16px;
    font-weight: 600;
    padding-left: 1.5rem;
    z-index: 99999;
    padding-right: 1.5rem; } }

.free-register-button-container .free-register-button {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  width: 100%;
  border: none;
  background: #000000;
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px; }
  @media (max-width: 767.98px) {
    .free-register-button-container .free-register-button {
      border-radius: 40px;
      background: #000000;
      color: white;
      font-size: 16px;
      font-weight: 600;
      z-index: 99999; } }

.free-register-button-container .change-bank-register-button {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  width: 100%;
  border: none;
  background: #000000;
  color: white;
  font-size: 18px;
  font-weight: 600; }
  @media (max-width: 767.98px) {
    .free-register-button-container .change-bank-register-button {
      display: none !important; } }

.change-bank-mb-register-button {
  display: none !important; }
  @media (max-width: 767.98px) {
    .change-bank-mb-register-button {
      padding: 10px;
      display: flex !important;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      width: 100%;
      border: none;
      background: #000000;
      color: white;
      font-size: 18px;
      font-weight: 600; } }

.onsite-register-button-container {
  display: flex;
  justify-content: end;
  align-items: center; }
  .onsite-register-button-container .onsite-register-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: none;
    background: #000000;
    color: white;
    height: 41px;
    min-width: 180px; }

.button-cart-pay {
  border: none;
  width: 100%;
  padding: 10px 30px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 23px; }
  @media (max-width: 767.98px) {
    .button-cart-pay {
      position: fixed;
      bottom: 0px;
      left: 0px;
      z-index: 199;
      border-radius: 20px 20px 0px 0px; } }

.bill-form-title {
  font-weight: bold;
  font-size: 22px; }

.btn-buy-ticket {
  border-radius: 40px;
  padding: 10px 50px; }

.btn-buy-ticket-sm {
  border-radius: 40px;
  padding: 5px 50px;
  margin-bottom: 20px;
  margin-top: 20px; }

.clear-code-button {
  background: transparent;
  font-size: 16px;
  font-weight: 300;
  border: none; }

.clear-code-button {
  background: transparent;
  font-size: 17px;
  line-height: 20px;
  border: none; }

.text-detail-bank {
  font-size: 14px;
  font-weight: 500; }

.contain-payment-type {
  background-color: #edf3fd; }

.disable-form-color {
  background-color: #e9ecef !important; }

.insight__buy--ticket {
  border-radius: 6px;
  padding: 5px 60px; }

.no-chevron select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.no-chevron i {
  right: 10px;
  bottom: 11px;
  pointer-events: none;
  font-size: 14px; }

.btn__onsite--register.outline {
  background-color: white;
  color: #4C5398; }

.btn__onsite--register {
  width: 154px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border-style: solid;
  border-color: #4C5398;
  background-color: #4C5398;
  color: white;
  font-weight: 600; }

.btn__onsite--register:hover {
  opacity: 0.8; }

.register__modal--otp {
  min-height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .register__modal--otp .input-height {
    min-height: 80px; }
  .register__modal--otp .pincode-input-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%; }
    .register__modal--otp .pincode-input-container .pincode-input-text {
      font-size: 28.8px;
      font-weight: 700;
      padding: 0 !important;
      margin: 0px !important;
      text-align: center !important;
      border: 1.2px solid rgba(66, 67, 72, 0.2) !important;
      background: transparent;
      height: 60px !important;
      width: 100% !important;
      max-width: 60px !important;
      min-width: 0px !important;
      flex-grow: 1;
      border-radius: 8px !important; }
    .register__modal--otp .pincode-input-container .pincode-input-text:focus {
      outline: none;
      box-shadow: none;
      border: 1px solid rgba(66, 67, 72, 0.5) !important; }
    .register__modal--otp .pincode-input-container .text-decoration-underline {
      text-decoration: underline !important; }

.animate-spin {
  animation: spin 1s linear infinite; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.register__otp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  z-index: 12000;
  top: -100px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #fff;
  transition: all .3s;
  border-radius: 20px;
  visibility: hidden;
  opacity: 0; }

.register__otp--show {
  visibility: visible;
  opacity: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 0px; }

.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none !important; }

#language-dropdown.dropdown-toggle:after {
  content: none !important;
  display: none; }

.dropdown-item:active {
  color: #16181b !important;
  text-decoration: none !important;
  background-color: #e9ecef !important; }

.complete-container {
  border-radius: 40px;
  background-color: white;
  position: relative;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  padding: 62px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (max-width: 575.98px) {
    .complete-container {
      box-shadow: none;
      padding-top: 32px;
      padding-bottom: 32px;
      padding-left: 0px;
      padding-right: 0px; } }
  .complete-container .close-complete-button {
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 28px;
    right: 28px; }
    @media (max-width: 575.98px) {
      .complete-container .close-complete-button {
        top: 18px;
        right: 18px; } }
  .complete-container .complete-header {
    font-weight: 700;
    font-size: 46px;
    line-height: 57.5px;
    text-align: center;
    color: #1e232c;
    margin-bottom: 3rem; }
    @media (max-width: 575.98px) {
      .complete-container .complete-header {
        font-size: 16px;
        margin-bottom: 1.5rem;
        line-height: 20.5px; } }
  .complete-container .thanks-container {
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 26px;
    line-height: 125%;
    flex-wrap: wrap;
    text-align: center;
    color: #1e232c;
    margin-bottom: 3rem; }
    @media (max-width: 575.98px) {
      .complete-container .thanks-container {
        font-size: 11px;
        margin-bottom: 1.5rem; } }
    .complete-container .thanks-container .thanks-text {
      letter-spacing: 0.71em;
      white-space: nowrap;
      margin-right: 1.5rem; }
      @media (max-width: 575.98px) {
        .complete-container .thanks-container .thanks-text {
          margin-right: .5rem; } }
  .complete-container .barcode-container {
    width: 380px;
    height: 120px; }
    @media (max-width: 575.98px) {
      .complete-container .barcode-container {
        width: 153px;
        height: 48px; } }
    .complete-container .barcode-container .barcode-image {
      object-fit: contain;
      height: 100%;
      width: 100%; }
  .complete-container .qrcode-container {
    width: 421px;
    height: 421px; }
    @media (max-width: 575.98px) {
      .complete-container .qrcode-container {
        width: 256px;
        height: 256px; } }
    .complete-container .qrcode-container .qrcode-image {
      object-fit: contain;
      height: 100%;
      width: 100%; }
  .complete-container .qr-code-download-link {
    font-size: 23px;
    font-weight: 400;
    line-height: 125%;
    text-align: center;
    text-decoration-line: underline;
    color: #1e232c;
    border: none;
    background-color: transparent; }
    @media (max-width: 575.98px) {
      .complete-container .qr-code-download-link {
        font-size: 16px; } }
  .complete-container .complete-separator {
    border: 0.5px solid #CDCDCD;
    width: 60%;
    margin-top: 3rem;
    margin-bottom: 3rem; }
    @media (max-width: 575.98px) {
      .complete-container .complete-separator {
        width: 100%;
        height: 4px;
        background-color: #F7F7F7;
        border: 0.5px solid #F7F7F7;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem; } }
  .complete-container .complete-manual-title {
    font-size: 23px;
    font-weight: 700;
    line-height: 28.5px;
    text-align: center;
    margin-bottom: 1.5rem; }
    @media (max-width: 575.98px) {
      .complete-container .complete-manual-title {
        font-size: 13px;
        margin-bottom: 1rem; } }
  .complete-container .complete-manual-subject {
    font-size: 23px;
    font-weight: 400;
    line-height: 28.5px;
    display: flex;
    align-items: center;
    text-align: left; }
    @media (max-width: 575.98px) {
      .complete-container .complete-manual-subject {
        font-size: 13px; } }
    .complete-container .complete-manual-subject .complete-manual-order {
      width: 24px;
      height: 24px;
      min-width: 24px;
      min-height: 24px;
      border-radius: 50%;
      background-color: #1e232c;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center; }

.contain-html-complete {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25); }

#inner-dropzone {
  position: relative; }

.main-contain-complete {
  min-height: 20vh;
  max-height: 20vh;
  position: relative; }

.contain-complete {
  position: absolute;
  min-height: 15vh;
  top: 10vh; }

.contain-complete2 {
  position: absolute;
  min-height: 15vh;
  top: -10vh;
  padding: 0px !important; }

.contain-complete-card-html {
  position: absolute;
  margin-top: 15vh;
  padding: 0px !important; }

.border-10 {
  border-radius: 10px; }

.text-titel-bander {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400; }
  @media (max-width: 575.98px) {
    .text-titel-bander {
      font-size: 16px;
      line-height: 20px; } }

.line-icon {
  text-align: center; }

.line-icon::before,
.line-icon::after {
  width: 25%;
  height: 1px;
  border-top: 1px solid #FFFFFF;
  display: inline-block;
  content: '';
  padding-top: 0.5em;
  margin-left: 5%;
  margin-right: 5%; }

.line-icon-3 {
  text-align: center; }

.line-icon-3::before,
.line-icon-3::after {
  width: 30%;
  height: 1px;
  border-top: 3px solid #FFFFFF;
  display: inline-block;
  content: '';
  padding-top: 0.5em;
  margin-left: 5%;
  margin-right: 5%; }

.bg-screen-complete {
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh;
  overflow: auto; }

.bg-complete {
  filter: blur(8px) brightness(55%);
  height: 20vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0px;
  right: 0px; }

.bg-upload-complete {
  filter: blur(8px) brightness(55%);
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0px;
  right: 0px; }

.contain-regis-complete {
  margin-top: 8vh;
  padding-top: 0px; }
  @media (max-width: 575.98px) {
    .contain-regis-complete {
      margin-top: 5vh; } }

.contain-upload-complete {
  margin-top: 35vh;
  padding-top: 0px; }
  @media (max-width: 575.98px) {
    .contain-upload-complete {
      margin-top: 40vh; } }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  border-radius: 8px; }

.ReactCrop *,
.ReactCrop *:before,
.ReactCrop *:after {
  box-sizing: border-box; }

.ReactCrop--disabled,
.ReactCrop--locked {
  cursor: inherit; }

.ReactCrop__child-wrapper {
  max-height: inherit; }

.ReactCrop__child-wrapper > img,
.ReactCrop__child-wrapper > video {
  display: block;
  max-width: 100%;
  max-height: inherit; }

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > img,
.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > video {
  touch-action: none; }

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
  touch-action: none; }

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(0);
  cursor: move;
  box-shadow: 0 0 0 9999em #00000080; }

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit; }

.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #fff, 0 0 0 9999em #00000080; }

.ReactCrop--no-animate .ReactCrop__crop-selection {
  border: 1px dashed white; }

.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
  animation: marching-ants 1.5s;
  background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%);
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  color: #fff;
  animation-play-state: running;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

@keyframes marching-ants {
  0% {
    background-position: 0 0, 0 100%, 0 0, 100% 0; }
  to {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px; } }

.ReactCrop__crop-selection:focus {
  outline: none;
  border-color: #00f;
  border-style: solid; }

.ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none; }

.ReactCrop__rule-of-thirds-vt:before,
.ReactCrop__rule-of-thirds-vt:after,
.ReactCrop__rule-of-thirds-hz:before,
.ReactCrop__rule-of-thirds-hz:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff6; }

.ReactCrop__rule-of-thirds-vt:before,
.ReactCrop__rule-of-thirds-vt:after {
  width: 1px;
  height: 100%; }

.ReactCrop__rule-of-thirds-vt:before {
  left: 33.3333%;
  left: 33.3333333333%; }

.ReactCrop__rule-of-thirds-vt:after {
  left: 66.6666%;
  left: 66.6666666667%; }

.ReactCrop__rule-of-thirds-hz:before,
.ReactCrop__rule-of-thirds-hz:after {
  width: 100%;
  height: 1px; }

.ReactCrop__rule-of-thirds-hz:before {
  top: 33.3333%;
  top: 33.3333333333%; }

.ReactCrop__rule-of-thirds-hz:after {
  top: 66.6666%;
  top: 66.6666666667%; }

.ReactCrop__drag-handle {
  position: absolute; }

.ReactCrop__drag-handle:after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #0003;
  border: 1px solid rgba(255, 255, 255, 0.7);
  outline: 1px solid transparent; }

.ReactCrop__drag-handle:focus:after {
  border-color: #00f;
  background: #2dbfff; }

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize; }

.ReactCrop .ord-nw:after {
  top: 0;
  left: 0; }

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize; }

.ReactCrop .ord-n:after {
  top: 0; }

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize; }

.ReactCrop .ord-ne:after {
  top: 0;
  right: 0; }

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize; }

.ReactCrop .ord-e:after {
  right: 0; }

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize; }

.ReactCrop .ord-se:after {
  bottom: 0;
  right: 0; }

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize; }

.ReactCrop .ord-s:after {
  bottom: 0; }

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize; }

.ReactCrop .ord-sw:after {
  bottom: 0;
  left: 0; }

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize; }

.ReactCrop .ord-w:after {
  left: 0; }

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit; }

.ReactCrop__drag-bar {
  position: absolute; }

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px; }

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px; }

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px; }

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px; }

.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none; }

@media (pointer: coarse) {
  .ReactCrop .ord-n,
  .ReactCrop .ord-e,
  .ReactCrop .ord-s,
  .ReactCrop .ord-w {
    display: none; }
  .ReactCrop__drag-handle {
    width: 24px;
    height: 24px; } }

@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%); } }

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  /* Enable animation */
  background-color: var(--base-color);
  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;
  position: relative;
  user-select: none;
  overflow: hidden;
  z-index: 1;
  /* Necessary for overflow: hidden to work correctly in Safari */ }

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
  transform: translateX(-100%);
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none;
    /* Disable animation */ } }

/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v122/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format("woff2"); }

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48; }

/* End Page Layout */
/* Style your payment form */
/* End Style your payment form */
/* Validate form handle */
/* /// Hide All error text */
/* /// Show error text */
.k-payment-container .content {
  position: relative;
  height: 100%;
  width: auto;
  max-width: 960px;
  margin: 0 auto;
  padding-top: 35px;
  flex-grow: 1; }

.k-payment-container .payment-block {
  margin: 0 auto;
  padding: 25px 40px;
  width: 500px;
  background: #fdfdfd;
  border-radius: .375rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }

.k-payment-container .label {
  display: block;
  font-weight: 400; }

.k-payment-container .flied {
  margin-bottom: 20px; }

.k-payment-container .footer {
  margin-bottom: 0;
  text-align: end;
  color: #9E9E9E; }

.k-payment-container h1 {
  margin: 0 0 15px 0; }

.k-payment-container #card-name {
  display: block;
  padding: 6px 12px;
  border-bottom: 1px solid #ced4da; }

.k-payment-container #card-number {
  display: block;
  padding: 6px 12px;
  border-bottom: 1px solid #ced4da; }

.k-payment-container #card-expiry {
  display: block;
  padding: 6px 12px;
  border-bottom: 1px solid #ced4da; }

.k-payment-container #card-cvv {
  display: block;
  padding: 6px 12px;
  border-bottom: 1px solid #ced4da; }

.k-payment-container .card-detail {
  display: flex;
  justify-content: space-between; }
  .k-payment-container .card-detail .flied {
    width: calc(100% * (1.5/4) - 10px - 1px); }

.k-payment-container .pay-button {
  margin-top: .25rem;
  margin-bottom: .25rem;
  display: block;
  width: 100%;
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
  background-color: #47876f;
  color: #fff;
  border: 1px solid transparent;
  cursor: pointer; }

.k-payment-container #error-summary {
  display: none;
  margin: 0 0 15px;
  color: #e91e63; }

.k-payment-container #error-summary.show {
  display: block; }

.k-payment-container div#card-name.is-invalid {
  border-bottom: 1px solid #e91e63 !important; }

.k-payment-container div#card-number.is-invalid {
  border-bottom: 1px solid #e91e63 !important; }

.k-payment-container div#card-expiry.is-invalid {
  border-bottom: 1px solid #e91e63 !important; }

.k-payment-container div#card-cvv.is-invalid {
  border-bottom: 1px solid #e91e63 !important; }

.k-payment-container #card-name + label {
  display: none;
  color: #e91e63; }

.k-payment-container #card-number + label {
  display: none;
  color: #e91e63; }

.k-payment-container #card-expiry + label {
  display: none;
  color: #e91e63; }

.k-payment-container #card-cvv + label {
  display: none;
  color: #e91e63; }

.k-payment-container #card-name.is-invalid + label {
  display: block; }

.k-payment-container #card-number.is-invalid + label {
  display: block; }

.k-payment-container #card-expiry.is-invalid + label {
  display: block; }

.k-payment-container #card-cvv.is-invalid + label {
  display: block; }

.register-form-header-insight {
  color: black;
  font-weight: 400;
  font-size: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 8px 8px 0px 0px; }
  .register-form-header-insight.expand {
    padding-bottom: 20px; }
  .register-form-header-insight .payment-form-header-title {
    padding-left: 58px; }
  .register-form-header-insight .bill-form-header-title {
    padding-left: 58px;
    font-weight: bold;
    font-size: 18px; }
  .register-form-header-insight .person-form-header-title {
    display: flex;
    align-items: center; }
  .register-form-header-insight .person-form-header-icon {
    display: none;
    align-items: center;
    color: white; }
    @media (max-width: 767.98px) {
      .register-form-header-insight .person-form-header-icon {
        display: flex; } }
  .register-form-header-insight .person-form-order {
    width: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 75px;
    border-radius: 20px;
    background-color: #b70909; }
    @media (max-width: 767.98px) {
      .register-form-header-insight .person-form-order {
        width: 38px; } }
  .register-form-header-insight .person-form-select-copy {
    border-radius: 10px;
    width: 100%;
    flex-basis: 0px;
    flex-grow: 1;
    height: 42px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    text-align: center;
    color: black;
    border: 1px solid black; }
    .register-form-header-insight .person-form-select-copy:focus {
      outline: none; }
  .register-form-header-insight .person-form-type {
    width: 130px;
    flex-basis: 0px;
    flex-grow: 1;
    height: 42px;
    background: #000000;
    border: 1px solid #ffffff;
    border-radius: 13px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0em;
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    @media (max-width: 767.98px) {
      .register-form-header-insight .person-form-type {
        width: 80px; } }
  .register-form-header-insight .step-form {
    font-size: 16px; }
  @media (max-width: 667.98px) {
    .register-form-header-insight {
      font-size: 12px; }
      .register-form-header-insight .step-form {
        font-size: 12px; }
      .register-form-header-insight.expand {
        padding-bottom: 5px; } }

.register-form-body-insight {
  padding-top: 20px; }
  .register-form-body-insight.onsite {
    border: none;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 20px !important; }
  .register-form-body-insight .payment-form-method {
    border-radius: 20px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    min-height: 82px;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .register-form-body-insight .payment-form-method .radio-button {
      width: 28px;
      height: 28px;
      min-width: 28px;
      border-radius: 50%;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
      display: flex;
      justify-content: center;
      align-items: center; }
      .register-form-body-insight .payment-form-method .radio-button .selected-dot {
        border-radius: 50%;
        background-color: black;
        width: 100%;
        height: 100%; }
    .register-form-body-insight .payment-form-method .method-icon {
      height: 30px;
      object-fit: contain; }
    .register-form-body-insight .payment-form-method .method-name {
      font-weight: 400;
      font-size: 18px; }
  .register-form-body-insight .person-form-save-button {
    border-radius: 10px;
    background: #b70909;
    width: 100%;
    height: 38px;
    border: none; }
  .register-form-body-insight .default-input-label {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px; }
  @media (max-width: 667.98px) {
    .register-form-body-insight {
      font-size: 12px !important; }
      .register-form-body-insight .default-input-label {
        font-size: 12px !important; }
      .register-form-body-insight .file-upload-button {
        color: white !important;
        background-color: black !important;
        border-radius: 8px !important;
        font-size: 12px; }
      .register-form-body-insight .file-upload-area {
        display: flex;
        height: 221px; }
      .register-form-body-insight .single-file-upload-preview {
        display: flex;
        width: 320px;
        height: 221px; } }

.box-form-register {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  padding: 40px 82px 40px 82px;
  border-radius: 8px;
  background-color: #ffffff; }
  @media (max-width: 667.98px) {
    .box-form-register {
      padding: 20px; } }

@media (max-width: 767.98px) {
  .free-register-button-container-insightx {
    display: block;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px 10px 0px 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: white;
    font-size: 10px;
    font-weight: 600;
    z-index: 99999;
    height: 50px !important; } }

.free-register-button-container-insightx .free-register-button-insightx {
  height: 56px !important;
  padding: 8px 32px 6px 32px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: none;
  background: #000000;
  color: white;
  font-size: 18px;
  font-weight: 400;
  box-shadow: rgba(0, 0, 0, 0.93) 1.5px 1.5px 1.5px; }
  @media (max-width: 767.98px) {
    .free-register-button-container-insightx .free-register-button-insightx {
      border-radius: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      height: 50px;
      background: #000000;
      color: white;
      font-size: 16px;
      font-weight: 600;
      z-index: 99999;
      margin: 0px; } }

.free-register-button-container-insightx .btn-gradient {
  background-image: linear-gradient(107.08deg, #12d5af 0.42%, #01619e 99.76%), linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%) !important;
  background-repeat: no-repeat !important;
  transition: 0.5s !important;
  border: none !important;
  cursor: pointer; }
  .free-register-button-container-insightx .btn-gradient:hover {
    background-position: right center !important;
    text-decoration: none !important; }
  .free-register-button-container-insightx .btn-gradient:disabled {
    cursor: not-allowed !important;
    background-image: none !important;
    background: #999 !important; }

.free-register-button-container-insightx .h-48 {
  height: 48px !important; }

.free-register-button-container-insightx .w-154 {
  width: 154px !important; }

.contain-html-complete-insightx {
  border-radius: 6px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }

.ticket-cart-container-insightx {
  width: 100%;
  border-radius: 6px; }
  @media (max-width: 767.98px) {
    .ticket-cart-container-insightx {
      box-shadow: none; } }
  .ticket-cart-container-insightx.on-add {
    display: none; }
    @media (max-width: 767.98px) {
      .ticket-cart-container-insightx.on-add {
        display: block; } }
  .ticket-cart-container-insightx .promo-input {
    display: flex;
    align-items: flex-end; }
    .ticket-cart-container-insightx .promo-input .apply-code-button {
      background: #efeded;
      border-radius: 4px 4px 0px 0px;
      font-size: 14px;
      font-weight: 300;
      border: none; }
  .ticket-cart-container-insightx .ticket-cart-banner-container {
    width: 100%;
    height: 185px;
    overflow: hidden; }
    .ticket-cart-container-insightx .ticket-cart-banner-container .ticket-cart-banner {
      width: 100%;
      object-fit: cover; }
    @media (max-width: 767.98px) {
      .ticket-cart-container-insightx .ticket-cart-banner-container {
        display: none; } }
  .ticket-cart-container-insightx .ticket-cart-pay-button-container {
    position: relative; }
    .ticket-cart-container-insightx .ticket-cart-pay-button-container .ticket-cart-pay-button {
      border: none;
      width: 100%;
      height: 60px;
      background-color: #cc1f1f;
      font-weight: 500;
      font-size: 23px; }
      @media (max-width: 767.98px) {
        .ticket-cart-container-insightx .ticket-cart-pay-button-container .ticket-cart-pay-button {
          position: fixed;
          bottom: 0px;
          left: 0px;
          z-index: 199;
          border-radius: 20px 20px 0px 0px; } }
  .ticket-cart-container-insightx .ticket-cart-detail {
    border-radius: 6px; }
    .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-title {
      font-weight: 500;
      font-size: 22px; }
    .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-add-button {
      font-weight: 400;
      font-size: 10px;
      line-height: 15px;
      background-color: black;
      border: none;
      border-radius: 4px;
      color: white; }
      .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-add-button:hover {
        opacity: 0.8; }
    .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-item {
      align-items: center;
      display: flex;
      justify-content: space-between; }
      .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-item .ticket-cart-item-name {
        width: 33%;
        text-align: left;
        font-weight: 500;
        font-size: 15px; }
      .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-item .ticket-cart-item-price {
        width: 33%;
        text-align: right;
        font-weight: 700;
        font-size: 15px; }
      .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-item .input-container {
        display: flex;
        justify-content: space-between; }
        .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-item .input-container .input-number {
          font-weight: 500;
          font-size: 15px;
          text-decoration: underline;
          margin-left: 10px;
          margin-right: 10px;
          min-width: 20px;
          text-align: center; }
        .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-item .input-container .input-button {
          color: white;
          background-color: rgba(0, 0, 0, 0.75);
          border: none;
          border-radius: 4px;
          width: 20px;
          height: 20px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-item .input-container .input-button.disabled {
            background: #d9d9d9; }
          .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-item .input-container .input-button:disabled {
            background: #d9d9d9; }
    .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-promo-container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-promo-container .promo-title {
        font-weight: bold;
        font-size: 15px; }
    .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-sum-container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-sum-container .sum-title {
        font-weight: bold;
        font-size: 15px; }
      .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-sum-container .sum-price {
        font-weight: 500;
        font-size: 15px; }
      .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-sum-container #ticket-cart-req-bill {
        font-weight: 300;
        font-size: 15px; }
      .ticket-cart-container-insightx .ticket-cart-detail .ticket-cart-sum-container #ticket-cart-i-accept {
        font-weight: 300;
        font-size: 15px; }

.text-not-found {
  font-size: 46px;
  font-weight: 700;
  color: #4c5398;
  text-transform: uppercase; }

.text-sry {
  font-size: 26px;
  font-weight: 700;
  color: #4c5398;
  text-transform: uppercase; }

.btn-back {
  padding: 6px 32px 6px 32px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: none;
  background: #000000;
  color: white;
  font-size: 14px;
  font-weight: 400;
  height: 37px;
  box-shadow: rgba(0, 0, 0, 0.93) 1.5px 1.5px 1.5px; }

.select-ticket-buy-button-insightx {
  width: 100%;
  color: white;
  border: none;
  bottom: -4px;
  left: 0px;
  font-weight: 600;
  font-size: 20px; }

.btn-back-uploadSlip {
  width: 237px;
  height: 56px;
  align-items: center; }

.card--form {
  padding: 24px 24px 0 24px;
  margin-bottom: 1rem;
  transition: all 0.4s; }
  .card--form:hover {
    border-radius: 10px;
    background: #f4f6ff !important; }

.card--form__one {
  border-radius: 10px;
  padding: 24px 24px 12px 24px;
  margin-bottom: 1rem; }

.footer-connex {
  z-index: 1080;
  position: absolute;
  bottom: 0px; }

.header-form {
  background-color: #ffffff;
  text-align: center;
  padding: 20px 30px;
  width: 100%;
  z-index: 1020;
  position: static;
  top: 0px; }
  .header-form .text-header {
    font-size: 24px;
    font-weight: 700; }
  .header-form .text-detail {
    font-size: 16px; }
  @media (max-width: 767px) {
    .header-form .text-detail {
      font-size: 14px; } }

.input-field-style:focus {
  border: 1px #018abe solid !important;
  box-shadow: none !important; }

.input-field-style {
  border: 1px #E6E8E9 solid !important; }

.radius-main {
  border-radius: 8px !important; }

.file-upload-area-portal {
  display: flex;
  min-width: 400px;
  height: 221px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  background-color: #e6e7f1;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='DarkSlateBlue' stroke-width='4' stroke-dasharray='4%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 6px;
  position: relative; }
  @media (max-width: 800px) {
    .file-upload-area-portal {
      min-width: 380px; } }
  @media (max-width: 1100px) {
    .file-upload-area-portal {
      min-width: 330px; } }
  @media (max-width: 600px) {
    .file-upload-area-portal {
      min-width: 230px; } }

.contain-upload-img {
  min-width: 150px;
  height: 150px;
  border-radius: 12px;
  background-color: #e6e8e9; }

.icon-upload-style {
  object-fit: contain;
  height: 48px;
  width: 48px; }

.image-profile-style {
  object-fit: contain;
  height: 100%;
  width: 100%;
  border-radius: 12px; }

.edit-icon-style {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  gap: 8px;
  background-color: #4d5e64b2;
  display: flex;
  justify-content: center;
  align-items: center; }
  .edit-icon-style svg {
    width: 20px;
    height: 40px; }
    .edit-icon-style svg path {
      stroke: #fdfeff !important; }

.button-create-badge {
  padding: 10px 24px 10px 24px;
  border-radius: 12px;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #FFFFFF;
  background-color: #018ABE; }
  .button-create-badge:hover {
    background-color: #016E97;
    color: #FFFFFF !important; }
  .button-create-badge:active {
    background-color: #015170;
    color: #FFFFFF !important; }

.button-cancel-badge {
  padding: 10px 24px 10px 24px;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-color: #016E97;
  color: #016E97; }
  .button-cancel-badge:hover {
    background-color: transparent;
    color: #01A6E5 !important;
    text-decoration: underline;
    text-decoration-color: #01A6E5 !important; }
  .button-cancel-badge:active {
    background-color: transparent;
    color: #015170 !important;
    text-decoration: underline;
    text-decoration-color: #015170 !important; }

.text-detail-dialog {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #6f6f6f; }

.text-main-dialog {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.title-badge-pre {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left; }

.border-required-portal {
  border: 1px red solid !important;
  border-radius: 5px !important; }

.svg-icon-fill {
  cursor: pointer; }
  .svg-icon-fill svg path {
    fill: #66757A !important; }
  .svg-icon-fill:hover svg path {
    fill: #016E97 !important; }
  .svg-icon-fill:active svg path {
    fill: #015170 !important; }
  .svg-icon-fill:focus svg path {
    fill: #015170 !important; }

.text-field-color {
  color: #6F6F6F !important; }

.border-badge-ex #inner-dropzone {
  border: 1px #e3e6f0 solid; }

.text-title-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.show-hide-position {
  position: absolute;
  right: 0px; }

.show-hide-preview {
  width: 24px;
  height: 48px;
  border-radius: 6px 0px 0px 6px;
  border: 1px 0px 1px 1px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #e6e8e9;
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }

.text-subject-mail {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left; }

.show-subjext-mail {
  padding: 8px 16px 8px 16px;
  border-radius: 6px;
  border: 1px;
  gap: 8px;
  border: 1px solid #E6E8E9;
  background-color: #FDFEFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #001922; }

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

input:checked + .slider {
  background-color: #2196f3; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3; }

input:checked + .slider.checked--gray {
  background-color: gray; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

body:has(.landing__template--two) {
  background-color: #000000; }

.register-form-context-container {
  font-family: "Prompt"; }

.border-black {
  border: 1px solid black; }

.border-rounded-10-px {
  border-radius: 10px; }

.bordered-bottom-text-input {
  border-bottom: 1px solid #efeded;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  flex-grow: 0;
  min-width: 0px; }
  .bordered-bottom-text-input:focus {
    box-shadow: none !important;
    outline: none;
    border-bottom: 1px solid black; }
  .bordered-bottom-text-input.invalid {
    border-bottom: 1px solid #b70909 !important; }

.input-label {
  font-size: 18px;
  line-height: 18px;
  font-weight: 400; }

.country-select__control,
.timezone-select__control {
  border-radius: 50rem !important;
  border: 1px solid #e2e2e2 !important; }

.default-input {
  border-radius: 50rem;
  border: 1px solid #e2e2e2; }

textarea.default-input {
  border-radius: 0.25rem !important; }

.default-input-label {
  font-weight: 400;
  font-size: 17px;
  line-height: 26px; }

/* Customize the label (the container) */
.radio-container {
  display: flex;
  align-items: center;
  min-height: 25px;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom radio button */
.radio-checkMark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid black;
  display: flex;
  justify-content: center;
  align-items: center; }

.radio-container:hover input ~ .radio-checkMark {
  background-color: #fff; }

.radio-container input:checked ~ .radio-checkMark {
  background-color: white; }

.radio-checkMark:after {
  content: "";
  position: absolute;
  display: none; }

.radio-container input:checked ~ .radio-checkMark:after {
  display: block; }

.radio-container .radio-checkMark:after {
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background: black; }

.invalid-field {
  border: 1px solid #b70909 !important; }
  .invalid-field .country-select__control,
  .invalid-field .timezone-select__control {
    border: 1px solid #b70909 !important; }

.focus-invalid {
  scroll-margin-top: 110px; }

.question-label-container > .fr-view > p {
  margin-bottom: 0px; }

.object-fit-contain {
  object-fit: contain; }

.question-image {
  object-fit: contain;
  height: auto;
  max-height: 50vh;
  width: 50%;
  max-width: 100%; }

.question-video {
  object-fit: contain;
  height: auto;
  max-height: 50vh;
  width: 100%; }

.answer-image {
  object-fit: contain;
  height: auto;
  width: 100%; }

.question-image-container {
  display: flex;
  justify-content: center; }

.cursor-pointer {
  cursor: pointer; }

.avatar-upload {
  position: relative;
  max-width: 205px; }
  .avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #f8f8f8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden; }

.avatar-edit-button {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  position: absolute;
  right: 36px;
  z-index: 1;
  bottom: 8px; }

.avatar-delete-button {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  position: absolute;
  right: 36px;
  z-index: 1;
  top: 8px; }

.avatar-preview-img {
  width: 46px;
  height: 46px;
  object-fit: cover;
  border-radius: 50%; }

.profile-picker #video {
  border: none;
  border-radius: 8px;
  width: 100%;
  height: 100%; }

.profile-picker #photo {
  border: 1px solid black;
  width: 320px;
  height: 240px; }

.profile-picker #canvas {
  display: none; }

.profile-picker .camera {
  display: inline-block;
  width: 100%;
  height: 100%; }

.profile-picker .output {
  width: 340px;
  display: inline-block; }

.profile-picker #startbutton {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  bottom: 36px;
  padding: 5px;
  background-color: #6a67ce;
  border: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 14px;
  color: white;
  cursor: pointer; }

.profile-picker .shutter-button {
  background-color: black;
  border-radius: 8px;
  color: white !important; }

.profile-picker .contentarea {
  max-width: 960px;
  max-height: 720px;
  min-width: 320px;
  min-height: 240px;
  position: relative; }

.crop-img-profile-container {
  border-radius: 8px; }
  .crop-img-profile-container #cropping-img-profile {
    object-fit: contain;
    width: 100%;
    max-width: 560px;
    max-height: 56vh; }
  .crop-img-profile-container .crop-button {
    background-color: black;
    border-radius: 8px;
    color: white; }

.crop-slider-container {
  /*progress support*/
  /*webkit*/
  /*mozilla*/
  /*ms*/ }
  .crop-slider-container input[type="range"].crop-slider {
    height: 29px;
    -webkit-appearance: none; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 18px + var(--ratio) * (100% - 18px)); }
  .crop-slider-container input[type="range"].crop-slider:focus {
    outline: none; }
  .crop-slider-container input[type="range"].crop-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 16px;
    background: #ffffff;
    border: none;
    box-shadow: 1px 2px 4px #00000085;
    margin-top: -5px; }
  .crop-slider-container input[type="range"].crop-slider::-webkit-slider-runnable-track {
    height: 10px;
    border: 1px solid #b2b2b2;
    border-radius: 0.5em;
    background: #efefef;
    box-shadow: none; }
  .crop-slider-container input[type="range"].crop-slider::-webkit-slider-thumb:hover {
    background: #ffffff; }
  .crop-slider-container input[type="range"].crop-slider:hover::-webkit-slider-runnable-track {
    background: #e5e5e5;
    border-color: #9a9a9a; }
  .crop-slider-container input[type="range"].crop-slider::-webkit-slider-thumb:active {
    background: #ffffff; }
  .crop-slider-container input[type="range"].crop-slider:active::-webkit-slider-runnable-track {
    background: #f5f5f5;
    border-color: #c1c1c1; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress::-webkit-slider-runnable-track {
    background: linear-gradient(#000000, #000000) 0/var(--sx) 100% no-repeat, #efefef; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress:hover::-webkit-slider-runnable-track {
    background: linear-gradient(#000000, #000000) 0/var(--sx) 100% no-repeat, #e5e5e5; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress:active::-webkit-slider-runnable-track {
    background: linear-gradient(#000000, #000000) 0/var(--sx) 100% no-repeat, #f5f5f5; }
  .crop-slider-container input[type="range"].crop-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 16px;
    background: #ffffff;
    border: none;
    box-shadow: 1px 2px 4px #00000085; }
  .crop-slider-container input[type="range"].crop-slider::-moz-range-track {
    height: 8px;
    border: 1px solid #b2b2b2;
    border-radius: 0.5em;
    background: #efefef;
    box-shadow: none; }
  .crop-slider-container input[type="range"].crop-slider::-moz-range-thumb:hover {
    background: #ffffff; }
  .crop-slider-container input[type="range"].crop-slider:hover::-moz-range-track {
    background: #e5e5e5;
    border-color: #9a9a9a; }
  .crop-slider-container input[type="range"].crop-slider::-moz-range-thumb:active {
    background: #ffffff; }
  .crop-slider-container input[type="range"].crop-slider:active::-moz-range-track {
    background: #f5f5f5;
    border-color: #c1c1c1; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress::-moz-range-track {
    background: linear-gradient(#000000, #000000) 0/var(--sx) 100% no-repeat, #efefef; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress:hover::-moz-range-track {
    background: linear-gradient(#000000, #000000) 0/var(--sx) 100% no-repeat, #e5e5e5; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress:active::-moz-range-track {
    background: linear-gradient(#000000, #000000) 0/var(--sx) 100% no-repeat, #f5f5f5; }
  .crop-slider-container input[type="range"].crop-slider::-ms-fill-upper {
    background: transparent;
    border-color: transparent; }
  .crop-slider-container input[type="range"].crop-slider::-ms-fill-lower {
    background: transparent;
    border-color: transparent; }
  .crop-slider-container input[type="range"].crop-slider::-ms-thumb {
    width: 18px;
    height: 18px;
    border-radius: 16px;
    background: #ffffff;
    border: none;
    box-shadow: 1px 2px 4px #00000085;
    margin-top: 0;
    box-sizing: border-box; }
  .crop-slider-container input[type="range"].crop-slider::-ms-track {
    height: 10px;
    border-radius: 0.5em;
    background: #efefef;
    border: 1px solid #b2b2b2;
    box-shadow: none;
    box-sizing: border-box; }
  .crop-slider-container input[type="range"].crop-slider::-ms-thumb:hover {
    background: #ffffff; }
  .crop-slider-container input[type="range"].crop-slider:hover::-ms-track {
    background: #e5e5e5;
    border-color: #9a9a9a; }
  .crop-slider-container input[type="range"].crop-slider::-ms-thumb:active {
    background: #ffffff; }
  .crop-slider-container input[type="range"].crop-slider:active::-ms-track {
    background: #f5f5f5;
    border-color: #c1c1c1; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress::-ms-fill-lower {
    height: 8px;
    border-radius: 0.5em 0 0 0.5em;
    margin: -1px 0 -1px -1px;
    background: #000000;
    border: 1px solid #b2b2b2;
    border-right-width: 0; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress:hover::-ms-fill-lower {
    background: #000000;
    border-color: #9a9a9a; }
  .crop-slider-container input[type="range"].crop-slider.slider-progress:active::-ms-fill-lower {
    background: #000000;
    border-color: #c1c1c1; }

.file-upload-area {
  display: flex;
  min-width: 300px;
  max-width: 400px;
  height: 221px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  background-color: #e6e7f1;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='DarkSlateBlue' stroke-width='4' stroke-dasharray='4%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 6px;
  position: relative; }
  @media (max-width: 800px) {
    .file-upload-area {
      min-width: 380px; } }
  @media (max-width: 1100px) {
    .file-upload-area {
      min-width: 330px; } }
  @media (max-width: 600px) {
    .file-upload-area {
      min-width: 200px; } }

.file-upload-area-connex {
  display: flex;
  min-width: 400px;
  max-width: 400px;
  height: 221px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  background-color: #e6e7f1;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='DarkSlateBlue' stroke-width='4' stroke-dasharray='4%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 6px;
  position: relative; }
  @media (max-width: 800px) {
    .file-upload-area-connex {
      min-width: 380px; } }
  @media (max-width: 1100px) {
    .file-upload-area-connex {
      min-width: 330px; } }
  @media (max-width: 600px) {
    .file-upload-area-connex {
      min-width: 0px; } }

.single-file-upload-preview {
  display: flex;
  width: 400px;
  height: 221px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px dashed black;
  background: #e6e7f1;
  position: relative;
  overflow: hidden; }
  @media (max-width: 600px) {
    .single-file-upload-preview {
      width: 100%; } }

.single-file-upload-preview-connex {
  display: flex;
  width: 400px;
  height: 221px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px dashed black;
  background: #e6e7f1;
  position: relative;
  overflow: hidden; }
  @media (max-width: 600px) {
    .single-file-upload-preview-connex {
      width: auto; } }

.file-upload-button {
  color: white !important;
  background-color: black !important;
  border-radius: 8px !important; }

.delete-selected-file-button {
  border-radius: 8px; }

.choose-file-option-button {
  border: 2px solid white;
  background-color: white;
  color: black;
  border-radius: 8px;
  padding: 6px 8px;
  display: flex;
  align-items: center; }
  .choose-file-option-button:hover {
    border: 2px solid black; }

.btn-pagination {
  padding: 8px 32px 8px 32px;
  border-radius: 6px;
  gap: 10px; }

.input-promo-code.border-w {
  border-width: 2px; }
  .input-promo-code.border-w:focus {
    border-bottom: 2px solid black; }

.input-promo-code {
  border: 1px solid #efeded;
  flex-grow: 0;
  min-width: 0px;
  border-radius: 5px; }
  .input-promo-code:focus {
    box-shadow: none !important;
    outline: none;
    border-bottom: 1px solid black; }
  .input-promo-code.invalid {
    border-bottom: 1px solid #b70909 !important; }

.input-emt-promo-code {
  border: 1px solid #000000;
  flex-grow: 0;
  min-width: 0px;
  border-radius: 5px;
  background-color: #fafafa; }
  .input-emt-promo-code:focus {
    box-shadow: 1px 1px black !important;
    outline: none;
    border-bottom: 1px solid black; }
  .input-emt-promo-code.invalid {
    border-bottom: 1px solid #b70909 !important; }

.text-decoration-link {
  text-decoration: underline;
  text-decoration-color: red; }

.text-primary-connex {
  color: #3ab6fa; }

.text-decoration-connex {
  text-decoration: underline;
  text-decoration-color: #3ab6fa; }

.bg-bander {
  filter: blur(10px) brightness(55%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 110%;
  height: 110%;
  margin: -15px; }

.container-bg-banner {
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px; }

.hr-custom {
  border-top: 1px solid #f6fafa; }

.bg-screen {
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh; }

.cart-fixed {
  right: 15vw;
  position: fixed;
  z-index: 999; }
  @media (max-width: 988.98px) {
    .cart-fixed {
      position: relative;
      right: 0vw;
      margin-top: 10px; } }

@media (max-width: 988.98px) {
  .contain-mx-auto {
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 767.98px) {
  .hide-size-mobile {
    display: none; } }

.show-size-mobile {
  display: none; }
  @media (max-width: 767.98px) {
    .show-size-mobile {
      display: flex; } }

.cart-sticky {
  margin: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 7vh;
  width: 100%;
  z-index: 9999;
  padding-left: 10vw;
  padding-right: 10vw; }

.position-relative {
  position: relative; }

.cart-sticky-new {
  background-color: black;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  display: block; }

.contain-cart-sticky {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  justify-content: end; }

.radio-small-checkMark {
  position: absolute;
  top: 10;
  left: 10px;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid black;
  display: flex;
  justify-content: center;
  align-items: center; }

.radio-container:hover input ~ .radio-small-checkMark {
  background-color: #fff; }

.radio-container input:checked ~ .radio-small-checkMark {
  background-color: white; }

.radio-small-checkMark:after {
  content: "";
  position: absolute;
  display: none; }

.radio-container input:checked ~ .radio-small-checkMark:after {
  display: block; }

.radio-container .radio-small-checkMark:after {
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background: black; }

.radio-flex {
  flex-wrap: nowrap !important; }

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

.input-num-hide-arr input::-webkit-outer-spin-button,
.input-num-hide-arr input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield; }

.btn-disable {
  padding: 8px 32px 8px 32px;
  border-radius: 6px;
  background: transparent !important;
  color: #a7aeb8 !important; }

.icon-disable {
  color: #a7aeb8 !important; }

.btn__dialog--confirm {
  background: #4c5398 !important;
  color: white; }

.btn__dialog--confirm:hover {
  color: white;
  opacity: 0.8; }

.icon-size {
  font-size: 40px; }

.container__radio {
  display: flex;
  align-items: center;
  min-height: 25px;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.container__radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.container__radio input ~ .radio-checkMark {
  border-color: #e5e7eb; }

.container__radio input:checked ~ .radio-checkMark {
  background-color: #3b82f6;
  border-color: #3b82f6; }

.container__radio input:checked ~ .radio-checkMark:after {
  display: block;
  border-color: #3b82f6; }

.container__radio .radio-checkMark:after {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: #fff; }

.container__radio:hover input ~ .radio-small-checkMark {
  background-color: #3b82f6;
  border-color: #3b82f6; }

.container__radio input:checked ~ .radio-small-checkMark {
  background-color: #3b82f6;
  border-color: #3b82f6; }

.container__radio input:checked ~ .radio-small-checkMark:after {
  display: block;
  border-color: #3b82f6; }

.container__radio .radio-small-checkMark:after {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: #fff; }

.not--allowed {
  pointer-events: auto !important;
  cursor: not-allowed !important; }

.border-event-red {
  border: 1px solid red; }

.border__language {
  border: 2px solid #4c5398;
  border-radius: 10px; }

.bg-emt-screen {
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh;
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  overflow: auto; }

.p__language {
  padding: 6px; }

.btn__to--upload {
  width: 237px; }

.rounded--register {
  border-radius: 8px; }

.border--corder {
  color: #1c1c1c; }

.no-select-chevron {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.dialog--title {
  color: #4c5398; }

.dialog__btn--width {
  width: 154px;
  max-height: 48px; }

.dialog__title--fail {
  margin-top: -1.5rem; }

.checkbox--styled input {
  width: 20px;
  height: 20px; }

.checkbox--styled #checkbox-to-print:checked {
  accent-color: #4c5398; }

.fw-700 {
  font-weight: 700; }

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

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

.font-bold {
  font-weight: bold; }

.font-semi-bold {
  font-weight: Semi Bold; }

.padding--payment {
  padding: 28px 40px !important; }
  @media (max-width: 600px) {
    .padding--payment {
      padding: 1rem !important; } }

.padding--payment__bottom {
  padding-bottom: 28px !important; }

.text--insight {
  color: #4c5398; }

.border--upload {
  border-radius: 6px;
  border: 1px solid #ced4da; }
  .border--upload .width--70 {
    width: 80%; }

.width--200 {
  min-width: 200px !important; }

.hover--form {
  background-color: none;
  border-radius: 8px;
  transition: all 0.4s ease-out;
  z-index: 999; }

.hover--form:hover {
  background-color: #f4f6ff; }

.hover--form.active {
  background-color: #f4f6ff !important; }

.btn--apply {
  color: #1c1c1c !important;
  border-color: #1c1c1c !important; }

.btn--apply:hover {
  color: #fff !important; }

.bordered-text-input {
  border: 1px solid #ced4da !important;
  flex-grow: 0;
  min-width: 0px;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  font-size: 1rem; }
  .bordered-text-input:focus {
    box-shadow: none !important;
    outline: none;
    border: 1px solid #ced4da !important; }
  .bordered-text-input.invalid {
    border-bottom: 1px solid #b70909 !important; }

.container__loading--70 {
  width: 70%; }
  @media (max-width: 1100px) {
    .container__loading--70 {
      width: 90%; } }
  @media (max-width: 600px) {
    .container__loading--70 {
      width: 100%; } }

.btn__buy--more {
  width: 25%;
  min-width: 190px; }

.font__size--ticket {
  font-size: 18px;
  font-weight: 700; }
  @media (max-width: 900px) {
    .font__size--ticket {
      font-size: 16px; } }
  @media (max-width: 600px) {
    .font__size--ticket {
      font-size: 14px; } }

.form--select__ticket {
  border-radius: 6px;
  background-color: #f4f6ff;
  padding: 10px 30px;
  margin: 0 24px; }
  @media (max-width: 600px) {
    .form--select__ticket {
      padding: 10px;
      margin: 0 16px; } }

.ellipsis--insight {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap; }

.width--25 {
  width: 25%; }
  @media (max-width: 600px) {
    .width--25 {
      min-width: 140px; } }

.width__buy--ticket {
  width: 25%; }
  @media (max-width: 600px) {
    .width__buy--ticket {
      min-width: 200px; } }

@media (max-width: 600px) {
  .width--total__responsive {
    min-width: 60px; } }

.invalid-field-address .css-13cymwt-control {
  border-color: #B70909 !important; }

.form-control .form-control-border {
  border: 1px solid #d1d3e2; }

.w-fit-content {
  width: fit-content !important; }

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

.qr-code-img {
  width: 100%;
  padding: 0px;
  object-fit: contain; }

.connex-text-blue {
  color: #01619e !important; }

.pdpa-checkbox-connex {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 2px solid #B6B6B6; }

.contain-complete-online {
  padding-top: 2rem;
  width: 100%;
  z-index: 999; }

.img-complete-contain {
  z-index: 5;
  border-radius: 36px;
  max-height: 50vh;
  min-height: 40vh;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px 0px;
  margin-top: 2rem; }
  @media (max-width: 1100px) {
    .img-complete-contain {
      width: 100%;
      height: 100% !important;
      min-height: 0vh !important; } }

.font-item {
  word-break: break-word !important; }

.container-sig {
  height: 250px;
  width: 100% !important; }

.canvas-sig {
  width: 100% !important; }

.hcaptcha-modal {
  width: auto; }

.register-form-field-date .DatePicker {
  position: relative;
  display: block; }

.register-form-field-date .DatePicker__input {
  background: #fff;
  border: 1px solid #ddd;
  padding: 0.4em 0.8em;
  font-family: inherit;
  text-align: center;
  font-size: 12px; }

.register-form-field-date .DatePicker__input.-rtl {
  direction: rtl; }

.register-form-field-date .DatePicker__input::placeholder {
  color: #979797; }

.register-form-field-date .DatePicker__calendarContainer.-top + .DatePicker__calendarArrow {
  top: auto;
  bottom: calc(100% + 10px);
  transform: translateY(-2.5rem) rotate(180deg);
  animation: fadeArrowFlipped 0.3s forwards; }

.register-form-field-date .DatePicker__calendarContainer {
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 999; }

.register-form-field-date .DatePicker__calendarContainer.-top {
  top: auto;
  bottom: calc(100% + 20px); }

.register-form-field-date .Calendar,
.register-form-field-date .Calendar * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  direction: ltr; }

.register-form-field-date .Calendar,
.register-form-field-date .Calendar.-rtl * {
  direction: rtl; }

.register-form-field-date .DatePicker__calendarArrow {
  position: absolute;
  width: 0;
  height: 0;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  margin: 0 auto;
  border-style: solid;
  z-index: 10;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent; }

.register-form-field-date .Calendar {
  --cl-color-black: #444444;
  --cl-color-disabled: #d4d4d4;
  --cl-color-error: #ff2929;
  font-size: 10px;
  background: #fff;
  box-shadow: 0 1em 4em rgba(0, 0, 0, 0.07);
  border-radius: 1em;
  position: relative;
  user-select: none;
  padding-top: 1.2em;
  display: flex;
  flex-direction: column;
  width: 33em;
  z-index: 10;
  max-width: 90vw;
  min-height: 36.7em; }

.register-form-field-date .DatePicker .Calendar,
.register-form-field-date .DatePicker__calendarArrow {
  transform: translateY(2.5em);
  opacity: 0;
  animation: fadeCalendar 0.3s forwards; }

.register-form-field-date .DatePicker__calendarContainer.-top .Calendar {
  transform: translateY(-2.5em); }

.register-form-field-date .Calendar.-noFocusOutline *:focus {
  outline: none !important; }

.register-form-field-date .Calendar > :not(.Calendar__footer) button {
  font-family: inherit;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none; }

.register-form-field-date .Calendar__header {
  display: flex;
  color: var(--cl-color-black);
  padding: 2em 2.9em;
  align-items: center;
  overflow: hidden; }

.register-form-field-date .Calendar__monthArrowWrapper {
  line-height: 0;
  font-size: 1em;
  padding: 3px;
  position: relative;
  border: none;
  z-index: 1;
  opacity: 1;
  transition: 0.2s; }

.register-form-field-date .Calendar__monthArrowWrapper:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.4);
  outline-offset: 2px; }

.register-form-field-date .Calendar__monthArrowWrapper:disabled,
.register-form-field-date .Calendar__monthArrowWrapper.-hidden {
  opacity: 0;
  pointer-events: none; }

.register-form-field-date .Calendar__monthArrowWrapper.-left {
  transform: rotate(90deg); }

.register-form-field-date .Calendar.-rtl .Calendar__monthArrowWrapper.-left {
  transform: rotate(-90deg); }

.register-form-field-date .Calendar__monthArrowWrapper.-right {
  transform: rotate(-90deg); }

.register-form-field-date .Calendar.-rtl .Calendar__monthArrowWrapper.-right {
  transform: rotate(90deg); }

.register-form-field-date .Calendar__monthArrowWrapper:active .Calendar__monthArrow {
  transform: scale(0.7); }

.register-form-field-date .Calendar__monthArrow {
  border-radius: 50%;
  transition: var(--animation-duration) transform;
  pointer-events: none;
  background-repeat: no-repeat;
  display: block;
  width: 1.7em;
  height: 1.7em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg class='nc-icon-wrapper' fill='%23000000'%3E%3Cdefs stroke='none'%3E%3C/defs%3E%3Cpath class='cls-1' d='M12 23.25V.75' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5px'%3E%3C/path%3E%3Cpath class='cls-2' d='M22.5 11.25L12 .75 1.5 11.25' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5px' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%; }

.register-form-field-date .Calendar__monthYearContainer {
  flex: 1;
  position: relative; }

.register-form-field-date .Calendar__monthYear {
  font-size: 1.6em;
  font-weight: 500;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: var(--animation-duration);
  line-height: 1; }

.register-form-field-date .Calendar__monthYear.-hiddenNext {
  opacity: 0;
  transform: translateX(50%); }

.register-form-field-date .Calendar.-rtl .Calendar__monthYear.-hiddenNext {
  transform: translateX(-150%); }

.register-form-field-date .Calendar__monthYear.-hiddenPrevious {
  opacity: 0;
  transform: translateX(-150%); }

.register-form-field-date .Calendar.-rtl .Calendar__monthYear.-hiddenPrevious {
  transform: translateX(50%); }

.register-form-field-date .Calendar__monthYear.-shown {
  opacity: 1;
  margin-top: auto;
  margin-bottom: auto;
  transform: translateX(-50%); }

.register-form-field-date .Calendar__monthYear.-shownAnimated {
  animation: var(--animation-duration) fadeTextToCenter forwards; }

.register-form-field-date .Calendar__monthYear > * {
  padding: 0.2em 0.5em;
  border: 1px solid transparent;
  transition: var(--animation-duration);
  font-size: 1.05em;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0) scale(0.95);
  will-change: transform;
  border-radius: 5px; }

.register-form-field-date .Calendar__monthYear:not(.-shown) > *,
.register-form-field-date .Calendar__monthYear > *.-hidden {
  cursor: default;
  pointer-events: none; }

.register-form-field-date .Calendar__monthText {
  margin-left: -0.3em; }

.register-form-field-date .Calendar__yearText:last-child {
  margin-right: -0.3em; }

.register-form-field-date .Calendar__monthYear.-shown > *:hover,
.register-form-field-date .Calendar:not(.-noFocusOutline) .Calendar__monthYear.-shown > *:focus,
.register-form-field-date .Calendar__monthYear > *.-activeBackground {
  background: #f5f5f5; }

.register-form-field-date .Calendar__monthText:hover {
  transform: translateX(-0.2em) scale(0.95); }

.register-form-field-date .Calendar.-rtl .Calendar__monthText:hover {
  transform: translateX(0.2em) scale(0.95); }

.register-form-field-date .Calendar__yearText:hover {
  transform: translateX(0.2em) scale(0.95); }

.register-form-field-date .Calendar.-rtl .Calendar__yearText:hover {
  transform: translateX(-0.2em) scale(0.95); }

.register-form-field-date .Calendar__monthYear .Calendar__yearText.-hidden {
  transform: translateX(50%);
  opacity: 0; }

.register-form-field-date .Calendar.-rtl .Calendar__monthYear .Calendar__yearText.-hidden {
  transform: translateX(-50%); }

.register-form-field-date .Calendar__monthYear .Calendar__monthText.-hidden {
  transform: translateX(-50%);
  opacity: 0; }

.register-form-field-date .Calendar.-rtl .Calendar__monthYear .Calendar__monthText.-hidden {
  transform: translateX(50%); }

.register-form-field-date .Calendar__monthYear:not(.-shown) > * {
  pointer-events: none; }

.register-form-field-date .Calendar__monthSelectorAnimationWrapper,
.register-form-field-date .Calendar__yearSelectorAnimationWrapper {
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.register-form-field-date .Calendar__monthSelectorWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.register-form-field-date .Calendar__monthSelector {
  padding: 0 2.5em;
  align-content: center;
  padding-bottom: 2em; }

.register-form-field-date .Calendar__monthSelector,
.register-form-field-date .Calendar__yearSelector {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  background-color: #fff;
  transform: translateY(-150%);
  will-change: transform;
  transition: 0.6s;
  height: 100%; }

.register-form-field-date .Calendar__yearSelectorWrapper {
  width: 100%;
  height: 100%; }

.register-form-field-date .Calendar__yearSelectorWrapper::after,
.register-form-field-date .Calendar__yearSelectorWrapper::before {
  content: '';
  width: 100%;
  height: 5em;
  position: absolute;
  left: 0;
  opacity: 0;
  transition: 0.4s;
  transition-delay: 0.2s; }

.register-form-field-date .Calendar__yearSelectorWrapper::after {
  background-image: linear-gradient(to bottom, #fff, #fff 10%, rgba(245, 245, 245, 0));
  top: -0.1em; }

.register-form-field-date .Calendar__yearSelectorWrapper::before {
  background-image: linear-gradient(to top, #fff, #fff 10%, rgba(245, 245, 245, 0));
  bottom: 0; }

.register-form-field-date .Calendar__yearSelectorWrapper.-faded::after,
.register-form-field-date .Calendar__yearSelectorWrapper.-faded::before {
  opacity: 1;
  z-index: 3; }

.register-form-field-date .Calendar__yearSelector {
  align-content: flex-start;
  scrollbar-width: 0;
  overflow: scroll;
  position: relative;
  width: 100%;
  padding: 5em 2em;
  -ms-overflow-style: none; }

.register-form-field-date .Calendar__yearSelector::-webkit-scrollbar {
  display: none; }

.register-form-field-date .Calendar__yearSelectorItem {
  width: 25%;
  display: flex;
  justify-content: center; }

.register-form-field-date .Calendar__yearSelectorItem:not(:nth-child(-n + 4)) {
  margin-top: 1.5em; }

.register-form-field-date .Calendar__yearSelectorText {
  border: none;
  font-size: 1.4em;
  min-width: 85%;
  padding: 0.2em 0.5em;
  border-radius: 8.5px; }

.register-form-field-date .Calendar__monthSelector.-open,
.register-form-field-date .Calendar__yearSelector.-open {
  transform: translateY(0); }

.register-form-field-date .Calendar__yearSelectorText:focus,
.register-form-field-date .Calendar__monthSelectorItemText:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.4);
  outline-offset: 2px; }

.register-form-field-date .Calendar__monthSelectorItem {
  width: calc(100% / 3);
  display: flex;
  justify-content: center; }

.register-form-field-date .Calendar__monthSelectorItem:not(:nth-child(-n + 3)) {
  margin-top: 2em; }

.register-form-field-date .Calendar__monthSelectorItemText {
  border: none;
  padding: 0.4em 0.4em;
  border-radius: 8.5px;
  font-size: 1.3em;
  min-width: 70%;
  transition: 0.3s; }

.register-form-field-date .Calendar__monthSelectorItem:not(.-active) .Calendar__monthSelectorItemText:not(:disabled):hover,
.register-form-field-date .Calendar__yearSelectorItem:not(.-active) .Calendar__yearSelectorText:not(:disabled):hover {
  background: #f5f5f5; }

.register-form-field-date .Calendar__monthSelectorItemText:disabled,
.register-form-field-date .Calendar__yearSelectorText:disabled {
  opacity: 0.5;
  cursor: default; }

.register-form-field-date .Calendar__monthSelectorItem.-active .Calendar__monthSelectorItemText,
.register-form-field-date .Calendar__yearSelectorItem.-active .Calendar__yearSelectorText {
  background-color: var(--cl-color-primary);
  color: #fff; }

.register-form-field-date .Calendar__weekDays {
  display: flex;
  justify-content: space-between;
  color: var(--cl-color-disabled);
  font-size: 1.2em;
  margin-bottom: 0.7em;
  padding: 0 2.6em;
  position: relative; }

.register-form-field-date .Calendar__weekDay {
  display: block;
  width: calc(100% / 7);
  text-align: center;
  text-decoration: none; }

.register-form-field-date .Calendar__sectionWrapper {
  position: relative;
  min-height: 25.8em;
  overflow: hidden; }

.register-form-field-date .Calendar__section {
  display: flex;
  flex-direction: column;
  padding: 0 3.2em;
  position: absolute;
  color: var(--cl-color-black);
  top: 0;
  padding-top: 0.5em;
  left: 0;
  width: 100%;
  will-change: transform, opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: var(--animation-duration); }

.register-form-field-date .Calendar__section.-hiddenPrevious {
  opacity: 0.5;
  transform: translateX(-90%); }

.register-form-field-date .Calendar.-rtl .Calendar__section.-hiddenPrevious {
  transform: translateX(90%); }

.register-form-field-date .Calendar__section.-hiddenNext {
  opacity: 0.5;
  transform: translateX(90%); }

.register-form-field-date .Calendar.-rtl .Calendar__section.-hiddenNext {
  transform: translateX(-90%); }

.register-form-field-date .Calendar__section.-shown {
  opacity: 1;
  transform: translateX(0); }

.register-form-field-date .Calendar__section.-shownAnimated {
  animation: var(--animation-duration) FadeContentToCenter forwards; }

.register-form-field-date .Calendar__weekRow {
  display: flex;
  width: 100%; }

.register-form-field-date .Calendar__day {
  display: block;
  width: calc(100% / 7);
  text-align: center;
  padding: calc(0.25em - 1px) 0;
  font-size: 1.6em;
  border-radius: 50%;
  transition: 0.2s;
  border: 1px solid transparent;
  margin-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.register-form-field-date .Calendar__day:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.4);
  outline-offset: 2px; }

.register-form-field-date .Calendar__day.-ltr {
  min-height: 2.6em;
  font-size: 1.45em; }

.register-form-field-date .Calendar__day.-rtl {
  font-size: 1.55em;
  height: 2.45em; }

.register-form-field-date .Calendar__day:not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):not(.-selected):hover {
  background: #eaeaea;
  border-radius: 50%;
  color: var(--cl-color-black);
  border-color: transparent; }

.register-form-field-date .Calendar__day.-selected,
.register-form-field-date .Calendar__day.-selectedStart,
.register-form-field-date .Calendar__day.-selectedEnd {
  background: var(--cl-color-primary);
  color: #fff; }

.register-form-field-date .Calendar__day.-ltr.-selectedStart {
  border-radius: 0;
  border-top-left-radius: 100em;
  border-bottom-left-radius: 100em; }

.register-form-field-date .Calendar__day.-rtl.-selectedStart {
  border-radius: 0;
  border-top-right-radius: 100em;
  border-bottom-right-radius: 100em; }

.register-form-field-date .Calendar__day.-selectedBetween {
  background: var(--cl-color-primary-light);
  color: var(--cl-color-primary);
  border-radius: 0; }

.register-form-field-date .Calendar__day.-ltr.-selectedEnd {
  border-top-right-radius: 100em;
  border-bottom-right-radius: 100em; }

.register-form-field-date .Calendar__day.-rtl.-selectedEnd {
  border-top-left-radius: 100em;
  border-bottom-left-radius: 100em; }

.register-form-field-date .Calendar__day.-weekend:not(.-selected):not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) {
  color: var(--cl-color-error); }

.register-form-field-date .Calendar__day.-weekend.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween)::after {
  background: var(--cl-color-error); }

.register-form-field-date .Calendar__day.-disabled {
  color: var(--cl-color-disabled) !important;
  background: transparent !important;
  cursor: default !important; }

.register-form-field-date .Calendar__day.-selected {
  border-radius: 50%; }

.register-form-field-date .Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) {
  font-weight: 600;
  color: var(--cl-color-black);
  color: #000;
  position: relative; }

.register-form-field-date .Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween)::after {
  content: '';
  position: absolute;
  bottom: 0.2em;
  display: block;
  width: 0.6em;
  height: 1px;
  background: #000;
  left: 50%;
  opacity: 0.5;
  transform: translateX(-50%);
  transition: 0.2s; }

.register-form-field-date .Calendar__day.-today:hover:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween)::after {
  opacity: 0; }

.register-form-field-date .Calendar__day.-blank {
  color: transparent;
  cursor: default;
  pointer-events: none; }

.register-form-field-date .Calendar__footer {
  position: relative;
  z-index: 1; }

@keyframes fadeCalendar {
  from {
    opacity: 0; }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeArrowFlipped {
  from {
    opacity: 0; }
  to {
    opacity: 1;
    transform: translateY(0) rotate(180deg); } }

@keyframes fadeTextToCenter {
  to {
    opacity: 1;
    transform: translateX(-50%); } }

@keyframes FadeContentToCenter {
  to {
    opacity: 1;
    transform: translateX(0); } }

/*!
 * froala_editor v3.1.0 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2020 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

img.fr-rounded,
.fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

img.fr-bordered,
.fr-img-caption.fr-bordered img {
  border: solid 5px #CCC; }

img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-view {
  word-wrap: break-word;
  display: inline;
  max-width: max-content;
  width: 100%;
  overflow: auto; }

.fr-view span[style~="color:"] a {
  color: inherit; }

.fr-view strong {
  font-weight: 700; }

.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%; }

.fr-view table td {
  min-width: 5px; }

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed; }

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke; }

.fr-view table td,
.fr-view table th {
  border: 1px solid #DDD; }

.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px; }

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red; }

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px; }

.fr-view table th {
  background: #ececec; }

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always; }

.fr-view .fr-file {
  position: relative; }

.fr-view .fr-file::after {
  position: relative;
  content: "\1F4CE";
  font-weight: normal; }

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible; }

.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0; }

.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00BCD4; }

.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43A047; }

.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1; }

.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4; }

.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047; }

.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0; }

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle; }

.fr-view .fr-text-gray {
  color: #AAA !important; }

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0; }

.fr-view .fr-text-spaced {
  letter-spacing: 1px; }

.fr-view .fr-text-uppercase {
  text-transform: uppercase; }

.fr-view .fr-class-highlighted {
  background-color: #ffff00; }

.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace; }

.fr-view .fr-class-transparency {
  opacity: 0.5; }

.fr-view img {
  position: relative;
  max-width: 100%; }

.fr-view img.fr-dib {
  margin: 1px auto;
  display: block;
  float: none;
  vertical-align: top; }

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%; }

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

.fr-view .fr-video {
  text-align: center;
  position: relative; }

.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.fr-view .fr-video.fr-rv > iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none; }

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both; }

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left; }

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right; }

.fr-view .fr-video.fr-dvi {
  display: inline-block; }

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left; }

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right; }

.fr-view a.fr-strong {
  font-weight: 700; }

.fr-view a.fr-green {
  color: green; }

.fr-view .fr-img-caption {
  text-align: center; }

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center; }

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px; }

/**
   * Image style.
   */
a.fr-view.fr-strong {
  font-weight: 700; }

a.fr-view.fr-green {
  color: green; }

/**
   * Link style.
   */
img.fr-view {
  position: relative;
  max-width: 100%; }

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%; }

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

.landing__template--two {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100vw;
  background-color: #000; }

.landing__template--bg {
  filter: blur(6px) brightness(30%);
  background-position: center;
  background-size: cover;
  position: fixed;
  height: 100vh;
  width: 100vw; }

.landing__template--wrap {
  z-index: 10;
  top: 0px;
  position: absolute;
  max-width: 95vw; }

.landing__template--content {
  margin: 1rem 0px 2rem 0px; }
  @media screen and (max-width: 800px) {
    .landing__template--content {
      margin: 4rem 0; } }
  @media screen and (max-width: 700px) {
    .landing__template--content {
      margin: 3rem 0; } }
  @media screen and (max-width: 600px) {
    .landing__template--content {
      margin: 2rem 0; } }

.landing__template--top.full--img {
  padding: 0rem !important; }
  .landing__template--top.full--img img {
    width: 100%;
    border-radius: 0px; }
  @media screen and (max-width: 800px) {
    .landing__template--top.full--img img {
      margin-bottom: 0rem;
      width: 100%; } }

.landing__template--top {
  background-color: #000;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2rem !important;
  gap: 2rem; }
  .landing__template--top img.landing__template--image {
    min-width: 300px;
    height: auto;
    object-fit: contain;
    border: 1.5px solid #e7e7e7;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    margin: 0;
    display: block; }
  .landing__template--top img.landing__template--image-option-max-width {
    max-width: 350px;
    border-radius: 8px; }
  @media screen and (max-width: 800px) {
    .landing__template--top {
      flex-direction: column;
      align-items: center; }
      .landing__template--top img.landing__template--image {
        width: 100%;
        max-width: 400px; } }

.landing__template--content__sub {
  margin: 0 1rem;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 200px; }
  .landing__template--content__sub h1 {
    margin: 0;
    font-size: 20px; }
  @media screen and (max-width: 800px) {
    .landing__template--content__sub {
      margin: 0rem; } }

.landing__template--locale__wrap {
  display: flex;
  gap: 1rem; }
  .landing__template--locale__wrap .landing__template--locale {
    padding: 1rem;
    width: 100%;
    border: 0.5px solid white;
    border-radius: 6px;
    color: #9091a7;
    margin-top: 10px; }
  @media screen and (max-width: 800px) {
    .landing__template--locale__wrap {
      display: block; } }

.max__width--700 {
  max-width: 700px; }

.register__template2 .register-form-header {
  border-bottom: none;
  border-radius: 8px 8px 0px 0px; }

.register__template2 .register-form-header.expand {
  border-bottom: 1px solid #e7e7e7;
  border-radius: 8px; }

.register__btn--template2 {
  border: none !important;
  box-shadow: none !important; }
  .register__btn--template2 .free-register-button {
    border-radius: 8px 8px 8px 8px !important;
    margin: 0px 0px 12px; }
  .register__btn--template2 .ticket-cart-item-name {
    font-size: 24px !important; }
  .register__btn--template2 .ticket-cart-list-container {
    margin-top: 1rem;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    padding: 1rem 1.5rem .8rem 1.5rem !important; }
  .register__btn--template2 .ticket-cart-item {
    align-items: center; }

.landing__template--image {
  width: 100%;
  height: auto;
  object-fit: contain;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px; }

.landing-html-wrapper img {
  max-width: 100%;
  height: auto;
  display: block; }

.pyro {
  width: 100%;
  height: 100vh;
  position: absolute;
  overflow: hidden; }

.pyro > .before,
.pyro > .after {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s; }

@-webkit-keyframes bang {
  to {
    box-shadow: -18px -274.33333px #00ff2b, -204px -188.33333px #2f00ff, 204px -304.33333px #001eff, 169px -48.33333px #ffd500, -78px 10.66667px #00ff33, -191px -27.33333px #00ffaa, -46px -218.33333px #ff00cc, 91px -76.33333px #c4ff00, 224px -136.33333px #00ffdd, -221px -126.33333px #00c4ff, -95px -252.33333px #ff00a6, 156px -273.33333px #ffe100, 67px -13.33333px #ff00aa, -168px -40.33333px #eaff00, -161px -242.33333px #fff700, 58px -158.33333px #55ff00, -207px 29.66667px #8800ff, -214px 38.66667px #f700ff, 212px -308.33333px #ff7700, 203px -280.33333px #ff0095, -175px -270.33333px #00ff0d, 37px -235.33333px #0011ff, -134px -162.33333px #0048ff, 97px 64.66667px #6200ff, 9px 59.66667px #008cff, -221px 23.66667px #9100ff, -52px -291.33333px #2bff00, 114px -280.33333px #ff2b00, 210px -119.33333px #008cff, -43px -153.33333px #ff9d00, 152px 61.66667px #00bbff, 158px -80.33333px #ff7700, -30px -222.33333px #ee00ff, -94px -152.33333px #ee00ff, 151px -75.33333px #2600ff, -170px 43.66667px #ff8800, -52px -309.33333px #84ff00, -233px -287.33333px #ffb700, 196px -323.33333px #ff0080, 93px -114.33333px #ff00e6, 190px 14.66667px #00a6ff, -231px -286.33333px #11ff00, -17px -247.33333px #ff00f7, -211px -120.33333px #ff0059, 158px -94.33333px #00ff66, 222px -205.33333px #ff00f2, -124px -112.33333px #00ffa6, 109px 15.66667px #c800ff, 244px -191.33333px cyan, 213px -318.33333px #00ccff, 202px -205.33333px #00ffcc, -151px -3.33333px #7300ff, -64px -240.33333px #6600ff, 149px -183.33333px #0033ff, -11px -118.33333px #00a6ff, 237px 38.66667px #00ffd0, 192px -332.33333px #ff5500, 92px -110.33333px #ff00c4, 90px -233.33333px #006fff, -139px -245.33333px #001eff, 240px -329.33333px #ff1e00; } }

@-moz-keyframes bang {
  to {
    box-shadow: -18px -274.33333px #00ff2b, -204px -188.33333px #2f00ff, 204px -304.33333px #001eff, 169px -48.33333px #ffd500, -78px 10.66667px #00ff33, -191px -27.33333px #00ffaa, -46px -218.33333px #ff00cc, 91px -76.33333px #c4ff00, 224px -136.33333px #00ffdd, -221px -126.33333px #00c4ff, -95px -252.33333px #ff00a6, 156px -273.33333px #ffe100, 67px -13.33333px #ff00aa, -168px -40.33333px #eaff00, -161px -242.33333px #fff700, 58px -158.33333px #55ff00, -207px 29.66667px #8800ff, -214px 38.66667px #f700ff, 212px -308.33333px #ff7700, 203px -280.33333px #ff0095, -175px -270.33333px #00ff0d, 37px -235.33333px #0011ff, -134px -162.33333px #0048ff, 97px 64.66667px #6200ff, 9px 59.66667px #008cff, -221px 23.66667px #9100ff, -52px -291.33333px #2bff00, 114px -280.33333px #ff2b00, 210px -119.33333px #008cff, -43px -153.33333px #ff9d00, 152px 61.66667px #00bbff, 158px -80.33333px #ff7700, -30px -222.33333px #ee00ff, -94px -152.33333px #ee00ff, 151px -75.33333px #2600ff, -170px 43.66667px #ff8800, -52px -309.33333px #84ff00, -233px -287.33333px #ffb700, 196px -323.33333px #ff0080, 93px -114.33333px #ff00e6, 190px 14.66667px #00a6ff, -231px -286.33333px #11ff00, -17px -247.33333px #ff00f7, -211px -120.33333px #ff0059, 158px -94.33333px #00ff66, 222px -205.33333px #ff00f2, -124px -112.33333px #00ffa6, 109px 15.66667px #c800ff, 244px -191.33333px cyan, 213px -318.33333px #00ccff, 202px -205.33333px #00ffcc, -151px -3.33333px #7300ff, -64px -240.33333px #6600ff, 149px -183.33333px #0033ff, -11px -118.33333px #00a6ff, 237px 38.66667px #00ffd0, 192px -332.33333px #ff5500, 92px -110.33333px #ff00c4, 90px -233.33333px #006fff, -139px -245.33333px #001eff, 240px -329.33333px #ff1e00; } }

@-o-keyframes bang {
  to {
    box-shadow: -18px -274.33333px #00ff2b, -204px -188.33333px #2f00ff, 204px -304.33333px #001eff, 169px -48.33333px #ffd500, -78px 10.66667px #00ff33, -191px -27.33333px #00ffaa, -46px -218.33333px #ff00cc, 91px -76.33333px #c4ff00, 224px -136.33333px #00ffdd, -221px -126.33333px #00c4ff, -95px -252.33333px #ff00a6, 156px -273.33333px #ffe100, 67px -13.33333px #ff00aa, -168px -40.33333px #eaff00, -161px -242.33333px #fff700, 58px -158.33333px #55ff00, -207px 29.66667px #8800ff, -214px 38.66667px #f700ff, 212px -308.33333px #ff7700, 203px -280.33333px #ff0095, -175px -270.33333px #00ff0d, 37px -235.33333px #0011ff, -134px -162.33333px #0048ff, 97px 64.66667px #6200ff, 9px 59.66667px #008cff, -221px 23.66667px #9100ff, -52px -291.33333px #2bff00, 114px -280.33333px #ff2b00, 210px -119.33333px #008cff, -43px -153.33333px #ff9d00, 152px 61.66667px #00bbff, 158px -80.33333px #ff7700, -30px -222.33333px #ee00ff, -94px -152.33333px #ee00ff, 151px -75.33333px #2600ff, -170px 43.66667px #ff8800, -52px -309.33333px #84ff00, -233px -287.33333px #ffb700, 196px -323.33333px #ff0080, 93px -114.33333px #ff00e6, 190px 14.66667px #00a6ff, -231px -286.33333px #11ff00, -17px -247.33333px #ff00f7, -211px -120.33333px #ff0059, 158px -94.33333px #00ff66, 222px -205.33333px #ff00f2, -124px -112.33333px #00ffa6, 109px 15.66667px #c800ff, 244px -191.33333px cyan, 213px -318.33333px #00ccff, 202px -205.33333px #00ffcc, -151px -3.33333px #7300ff, -64px -240.33333px #6600ff, 149px -183.33333px #0033ff, -11px -118.33333px #00a6ff, 237px 38.66667px #00ffd0, 192px -332.33333px #ff5500, 92px -110.33333px #ff00c4, 90px -233.33333px #006fff, -139px -245.33333px #001eff, 240px -329.33333px #ff1e00; } }

@-ms-keyframes bang {
  to {
    box-shadow: -18px -274.33333px #00ff2b, -204px -188.33333px #2f00ff, 204px -304.33333px #001eff, 169px -48.33333px #ffd500, -78px 10.66667px #00ff33, -191px -27.33333px #00ffaa, -46px -218.33333px #ff00cc, 91px -76.33333px #c4ff00, 224px -136.33333px #00ffdd, -221px -126.33333px #00c4ff, -95px -252.33333px #ff00a6, 156px -273.33333px #ffe100, 67px -13.33333px #ff00aa, -168px -40.33333px #eaff00, -161px -242.33333px #fff700, 58px -158.33333px #55ff00, -207px 29.66667px #8800ff, -214px 38.66667px #f700ff, 212px -308.33333px #ff7700, 203px -280.33333px #ff0095, -175px -270.33333px #00ff0d, 37px -235.33333px #0011ff, -134px -162.33333px #0048ff, 97px 64.66667px #6200ff, 9px 59.66667px #008cff, -221px 23.66667px #9100ff, -52px -291.33333px #2bff00, 114px -280.33333px #ff2b00, 210px -119.33333px #008cff, -43px -153.33333px #ff9d00, 152px 61.66667px #00bbff, 158px -80.33333px #ff7700, -30px -222.33333px #ee00ff, -94px -152.33333px #ee00ff, 151px -75.33333px #2600ff, -170px 43.66667px #ff8800, -52px -309.33333px #84ff00, -233px -287.33333px #ffb700, 196px -323.33333px #ff0080, 93px -114.33333px #ff00e6, 190px 14.66667px #00a6ff, -231px -286.33333px #11ff00, -17px -247.33333px #ff00f7, -211px -120.33333px #ff0059, 158px -94.33333px #00ff66, 222px -205.33333px #ff00f2, -124px -112.33333px #00ffa6, 109px 15.66667px #c800ff, 244px -191.33333px cyan, 213px -318.33333px #00ccff, 202px -205.33333px #00ffcc, -151px -3.33333px #7300ff, -64px -240.33333px #6600ff, 149px -183.33333px #0033ff, -11px -118.33333px #00a6ff, 237px 38.66667px #00ffd0, 192px -332.33333px #ff5500, 92px -110.33333px #ff00c4, 90px -233.33333px #006fff, -139px -245.33333px #001eff, 240px -329.33333px #ff1e00; } }

@keyframes bang {
  to {
    box-shadow: -18px -274.33333px #00ff2b, -204px -188.33333px #2f00ff, 204px -304.33333px #001eff, 169px -48.33333px #ffd500, -78px 10.66667px #00ff33, -191px -27.33333px #00ffaa, -46px -218.33333px #ff00cc, 91px -76.33333px #c4ff00, 224px -136.33333px #00ffdd, -221px -126.33333px #00c4ff, -95px -252.33333px #ff00a6, 156px -273.33333px #ffe100, 67px -13.33333px #ff00aa, -168px -40.33333px #eaff00, -161px -242.33333px #fff700, 58px -158.33333px #55ff00, -207px 29.66667px #8800ff, -214px 38.66667px #f700ff, 212px -308.33333px #ff7700, 203px -280.33333px #ff0095, -175px -270.33333px #00ff0d, 37px -235.33333px #0011ff, -134px -162.33333px #0048ff, 97px 64.66667px #6200ff, 9px 59.66667px #008cff, -221px 23.66667px #9100ff, -52px -291.33333px #2bff00, 114px -280.33333px #ff2b00, 210px -119.33333px #008cff, -43px -153.33333px #ff9d00, 152px 61.66667px #00bbff, 158px -80.33333px #ff7700, -30px -222.33333px #ee00ff, -94px -152.33333px #ee00ff, 151px -75.33333px #2600ff, -170px 43.66667px #ff8800, -52px -309.33333px #84ff00, -233px -287.33333px #ffb700, 196px -323.33333px #ff0080, 93px -114.33333px #ff00e6, 190px 14.66667px #00a6ff, -231px -286.33333px #11ff00, -17px -247.33333px #ff00f7, -211px -120.33333px #ff0059, 158px -94.33333px #00ff66, 222px -205.33333px #ff00f2, -124px -112.33333px #00ffa6, 109px 15.66667px #c800ff, 244px -191.33333px cyan, 213px -318.33333px #00ccff, 202px -205.33333px #00ffcc, -151px -3.33333px #7300ff, -64px -240.33333px #6600ff, 149px -183.33333px #0033ff, -11px -118.33333px #00a6ff, 237px 38.66667px #00ffd0, 192px -332.33333px #ff5500, 92px -110.33333px #ff00c4, 90px -233.33333px #006fff, -139px -245.33333px #001eff, 240px -329.33333px #ff1e00; } }

@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }

@-webkit-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%; }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%; } }

@-moz-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%; }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%; } }

@-o-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%; }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%; } }

@-ms-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%; }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%; } }

@keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%; }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%; }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%; } }

.speech-bubble {
  position: relative;
  margin: .5em auto;
  padding: 1em;
  /*   width: 10em; height: 4em; */
  max-width: 40%;
  border-radius: .25em;
  transform: rotate(-4deg) rotateY(15deg);
  background: #000;
  text-align: center;
  max-height: 80vh; }

.speech-bubble:before,
.speech-bubble:after {
  position: absolute;
  z-index: -1;
  content: ''; }

.speech-bubble:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  transform: rotate(2deg) translate(0.35em, -0.15em) scale(1.02);
  background: #fff; }

.speech-bubble:before {
  border: solid 0 transparent;
  border-right: solid 3.5em #fff;
  border-bottom: solid .25em #000;
  bottom: .25em;
  left: 1.25em;
  width: 0;
  height: 1em;
  transform: rotate(45deg) skewX(75deg); }

@media (max-width: 650.98px) {
  .speech-bubble {
    max-width: 80% !important; } }

@media (max-width: 980.98px) {
  .speech-bubble {
    max-width: 60%; } }

.speech-html-container {
  max-height: 72vh;
  overflow-y: auto; }

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scroll::-webkit-scrollbar {
  display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
.no-scroll {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.object-fit-contain {
  object-fit: contain; }

.object-fit-cover {
  object-fit: cover; }

.z-99 {
  z-index: 99; }

.bg-pink {
  background-color: #AB11F3 !important; }

.ph-bg-container {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0; }

.ph-game-display-container {
  position: relative;
  overflow: auto;
  min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.ph-game-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1; }

.ph-end-game-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.61); }

.ph-title-container {
  height: 100px; }

.ph-start-title-container {
  height: 200px; }

.ph-end-button {
  background-color: #AB11F3;
  color: white;
  border-radius: 12px;
  width: 242px; }

.cursor-pointer {
  cursor: pointer; }

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

.line-height-sm {
  line-height: 1; }

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

.text-22 {
  font-size: 22px; }

.text-24 {
  font-size: 24px; }

.text-26 {
  font-size: 26px; }

.text-28 {
  font-size: 28px; }

.text-30 {
  font-size: 30px; }

.text-32 {
  font-size: 32px; }

.text-34 {
  font-size: 34px; }

.text-36 {
  font-size: 36px; }

.text-38 {
  font-size: 38px; }

.text-40 {
  font-size: 40px; }

.text-42 {
  font-size: 42px; }

.text-44 {
  font-size: 44px; }

.text-46 {
  font-size: 46px; }

.text-48 {
  font-size: 48px; }

.text-50 {
  font-size: 50px; }

.text-52 {
  font-size: 52px; }

.text-54 {
  font-size: 54px; }

.text-56 {
  font-size: 56px; }

.text-58 {
  font-size: 58px; }

.text-60 {
  font-size: 60px; }

.text-62 {
  font-size: 62px; }

.text-80 {
  font-size: 80px; }

.text-160 {
  font-size: 160px; }

.count-clock {
  width: 50px;
  position: absolute;
  object-fit: contain;
  top: -16px;
  left: -24px; }

.end-game-score-container {
  width: 40%; }

.ph-img-container {
  width: 50%; }

.ph-imgs-container {
  flex-wrap: nowrap;
  display: flex; }

.ph-main-width {
  width: 60%; }

@media (max-width: 650.98px) {
  .end-game-score-container {
    width: 80%; } }

@media (max-width: 750.98px) {
  .ph-img-container {
    width: 100%; }
  .ph-imgs-container {
    flex-wrap: wrap; }
  .ph-main-width {
    width: 80%; } }

@media (max-width: 980.98px) {
  .ph-main-width {
    width: 74%; } }

.table-active {
  background-color: rgba(255, 208, 0, 0.702);
  color: black !important; }

@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

.slide-container {
  position: relative; }

.number-scale-container {
  overflow-x: scroll; }

.kill-scrollbar::-webkit-scrollbar {
  display: none; }

.question-name {
  font-weight: bold; }

.question-description {
  font-size: small; }

.question-image {
  max-height: 200px; }

.answer-image {
  max-height: 160px;
  cursor: pointer; }

.cursor-pointer {
  cursor: pointer; }

.submit-evaluation-button {
  width: 136px;
  height: 50px;
  text-align: center;
  color: white;
  background-color: #004BA4;
  border: none;
  border-radius: 8px; }

/* Hide scrollbar for IE, Edge and Firefox */
.kill-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.text-eval-orange {
  color: #FF993A; }

.text-eval-gray {
  color: #A7AEB8; }

.eval-rounded {
  border-radius: 10px; }

.eval-checkbox {
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.2em;
  display: flex;
  align-items: center; }
  .eval-checkbox input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: transparent;
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: #0061F2;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #0061F2;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center; }
  .eval-checkbox input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-color: #0061F2; }
  .eval-checkbox input[type="checkbox"]:checked::before {
    transform: scale(1); }
  .eval-checkbox input[type="checkbox"]:disabled {
    color: #959495 !important;
    border-color: #959495 !important;
    cursor: not-allowed !important; }

.eval-checkbox--disabled {
  color: #959495;
  cursor: not-allowed; }

.eval-radio {
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.2em;
  display: flex;
  align-items: center; }
  .eval-radio input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: transparent;
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: #0061F2;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #0061F2;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center; }
  .eval-radio input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-color: #0061F2; }
  .eval-radio input[type="radio"]:checked::before {
    transform: scale(1); }
  .eval-radio input[type="radio"]:disabled {
    color: #959495 !important;
    border-color: #959495 !important;
    cursor: not-allowed !important; }

.eval-radio--disabled {
  color: #959495;
  cursor: not-allowed; }

.eval-slider-input {
  accent-color: #FF993A; }
  .eval-slider-input input[type='range'] {
    overflow: visible;
    border-radius: 10px;
    height: 10px;
    background-color: #e2e2e2;
    border: none;
    -webkit-appearance: none; }
    .eval-slider-input input[type='range']::-webkit-progress-value {
      background-color: #FF993A; }

.leaflet-toolbar-0{list-style:none;padding-left:0;border:2px solid rgba(0,0,0,.2);border-radius:4px}.leaflet-toolbar-0>li{position:relative}.leaflet-toolbar-0>li>.leaflet-toolbar-icon{display:block;width:30px;height:30px;line-height:30px;margin-right:0;padding-right:0;border-right:0;text-align:center;text-decoration:none;background-color:#fff}.leaflet-toolbar-0>li>.leaflet-toolbar-icon:hover{background-color:#f4f4f4}.leaflet-toolbar-0 .leaflet-toolbar-1{display:none;list-style:none}.leaflet-toolbar-tip-container{margin:-16px auto 0;height:16px;position:relative;overflow:hidden}.leaflet-toolbar-tip{width:16px;height:16px;margin:-8px auto 0;background-color:#fff;border:2px solid rgba(0,0,0,.2);background-clip:content-box;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:4px}.leaflet-control-toolbar .leaflet-toolbar-1>li:last-child>.leaflet-toolbar-icon,.leaflet-popup-toolbar>li:last-child>.leaflet-toolbar-icon{border-top-right-radius:4px;border-bottom-right-radius:4px}.leaflet-control-toolbar>li>.leaflet-toolbar-icon{border-bottom:1px solid #ccc}.leaflet-control-toolbar>li:first-child>.leaflet-toolbar-icon{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-control-toolbar>li:last-child>.leaflet-toolbar-icon{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom-width:0}.leaflet-control-toolbar .leaflet-toolbar-1{margin:0;padding:0;position:absolute;left:30px;top:0;white-space:nowrap;height:30px}.leaflet-control-toolbar .leaflet-toolbar-1>li{display:inline-block}.leaflet-control-toolbar .leaflet-toolbar-1>li>.leaflet-toolbar-icon{display:block;background-color:#919187;border-left:1px solid #aaa;color:#fff;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:30px;text-decoration:none;padding-left:10px;padding-right:10px;height:30px}.leaflet-control-toolbar .leaflet-toolbar-1>li>.leaflet-toolbar-icon:hover{background-color:#a0a098}.leaflet-popup-toolbar{position:relative;box-sizing:content-box}.leaflet-popup-toolbar>li{float:left}.leaflet-popup-toolbar>li>.leaflet-toolbar-icon{border-right:1px solid #ccc}.leaflet-popup-toolbar>li:first-child>.leaflet-toolbar-icon{border-top-left-radius:4px;border-bottom-left-radius:4px}.leaflet-popup-toolbar>li:last-child>.leaflet-toolbar-icon{border-bottom-width:0;border-right:none}.leaflet-popup-toolbar .leaflet-toolbar-1{position:absolute;top:30px;left:0;padding-left:0}.leaflet-popup-toolbar .leaflet-toolbar-1>li>.leaflet-toolbar-icon{position:relative;float:left;width:30px;height:30px}
.ldi .leaflet-popup-toolbar {
  width: max-content !important;
}

.ldi .leaflet-pane .leaflet-overlay-pane img {
  pointer-events: all !important;
}

.ldi .leaflet-pane .leaflet-overlay-pane img.disabled {
  cursor: default;
}

.ldi img.leaflet-image-layer.collected {
  box-shadow: 0px 0px 0px 12px #ffea00;
}

.ldi-icon {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  fill: #0078a8;
}

.ldi-icon.ldi-delete_forever {
  fill: #c10d0d;
}

.ldi-icon.ldi-keyboard_open {
  fill: black;
}

input.ldi {
  position: absolute;
  top: -100px;
}

.ldi .leaflet-toolbar-icon {
  box-sizing: initial;
}

.ldi .leaflet-toolbar-tip {
  box-sizing: border-box;
}

.ldi-keymapper {
  background-color: rgba(255, 255, 255, 1);
  color: black;
  padding: 8px;
  font-size: 13px;
  letter-spacing: 0.2px;
  line-height: 1.3;
  height: auto;
  width: 235px;
  border-radius: 21px;
  overflow: hidden;
}

.ldi #keymapper-wrapper {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 186px;
  min-height: 186px;
}

.ldi .left {
  width: 46%;
}

.ldi .left span {
  overflow-wrap: break-word;
}

.ldi .right {
  display: flex;
  max-width: 40%;
  flex-wrap: wrap;
  margin-left: 20px;
  align-items: flex-start;
}

.ldi #keymapper-hr {
  transform: rotate(90deg);
  position: relative;
  transform-origin: 0px;
  left: 50%;
  margin: -2px;
  width: 200%;
}

.ldi-keymapper tr {
  display: block;
}

.ldi-keymapper td {
  padding: 0.2rem;
  display: flex;
  width: 100%;
}

.ldi-keymapper kbd {
  padding: 0.2rem 0.4rem;
  color: black;
  background-color: rgb(247, 247, 247);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  text-shadow: 0 0.5px 0 #fff;
}

#toggle-keymapper {
  background-color: #fff;
  padding: 0px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  right: 16px;
  cursor: pointer;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  text-align: center;
  text-decoration: none;
  border: 2px solid rgba(184, 178, 173, 0.9);
  line-height: 30px;
}

#toggle-keymapper:hover {
  background-color: #f4f4f4;
}

.close-icon#toggle-keymapper {
  text-transform: uppercase;
  width: 254px;
  font-size: 11px;
  border: 1px solid lightgray;
  margin: 0;
  padding: 0;
  background-color: whitesmoke;
  border-radius: 0;
  border-bottom-left-radius: 21px;
  border-bottom-right-radius: 21px;
  position: relative;
  height: 21px;
  line-height: 22px;
  color: gray;
  top: 10px;
  left: -10px;
}

.close-icon#toggle-keymapper:hover {
  background-color: #efefef;
}

a.leaflet-toolbar-icon.rotate.selected-mode,
a.leaflet-toolbar-icon.freeRotate.selected-mode {
  background-color: rgba(251, 18, 14, 0.75);
  border: inset 0.5px lightgray;
}

a.leaflet-toolbar-icon.rotate.selected-mode .ldi-icon,
a.leaflet-toolbar-icon.freeRotate.selected-mode .ldi-icon,
a.leaflet-toolbar-icon.drag.selected-mode .ldi-icon {
  fill: white;
}

a.leaflet-toolbar-icon.drag.selected-mode {
  background-color: rgba(9, 155, 56, 0.75);
  border: inset 0.5px lightgray;
}

a.leaflet-toolbar-icon.distort.selected-mode,
a.leaflet-toolbar-icon.scale.selected-mode {
  background-color: hsla(239, 97%, 55%, 0.75);
  border: inset 0.5px lightgray;
}

a.leaflet-toolbar-icon.distort.selected-mode .ldi-icon,
a.leaflet-toolbar-icon.scale.selected-mode .ldi-icon {
  fill: white;
}

a.leaflet-toolbar-icon.lock.selected-mode {
  background-color: hsla(0, 0%, 1%, 0.7490196078431373);
  border: inset 0.5px lightgray;
}

li.disabled {
  cursor: auto;
}

a.leaflet-toolbar-icon.disabled {
  filter: grayscale(1);
  pointer-events: none;
}

a.leaflet-toolbar-icon.lock.selected-mode .ldi-icon {
  fill: white;
}

a.leaflet-toolbar-icon[title='Loading...'] {
  background-color: whitesmoke;
  pointer-events: none;
  cursor: default;
}

.ldi-icon.loader {
  -webkit-animation: ldi-spin 1.1s infinite;
  animation: ldi-spin 1.1s infinite;
  fill: black;
  width: 22px;
  height: 22px;
}

#cancel {
  fill: #c10d0d;
}

input[type="text"]::-webkit-input-placeholder {
  color: #979797;
}

@keyframes ldi-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
  }
  20% {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
  30% {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg);
  }
  40% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  60% {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
  }
  70% {
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg);
  }
  80% {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg);
  }
  90% {
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ldi-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
  }
  20% {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
  30% {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg);
  }
  40% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  60% {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
  }
  70% {
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg);
  }
  80% {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg);
  }
  90% {
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.leaflet-toolbar-0{list-style:none;padding-left:0;border:2px solid rgba(0,0,0,.2);border-radius:4px}.leaflet-toolbar-0>li{position:relative}.leaflet-toolbar-0>li>.leaflet-toolbar-icon{display:block;width:30px;height:30px;line-height:30px;margin-right:0;padding-right:0;border-right:0;text-align:center;text-decoration:none;background-color:#fff}.leaflet-toolbar-0>li>.leaflet-toolbar-icon:hover{background-color:#f4f4f4}.leaflet-toolbar-0 .leaflet-toolbar-1{display:none;list-style:none}.leaflet-toolbar-tip-container{margin:-16px auto 0;height:16px;position:relative;overflow:hidden}.leaflet-toolbar-tip{width:16px;height:16px;margin:-8px auto 0;background-color:#fff;border:2px solid rgba(0,0,0,.2);background-clip:content-box;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:4px}.leaflet-control-toolbar .leaflet-toolbar-1>li:last-child>.leaflet-toolbar-icon,.leaflet-popup-toolbar>li:last-child>.leaflet-toolbar-icon{border-top-right-radius:4px;border-bottom-right-radius:4px}.leaflet-control-toolbar>li>.leaflet-toolbar-icon{border-bottom:1px solid #ccc}.leaflet-control-toolbar>li:first-child>.leaflet-toolbar-icon{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-control-toolbar>li:last-child>.leaflet-toolbar-icon{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom-width:0}.leaflet-control-toolbar .leaflet-toolbar-1{margin:0;padding:0;position:absolute;left:30px;top:0;white-space:nowrap;height:30px}.leaflet-control-toolbar .leaflet-toolbar-1>li{display:inline-block}.leaflet-control-toolbar .leaflet-toolbar-1>li>.leaflet-toolbar-icon{display:block;background-color:#919187;border-left:1px solid #aaa;color:#fff;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:30px;text-decoration:none;padding-left:10px;padding-right:10px;height:30px}.leaflet-control-toolbar .leaflet-toolbar-1>li>.leaflet-toolbar-icon:hover{background-color:#a0a098}.leaflet-popup-toolbar{position:relative;box-sizing:content-box}.leaflet-popup-toolbar>li{float:left}.leaflet-popup-toolbar>li>.leaflet-toolbar-icon{border-right:1px solid #ccc}.leaflet-popup-toolbar>li:first-child>.leaflet-toolbar-icon{border-top-left-radius:4px;border-bottom-left-radius:4px}.leaflet-popup-toolbar>li:last-child>.leaflet-toolbar-icon{border-bottom-width:0;border-right:none}.leaflet-popup-toolbar .leaflet-toolbar-1{position:absolute;top:30px;left:0;padding-left:0}.leaflet-popup-toolbar .leaflet-toolbar-1>li>.leaflet-toolbar-icon{position:relative;float:left;width:30px;height:30px}
.image-gallery-icon{color:#fff;transition:all .3s ease-out;appearance:none;background-color:rgba(0,0,0,0);border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5, 25.5, 25.5))}@media(hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px 10px;left:50%;transform:translateX(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media(max-width: 768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media(max-width: 480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px hsl(0,0%,10%);cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media(hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media(max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0px;padding:3px}}@media(max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:rgba(0,0,0,0);padding:0}@media(max-width: 768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media(max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media(hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media(max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}

.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move;box-shadow:0 0 0 9999em #00000080}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:none;border-color:#00f;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:#0003;border:1px solid rgba(255,255,255,.7);outline:1px solid transparent}.ReactCrop__drag-handle:focus:after{border-color:#00f;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}