@keyframes fadeInFromTop {
  0% {
    transform: translateY(-2rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(-2rem);
    opacity: 0;
  }
}
@keyframes fadeInFromBottom {
  0% {
    transform: translateY(2rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(2rem);
    opacity: 0;
  }
}
@keyframes buttonGradientBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fillFromLeft {
  0% {
    transform: scaleX(0);
    transform-origin: 0% 0%;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
  }
}
@keyframes foldUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes breathShadow {
  0% {
    filter: drop-shadow(0 0 1.2rem #ffcd39);
  }
  50% {
    filter: drop-shadow(0 0 0.5rem #ffc413);
  }
  100% {
    filter: drop-shadow(0 0 1.2rem #ffcd39);
  }
}
@keyframes spinjerk {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  80% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
body {
  position: relative;
  background: hsl(0, 0%, 93%);
  height: 100vh;
  color: hsl(0, 0%, 27%);
  font-family: "pingfang tc", "Noto Sans TC", "microsoft yahei", "microsoft jhenghei", sans-serif;
}
body#login {
  background-image: linear-gradient(180deg, #FF6007 0%, #ffbf9c 100%);
}

header {
  margin-bottom: 1vh;
}

.animate {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

@media (min-width: 576px) {
  .animatesm {
    animation-duration: 0.3s;
    animation-fill-mode: both;
  }
}
@media (min-width: 768px) {
  .animatemd {
    animation-duration: 0.3s;
    animation-fill-mode: both;
  }
}
@media (min-width: 992px) {
  .animatelg {
    animation-duration: 0.3s;
    animation-fill-mode: both;
  }
}
@media (min-width: 1200px) {
  .animatexl {
    animation-duration: 0.3s;
    animation-fill-mode: both;
  }
}
.fadeInFromTop {
  animation-name: fadeInFromTop;
}

.fadeInFromBottom {
  animation-name: fadeInFromBottom;
}

textarea.form-control {
  resize: vertical;
  min-height: 10rem;
}

.pageWrapper .alert {
  width: 80%;
  left: 10%;
  position: absolute;
  top: 2vh;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
  z-index: 10;
}

button span {
  overflow: hidden;
  word-break: break-all;
}

.topNavBrand .profileImg {
  margin-left: 0.5rem;
}
.topNavBrand .navUserName {
  margin-right: 0.5rem;
}

.version {
  color: #ced4da;
}

.alert {
  width: 100%;
  border-radius: 0.5rem;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
  margin-top: 1rem;
  border-width: 2px;
}

.form-group .btn-outline-help {
  padding: 0 0.4rem;
  font-size: 0.8rem;
}

.modalFormGroup .exampleToggle {
  right: 0;
  top: 6px;
}
.modalFormGroup.choices {
  margin-top: 0.5rem !important;
}
.modalFormGroup #addChoices {
  margin-left: 0.5rem;
  margin-top: 1rem;
}
.modalFormGroup .choiceGroups {
  width: 100%;
}
.modalFormGroup .choiceGroup {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.modalFormGroup .choiceGroup .label {
  width: 4rem;
  text-align: left;
}
.modalFormGroup .choiceGroup .input {
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0 0.5rem;
}
.modalFormGroup .choiceGroup .del {
  color: #dc3545;
  font-size: 1.5rem;
}

.examples {
  width: 200px;
  z-index: 8;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
.examples > .exampleToggle {
  position: relative;
  right: 0;
  top: 0;
}
.examples > .exampleToggle:first-child {
  margin-right: 0.3rem;
}
.examples .exampleBlocks {
  min-width: 60vw;
  max-width: 90vw;
}

.exampleToggle, .multiHelpBtnBlock {
  z-index: 8;
  position: absolute;
  right: 15px;
  top: 0;
}

.monospace {
  font-family: "B612 Mono", monospace;
}

.modalFormGroup .exampleBlocks {
  right: 0;
  width: 90%;
  text-align: left;
}

.exampleBlocks {
  border: 2px solid hsl(18, 100%, 71.2%);
  border-radius: 0.5rem;
  display: none;
  position: absolute;
  z-index: 9;
  background-color: hsl(0, 0%, 100%);
  padding: 0.5rem;
  min-height: 200px;
  max-height: 400px;
  bottom: calc(100% + 1.1rem);
  right: 15px;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
}
@media (max-width: 991.98px) {
  .exampleBlocks {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .exampleBlocks {
    min-width: 60%;
    max-width: 90%;
  }
}
.exampleBlocks .exampleInner {
  overflow: scroll;
  flex-direction: column;
  display: flex;
  flex-grow: 1;
}
.exampleBlocks .exampleInner .exampleTable thead tr {
  border-top: none;
}
.exampleBlocks .exampleInner .exampleTable thead th {
  border-top: none;
}
.exampleBlocks .exampleInner .exampleTable.fixed {
  table-layout: fixed;
}
.exampleBlocks .exampleInner .exampleTable.fixed tr th[scope=row] {
  width: 30%;
}
.exampleBlocks .exampleInner img {
  max-width: 400px;
  border-radius: 0.5rem;
  border: 2px solid #dee2e6;
}
.exampleBlocks .exampleInner img.redirectExPics {
  width: 70%;
}
.exampleBlocks h4 {
  color: hsl(18, 100%, 71.2%);
}
.exampleBlocks p span {
  color: hsl(18, 100%, 71.2%);
}
.exampleBlocks:before, .exampleBlocks:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
}
.exampleBlocks:before {
  border: 17px solid;
}
.exampleBlocks:after {
  border: 14px solid;
}
.exampleBlocks.show {
  display: flex;
}
.exampleBlocks.show:before {
  right: 9px;
  bottom: -34px;
  border-color: hsl(18, 100%, 71.2%) transparent transparent transparent;
}
.exampleBlocks.show:after {
  right: 12px;
  bottom: -28px;
  border-color: hsl(0, 0%, 100%) transparent transparent transparent;
}
.exampleBlocks.showBottom {
  display: flex;
  top: 2.7rem;
  bottom: auto;
  right: 15px;
}
.exampleBlocks.showBottom:before {
  right: 13px;
  top: -34px;
  border-color: transparent transparent hsl(18, 100%, 71.2%) transparent;
}
.exampleBlocks.showBottom:after {
  right: 16px;
  top: -28px;
  border-color: transparent transparent hsl(0, 0%, 100%) transparent;
}
.exampleBlocks .exampleClose {
  position: absolute;
  top: calc(-1.5rem * .4);
  right: calc(-1.5rem * .4);
  color: hsl(18, 100%, 71.2%);
  font-size: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: calc(1.5rem / 2);
  background-color: hsl(0, 0%, 100%);
}
.exampleBlocks a:not(.exampleClose) {
  color: #666;
  padding: 0 0.2rem;
  text-decoration: none;
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  transition: all 0.12s ease-in-out, padding 0.12s ease-in-out;
  background-size: 10% 200%;
  background-position: 0 0;
  border-radius: 0.2rem;
}
.exampleBlocks a:not(.exampleClose):hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  background-position: 0 10%;
  text-decoration: none;
}

a.fancya, .newsRowsWrapper .newsBodyInner .newsBodyText a, .divListTable .divListTableRows .divListTableDetailInner a {
  color: #666;
  padding: 0 0.2rem;
  text-decoration: none;
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  transition: all 0.12s ease-in-out, padding 0.12s ease-in-out;
  background-size: 10% 200%;
  background-position: 0 0;
  border-radius: 0.2rem;
}
a.fancya:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a:hover, .divListTable .divListTableRows .divListTableDetailInner a:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  background-position: 0 10%;
  text-decoration: none;
}
a.fancya.fancya-group-primary, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-group-primary, .divListTable .divListTableRows .divListTableDetailInner a.fancya-group-primary {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #bfeded calc(50% - 8px), #bfeded 100%);
}
a.fancya.fancya-group-primary:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-group-primary:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-group-primary:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #95e2e1 calc(50% - 8px), #95e2e1 100%);
}
a.fancya.fancya-hahago-primary, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-hahago-primary, .divListTable .divListTableRows .divListTableDetailInner a.fancya-hahago-primary {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #b3e3f5 calc(50% - 8px), #b3e3f5 100%);
}
a.fancya.fancya-hahago-primary:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-hahago-primary:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-hahago-primary:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d0ee calc(50% - 8px), #80d0ee 100%);
}
a.fancya.fancya-lighter-gray, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-lighter-gray, .divListTable .divListTableRows .divListTableDetailInner a.fancya-lighter-gray {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #fafafa calc(50% - 8px), #fafafa 100%);
}
a.fancya.fancya-lighter-gray:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-lighter-gray:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-lighter-gray:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #f7f7f7 calc(50% - 8px), #f7f7f7 100%);
}
a.fancya.fancya-darker-gray, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-darker-gray, .divListTable .divListTableRows .divListTableDetailInner a.fancya-darker-gray {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #d7d7d7 calc(50% - 8px), #d7d7d7 100%);
}
a.fancya.fancya-darker-gray:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-darker-gray:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-darker-gray:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #bdbdbd calc(50% - 8px), #bdbdbd 100%);
}
a.fancya.fancya-edit, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-edit, .divListTable .divListTableRows .divListTableDetailInner a.fancya-edit {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #fde7b3 calc(50% - 8px), #fde7b3 100%);
}
a.fancya.fancya-edit:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-edit:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-edit:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #fbd780 calc(50% - 8px), #fbd780 100%);
}
a.fancya.fancya-pending, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-pending, .divListTable .divListTableRows .divListTableDetailInner a.fancya-pending {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ecceb7 calc(50% - 8px), #ecceb7 100%);
}
a.fancya.fancya-pending:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-pending:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-pending:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #dfae87 calc(50% - 8px), #dfae87 100%);
}
a.fancya.fancya-ready, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-ready, .divListTable .divListTableRows .divListTableDetailInner a.fancya-ready {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #d4eece calc(50% - 8px), #d4eece 100%);
}
a.fancya.fancya-ready:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-ready:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-ready:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #b7e2ae calc(50% - 8px), #b7e2ae 100%);
}
a.fancya.fancya-live, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-live, .divListTable .divListTableRows .divListTableDetailInner a.fancya-live {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #b6ecf1 calc(50% - 8px), #b6ecf1 100%);
}
a.fancya.fancya-live:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-live:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-live:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #85e0e8 calc(50% - 8px), #85e0e8 100%);
}
a.fancya.fancya-ended, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-ended, .divListTable .divListTableRows .divListTableDetailInner a.fancya-ended {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #cbcbcb calc(50% - 8px), #cbcbcb 100%);
}
a.fancya.fancya-ended:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-ended:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-ended:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #a8a8a8 calc(50% - 8px), #a8a8a8 100%);
}
a.fancya.fancya-member, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-member, .divListTable .divListTableRows .divListTableDetailInner a.fancya-member {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #e8f3f3 calc(50% - 8px), #e8f3f3 100%);
}
a.fancya.fancya-member:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-member:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-member:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #d9ebeb calc(50% - 8px), #d9ebeb 100%);
}
a.fancya.fancya-replied, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-replied, .divListTable .divListTableRows .divListTableDetailInner a.fancya-replied {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #edecec calc(50% - 8px), #edecec 100%);
}
a.fancya.fancya-replied:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-replied:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-replied:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #e1e0e0 calc(50% - 8px), #e1e0e0 100%);
}
a.fancya.fancya-award, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-award, .divListTable .divListTableRows .divListTableDetailInner a.fancya-award {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #f5bbd0 calc(50% - 8px), #f5bbd0 100%);
}
a.fancya.fancya-award:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-award:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-award:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ee8eb1 calc(50% - 8px), #ee8eb1 100%);
}
a.fancya.fancya-message, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-message, .divListTable .divListTableRows .divListTableDetailInner a.fancya-message {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #b3e3f5 calc(50% - 8px), #b3e3f5 100%);
}
a.fancya.fancya-message:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-message:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-message:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d0ee calc(50% - 8px), #80d0ee 100%);
}
a.fancya.fancya-encourage, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-encourage, .divListTable .divListTableRows .divListTableDetailInner a.fancya-encourage {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffe2bf calc(50% - 8px), #ffe2bf 100%);
}
a.fancya.fancya-encourage:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-encourage:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-encourage:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffcf94 calc(50% - 8px), #ffcf94 100%);
}
a.fancya.fancya-help, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-help, .divListTable .divListTableRows .divListTableDetailInner a.fancya-help {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffe0d3 calc(50% - 8px), #ffe0d3 100%);
}
a.fancya.fancya-help:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-help:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-help:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffccb6 calc(50% - 8px), #ffccb6 100%);
}
a.fancya.fancya-admin, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-admin, .divListTable .divListTableRows .divListTableDetailInner a.fancya-admin {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #fdeeb3 calc(50% - 8px), #fdeeb3 100%);
}
a.fancya.fancya-admin:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-admin:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-admin:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #fbe280 calc(50% - 8px), #fbe280 100%);
}
a.fancya.fancya-dept, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-dept, .divListTable .divListTableRows .divListTableDetailInner a.fancya-dept {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #fddeca calc(50% - 8px), #fddeca 100%);
}
a.fancya.fancya-dept:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-dept:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-dept:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #fcc8a7 calc(50% - 8px), #fcc8a7 100%);
}
a.fancya.fancya-line-oa, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-line-oa, .divListTable .divListTableRows .divListTableDetailInner a.fancya-line-oa {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffe0bb calc(50% - 8px), #ffe0bb 100%);
}
a.fancya.fancya-line-oa:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-line-oa:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-line-oa:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffcb8d calc(50% - 8px), #ffcb8d 100%);
}
a.fancya.fancya-dd7, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-dd7, .divListTable .divListTableRows .divListTableDetailInner a.fancya-dd7 {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffcfb5 calc(50% - 8px), #ffcfb5 100%);
}
a.fancya.fancya-dd7:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-dd7:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-dd7:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffb083 calc(50% - 8px), #ffb083 100%);
}
a.fancya.fancya-primary, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-primary, .divListTable .divListTableRows .divListTableDetailInner a.fancya-primary {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #b3d7ff calc(50% - 8px), #b3d7ff 100%);
}
a.fancya.fancya-primary:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-primary:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-primary:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80bdff calc(50% - 8px), #80bdff 100%);
}
a.fancya.fancya-secondary, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-secondary, .divListTable .divListTableRows .divListTableDetailInner a.fancya-secondary {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #d3d6d8 calc(50% - 8px), #d3d6d8 100%);
}
a.fancya.fancya-secondary:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-secondary:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-secondary:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #b6babe calc(50% - 8px), #b6babe 100%);
}
a.fancya.fancya-success, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-success, .divListTable .divListTableRows .divListTableDetailInner a.fancya-success {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #bfe5c7 calc(50% - 8px), #bfe5c7 100%);
}
a.fancya.fancya-success:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-success:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-success:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #94d3a2 calc(50% - 8px), #94d3a2 100%);
}
a.fancya.fancya-info, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-info, .divListTable .divListTableRows .divListTableDetailInner a.fancya-info {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #b9e3ea calc(50% - 8px), #b9e3ea 100%);
}
a.fancya.fancya-info:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-info:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-info:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #8bd1dc calc(50% - 8px), #8bd1dc 100%);
}
a.fancya.fancya-warning, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-warning, .divListTable .divListTableRows .divListTableDetailInner a.fancya-warning {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffecb5 calc(50% - 8px), #ffecb5 100%);
}
a.fancya.fancya-warning:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-warning:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-warning:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ffe083 calc(50% - 8px), #ffe083 100%);
}
a.fancya.fancya-danger, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-danger, .divListTable .divListTableRows .divListTableDetailInner a.fancya-danger {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #f5c2c7 calc(50% - 8px), #f5c2c7 100%);
}
a.fancya.fancya-danger:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-danger:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-danger:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #ee9aa2 calc(50% - 8px), #ee9aa2 100%);
}
a.fancya.fancya-light, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-light, .divListTable .divListTableRows .divListTableDetailInner a.fancya-light {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #fdfdfe calc(50% - 8px), #fdfdfe 100%);
}
a.fancya.fancya-light:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-light:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-light:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #fcfcfd calc(50% - 8px), #fcfcfd 100%);
}
a.fancya.fancya-dark, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-dark, .divListTable .divListTableRows .divListTableDetailInner a.fancya-dark {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #c2c4c6 calc(50% - 8px), #c2c4c6 100%);
}
a.fancya.fancya-dark:hover, .newsRowsWrapper .newsBodyInner .newsBodyText a.fancya-dark:hover, .divListTable .divListTableRows .divListTableDetailInner a.fancya-dark:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #9a9da0 calc(50% - 8px), #9a9da0 100%);
}

.invalidInput {
  border-color: hsl(351, 76.6%, 61.4%) !important;
}
.invalidInput:focus {
  border-color: #ea5f74;
  box-shadow: 0 0 0 0.2rem rgba(234, 95, 116, 0.25);
}

.weakInput {
  border-color: hsl(18, 100%, 71.2%);
}
.weakInput:focus {
  border-color: #ffa078;
  box-shadow: 0 0 0 0.2rem rgba(255, 160, 120, 0.25);
}

.okayInput {
  border-color: hsl(48, 100%, 70%);
}
.okayInput:focus {
  border-color: #ffe372;
  box-shadow: 0 0 0 0.2rem rgba(255, 227, 114, 0.25);
}

.strongInput {
  border-color: hsl(109, 68%, 74%);
}
.strongInput:focus {
  border-color: #a8eb99;
  box-shadow: 0 0 0 0.2rem rgba(168, 235, 153, 0.25);
}

.onOffSwitch {
  margin-bottom: -0.5rem;
}

.contentWrapper {
  border-radius: 3rem;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
  padding-top: 20px;
  padding-bottom: 50px;
  background: hsl(0, 0%, 100%);
  margin: auto;
  border-top: 2px solid #dee2e6;
  border-left: 3px solid #dee2e6;
  border-right: 3px solid #dee2e6;
  border-bottom: 5px solid #dee2e6;
}

.mainContainer, .registerContainer {
  background: hsl(0, 0%, 100%);
  min-height: 80vh;
  border-radius: 3rem;
  overflow: visible;
  padding-bottom: 6vh;
  margin: auto;
  position: relative;
  border-top: 2px solid #dee2e6;
  border-left: 3px solid #dee2e6;
  border-right: 3px solid #dee2e6;
  border-bottom: 5px solid #dee2e6;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
}

.dashMainContainer {
  margin: auto;
  position: relative;
  overflow: visible;
}
.dashMainContainer .dashContent {
  width: 100%;
  min-height: 80vh;
  padding-bottom: 6vh;
  display: flex;
  flex-wrap: wrap;
}
.dashMainContainer .dashContent.asFullPage {
  border-radius: 1rem;
  padding: 3vh 0;
  background: #fff;
}

#notifDropdownToggle {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  padding-right: 0.5rem;
}
#notifDropdownToggle.hasUnread {
  color: #ffc107;
}

#notifHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
}
#notifHeader .refresh {
  cursor: pointer;
}
#notifHeader .refresh.refreshing {
  animation: spin 1s linear infinite;
}

#notifBadge {
  background-color: hsl(18, 100%, 71.2%);
  color: #fff;
  display: none;
  border: 2px solid #fff;
}
#notifBadge.hasUnread {
  display: inline-block;
}

.notifItems {
  display: flex;
  border-left: 2px solid #dee2e6;
  border-right: 2px solid #dee2e6;
  padding: 0.3rem 0.5rem;
  flex-wrap: wrap;
}
.notifItems:hover {
  text-decoration: none;
  background-color: #f8f9fa;
}
.notifItems.unread .notifLeft {
  color: hsl(18, 100%, 71.2%);
}
.notifItems.unread .notifRight .notifDate {
  color: #adb5bd;
}
.notifItems.unread .notifRight .notifTitle {
  color: #6c757d;
  font-weight: bold;
}
.notifItems:not(.unread) .notifLeft {
  color: #ced4da;
}
.notifItems:not(.unread) .notifRight .notifDate {
  color: #ced4da;
}
.notifItems:not(.unread) .notifRight .notifTitle {
  color: #adb5bd;
  font-weight: normal;
}
.notifItems .notifLeft {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  font-size: 1.2rem;
  width: 17%;
}
.notifItems .notifRight {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-grow: 1;
  width: 83%;
}
.notifItems .notifRight .notifDate {
  width: 100%;
}
.notifItems .notifRight .notifTitle {
  width: 100%;
}
.notifItems .notifBodyWrapper {
  width: 100%;
}
.notifItems .notifBodyWrapper .notifBody {
  width: 100%;
  background-color: #e9ecef;
  padding: 0.5rem;
}
.notifItems .notifBodyWrapper .notifLink {
  text-align: center;
  width: 100%;
  margin: 0.2rem 0;
}

.dataSection {
  margin-bottom: 15px;
  flex: 0 0 0;
}

.sectionHeader {
  font-weight: 700;
}

.sectionContent {
  border: 1px solid hsl(0, 0%, 93.3%);
  padding: 0.6rem 0.6rem;
  margin-top: 15px;
  border-radius: 7px;
  white-space: pre-wrap;
}

.clearRight {
  margin-right: 50%;
}

div.helperText {
  font-size: 0.9rem;
  color: hsl(18, 100%, 71.2%);
  margin-top: -0.3rem;
  padding-left: 0.2rem;
  line-height: 1.2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 767.98px) {
  div.helperText {
    margin-top: -0.5rem;
    font-size: 0.5rem;
  }
}
div.helperText::before {
  height: 1.2rem;
  line-height: 1.2rem;
  font-family: "Font Awesome 5 Free";
  content: "\f06a";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  padding-right: 0.1rem;
  margin-right: 0.2rem;
  padding-left: 0.2rem;
  margin-top: -0.1rem;
}

.hiddenFields {
  display: none;
}

.reminder {
  color: hsl(18, 100%, 71.2%);
  font-size: 0.9rem;
  margin-left: 0.5rem;
}

.labelOptional {
  display: inline-flex;
  margin-left: 0.5rem;
  font-size: 0.9rem;
  color: #01A1DD;
  font-style: italic;
}

.alertText::before, .weakText::before, .okayText::before, .strongText::before, .uploadResultText::before {
  line-height: 1.2rem;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  padding-right: 0.1rem;
  margin-top: -0.1rem;
  padding-left: 0.2rem;
}

.alertText {
  color: hsl(351, 76.6%, 61.4%);
  display: none;
}
.alertText.valid {
  color: #57d93a;
}
.alertText.valid::before {
  content: "\f00c";
}
.alertText::before {
  content: "\f00d";
}
.alertText.showAlert {
  display: inline-block;
}

.weakText {
  color: hsl(18, 100%, 71.2%);
}
.weakText::before {
  content: "\f119";
}

.okayText {
  color: hsl(48, 100%, 70%);
}
.okayText::before {
  content: "\f11a";
}

.strongText {
  color: hsl(109, 68%, 74%);
}
.strongText::before {
  content: "\f118";
}

.invalidText {
  color: hsl(351, 76.6%, 61.4%);
}
.invalidText::before {
  content: "\f00d";
}

.validText {
  color: #57d93a;
}
.validText::before {
  content: "\f00c";
}

#warningText {
  color: hsl(351, 76.6%, 61.4%);
  padding-bottom: 10px;
  border: 2px solid #dee2e6;
  border-top: 0;
  border-bottom: 0;
  display: none;
  text-align: center;
}
#warningText::before {
  line-height: 1.2rem;
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  padding-right: 0.1rem;
  margin-top: -0.1rem;
  padding-left: 0.2rem;
}

.submitEdit, .showControl {
  text-align: center;
  display: flex;
  margin-top: 4rem;
  justify-content: space-between;
}

.submitEdit {
  align-items: center;
}
.submitEdit .addAttImgField, .submitEdit .newLines, .submitEdit .toTempList {
  margin-left: auto;
  margin-right: 1rem;
}
.submitEdit .uploadSubmit:first-child, .submitEdit .formSubmit:first-child {
  margin-left: auto;
}
.submitEdit .btn-outline-secondary:nth-child(2) {
  margin-right: auto;
  margin-left: 1rem;
}

.disabledRadioTab {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
}
.disabledRadioTab li {
  display: block;
  float: left;
  text-align: center;
}
.disabledRadioTab li:first-of-type label {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.disabledRadioTab li:last-of-type label {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.disabledRadioTab li label {
  height: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.2rem;
  border: 2px solid #dee2e6;
  background-color: #e9ecef;
  width: 100%;
  color: #ced4da;
  position: relative;
  z-index: 0;
  margin-left: 0;
}
.disabledRadioTab li label.checked {
  background-color: #4dc9f7;
  border: 2px solid #4dbde7;
  color: #e9ecef;
  font-weight: bold;
  font-size: 1rem;
  z-index: 1;
}

.radioTabs {
  padding: 0;
  margin: 0 0 0.3rem 0;
  height: calc(calc(1.5em + 0.75rem + 2px) + 0.4rem);
}
.radioTabs.invalidInput li label {
  border-color: hsl(351, 76.6%, 61.4%);
}
.radioTabs.invalidInput li input[type=radio]:checked + label {
  border-color: hsl(351, 76.6%, 61.4%);
}
.radioTabs li {
  display: block;
  float: left;
  text-align: center;
}
.radioTabs li:first-of-type label {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.radioTabs li:last-of-type label {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.radioTabs input[type=radio] {
  display: none;
}
.radioTabs.invalid label {
  border-color: hsl(351, 76.6%, 61.4%) !important;
}
.radioTabs.invalid input[type=radio]:checked + label {
  border-color: hsl(351, 76.6%, 61.4%) !important;
}
.radioTabs label {
  height: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.2rem;
  border: 2px solid #ced4da;
  transition: 0.2s all ease-in-out;
  background-color: #dee2e6;
  width: 100%;
  color: #6c757d;
  position: relative;
  z-index: 0;
  margin-left: 0;
}
.radioTabs input[type=radio]:checked + label {
  background-color: #01b2f4;
  border-color: #01A1DD;
  color: hsl(0, 0%, 100%);
  font-weight: bold;
  z-index: 2;
}
.radioTabs input[type=radio]:disabled + label {
  border: 2px solid #dee2e6;
  background-color: #e9ecef;
  color: #ced4da;
  z-index: 0;
}

.tabs2 li {
  width: 50%;
}
.tabs2 li:not(:first-child) {
  width: calc(50% + 2px);
  margin-left: -2px;
}
.tabs2 label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .tabs2 label {
    font-size: 1rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .tabs2 label {
    font-size: 1rem;
  }
}

.tabs3 li {
  width: 33.3333333333%;
}
.tabs3 li:not(:first-child) {
  width: calc(33.3333333333% + 2px);
  margin-left: -2px;
}
.tabs3 label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .tabs3 label {
    font-size: 1rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .tabs3 label {
    font-size: 1rem;
  }
}

.tabs4 li {
  width: 25%;
}
.tabs4 li:not(:first-child) {
  width: calc(25% + 2px);
  margin-left: -2px;
}
.tabs4 label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .tabs4 label {
    font-size: 1rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .tabs4 label {
    font-size: 1rem;
  }
}

.tabs5 li {
  width: 20%;
}
.tabs5 li:not(:first-child) {
  width: calc(20% + 2px);
  margin-left: -2px;
}
.tabs5 label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .tabs5 label {
    font-size: 0.8rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .tabs5 label {
    font-size: 1rem;
  }
}

.tabs6 li {
  width: 16.6666666667%;
}
.tabs6 li:not(:first-child) {
  width: calc(16.6666666667% + 2px);
  margin-left: -2px;
}
.tabs6 label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .tabs6 label {
    font-size: 0.95rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .tabs6 label {
    font-size: 0.7rem;
  }
}

.tabs7 li {
  width: 14.2857142857%;
}
.tabs7 li:not(:first-child) {
  width: calc(14.2857142857% + 2px);
  margin-left: -2px;
}
.tabs7 label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .tabs7 label {
    font-size: 0.95rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .tabs7 label {
    font-size: 0.7rem;
  }
}

.tabs8 li:first-of-type {
  width: 25%;
}
.tabs8 li:first-of-type label {
  border-bottom-left-radius: 0;
  margin-bottom: 0;
}
.tabs8 li:nth-of-type(4) label {
  border-top-right-radius: 0.5rem;
}
.tabs8 li:nth-of-type(5) {
  width: 25%;
  margin-top: -2px;
}
.tabs8 li:nth-of-type(5) label {
  border-bottom-left-radius: 0.5rem;
  margin-top: 0;
}
.tabs8 li:last-of-type label {
  border-top-right-radius: 0;
}
.tabs8 li:nth-of-type(-n+4):not(:first-of-type) {
  width: calc(25% + 2px);
  margin-left: -2px;
}
.tabs8 li:nth-of-type(-n+4):not(:first-of-type) label {
  margin-bottom: 0;
}
.tabs8 li:nth-of-type(n+5):not(:nth-of-type(5)) {
  width: calc(25% + 2px);
  margin-left: -2px;
  margin-top: -2px;
}
.tabs8 li:nth-of-type(n+5):not(:nth-of-type(5)) label {
  margin-top: 0;
}
@media (max-width: 1199.98px) {
  .tabs8 label {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .tabs8 label {
    font-size: 1rem;
  }
}

.tabs9 li:first-of-type {
  width: 20%;
}
.tabs9 li:first-of-type label {
  border-bottom-left-radius: 0;
  margin-bottom: 0;
}
.tabs9 li:nth-of-type(5) label {
  border-top-right-radius: 0.5rem;
}
.tabs9 li:nth-of-type(6) {
  width: 25%;
  margin-top: -2px;
}
.tabs9 li:nth-of-type(6) label {
  border-bottom-left-radius: 0.5rem;
  margin-top: 0;
}
.tabs9 li:last-of-type label {
  border-top-right-radius: 0;
}
.tabs9 li:nth-of-type(-n+5):not(:first-of-type) {
  width: calc(20% + 2px);
  margin-left: -2px;
}
.tabs9 li:nth-of-type(-n+5):not(:first-of-type) label {
  margin-bottom: 0;
}
.tabs9 li:nth-of-type(n+6):not(:nth-of-type(6)) {
  width: calc(25% + 2px);
  margin-left: -2px;
  margin-top: -2px;
}
.tabs9 li:nth-of-type(n+6):not(:nth-of-type(6)) label {
  margin-top: 0;
}
@media (max-width: 1199.98px) {
  .tabs9 label {
    font-size: 0.95rem;
  }
}
@media (min-width: 1200px) {
  .tabs9 label {
    font-size: 0.95rem;
  }
}

.tabs10 li:first-of-type {
  width: 20%;
}
.tabs10 li:first-of-type label {
  border-bottom-left-radius: 0;
  margin-bottom: 0;
}
.tabs10 li:nth-of-type(5) label {
  border-top-right-radius: 0.5rem;
}
.tabs10 li:nth-of-type(6) {
  width: 20%;
  margin-top: -2px;
}
.tabs10 li:nth-of-type(6) label {
  border-bottom-left-radius: 0.5rem;
  margin-top: 0;
}
.tabs10 li:last-of-type label {
  border-top-right-radius: 0;
}
.tabs10 li:nth-of-type(-n+5):not(:first-of-type) {
  width: calc(20% + 2px);
  margin-left: -2px;
}
.tabs10 li:nth-of-type(-n+5):not(:first-of-type) label {
  margin-bottom: 0;
}
.tabs10 li:nth-of-type(n+6):not(:nth-of-type(6)) {
  width: calc(20% + 2px);
  margin-left: -2px;
  margin-top: -2px;
}
.tabs10 li:nth-of-type(n+6):not(:nth-of-type(6)) label {
  margin-top: 0;
}
@media (max-width: 1199.98px) {
  .tabs10 label {
    font-size: 0.95rem;
  }
}
@media (min-width: 1200px) {
  .tabs10 label {
    font-size: 0.95rem;
  }
}

.tabs11 li:first-of-type {
  width: 16.6666666667%;
}
.tabs11 li:first-of-type label {
  border-bottom-left-radius: 0;
  margin-bottom: 0;
}
.tabs11 li:nth-of-type(6) label {
  border-top-right-radius: 0.5rem;
}
.tabs11 li:nth-of-type(7) {
  width: 20%;
  margin-top: -2px;
}
.tabs11 li:nth-of-type(7) label {
  border-bottom-left-radius: 0.5rem;
  margin-top: 0;
}
.tabs11 li:last-of-type label {
  border-top-right-radius: 0;
}
.tabs11 li:nth-of-type(-n+6):not(:first-of-type) {
  width: calc(16.6666666667% + 2px);
  margin-left: -2px;
}
.tabs11 li:nth-of-type(-n+6):not(:first-of-type) label {
  margin-bottom: 0;
}
.tabs11 li:nth-of-type(n+7):not(:nth-of-type(7)) {
  width: calc(20% + 2px);
  margin-left: -2px;
  margin-top: -2px;
}
.tabs11 li:nth-of-type(n+7):not(:nth-of-type(7)) label {
  margin-top: 0;
}
@media (max-width: 1199.98px) {
  .tabs11 label {
    font-size: 0.95rem;
  }
}
@media (min-width: 1200px) {
  .tabs11 label {
    font-size: 0.7rem;
  }
}

.tabs12 li:first-of-type {
  width: 16.6666666667%;
}
.tabs12 li:first-of-type label {
  border-bottom-left-radius: 0;
  margin-bottom: 0;
}
.tabs12 li:nth-of-type(6) label {
  border-top-right-radius: 0.5rem;
}
.tabs12 li:nth-of-type(7) {
  width: 16.6666666667%;
  margin-top: -2px;
}
.tabs12 li:nth-of-type(7) label {
  border-bottom-left-radius: 0.5rem;
  margin-top: 0;
}
.tabs12 li:last-of-type label {
  border-top-right-radius: 0;
}
.tabs12 li:nth-of-type(-n+6):not(:first-of-type) {
  width: calc(16.6666666667% + 2px);
  margin-left: -2px;
}
.tabs12 li:nth-of-type(-n+6):not(:first-of-type) label {
  margin-bottom: 0;
}
.tabs12 li:nth-of-type(n+7):not(:nth-of-type(7)) {
  width: calc(16.6666666667% + 2px);
  margin-left: -2px;
  margin-top: -2px;
}
.tabs12 li:nth-of-type(n+7):not(:nth-of-type(7)) label {
  margin-top: 0;
}
@media (max-width: 1199.98px) {
  .tabs12 label {
    font-size: 0.95rem;
  }
}
@media (min-width: 1200px) {
  .tabs12 label {
    font-size: 0.7rem;
  }
}

.tabsw80 {
  width: 80%;
}

.tabsw100 {
  width: 100%;
}

.emptyList {
  margin-right: 2.5%;
  margin-left: 2.5%;
  min-height: 40vh;
  background-image: url("../image/empty.svg");
  background-repeat: no-repeat;
  background-size: 40vh 40vh;
  background-position: center center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.baseCards {
  display: flex;
  position: relative;
  border: 2px solid #dee2e6;
  border-radius: 1rem;
  overflow: hidden;
}
.baseCards:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .baseCards {
    width: 95%;
    margin-left: 2.5%;
    height: 6.5rem;
    margin-bottom: 1vh;
  }
}
@media (min-width: 768px) {
  .baseCards {
    width: 90%;
    height: 8rem;
    margin-left: 5%;
    margin-bottom: 2vh;
  }
}
.baseCards .listCardTags {
  height: 100%;
  width: 2rem;
  display: table-cell;
  text-align: center;
  writing-mode: vertical-lr;
  letter-spacing: 0.4rem;
  line-height: 2rem;
  font-size: 1.1rem;
  font-weight: bold;
}

.datepicker {
  border-radius: 0.5rem !important;
}

.disabled {
  color: hsl(0, 0%, 87%) !important;
}

.datepicker-days table * {
  border: none;
}

.cmsWidgetBar {
  width: 95%;
  margin-left: 2.5%;
  display: flex;
  justify-content: center;
  height: 2.5rem;
  margin: 0.5rem 2.5%;
}
.cmsWidgetBar .widgetSelectedSub {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24%;
  overflow: hidden;
  justify-content: space-evenly;
  border: 2px solid #dee2e6;
  border-radius: 0.5rem;
}
.cmsWidgetBar .widgetSelectedSub:not(:last-of-type) {
  margin-right: 1%;
}
.cmsWidgetBar .widgetSelectedSub div:first-of-type {
  margin-left: 0.8rem;
}
.cmsWidgetBar .widgetSelectedSub div:last-of-type {
  font-weight: bold;
  margin-right: 0.8rem;
}
.cmsWidgetBar .widgetBarItem {
  width: 16%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  border: 2px solid #dee2e6;
  border-radius: 0.5rem;
}
.cmsWidgetBar .widgetBarItem:not(:last-of-type) {
  margin-right: 1%;
}
.cmsWidgetBar .widgetBarItem .barItemTitle {
  margin-left: 0.8rem;
  color: hsl(0, 0%, 40%);
}
.cmsWidgetBar .widgetBarItem .barItemTitle:last-child {
  margin: 0 auto;
}
.cmsWidgetBar .widgetBarItem .barItemTitle .widgetLink {
  color: #666;
  padding: 0 0.3rem;
  text-decoration: none;
  transition: all 0.12s ease-in-out, padding 0.12s ease-in-out;
  background-size: 10% 200%;
  background-position: 0 0;
  border-radius: 0.2rem;
}
.cmsWidgetBar .widgetBarItem .barItemTitle .widgetLink:hover {
  background-position: 0% 10%;
  text-decoration: none;
}
.cmsWidgetBar .widgetBarItem .barItem {
  font-size: 1.5rem;
  margin-right: 0.8rem;
}
.cmsWidgetBar .widgetBarItem .barItem.nothing {
  color: hsl(0, 0%, 93%);
  font-weight: normal;
}
.cmsWidgetBar .widgetBarItem .barItem:not(.nothing) {
  font-weight: bolder;
}

#widgetRow .card .card-body {
  padding: 1.25rem 0;
}
#widgetRow .card .card-body.forPremiumFeatures {
  padding: 0.4rem 0;
}
#widgetRow .card .card-body .row {
  margin: 0;
  align-items: center;
  justify-content: space-between;
}
#widgetRow .card .card-body .row.forPremiumFeatures {
  flex-wrap: 1;
}
#widgetRow .card .card-body .row.forPremiumFeatures > div {
  display: flex;
}
#widgetRow .card .card-body .row.forPremiumFeatures .title {
  padding-left: 1rem;
  color: #6c757d;
}
#widgetRow .card .card-body .row.forPremiumFeatures .values {
  width: 100%;
  color: #adb5bd;
  justify-content: flex-end;
  align-items: center;
  padding-right: 1rem;
  min-height: 2.5rem;
}
#widgetRow .card .card-body .row.forPremiumFeatures .values span {
  padding: 0.2rem;
}
#widgetRow .card .card-body .row.forPremiumFeatures .values span:last-of-type {
  padding-right: 0;
}
#widgetRow .card .card-body .row.forPremiumFeatures .values .used, #widgetRow .card .card-body .row.forPremiumFeatures .values .remaining {
  font-size: 1.3rem;
  font-weight: bold;
  color: #495057;
}
#widgetRow .card .card-body .row div {
  display: flex;
  align-items: center;
}
#widgetRow .card .card-body .row .widgetCardTitle {
  margin-left: 0.7rem;
  font-weight: bold;
}
#widgetRow .card .card-body .row .widgetCardTitle.break {
  width: 100%;
  margin-bottom: 0.5rem;
}
#widgetRow .card .card-body .row .widgetCardValue {
  margin-right: 0.6rem;
  font-weight: bold;
  font-size: 1.3rem;
}
#widgetRow .card .card-body .row .widgetCardValue.break {
  width: 100%;
  justify-content: flex-end;
}

.addressGroup {
  width: 100%;
}
.addressGroup #city_name {
  display: none;
}
@media (max-width: 991.98px) {
  .addressGroup #selectionAddress select {
    margin-bottom: 0.2rem;
    border-radius: 0.5rem;
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .addressGroup #selectionAddress {
    display: block;
    float: left;
    height: calc(1.5em + 0.75rem + 2px);
    width: 35%;
    position: relative;
  }
  .addressGroup #selectionAddress select {
    display: block;
    float: left;
    width: 50%;
    height: calc(1.5em + 0.75rem + 2px);
    border: 2px solid #ced4da;
    position: relative;
    z-index: 0;
  }
  .addressGroup #selectionAddress select:active, .addressGroup #selectionAddress select:focus {
    z-index: 2;
    border-color: #80bdff;
  }
  .addressGroup #selectionAddress select[name=county] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .addressGroup #selectionAddress select[name=district] {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .addressGroup #selectionAddress input {
    float: left;
    display: block;
  }
  .addressGroup input {
    width: 65%;
    display: inline-block;
    height: calc(1.5em + 0.75rem + 2px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 2px solid #ced4da;
    position: relative;
    z-index: 0;
  }
  .addressGroup input:active, .addressGroup input:focus {
    z-index: 2;
  }
}

#imageViewWrapper {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
#imageViewWrapper #imageViewInner {
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 1rem;
  border: 4px solid #FFF;
  overflow: hidden;
  box-shadow: 0 0 0 2px #ced4da, 0 7px 15px hsla(0, 0%, 0%, 0.15);
}
#imageViewWrapper #imageViewInner img {
  width: inherit;
  height: inherit;
  background: #fff;
}

.showDetailTable {
  width: 70%;
  margin-left: 15%;
  margin-top: 4vh;
  margin-bottom: 4vh;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1rem;
  border-radius: 1.5rem;
}
.showDetailTable.nomin {
  min-height: auto;
  margin-top: 1vh;
  margin-bottom: 1vh;
}
.showDetailTable.narrow {
  margin: 0;
  width: 100%;
}
.showDetailTable.topNoBorder .showTable tr:first-of-type > td, .showDetailTable.topNoBorder .showTable tr:first-of-type > th {
  border-width: 0;
}
.showDetailTable.noMinHeight {
  min-height: 0;
}
.showDetailTable span.mode-1 {
  color: #dc3545;
}
.showDetailTable span.mode-2 {
  color: #ced4da;
}

.showThumbnail {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}
.showThumbnail .showThumb {
  width: 55%;
  overflow: hidden;
}
.showThumbnail .showThumb img {
  width: 100%;
}

.showForm {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1rem;
}

.showTableHeader {
  width: 100%;
  height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.showTableHeader .showName {
  color: #01A1DD;
  font-size: 1.5rem;
  height: 2.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bolder;
}
.showTableHeader .showCreatedOn {
  color: hsl(0, 0%, 27%);
  height: 2.5rem;
  line-height: 2.5rem;
}

.showTable {
  margin-bottom: 0;
}
.showTable tr:first-of-type > td, .showTable tr:first-of-type > th {
  border-width: 4px;
}
.showTable th {
  white-space: nowrap;
  word-break: keep-all;
}
.showTable td, .showTable th {
  border-top: 2px solid #dee2e6;
}
.showTable td .img-thumbnail, .showTable th .img-thumbnail {
  min-width: 20px;
  height: 200px;
  overflow: auto;
  white-space: nowrap;
  display: inline-block;
  border: 2px solid #dee2e6;
}
.showTable td .img-thumbnail img, .showTable th .img-thumbnail img {
  height: 100%;
}
.showTable .hide {
  display: none;
}

.groupInfo th, .groupInfo td {
  vertical-align: middle;
}

.groupInfoShow {
  display: flex;
  align-items: center;
  height: 2rem;
}
.groupInfoShow a:first-of-type {
  margin-left: auto;
  margin-right: 0.5rem;
}

.hide {
  display: none;
}

.showControls {
  margin-top: 3vh;
  text-align: center;
  padding-bottom: 1vh;
  padding: 0 15px;
  display: flex;
}
.showControls #toEdit {
  margin-left: auto;
}
.showControls .rightControlGroup {
  margin-left: auto;
}
.showControls .rightControlGroup > a {
  margin-left: 0.5rem;
}

.cmsControls {
  margin-top: 3vh;
  text-align: center;
  padding-bottom: 1vh;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
}
.cmsControls.nonExcShowControl .rejectThis {
  margin-left: auto;
  margin-right: 0.5rem;
}
.cmsControls.storeShowControl .btnEdit {
  margin-left: auto;
}

.btnAjaxWait {
  background: linear-gradient(270deg, #46ccfe, #abe8ff, #46ccfe, #abe8ff);
  background-size: 500%, 500%;
  animation: buttonGradientBG 4s ease infinite;
}

.select2form2 > * {
  padding: 0 !important;
}

.editImgBlock {
  overflow: overlay;
  margin-bottom: 0.2rem;
  min-height: 5rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.editImgBlock.noImgs {
  background-image: url("../image/empty.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  justify-content: center;
  align-items: center;
}
.editImgBlock.noImgs .noImgsText {
  font-weight: bold;
  color: hsl(0, 0%, 60%);
}
.editImgBlock #att_img_url {
  display: none;
}
.editImgBlock#newsThumbs .imgThumb, .editImgBlock#groupProfThumbs .imgThumb {
  width: 30%;
}
.editImgBlock#raceThumbs .imgThumb {
  width: 40%;
}
.editImgBlock#inSiteNewsThumbs .imgThumb {
  width: 11.625%;
}
.editImgBlock#inSiteNewsThumbs .imgThumb:not(:last-child) {
  margin-right: 1%;
}
.editImgBlock .imgThumb {
  margin-left: 0.25%;
  margin-right: 0.25%;
  width: 12%;
  position: relative;
  border-color: #dee2e6;
}
.editImgBlock .imgThumb .imgNum {
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  border-bottom-right-radius: 0.5rem;
  position: absolute;
  left: 0;
  right: 0;
  color: #6c757d;
  background-color: #fff;
  font-weight: bold;
  text-align: center;
}
.editImgBlock .imgThumb img {
  width: 100%;
}
.editImgBlock .removeImg {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  color: hsl(351, 76.6%, 61.4%);
  border-radius: 1rem;
  background: #fff;
  box-sizing: border-box;
}

.strong {
  color: hsl(18, 100%, 71.2%);
  padding: 0 0.2rem;
  font-weight: bold;
}

.uploadSpinner, .btnSpinner {
  position: relative;
  top: -3px;
}

@media (min-width: 992px) and (max-width: 1279.98px) {
  .uploadForm {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .uploadForm {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.dashHeader {
  display: flex;
  align-items: center;
}
.dashHeader h3 {
  margin-bottom: 0;
}
.dashHeader span:not(.headerGroupId) {
  border-radius: 0.2rem;
  padding: 0 0.2rem;
  display: inline-block;
  background-color: #F7C500;
  color: #fff;
  margin-left: 0.5rem;
}
.dashHeader span.omoHeader {
  background-color: #17a2b8;
  color: #fff;
}
.dashHeader span.headerWarning {
  background-color: transparent;
  font-size: 1.5rem;
  color: #dc3545;
}
.dashHeader span.headerWarning ~ .inst {
  margin-left: 0.5rem;
}
.dashHeader span.headerGroupId {
  margin-left: 0.5rem;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0.3rem;
}

.pageMainTitle {
  display: flex;
  align-items: center;
}
.pageMainTitle h3 {
  margin-bottom: 0;
}
.pageMainTitle .tag {
  border-radius: 0.2rem;
  padding: 0 0.2rem;
  display: inline-block;
  background-color: #FF961B;
  color: #fff;
  margin-left: 0.5rem;
  font-size: 1rem;
}
.pageMainTitle .tag.admin {
  background-color: #F7C500;
  color: #fff;
}
.pageMainTitle .tag.root {
  background-color: #dc3545;
  color: #fff;
}
.pageMainTitle .pageMainTitleButton {
  margin-left: 0.5rem;
}

.inst {
  margin-left: 1rem;
  margin-right: auto;
  display: flex;
}
.inst .btn {
  margin: 0;
  margin-right: 0.5rem;
}

.leftNavTag.rootTag .leftNavTagInner {
  background-color: #dc3545;
  color: #fff;
}
.leftNavTag.adminTag .leftNavTagInner {
  background-color: #F7C500;
  color: #fff;
}
.leftNavTag .leftNavTagInner {
  margin: 0 auto;
  display: block;
  border-radius: 0.2rem;
  padding: 0 0.2rem;
  font-weight: bold;
}

.topNavBrand {
  padding-left: 0 !important;
}

.topNavName, .topNavBrand {
  position: relative;
}
.topNavName .roleTag, .topNavBrand .roleTag {
  position: absolute;
  bottom: 8px;
  right: 20px;
  border-radius: 0.2rem;
  padding: 0 0.2rem;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 0.6rem;
}
.topNavName .roleTag.ROOT, .topNavBrand .roleTag.ROOT {
  background-color: #dc3545;
  color: #fff;
}
.topNavName .roleTag.ADMIN, .topNavBrand .roleTag.ADMIN {
  background-color: #F7C500;
  color: #fff;
}
.topNavName .roleTag.storeRoot, .topNavBrand .roleTag.storeRoot {
  background-color: #FF6007;
  color: #fff;
}
.topNavName .roleTag.storeManager, .topNavBrand .roleTag.storeManager {
  background-color: #FF6007;
  color: #fff;
}
.topNavName .roleTag.storeBrandManager, .topNavBrand .roleTag.storeBrandManager {
  background-color: #FF6007;
  color: #fff;
}
.topNavName .profileImg, .topNavBrand .profileImg {
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #dee2e6;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: 0.3rem;
}
.topNavName .profileImg img, .topNavBrand .profileImg img {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 30;
}
.topNavName .profileImg .allBrands, .topNavBrand .profileImg .allBrands {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: #FF961B;
  color: #fff;
  display: flex;
  font-weight: bolder;
  font-size: 1.2rem;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.customCheck {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}
.customCheck input {
  display: none;
}
.customCheck input:checked + label::before {
  content: "\f00c";
  background-color: #01b2f4;
  border-color: #01A1DD;
}
.customCheck label {
  visibility: hidden;
}
.customCheck label::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 900;
  visibility: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: #fff;
  color: #FFF;
  content: " ";
  transition: all 0.2s ease-in-out;
  border: 2px solid #dee2e6;
  border-radius: calc(0.5rem - .1rem);
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.formInline {
  display: flex;
  align-items: center;
}
.formInline .customCheck {
  width: 1.5rem;
  margin-right: 0.3rem;
}

.telGroup {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.telGroup .form-control {
  margin: 0 0.3rem;
  font-weight: normal;
  flex-shrink: 1;
  min-width: 0;
}

.checkAvailability {
  margin-top: -0.3rem;
  padding: 0 0.75rem 1rem 0.75rem;
  display: flex;
  align-items: center;
}
.checkAvailability #availabilityResult {
  margin-left: 0.5rem;
}

.formNote, .formGroupNote {
  width: 100%;
  margin: 0 0 1rem 0;
  color: hsl(18, 100%, 71.2%);
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
}
.formNote div, .formGroupNote div {
  margin-left: 0.5rem;
}
.formNote .optional, .formGroupNote .optional {
  color: #01A1DD;
  font-style: italic;
}

.cardFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  text-align: center;
  background-color: #F8F9FC;
  border-top: 2px solid #dee2e6;
  display: flex;
  justify-content: center;
  align-items: center;
}

select.form-control#industry {
  border-radius: 0.5rem;
}

html.visitor, body.visitor {
  height: 100vh;
  overflow: hidden;
}

.visitorWrapper {
  overflow: hidden;
}

.wholePageOverlay {
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 3%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.5) 97%);
}

.visitorNavbarOverlay {
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  width: 14rem;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
}

.visitorContentOverlay {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  height: 100%;
  width: calc(100% - 14rem);
  background: hsla(0, 0%, 0%, 0.5);
}

.prevNextControl {
  z-index: 1005;
  width: 100%;
  position: absolute;
  top: 82vh;
  display: flex;
  justify-content: space-between;
}
.prevNextControl button {
  box-shadow: 0 0 0.5rem hsla(0, 0%, 0%, 0.5);
}
.prevNextControl button:first-child {
  margin-left: 40%;
}
.prevNextControl button:last-child {
  margin-right: 40%;
}

.orb {
  position: absolute;
  z-index: 1001;
  width: 4rem;
  height: 4rem;
  border-radius: 2rem;
  background-color: #fff;
  animation: breathShadow 2s ease-in-out infinite;
  box-shadow: inset 0 0 1.2rem #ffcd39;
  box-shadow: 0 0 1.2rem #ffcd39;
}

.narrationWrapper {
  position: absolute;
  z-index: 1002;
  width: 100%;
  height: 100%;
}
.narrationWrapper .narration {
  color: #fff;
  position: absolute;
  font-size: 1.2rem;
  opacity: 0;
  text-shadow: 0 0 0.6rem hsla(0, 0%, 0%, 0.8);
  padding: 2rem;
  background: hsla(0, 0%, 0%, 0.3);
  border-radius: 2rem;
}
.narrationWrapper .narration h4 {
  font-weight: bold;
  font-size: 1.6rem;
}
.narrationWrapper .narration span {
  color: #34c1f6;
  font-weight: bold;
}
.narrationWrapper .narration.n-step01 {
  width: 60vw;
  top: 11.4rem;
  left: 17rem;
}
.narrationWrapper .narration.n-step02 {
  width: 50vw;
  top: 4.4rem;
  left: 27rem;
}
.narrationWrapper .narration.n-step03, .narrationWrapper .narration.n-step04, .narrationWrapper .narration.n-step06 {
  opacity: 0;
  width: 40vw;
  top: 4.4rem;
  left: 32rem;
}
.narrationWrapper .narration.n-step05 {
  opacity: 0;
  width: 40vw;
  top: 4.4rem;
  left: 41rem;
}
.narrationWrapper .narration.n-step07, .narrationWrapper .narration.n-step08 {
  opacity: 0;
  width: 40vw;
  top: 4.4rem;
  left: 41rem;
}
.narrationWrapper .narration.n-step09 {
  opacity: 0;
  width: 40vw;
  top: 4.4rem;
  left: 36rem;
}
.narrationWrapper .narration.n-step10 {
  opacity: 0;
  width: 40vw;
  top: 4.4rem;
  left: 16rem;
  background: transparent;
}

.stepEls.step3 {
  display: none;
}
.stepEls.step4 {
  display: none;
}

.pageHeadingPlaceholder {
  margin-bottom: 3rem !important;
}

.visitorProdIntro {
  display: flex;
  justify-content: center;
  margin: 3vh 0;
}
.visitorProdIntro .prodImg {
  display: flex;
  align-items: center;
  margin-right: 2vw;
}
.visitorProdIntro .prodImg img {
  height: 60vh;
}
.visitorProdIntro .prodIntro {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.conclusion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.conclusion .concluText {
  color: #01b2f4;
  margin: 15vh 0;
}
.conclusion .concluText h3, .conclusion .concluText h5 {
  text-align: center;
}
.conclusion .concluText h3 {
  font-weight: bold;
}
.conclusion .concluButtons {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 15vh;
}
.conclusion .concluButtons a:first-of-type {
  margin-right: 5rem;
}

.haNewsInstructions {
  width: 90%;
  margin: 5vh 5%;
}

.nav-link div.haicons {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.nav-link div.haicons.icon_crm {
  -webkit-mask: url("../image/icons/7ddicon_crm.svg");
          mask: url("../image/icons/7ddicon_crm.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_event {
  -webkit-mask: url("../image/icons/7ddicon_event.svg");
          mask: url("../image/icons/7ddicon_event.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_extra {
  -webkit-mask: url("../image/icons/7ddicon_extra.svg");
          mask: url("../image/icons/7ddicon_extra.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_gift_ticket {
  -webkit-mask: url("../image/icons/7ddicon_gift_ticket.svg");
          mask: url("../image/icons/7ddicon_gift_ticket.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_report {
  -webkit-mask: url("../image/icons/7ddicon_report.svg");
          mask: url("../image/icons/7ddicon_report.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_schedule {
  -webkit-mask: url("../image/icons/7ddicon_schedule.svg");
          mask: url("../image/icons/7ddicon_schedule.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_sub_store {
  -webkit-mask: url("../image/icons/7ddicon_sub_store.svg");
          mask: url("../image/icons/7ddicon_sub_store.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_home {
  -webkit-mask: url("../image/icons/7ddicon_home.svg");
          mask: url("../image/icons/7ddicon_home.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_news {
  -webkit-mask: url("../image/icons/7ddicon_news.svg");
          mask: url("../image/icons/7ddicon_news.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_brand {
  -webkit-mask: url("../image/icons/7ddicon_brand.svg");
          mask: url("../image/icons/7ddicon_brand.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_omo {
  -webkit-mask: url("../image/icons/7ddicon_omo.svg");
          mask: url("../image/icons/7ddicon_omo.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_member {
  -webkit-mask: url("../image/icons/7ddicon_member.svg");
          mask: url("../image/icons/7ddicon_member.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}
.nav-link div.haicons.icon_sms {
  -webkit-mask: url("../image/icons/7ddicon_sms.svg");
          mask: url("../image/icons/7ddicon_sms.svg");
  -webkit-mask-size: 1.2rem 1.2rem;
          mask-size: 1.2rem 1.2rem;
}

.iconCard .iconCardIcons {
  opacity: 0.5;
}
.iconCard .iconCardIcons .haicons {
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.iconCard .iconCardIcons .haicons.icon_crm {
  -webkit-mask: url("../image/icons/icon_crm.svg");
          mask: url("../image/icons/icon_crm.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_event {
  -webkit-mask: url("../image/icons/icon_event.svg");
          mask: url("../image/icons/icon_event.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_extra {
  -webkit-mask: url("../image/icons/icon_extra.svg");
          mask: url("../image/icons/icon_extra.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_gift_ticket {
  -webkit-mask: url("../image/icons/icon_gift_ticket.svg");
          mask: url("../image/icons/icon_gift_ticket.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_report {
  -webkit-mask: url("../image/icons/icon_report.svg");
          mask: url("../image/icons/icon_report.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_schedule {
  -webkit-mask: url("../image/icons/icon_schedule.svg");
          mask: url("../image/icons/icon_schedule.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_sub_store {
  -webkit-mask: url("../image/icons/icon_sub_store.svg");
          mask: url("../image/icons/icon_sub_store.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_home {
  -webkit-mask: url("../image/icons/icon_home.svg");
          mask: url("../image/icons/icon_home.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_news {
  -webkit-mask: url("../image/icons/icon_news.svg");
          mask: url("../image/icons/icon_news.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_brand {
  -webkit-mask: url("../image/icons/icon_brand.svg");
          mask: url("../image/icons/icon_brand.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_omo {
  -webkit-mask: url("../image/icons/icon_omo.svg");
          mask: url("../image/icons/icon_omo.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_member {
  -webkit-mask: url("../image/icons/icon_member.svg");
          mask: url("../image/icons/icon_member.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}
.iconCard .iconCardIcons .haicons.icon_sms {
  -webkit-mask: url("../image/icons/icon_sms.svg");
          mask: url("../image/icons/icon_sms.svg");
  -webkit-mask-size: 2.4rem 2.4rem;
          mask-size: 2.4rem 2.4rem;
}

#visitorMobileBlock {
  position: fixed;
  left: 0;
  height: 0;
  width: 100vw;
  height: 100vh;
  background-color: #01A1DD;
  display: flex;
  align-items: center;
  justify-content: center;
}
#visitorMobileBlock .visitorMobileBlockInner {
  height: 70%;
  width: 90%;
  background-color: #fff;
  border-radius: 1.5rem;
  border: 2px solid #dee2e6;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
#visitorMobileBlock .visitorMobileBlockInner .visitorMobileInfo {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#visitorMobileBlock .visitorMobileBlockInner .visitorMobileInfo h4 {
  color: #dc3545;
  font-weight: bold;
}
#visitorMobileBlock .visitorMobileBlockInner .visitorMobileInfo p {
  text-align: center;
}
@media (min-width: 1200px) {
  #visitorMobileBlock {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  #visitorBody {
    display: none;
  }
}

.fullPageForm {
  width: 70%;
  margin-left: 15%;
  margin-top: 5vh;
  min-height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-bottom: 5vh;
}
.fullPageForm div.formSubmit, .fullPageForm div.submitEdit {
  margin-top: 3vh;
  display: flex;
  justify-content: space-between;
}

.dateGroup .input-group > .datepicker {
  border-radius: 0 !important;
}
.dateGroup .input-group > .datepicker:last-child {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.dateInputs {
  display: none;
}

.fgwrap {
  display: flex;
  align-items: center;
}
.fgwrap .divDisabled {
  width: 80%;
}
.fgwrap a {
  margin-left: 0.5rem;
  flex-grow: 1;
  flex-shrink: 0;
}

.divDisabled {
  background-color: #e9ecef;
  color: hsl(0, 0%, 60%);
  overflow: hidden;
  word-break: break-all;
  max-width: 100%;
}
.divDisabled.textArea {
  height: 10rem;
}

.formRejectNote label {
  color: #dc3545;
  font-weight: bolder;
}
.formRejectNote .note {
  border: 2px solid #dee2e6;
  padding: 0.5rem;
  border-radius: 0.5rem;
}

.formBigAlert {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #adb5bd;
  color: #fff;
  padding: 1rem 0.8rem;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.formBigAlert span:first-child {
  margin-right: 0.5rem;
}
.formBigAlert .bigAlertInner:first-child {
  margin-right: 0;
}

span.marker {
  color: #6c757d;
  background-image: linear-gradient(transparent 0%, transparent 50%, #BCF9F9 50%, #BCF9F9 100%);
}

.noGroup {
  display: flex;
  justify-content: center;
  align-items: center;
}
.noGroup .noGroupInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4vh 0;
}
.noGroup .noGroupInner a.btn {
  margin-top: 4vh;
}

.shareGroupInvitation {
  width: 90%;
  margin-left: 5%;
  margin-bottom: 2vh;
  display: flex;
}
.shareGroupInvitation .shareRight {
  width: 49%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.shareGroupInvitation .shareRight .shareNarration, .shareGroupInvitation .shareRight .futureStart {
  margin-bottom: 2rem;
  font-size: 1.1rem;
}
.shareGroupInvitation .shareRight .shareNarration:first-child, .shareGroupInvitation .shareRight .futureStart:first-child {
  margin-top: 2rem;
}
.shareGroupInvitation .shareRight .shareBlock {
  width: 100%;
}
.shareGroupInvitation .shareRight .shareBlock:first-child {
  margin-bottom: 1rem;
}
.shareGroupInvitation .shareRight .shareBlock .codeBlock {
  padding: 2rem;
  width: 100%;
  margin-right: 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  font-size: 1.4rem;
  border-radius: 1rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.shareGroupInvitation .shareRight .shareBlock .codeBlock .title {
  color: #adb5bd;
}
.shareGroupInvitation .shareRight .shareBlock .codeBlock .code {
  font-size: 3rem;
  font-weight: bold;
}
.shareGroupInvitation .shareRight .shareBlock .codeBlock .code#short_link {
  font-size: 1.1rem;
}
.shareGroupInvitation .shareRight .shareBlock .codeBlock .message {
  display: none;
  color: #28a745;
}
.shareGroupInvitation .shareRight .shareBlock .qr {
  border-radius: 1rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  width: 35%;
  padding: 1rem;
  overflow: hidden;
}
.shareGroupInvitation .shareRight .shareBlock .qr img {
  width: 100%;
}
.shareGroupInvitation .shareRight .shareNarration {
  margin-top: 2rem;
}
.shareGroupInvitation .shareRight .shareButtons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shareGroupInvitation .shareRight .shareButtons button, .shareGroupInvitation .shareRight .shareButtons a {
  margin-right: 0.5rem;
}
.shareGroupInvitation .shareLeft {
  width: 49%;
  margin-right: 2%;
  overflow: hidden;
}
.shareGroupInvitation .shareLeft img {
  width: 100%;
}

#loadingOverlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
  height: 100%;
  overflow: auto;
}
#loadingOverlay.noText .loadingOverlayInner .loadingOverlayInfo #loadingOverlayTips {
  display: none;
}
#loadingOverlay .loadingOverlayInner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: hsla(0, 0%, 0%, 0.5);
  width: inherit;
  height: inherit;
}
#loadingOverlay .loadingOverlayInner .loadingOverlayInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#loadingOverlay .loadingOverlayInner .loadingOverlayInfo .spinner-border {
  width: 10rem;
  height: 10rem;
  color: #4dc9f7;
}
#loadingOverlay .loadingOverlayInner .loadingOverlayInfo #loadingOverlayTips {
  margin-top: 3rem;
  color: #fff;
  display: block;
}

.isSandboxWarning {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffc107;
  z-index: 999999;
}
.isSandboxWarning span {
  margin: 0 0.5rem;
}

#tagsModal .modal-content, #subStoreGroupModal .modal-content, #microCRMConditionsModal .modal-content, #productTagsModal .modal-content {
  overflow: hidden;
}
#tagsModal .modal-dialog, #subStoreGroupModal .modal-dialog, #microCRMConditionsModal .modal-dialog, #productTagsModal .modal-dialog {
  max-width: 600px;
}
#tagsModal .modal-header, #subStoreGroupModal .modal-header, #microCRMConditionsModal .modal-header, #productTagsModal .modal-header {
  background-color: #FF6007;
  color: #fff;
}

#audienceGroupModal .modal-content {
  overflow: hidden;
}
#audienceGroupModal .modal-header {
  background-color: #FF6007;
  color: #fff;
}

.modalTagsBlock {
  text-align: left;
}
.modalTagsBlock .toAdd, .modalTagsBlock .candidates, .modalTagsBlock .candidatesProduct {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.5rem;
  border: 2px solid #dee2e6;
  padding: 5px;
}
.modalTagsBlock .toAdd {
  margin-bottom: 1.5rem;
}
.modalTagsBlock .candidates, .modalTagsBlock .candidatesProduct {
  padding-bottom: 0.8rem;
  max-height: 450px;
  overflow-y: scroll;
}
.modalTagsBlock .tagSeparator {
  width: 100%;
  height: 1.2rem;
  display: flex;
  color: #adb5bd;
  align-items: center;
  margin: 0.5rem 0;
  padding: 0 0.5rem;
}
.modalTagsBlock .tagSeparator > div {
  margin-left: 0.5rem;
  flex-grow: 1;
  border-bottom: 2px solid #dee2e6;
  height: 1px;
}
.modalTagsBlock .toAddSelect2 {
  margin-bottom: 1.5rem;
}
.modalTagsBlock .toAddSelect2 #select2AddTag {
  width: 100%;
  border-radius: 0.5rem;
  min-height: 5rem;
  border: 2px solid #dee2e6;
}
.modalTagsBlock .toAddSelect2 li.select2-results__option--highlighted {
  background-color: #ffb082 !important;
}
.modalTagsBlock .toAddSelect2 li.select2-selection__choice {
  border: none !important;
  display: flex;
  background-color: #FF6007;
  color: #fff;
  flex-direction: row-reverse;
  align-items: baseline;
  padding: 0.2rem 0.7rem 0.4rem 0.8rem;
  border-radius: 0.4rem;
}
.modalTagsBlock .toAddSelect2 li.select2-selection__choice .select2-selection__choice__remove {
  color: #fff;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  margin-left: 0.5rem;
}

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

.crmTags {
  display: flex;
  padding: 0.5rem 0.7rem;
  border-radius: 0.4rem;
  color: #fff;
  margin-right: 5px;
  margin-bottom: 5px;
}
.crmTags.active {
  background-color: #FF6007;
}
.crmTags.active .plusIcon {
  display: none;
}
.crmTags.noicon .tagText {
  margin-right: 0;
}
.crmTags.noicon .tagIcon {
  display: none;
}
.crmTags.inactive {
  background-color: #E4BC8D;
}
.crmTags.inactive .timesIcon {
  display: none;
}
.crmTags .tagText {
  margin-right: 0.3rem;
}

.alert ul {
  margin-bottom: 0;
  padding-left: 1.5rem;
}

.brandItem {
  display: flex;
  align-items: center;
}
.brandItem:active {
  background-color: #FF6007 !important;
}
.brandItem.selected {
  background-color: #FF6007;
  color: #fff;
}
.brandItem .profileImg {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #dee2e6;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: 0.3rem;
}
.brandItem .profileImg img {
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
}
.brandItem .profileImg .allBrands {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: #FF961B;
  color: #fff;
  display: flex;
  font-weight: bold;
  font-size: 0.9rem;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.accountLevelTable {
  text-align: center;
  margin: 1rem 2rem;
  border: 2px solid #dee2e6;
  border-radius: 1rem;
}
.accountLevelTable table thead tr th {
  border-top: 0;
}
.accountLevelTable th.serviceCate {
  vertical-align: middle;
}

.accountTableVal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.accountTableVal.check {
  color: #FF6007;
}

.formGroupInline {
  display: flex;
  align-items: center;
}
.formGroupInline > :not(input) {
  flex-shrink: 0;
}
.formGroupInline input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.scrollableTable table {
  overflow-x: scroll;
  table-layout: fixed;
}
.scrollableTable table th, .scrollableTable table td {
  white-space: nowrap;
}

.row.alignCenter {
  align-items: center;
}

.dropdown-menu {
  border: 2px solid #dee2e6;
  border-radius: 0.5rem;
  min-width: 6rem;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
}
.dropdown-menu a {
  color: #666;
}
.dropdown-menu .dropdown-divider {
  border-top: 2px solid #dee2e6;
}

.dropdown-item {
  color: #666;
}
.dropdown-item:active {
  background-color: #01b2f4;
}

.navbar-light .navbar-nav > .show:not(.notifiBell) > .nav-link {
  color: #01b2f4;
}

.navbar-light .navbar-nav > .show.notifiBell > .nav-link {
  color: #fff;
}

.table thead tr th:first-of-type {
  padding-left: 0.5rem !important;
}
.table tbody tr td:first-of-type {
  padding-left: 0.5rem !important;
}

.btn {
  border-radius: 0.6rem;
  border-width: 2px;
}
@media (max-width: 991.98px) {
  .btn {
    font-size: 0.7rem;
  }
}

.form-group {
  position: relative;
}
.form-group label {
  margin-bottom: 0.2rem;
}

.form-control, .custom-file > .custom-file-label {
  border-radius: 0.5rem;
  border-width: 2px;
}

select.form-control {
  border-radius: 0.5rem;
}

.form-control[readonly] {
  color: hsl(0, 0%, 60%);
  background-color: hsl(0, 0%, 93%);
}

.custom-file {
  border-color: #ced4da;
}
.custom-file .custom-file-label {
  overflow: hidden;
}
.custom-file .custom-file-label::after {
  height: calc(calc(1.5em + 0.75rem) - 2px);
  font-family: "Font Awesome 5 Free";
  content: "\f07c" !important;
  background-color: #e9ecef;
}

.input-group {
  border-color: #ced4da;
}
.input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-width: 2px;
  border-right: 0;
  margin-right: -2px;
  height: calc(1.5em + 0.75rem + 2px);
  background-color: #e9ecef;
  border-color: #ced4da;
}
.input-group .input-group-append .input-group-text {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-width: 2px;
  margin-left: -2px;
  height: 100%;
  height: calc(1.5em + 0.75rem + 2px);
}
.input-group .input-group-append .input-group-text.manualInputTime {
  background-color: #fff;
  text-align: left;
}
.input-group .input-group-append .input-group-text.manualInputTime:focus {
  z-index: 3;
}
.input-group .input-group-append .input-group-text:not(.manualInputTime) {
  background-color: #e9ecef;
  border-color: #ced4da;
}
.input-group .custom-select:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-width: 2px;
}

.modal-content {
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
  border: 2px solid #dee2e6;
  border-radius: 1rem;
}
.modal-content .rejectModalNote, .modal-content .rejectModalChoice {
  text-align: left;
}

.modal-header, .modal-footer {
  border: none;
}

.modal-body {
  text-align: center;
}
.modal-body .modal-text mark {
  color: hsl(351, 76.6%, 61.4%);
}
.modal-body .modal-text p {
  text-align: left;
}

.modal-footer {
  justify-content: space-between;
}
.modal-footer button {
  flex-shrink: 0;
}
.modal-footer .btn.btn-danger {
  margin-left: auto;
  color: #fff;
}
.modal-footer .btn.btn-danger:hover, .modal-footer .btn.btn-danger:active, .modal-footer .btn.btn-danger:focus {
  color: #fff;
}
.modal-footer [id$=confirm], .modal-footer [id$=confirm-ok], .modal-footer [id$=Submit] {
  margin-left: auto;
  color: #fff !important;
}
.modal-footer .custom-mess-block {
  display: flex;
  align-items: center;
}
.modal-footer .custom-mess-block.danger {
  color: #dc3545;
  font-size: 0.9rem;
}
.modal-footer .custom-mess-block.danger::before {
  font-family: "Font Awesome 5 Free";
  content: "\f057" !important;
  margin-right: 0.3rem;
}

.img-thumbnail {
  border: 2px solid #dee2e6;
  border-radius: 0.5rem;
}
.img-thumbnail img {
  border-radius: calc(0.5rem - .2rem);
}

.tooltip-inner {
  max-width: 400px;
}

#wrapper #content-wrapper {
  overflow: visible;
  min-width: 0;
}

.sidebar-dark hr.sidebar-divider {
  border-width: 2px;
}

ul.navbar-nav.sidebar {
  border-right: 4px solid #fdc381;
}

nav.navbar {
  padding-right: 0;
}
nav.navbar ul.navbar-nav {
  padding-left: 1rem;
  border-bottom-left-radius: 2rem;
  border-bottom: 3px solid #dee2e6;
}

.topbar {
  height: 3 rem;
}

.card {
  border-width: 2px;
  border-radius: 0.5rem;
  border-top-left-radius: 1.5rem;
  border-top-width: 0;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 0;
}
.card:hover {
  box-shadow: 0 0.5rem 2.3rem 0 rgba(58, 59, 69, 0.25) !important;
  top: -2px;
}

.card-header {
  border-bottom-width: 2px;
}
.card-header:first-child {
  border-top-left-radius: 1.5rem !important;
}
.card-header.card-header-sm {
  padding: 0.3rem 1rem;
}

#wrapper {
  background: #f8f9fa;
}

#accordionSidebar {
  border-top-right-radius: 2rem;
  background-image: linear-gradient(180deg, #FF961B 10%, #fdc381 100%);
}
#accordionSidebar .sidebar-heading {
  padding: 0.7rem 0 0.1rem 0;
  margin: 0 1rem 0 1rem;
  color: hsla(100, 100%, 100%, 0.6);
  font-weight: normal;
  font-size: 0.9rem;
  border-bottom: 2px solid hsla(100, 100%, 100%, 0.15);
}
#accordionSidebar .nav-item .collapse {
  z-index: 99;
}
#accordionSidebar .nav-item .collapse span.visitorMenu {
  color: #adb5bd;
  font-size: 0.8rem;
}
#accordionSidebar .nav-item.active .nav-link .haicons {
  background-color: hsl(100, 100%, 100%);
}
#accordionSidebar .nav-item .nav-link .haicons {
  background-color: hsla(100, 100%, 100%, 0.8);
}
#accordionSidebar .nav-item .nav-link:after {
  color: #ffe254;
}
#accordionSidebar .nav-item .nav-link.unpurchased {
  color: hsla(100, 60%, 100%, 0.5);
}

.carousel-indicators {
  margin-bottom: 0;
}
.carousel-indicators li {
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.sidebar .sidebar-brand {
  padding: 1.2rem 0.5rem;
  flex-wrap: wrap;
  height: auto;
  align-items: flex-start;
  position: relative;
}
.sidebar .sidebar-brand > div img {
  height: inherit;
  width: inherit;
}
.sidebar .sidebar-brand .mainLogo {
  width: 90%;
}
.sidebar .sidebar-brand .logoText {
  width: 85%;
  margin-top: 0.5rem;
}
.sidebar .sidebar-brand .isSandbox {
  position: absolute;
  padding: 0.4rem;
  font-size: 1.8rem;
  background-color: #ffc107;
  border-radius: 0.7rem;
  border: 3px solid #6c757d;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  transform: rotate(-10deg);
  color: #495057;
}

.topbar .nav-item:last-child {
  padding-right: 0.5rem;
}
.topbar .topbar-divider {
  border-right-width: 2px;
}
.topbar .dropdown-menu {
  border-radius: 0.5rem;
  overflow: hidden;
}
.topbar .dropdown-menu.brandMenu {
  border-top-left-radius: 0.5rem;
}
.topbar .dropdown-header {
  border-top-left-radius: 2rem;
}
.topbar .dropdown-list .dropdown-item {
  border-right: 2px solid #dee2e6;
  border-left: 2px solid #dee2e6;
  border-bottom: 2px solid #dee2e6;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.tooltip-inner {
  white-space: pre-wrap;
  min-width: 10px;
  text-align: left;
}

a.card-body {
  display: block;
}

.card-body .alert {
  box-shadow: none !important;
  margin-bottom: 2rem;
}

.functionBlock {
  margin: 0.5rem 2.5%;
  border: 2px solid #dee2e6;
  color: #777;
  border-radius: 0.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  position: relative;
  width: 85%;
}
.functionBlock.fullWidth {
  width: 100%;
}
.functionBlock.substoreSearch {
  width: 77.5%;
}
.functionBlock .functionName {
  margin-left: 0.7rem;
}
.functionBlock .functionToggle {
  color: #01b2f4;
  position: absolute;
  right: 2rem;
  top: 0.5rem;
}

.functionMain {
  margin-top: 0.3rem;
}
.functionMain .form-search {
  table-layout: fixed;
}
.functionMain .form-search button[type=submit] {
  float: right;
  margin: 0.4rem 0.8rem 2rem 0.8rem;
}
.functionMain .form-search .btn-group {
  margin: 0.6rem 0.8rem;
  float: right;
}
.functionMain .form-search .btn-group .dropdown-toggle:after, .functionMain .form-search .btn-group .dropdown-toggle:before {
  content: none;
}
.functionMain .form-search table {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 0.3rem;
}
.functionMain .form-search table tbody {
  width: 100%;
}
.functionMain .form-search table tr {
  width: 100%;
}
.functionMain .form-search table tr:not(:last-of-type) td {
  border-bottom: 2px solid #dee2e6;
}
.functionMain .form-search table tr td {
  vertical-align: middle;
  border: 0;
  border-spacing: 0;
  padding: 0.3rem;
}
.functionMain .form-search table tr td .input-group .input-group-addon {
  display: flex;
  margin-right: -1px;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border: 2px solid #ced4da;
  border-right: none;
  width: 2.1rem;
  justify-content: center;
  align-items: center;
  background-color: #e9ecef;
}
.functionMain .form-search table tr td:first-of-type {
  width: 20%;
}
.functionMain .form-search table tr td:first-of-type a {
  width: 100%;
  text-align: left;
}
.functionMain .form-search table tr td:nth-of-type(2) {
  width: 30%;
}
.functionMain .form-search table tr td:nth-of-type(2) .select2-container {
  width: 100%;
  height: 100%;
  padding: 0.2rem 0.5rem;
}
.functionMain .form-search table tr td:nth-of-type(2) .select2-container .select2-choice {
  width: 100%;
}
.functionMain .form-search table tr td:nth-of-type(2) .select2-container.select2-dropdown-open .select2-choice {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(42, 182, 247, 0.25);
  border-radius: 0.5rem !important;
}
.functionMain .form-search table tr td:nth-of-type(2) .select2-container a {
  height: 100%;
  border-radius: 0.5rem;
  box-shadow: none;
  border: 2px solid #ced4da;
}
.functionMain .form-search table tr td:last-of-type {
  padding: 0.2rem 0.5rem;
  width: 50%;
}

.select2-container {
  width: 100% !important;
  height: 100%;
  padding: 0.2rem 0.5rem;
}
.select2-container.select2-dropdown-open .select2-choice {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(42, 182, 247, 0.25);
  border-radius: 0.5rem !important;
}
.select2-container .select2-choice {
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  box-shadow: none;
  border: 2px solid #ced4da;
}
.select2-choices, .select2-choice {
  font-family: "pingfangtc", "Noto Sans TC", "microsoft yahei", "microsoft jhenghei", sans-serif !important;
}

.select2-drop {
  border-radius: 0.5rem;
  animation-name: fadeInFromTop;
  border: 2px solid #dee2e6;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
}
.select2-drop .select2-search {
  width: 98%;
  margin-left: 1%;
  margin-top: 0.3rem;
}
.select2-drop .select2-search .select2-input {
  border-radius: 0.5rem;
  box-shadow: none;
  border: 2px solid #dee2e6;
  background: #fff url("../image/select2.png") no-repeat 98% 7px;
}
.select2-drop .select2-result {
  overflow: hidden;
  white-space: nowrap;
}
.select2-drop .select2-result .select2-result-label {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.select2-drop .select2-result.select2-highlighted {
  background-color: #f8f9fa;
  color: #16181b;
}

.select2-container {
  padding: 0;
  outline: 0;
}
.select2-container .select2-selection--single {
  border: 2px solid #ced4da;
  border-radius: 0.5rem;
  height: 2.4rem;
}
.select2-container .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--single .select2-selection__arrow {
  line-height: calc(2.4rem - 4px);
  height: calc(2.4rem - 4px);
}
.select2-container.form-control {
  height: 2.4rem;
}

.select2-selection {
  outline: none;
}
.select2-selection.invalid {
  border: 2px solid hsl(351, 76.6%, 61.4%) !important;
}

.select2-dropdown {
  border: 2px solid #ced4da !important;
  border-radius: 0.5rem;
  overflow: hidden;
}

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

.select2-search--dropdown {
  border-radius: 0.5rem;
}

input.select2-search__field[type=search] {
  border: 2px solid #ced4da !important;
  border-radius: 0.5rem;
  outline: 0;
}

.select2-results__option--highlighted {
  background-color: #ffb082 !important;
}

.select2-selection--multiple {
  border: 2px solid #dee2e6 !important;
  border-radius: 0.5rem !important;
}
.select2-selection--multiple .select2-selection__choice {
  border-width: 2px !important;
}
.select2-selection--multiple input.select2-search__field[type=search] {
  border: none !important;
}

.listFuncs {
  display: flex;
  margin-bottom: 1.5rem;
  height: 2.1rem;
}
.listFuncs > *:not(:first-child) {
  margin-left: 0.5rem;
}
.listFuncs .reminder {
  display: flex;
  align-items: center;
  flex-shrink: 1;
  word-break: break-all;
}
.listFuncs .recordCount {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.8rem;
}
.listFuncs .recordCount span {
  margin-left: 0.2rem;
}
.listFuncs .lnkAddDash, .listFuncs .lnkToCheckout {
  margin-left: auto;
}
.listFuncs .lnkToCheckout + .lnkAddDash {
  margin-left: 0.5rem;
}
.listFuncs .reminder {
  margin-left: auto;
  color: #495057;
  font-size: 1rem;
}
.listFuncs .reminder + .lnkAddDash {
  margin-left: 0.5rem;
}
.listFuncs .reminder + .lnkToCheckout {
  margin-left: 0.5rem;
}
.listFuncs .remaining {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  margin-left: auto;
}
.listFuncs .remaining ~ .lnkAddDash {
  margin-left: 0;
}
.listFuncs .remaining span:first-child {
  color: #adb5bd;
  font-size: 0.8rem;
  margin-right: 0.3rem;
}
.listFuncs .remaining span:last-child {
  font-weight: bold;
  font-size: 1.2rem;
}
.listFuncs .action_checkboxes {
  float: left;
}
.listFuncs .action_checkboxes input {
  display: none;
}
.listFuncs .action_checkboxes input:checked + label {
  background-color: #01b2f4;
  border-color: #01A1DD;
  color: #fff;
}
.listFuncs .action_checkboxes input:checked + label::before {
  content: "\f00c";
  background-color: #01b2f4;
  border-color: #01A1DD;
}
.listFuncs .action_checkboxes label {
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  background-color: #dee2e6;
  border-width: 2px;
  border-style: solid;
  transition: all 0.2s ease-in-out;
  border-color: #dee2e6;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: calc(2.1rem - 4px);
  box-sizing: border-box;
  width: 5.5rem;
  padding-right: 0.2rem;
}
.listFuncs .action_checkboxes label::before {
  float: left;
  display: block;
  background-color: #fff;
  color: #FFF;
  font-family: "Font Awesome 5 Free";
  content: " ";
  font-weight: 900;
  transition: all 0.2s ease-in-out;
  border-right-width: 2px;
  border-right-style: solid;
  padding: 0;
  height: 2.1rem;
  width: 2.1rem;
  border-right-color: #dee2e6;
  margin-right: 0.2rem;
}
.listFuncs .pagination {
  float: left;
  margin: 0 0.5rem;
}
.listFuncs .pagination .page-item .page-link {
  border: 2px solid hsl(0, 0%, 93%);
  background: #e9ecef;
}
.listFuncs .pagination .page-item.active .page-link {
  background-color: #01A1DD;
}
.listFuncs .pagination .page-item:first-child .page-link {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.listFuncs .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

th.regularList label {
  margin-bottom: 0.2rem;
}

td.regularList label {
  margin-bottom: 0;
}

#exchangeLog > .table .pkCheckboxes {
  width: 1.2rem;
}

.pkCheckboxes.regularList label, .action_checkboxes.regularList label {
  height: 100%;
  line-height: 1.3;
  border-radius: calc(0.5rem - .2rem);
  background-color: #fff;
}
.pkCheckboxes.regularList label::before, .action_checkboxes.regularList label::before {
  height: 0.9rem;
  width: 0.9rem;
  border-right: 0;
  font-size: 0.6rem;
}
.pkCheckboxes input, .action_checkboxes input {
  display: none;
}
.pkCheckboxes input:checked + label, .action_checkboxes input:checked + label {
  background-color: #01b2f4;
  border-color: #01A1DD;
  color: #fff;
}
.pkCheckboxes input:checked + label::before, .action_checkboxes input:checked + label::before {
  content: "\f00c";
  background-color: #01b2f4;
  border-color: #01A1DD;
}
.pkCheckboxes label, .action_checkboxes label {
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  background-color: #dee2e6;
  border-width: 2px;
  border-style: solid;
  transition: all 0.2s ease-in-out;
  border-color: #dee2e6;
  border-radius: calc(0.5rem - .1rem);
  line-height: 1.5;
  height: 100%;
}
.pkCheckboxes label::before, .action_checkboxes label::before {
  float: left;
  display: block;
  background-color: #fff;
  color: #FFF;
  font-family: "Font Awesome 5 Free";
  content: " ";
  font-weight: 900;
  transition: all 0.2s ease-in-out;
  border-right-width: 2px;
  border-right-style: solid;
  padding: 0;
  height: 1.2rem;
  width: 1.2rem;
  font-size: 0.8rem;
  border-right: 0;
}

.cmsAddBtn {
  position: absolute;
  right: 2.5%;
  top: 6.3rem;
  width: 10%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.cmsAddBtn a:first-of-type {
  margin-right: 0.4rem;
}
.cmsAddBtn.subStore {
  width: 17.5%;
}

.pkControls {
  width: 5.2rem;
}
.pkControls .btn-group {
  display: flex;
}

.scheduleList table, .productTable table, .newsTable table, .notifTable table, .resultTable table {
  word-wrap: nowrap;
  table-layout: fixed;
}

.listTable#crmTagTable table {
  table-layout: fixed;
}
.listTable#crmTagTable table td {
  white-space: normal;
}
.listTable#eventReportTable table td {
  word-break: break-all;
  white-space: unset;
}
.listTable#reportTable-sale table {
  table-layout: fixed;
}
.listTable#roleTable table {
  table-layout: fixed;
}
.listTable#roleTable table td {
  white-space: normal;
}
.listTable#exchangeLog table {
  font-size: 0.7rem;
}
.listTable table th {
  border-top: none;
  border-bottom: 4px solid #dee2e6;
}
.listTable table td {
  vertical-align: middle;
  border-top: 2px solid #dee2e6;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.listTable table td.rtl {
  direction: rtl;
}

#crmTagTable colgroup col:nth-child(1) {
  width: 2rem;
}
#crmTagTable colgroup col:nth-child(2) {
  width: 25%;
}
#crmTagTable colgroup col:nth-child(3) {
  width: 11rem;
}
#crmTagTable colgroup col:last-child {
  width: 5.5rem;
}

#roleTable colgroup col:nth-child(1) {
  width: 2rem;
}
#roleTable colgroup col:nth-child(2) {
  width: 12%;
}
#roleTable colgroup col:last-child {
  width: 8rem;
}

#reportTable-sale colgroup col:nth-child(1) {
  width: 4rem;
}
#reportTable-sale colgroup col:nth-child(2) {
  width: 14%;
}
#reportTable-sale colgroup col:nth-child(3) {
  width: 15%;
}
#reportTable-sale colgroup col:nth-child(4) {
  width: 23%;
}
#reportTable-sale colgroup col:nth-child(7) {
  width: 20%;
}
#reportTable-sale colgroup col:nth-child(8) {
  width: 6rem;
}
#reportTable-sale colgroup col:last-child {
  width: 3rem;
}

.listCards {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
  margin-bottom: 1vh;
  min-width: 0;
}
.listCards.group-primary {
  border-color: #2BC4C2;
}
.listCards.group-primary .listCardTags {
  background-color: #2BC4C2;
  color: #212529;
}
.listCards .cardActionMain.group-primary, .listCards .cardActionSecondary.group-primary, .listCards .cardActionThird.group-primary {
  background-color: #aae7e7;
}
.listCards.hahago-primary {
  border-color: #01A1DD;
}
.listCards.hahago-primary .listCardTags {
  background-color: #01A1DD;
  color: #fff;
}
.listCards .cardActionMain.hahago-primary, .listCards .cardActionSecondary.hahago-primary, .listCards .cardActionThird.hahago-primary {
  background-color: #99d9f1;
}
.listCards.lighter-gray {
  border-color: #EEEEEE;
}
.listCards.lighter-gray .listCardTags {
  background-color: #EEEEEE;
  color: #212529;
}
.listCards .cardActionMain.lighter-gray, .listCards .cardActionSecondary.lighter-gray, .listCards .cardActionThird.lighter-gray {
  background-color: #f8f8f8;
}
.listCards.darker-gray {
  border-color: #7B7B7B;
}
.listCards.darker-gray .listCardTags {
  background-color: #7B7B7B;
  color: #fff;
}
.listCards .cardActionMain.darker-gray, .listCards .cardActionSecondary.darker-gray, .listCards .cardActionThird.darker-gray {
  background-color: #cacaca;
}
.listCards.edit {
  border-color: #F7AE00;
}
.listCards.edit .listCardTags {
  background-color: #F7AE00;
  color: #212529;
}
.listCards .cardActionMain.edit, .listCards .cardActionSecondary.edit, .listCards .cardActionThird.edit {
  background-color: #fcdf99;
}
.listCards.pending {
  border-color: #BE5D0E;
}
.listCards.pending .listCardTags {
  background-color: #BE5D0E;
  color: #fff;
}
.listCards .cardActionMain.pending, .listCards .cardActionSecondary.pending, .listCards .cardActionThird.pending {
  background-color: #e5be9f;
}
.listCards.ready {
  border-color: #6FC55C;
}
.listCards.ready .listCardTags {
  background-color: #6FC55C;
  color: #212529;
}
.listCards .cardActionMain.ready, .listCards .cardActionSecondary.ready, .listCards .cardActionThird.ready {
  background-color: #c5e8be;
}
.listCards.live {
  border-color: #0BC1D1;
}
.listCards.live .listCardTags {
  background-color: #0BC1D1;
  color: #fff;
}
.listCards .cardActionMain.live, .listCards .cardActionSecondary.live, .listCards .cardActionThird.live {
  background-color: #9de6ed;
}
.listCards.ended {
  border-color: #515151;
}
.listCards.ended .listCardTags {
  background-color: #515151;
  color: #fff;
}
.listCards .cardActionMain.ended, .listCards .cardActionSecondary.ended, .listCards .cardActionThird.ended {
  background-color: #b9b9b9;
}
.listCards.member {
  border-color: #B3D6D6;
}
.listCards.member .listCardTags {
  background-color: #B3D6D6;
  color: #212529;
}
.listCards .cardActionMain.member, .listCards .cardActionSecondary.member, .listCards .cardActionThird.member {
  background-color: #e1efef;
}
.listCards.replied {
  border-color: #C2C1C1;
}
.listCards.replied .listCardTags {
  background-color: #C2C1C1;
  color: #212529;
}
.listCards .cardActionMain.replied, .listCards .cardActionSecondary.replied, .listCards .cardActionThird.replied {
  background-color: #e7e6e6;
}
.listCards.award {
  border-color: #DC1C62;
}
.listCards.award .listCardTags {
  background-color: #DC1C62;
  color: #fff;
}
.listCards .cardActionMain.award, .listCards .cardActionSecondary.award, .listCards .cardActionThird.award {
  background-color: #f1a4c0;
}
.listCards.message {
  border-color: #01A1DD;
}
.listCards.message .listCardTags {
  background-color: #01A1DD;
  color: #fff;
}
.listCards .cardActionMain.message, .listCards .cardActionSecondary.message, .listCards .cardActionThird.message {
  background-color: #99d9f1;
}
.listCards.encourage {
  border-color: #FF9F28;
}
.listCards.encourage .listCardTags {
  background-color: #FF9F28;
  color: #212529;
}
.listCards .cardActionMain.encourage, .listCards .cardActionSecondary.encourage, .listCards .cardActionThird.encourage {
  background-color: #ffd9a9;
}
.listCards.help {
  border-color: #FF986C;
}
.listCards.help .listCardTags {
  background-color: #FF986C;
  color: #212529;
}
.listCards .cardActionMain.help, .listCards .cardActionSecondary.help, .listCards .cardActionThird.help {
  background-color: #ffd6c4;
}
.listCards.admin {
  border-color: #F7C500;
}
.listCards.admin .listCardTags {
  background-color: #F7C500;
  color: #212529;
}
.listCards .cardActionMain.admin, .listCards .cardActionSecondary.admin, .listCards .cardActionThird.admin {
  background-color: #fce899;
}
.listCards.dept {
  border-color: #F9914E;
}
.listCards.dept .listCardTags {
  background-color: #F9914E;
  color: #212529;
}
.listCards .cardActionMain.dept, .listCards .cardActionSecondary.dept, .listCards .cardActionThird.dept {
  background-color: #fdd3b8;
}
.listCards.line-oa {
  border-color: #FF961B;
}
.listCards.line-oa .listCardTags {
  background-color: #FF961B;
  color: #212529;
}
.listCards .cardActionMain.line-oa, .listCards .cardActionSecondary.line-oa, .listCards .cardActionThird.line-oa {
  background-color: #ffd5a4;
}
.listCards.dd7 {
  border-color: #FF6007;
}
.listCards.dd7 .listCardTags {
  background-color: #FF6007;
  color: #fff;
}
.listCards .cardActionMain.dd7, .listCards .cardActionSecondary.dd7, .listCards .cardActionThird.dd7 {
  background-color: #ffbf9c;
}
.listCards.primary {
  border-color: #007bff;
}
.listCards.primary .listCardTags {
  background-color: #007bff;
  color: #fff;
}
.listCards .cardActionMain.primary, .listCards .cardActionSecondary.primary, .listCards .cardActionThird.primary {
  background-color: #99caff;
}
.listCards.secondary {
  border-color: #6c757d;
}
.listCards.secondary .listCardTags {
  background-color: #6c757d;
  color: #fff;
}
.listCards .cardActionMain.secondary, .listCards .cardActionSecondary.secondary, .listCards .cardActionThird.secondary {
  background-color: #c4c8cb;
}
.listCards.success {
  border-color: #28a745;
}
.listCards.success .listCardTags {
  background-color: #28a745;
  color: #fff;
}
.listCards .cardActionMain.success, .listCards .cardActionSecondary.success, .listCards .cardActionThird.success {
  background-color: #a9dcb5;
}
.listCards.info {
  border-color: #17a2b8;
}
.listCards.info .listCardTags {
  background-color: #17a2b8;
  color: #fff;
}
.listCards .cardActionMain.info, .listCards .cardActionSecondary.info, .listCards .cardActionThird.info {
  background-color: #a2dae3;
}
.listCards.warning {
  border-color: #ffc107;
}
.listCards.warning .listCardTags {
  background-color: #ffc107;
  color: #212529;
}
.listCards .cardActionMain.warning, .listCards .cardActionSecondary.warning, .listCards .cardActionThird.warning {
  background-color: #ffe69c;
}
.listCards.danger {
  border-color: #dc3545;
}
.listCards.danger .listCardTags {
  background-color: #dc3545;
  color: #fff;
}
.listCards .cardActionMain.danger, .listCards .cardActionSecondary.danger, .listCards .cardActionThird.danger {
  background-color: #f1aeb5;
}
.listCards.light {
  border-color: #f8f9fa;
}
.listCards.light .listCardTags {
  background-color: #f8f9fa;
  color: #212529;
}
.listCards .cardActionMain.light, .listCards .cardActionSecondary.light, .listCards .cardActionThird.light {
  background-color: #fcfdfd;
}
.listCards.dark {
  border-color: #343a40;
}
.listCards.dark .listCardTags {
  background-color: #343a40;
  color: #fff;
}
.listCards .cardActionMain.dark, .listCards .cardActionSecondary.dark, .listCards .cardActionThird.dark {
  background-color: #aeb0b3;
}
.listCards.narrow {
  height: 6.5rem;
}
.listCards.extraNarrow {
  height: 5rem;
}
.listCards.statsCards .listCardTags {
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: horizontal-tb;
  letter-spacing: inherit;
}
.listCards .cardInfoBlock {
  min-width: 0;
  display: flex;
  height: 100%;
  flex-grow: 1;
  float: left;
  align-items: center;
  justify-content: center;
}
.listCards .cardInfoBlock .cardCheckbox {
  margin-left: 0.5rem;
  padding-left: 0 !important;
  flex-shrink: 0;
}
.listCards .cardInfoBlock .cardThumb {
  margin-left: 1rem;
  position: relative;
  height: 110px;
  width: 110px;
  flex-shrink: 0;
}
.listCards .cardInfoBlock .cardThumb.noBorder .img-thumbnail {
  border: none;
}
.listCards .cardInfoBlock .cardThumb.round {
  border-radius: 55px;
}
.listCards .cardInfoBlock .cardThumb.wide {
  width: 220px;
}
.listCards .cardInfoBlock .cardThumb.wide.small {
  height: 90px;
  width: 180px;
}
.listCards .cardInfoBlock .cardThumb.small {
  height: 90px;
  width: 90px;
}
.listCards .cardInfoBlock .cardThumb.small.round .img-thumbnail, .listCards .cardInfoBlock .cardThumb.small.round .img-thumbnail img {
  border-radius: 50%;
}
.listCards .cardInfoBlock .cardThumb:nth-child(2) {
  margin-left: 0.5rem;
}
.listCards .cardInfoBlock .cardThumb .img-thumbnail {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 2px;
}
.listCards .cardInfoBlock .cardThumb .img-thumbnail img {
  width: 100%;
  height: 100%;
}
.listCards .cardInfoBlock .newsInfo, .listCards .cardInfoBlock .pushInfo, .listCards .cardInfoBlock .nonExInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  margin-left: 0.5rem;
  flex-shrink: 1;
  overflow: hidden;
}
.listCards .cardInfoBlock .nonExInfo {
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 2px solid #dee2e6;
  flex-shrink: 1;
  min-width: 0;
  min-height: 0;
  height: 80%;
  justify-content: center;
}
.listCards .cardInfoBlock .nonExInfo .chain_store_ch_name {
  margin-bottom: 1rem;
}
.listCards .cardInfoBlock .nonExInfo .titleHeader {
  font-size: 0.8rem;
  color: #6c757d;
}
.listCards .cardInfoBlock .nonExInfo .title {
  min-height: 0;
  font-weight: bolder;
  font-size: 1.1rem;
}
.listCards .cardInfoBlock .cardBigTitle {
  margin: 0 0.5rem;
  font-weight: bold;
  font-size: 1.4rem;
}
.listCards .cardInfoBlock .cardSecondCol {
  margin-left: 0.5rem;
  margin-right: 1rem;
  font-size: 1.2rem;
  color: #6c757d;
}
.listCards .cardInfoBlock .cardSecondCol .cardScCols {
  display: flex;
  gap: 0.5rem;
}
.listCards .cardInfoBlock .cardSecondCol .cardScCols .scCol {
  border-left: 2px solid #dee2e6;
  color: #495057;
  font-size: 0.9rem;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.listCards .cardInfoBlock .cardSecondCol .cardTcRow {
  width: 11rem;
}
.listCards .cardInfoBlock .cardSecondCol .cardTcRow > span:first-child {
  color: #6c757d;
  font-size: 0.9rem;
}
.listCards .cardInfoBlock .cardSecondCol .cardTcRow > span:last-child {
  color: #343a40;
  font-weight: bold;
  font-size: 1.1rem;
}
.listCards .cardInfoBlock .cardSecondCol .cardTc {
  border-left: 2px solid #dee2e6;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
}
.listCards .cardInfoBlock .cardThirdCol {
  padding: 0 0.5rem;
  height: 80%;
  border-left: 2px solid #dee2e6;
  display: flex;
  align-items: center;
}
.listCards .cardInfoBlock .cardThirdCol a:first-child {
  margin-right: 0.3rem;
}
.listCards .cardInfoBlock .cardInfo {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.5rem;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: center;
  margin-right: 0.5rem;
  flex-direction: column;
  overflow: hidden;
}
.listCards .cardInfoBlock .cardInfo:first-child {
  margin-left: 1rem;
}
.listCards .cardInfoBlock .cardInfo > div {
  min-width: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.listCards .cardInfoBlock .cardInfo > div span {
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.listCards .cardInfoBlock .cardInfo .cardPriceInfo {
  order: 2;
  display: flex;
}
.listCards .cardInfoBlock .cardInfo .cardPriceInfo .price {
  display: flex;
  align-items: center;
}
.listCards .cardInfoBlock .cardInfo .cardPriceInfo .price .price {
  margin-left: 0.2rem;
  color: #FF6007;
  font-weight: bold;
  font-size: 1.2rem;
}
.listCards .cardInfoBlock .cardInfo .cardPriceInfo .originalPrice {
  margin-left: 0.5rem;
  color: #9F9F9F;
  text-decoration: line-through;
}
.listCards .cardInfoBlock .cardInfo .cardPriceInfo .listCrmUserTags {
  flex-wrap: nowrap;
  overflow: hidden;
}
.listCards .cardInfoBlock .cardInfo .cardPriceInfo .crmTags {
  padding: 0.1rem 0.5rem;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.listCards .cardInfoBlock .cardInfo .cardIconInfo {
  order: 3;
}
.listCards .cardInfoBlock .cardInfo .cardIconInfo .cardIconBlock {
  display: flex;
  align-items: center;
  margin-right: 0.8rem;
  font-weight: bold;
  font-size: 1.2rem;
  color: #3eb5f6;
}
.listCards .cardInfoBlock .cardInfo .cardIconInfo .cardIconBlock img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.3rem;
}
.listCards .cardInfoBlock .cardInfo .cardUpperTitle {
  order: 1;
  height: 1rem;
  font-size: 0.8rem;
  margin-top: 0.2rem;
}
.listCards .cardInfoBlock .cardInfo .cardUpperTitle + .cardTitle {
  height: calc(50% - 0.8rem);
}
.listCards .cardInfoBlock .cardInfo .cardUpperTitle + .cardTitle + .cardSubtitle {
  height: calc(50% - 0.8rem);
}
.listCards .cardInfoBlock .cardInfo.smallerText .cardTitle, .listCards .cardInfoBlock .cardInfo.smallerText .cardSubtitle {
  height: 35%;
  font-size: 1rem;
}
.listCards .cardInfoBlock .cardInfo.smallerText .cardTitle .header, .listCards .cardInfoBlock .cardInfo.smallerText .cardSubtitle .header {
  font-size: 0.8rem;
}
.listCards .cardInfoBlock .cardInfo .cardTitle, .listCards .cardInfoBlock .cardInfo .cardSubtitle {
  font-weight: bolder;
  font-size: 1.2rem;
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 50%;
}
.listCards .cardInfoBlock .cardInfo .cardTitle .header, .listCards .cardInfoBlock .cardInfo .cardSubtitle .header {
  font-size: 0.9rem;
  color: #adb5bd;
}
.listCards .cardInfoBlock .cardDates {
  flex-shrink: 1;
  text-align: right;
  width: 30%;
  margin-right: 0.5rem;
  color: hsl(0, 0%, 40%);
}
.listCards .cardInfoBlock .cardDates .noDate {
  color: hsl(351, 76.6%, 61.4%);
  font-weight: bold;
  margin-left: 0.6rem;
}
.listCards .cardInfoBlock .cardDates div {
  height: 1.4rem;
}
.listCards .cardInfoBlock .cardDates div > span:first-of-type {
  margin-right: 0.3rem;
}
@media (max-width: 1299.98px) {
  .listCards .cardInfoBlock .cardDates div span:not(.monospace) {
    font-size: 0.7rem;
  }
}
@media (min-width: 1300px) {
  .listCards .cardInfoBlock .cardDates div span:not(.monospace) {
    font-size: 0.9rem;
  }
}
.listCards .cardInfoBlock .cardDates div span.monospace {
  font-weight: bolder;
  margin: 0 0.1rem;
}
@media (max-width: 1299.98px) {
  .listCards .cardInfoBlock .cardDates div span.monospace {
    font-size: 0.9rem;
  }
}
@media (min-width: 1300px) {
  .listCards .cardInfoBlock .cardDates div span.monospace {
    font-size: 1.1rem;
  }
}
.listCards .cardActions {
  flex-shrink: 0;
  align-self: flex-end;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listCards .cardActions > div {
  height: 100%;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.listCards .cardActions .cardActionMisc {
  height: 80%;
  border-left: 2px solid #dee2e6;
}

#listPreviewWrapper {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100vw;
  height: 100vh;
}
#listPreviewWrapper #previewOverlay {
  width: inherit;
  height: inherit;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
#listPreviewWrapper #listPreviewInner {
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52.5%);
  z-index: 101;
}

#rejectNote {
  height: 5rem;
  min-height: 5rem;
  resize: none;
}

.divListTable .divListTableHeader {
  display: flex;
  border-bottom: 4px solid #dee2e6;
  font-weight: bold;
}
.divListTable .divListTableHeader > div {
  padding: 0.3rem;
}
@media (max-width: 1299.98px) {
  .divListTable .divListTableHeader > div {
    font-size: 0.8rem;
  }
}
.divListTable .divListTableRows {
  display: flex;
  flex-direction: column;
}
.divListTable .divListTableRows:not(:last-of-type) {
  border-bottom: 2px solid #dee2e6;
}
.divListTable .divListTableRows .divListTableOuterRow {
  display: flex;
  align-items: center;
}
@media (max-width: 1299.98px) {
  .divListTable .divListTableRows .divListTableOuterRow {
    font-size: 0.8rem;
  }
}
.divListTable .divListTableRows .divListTableOuterRow > div {
  padding: 0.3rem;
}
.divListTable .divListTableRows .divListTableOuterRow .divListTableCells {
  display: flex;
}
.divListTable .divListTableRows .divListTableOuterRow .showDetail {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1299.98px) {
  .divListTable .divListTableRows .divListTableOuterRow .showDetail button {
    padding: 0.2rem;
  }
  .divListTable .divListTableRows .divListTableOuterRow .showDetail button span {
    font-size: 0.8rem;
  }
}
.divListTable .divListTableRows .divListTableDetailInner {
  width: 98%;
  margin: 0.5rem 1% 1rem 1%;
  padding: 0.5rem;
  border: 2px solid #dee2e6;
  border-radius: 0.4rem;
}
.divListTable .divListTableRows .divListTableDetailInner .link {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
}

#adminReviewLogList .divListTableHeader div:nth-child(1) {
  width: 15%;
}
#adminReviewLogList .divListTableHeader div:nth-child(2) {
  width: 25%;
}
#adminReviewLogList .divListTableHeader div:nth-child(3) {
  width: 20%;
}
#adminReviewLogList .divListTableHeader div:nth-child(4) {
  width: 20%;
}
#adminReviewLogList .divListTableHeader div:nth-child(5) {
  width: 10%;
}
#adminReviewLogList .divListTableHeader div:nth-child(6) {
  width: 10%;
}
#adminReviewLogList .divListTableRows .divListTableOuterRow div:nth-child(1) {
  width: 15%;
}
#adminReviewLogList .divListTableRows .divListTableOuterRow div:nth-child(2) {
  width: 25%;
}
#adminReviewLogList .divListTableRows .divListTableOuterRow div:nth-child(3) {
  width: 20%;
}
#adminReviewLogList .divListTableRows .divListTableOuterRow div:nth-child(4) {
  width: 20%;
}
#adminReviewLogList .divListTableRows .divListTableOuterRow div:nth-child(5) {
  width: 10%;
}
#adminReviewLogList .divListTableRows .divListTableOuterRow div:nth-child(6) {
  width: 10%;
}

#notifList .divListTableHeader div:nth-child(1) {
  width: 20%;
}
#notifList .divListTableHeader div:nth-child(2) {
  width: 10%;
}
#notifList .divListTableHeader div:nth-child(3) {
  width: 20%;
}
#notifList .divListTableHeader div:nth-child(4) {
  width: 40%;
}
#notifList .divListTableHeader div:nth-child(5) {
  width: 10%;
}
#notifList .divListTableRows .divListTableOuterRow div:nth-child(1) {
  width: 20%;
}
#notifList .divListTableRows .divListTableOuterRow div:nth-child(2) {
  width: 10%;
}
#notifList .divListTableRows .divListTableOuterRow div:nth-child(3) {
  width: 20%;
}
#notifList .divListTableRows .divListTableOuterRow div:nth-child(4) {
  width: 40%;
}
#notifList .divListTableRows .divListTableOuterRow div:nth-child(5) {
  width: 10%;
}

#changeLogList .divListTableHeader div:nth-child(1) {
  width: 20%;
}
#changeLogList .divListTableHeader div:nth-child(2) {
  width: 40%;
}
#changeLogList .divListTableHeader div:nth-child(3) {
  width: 30%;
}
#changeLogList .divListTableHeader div:nth-child(4) {
  width: 10%;
}
#changeLogList .divListTableRows .divListTableOuterRow div:nth-child(1) {
  width: 20%;
}
#changeLogList .divListTableRows .divListTableOuterRow div:nth-child(2) {
  width: 40%;
}
#changeLogList .divListTableRows .divListTableOuterRow div:nth-child(3) {
  width: 30%;
}
#changeLogList .divListTableRows .divListTableOuterRow div:nth-child(4) {
  width: 10%;
}

.listHelper {
  color: hsl(18, 100%, 71.2%);
  text-align: center;
  margin: 1rem 0 1rem 0;
  font-weight: bold;
}

.qaModals .modal-dialog {
  max-width: 650px;
}
.qaModals .modal-title [id$=real_name] {
  font-weight: bold;
  color: #2BC4C2;
  font-size: 1.6rem;
}
.qaModals .qaModalBlocks {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.qaModals .qaModalBlocks.reply {
  margin-top: 1rem;
}
.qaModals .qaModalBlocks .deviceInfoRow {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
  display: none;
}
.qaModals .qaModalBlocks .deviceInfoRow.show {
  display: flex;
}
.qaModals .qaModalBlocks .deviceInfoRow h5 {
  margin: 0;
  font-weight: bold;
  width: 10rem;
  text-align: left;
}
.qaModals .qaModalBlocks .deviceInfoRow .device_info {
  text-align: right;
}
.qaModals .qaModalBlocks .headerRow {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.qaModals .qaModalBlocks .headerRow h5 {
  margin: 0;
  font-weight: bold;
}
.qaModals .qaModalBlocks .textBlock {
  width: 100%;
  margin-top: 0.5rem;
  border: 2px solid #dee2e6;
  border-radius: 0.5rem;
  text-align: left;
  padding: 0.5rem;
  max-height: 15rem;
  overflow-y: scroll;
}
.qaModals .qaModalBlocks .photosBlock {
  width: 100%;
  display: flex;
  margin-top: 0.5rem;
}
.qaModals .qaModalBlocks .photosBlock > div {
  padding: 0.2rem;
  overflow: hidden;
  width: 32%;
  height: 10rem;
  border: 2px solid #dee2e6;
  border-radius: 0.5rem;
}
.qaModals .qaModalBlocks .photosBlock > div:not(:last-of-type) {
  margin-right: 2%;
}
.qaModals .qaModalBlocks .photosBlock > div a {
  display: block;
  overflow: hidden;
  border-radius: 0.3rem;
  width: 100%;
  height: 100%;
}
.qaModals .qaModalBlocks .photosBlock > div a.noimg {
  background: url("../image/noimg_300300.png") no-repeat center center;
  background-size: 100% 100%;
}
.qaModals .qaModalBlocks .photosBlock > div a.noimg img {
  display: none;
}
.qaModals .qaModalBlocks .photosBlock > div a img {
  width: 100%;
  height: 100%;
}

#qaSingleReplyModalForm, #qaMultipleReplyModalForm, .modalActionForm {
  width: 100%;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#qaSingleReplyModalForm:first-child, #qaMultipleReplyModalForm:first-child, .modalActionForm:first-child {
  margin-top: 0;
}
#qaSingleReplyModalForm .form-group, #qaMultipleReplyModalForm .form-group, .modalActionForm .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  margin-bottom: 0.5rem;
}
#qaSingleReplyModalForm .form-group label, #qaMultipleReplyModalForm .form-group label, .modalActionForm .form-group label {
  font-weight: bold;
  font-size: 1rem;
}
#qaSingleReplyModalForm .form-group .radioTabs, #qaMultipleReplyModalForm .form-group .radioTabs, .modalActionForm .form-group .radioTabs {
  width: 100%;
}

#memberModal .modal-dialog {
  max-width: 400px;
}
#memberModal .infoBlock {
  margin: 0 1rem 1rem 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#memberModal .infoBlock #member_photo {
  width: 140px;
  height: 140px;
  border-radius: 70px;
  overflow: hidden;
  border: 2px solid #dee2e6;
}
#memberModal .infoBlock #member_photo img {
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: inherit;
}
#memberModal .infoBlock .member_real_name {
  margin-top: 0.5rem;
  color: #6c757d;
}
#memberModal .infoRow {
  display: flex;
  padding: 0.5rem;
  margin: 0 1rem;
  border-bottom: 2px solid #dee2e6;
}
#memberModal .infoRow:last-child {
  border-bottom: none;
}
#memberModal .infoRow .infoRowLabel {
  margin-right: 0.5rem;
}
#memberModal .infoRow.giftName {
  display: none;
}
#memberModal .infoRow > :not(.infoRowLabel) {
  color: #6c757d;
}

#eventFieldEditFormModal .modal-dialog {
  max-width: 550px;
  width: 550px;
}
#eventFieldEditFormModal .modal-dialog .modal-content {
  border-color: #FF6007;
  overflow: hidden;
}
#eventFieldEditFormModal .modal-header {
  background-color: #FF6007;
}
#eventFieldEditFormModal .modal-header h5 {
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
}
#eventFieldEditFormModal .modal-header h5 .rankTitle {
  font-size: 1rem;
  font-weight: normal;
  margin-left: 0.5rem;
}

#adminGroupModal .modal-dialog {
  max-width: 450px;
}
#adminGroupModal span.group_group_name {
  font-size: 1.6rem;
}
#adminGroupModal .infoBlock {
  margin: 0 1rem 1rem 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#adminGroupModal .infoBlock #group_group_photo_source {
  width: 240px;
  height: 140px;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid #dee2e6;
  margin-top: 0.5rem;
}
#adminGroupModal .infoBlock #group_group_photo_source img {
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: inherit;
}
#adminGroupModal .infoBlock .group_group_name, #adminGroupModal .infoBlock #group_group_id {
  margin-top: 0.5rem;
  color: #6c757d;
}
#adminGroupModal .infoBlock #group_group_info {
  max-height: 10rem;
  overflow-x: scroll;
}
#adminGroupModal .infoRow {
  display: flex;
  padding: 0.5rem;
  margin: 0 1rem;
  border-bottom: 2px solid #dee2e6;
}
#adminGroupModal .infoRow:last-child {
  border-bottom: none;
}
#adminGroupModal .infoRow .infoRowLabel {
  margin-right: 0.5rem;
  flex-shrink: 0;
}
#adminGroupModal .infoRow > :not(.infoRowLabel) {
  color: #6c757d;
  text-align: left;
}

.memberModals .kickModalInner .warning {
  text-align: left;
  margin-bottom: 1.5rem;
}
.memberModals .kickModalInner .warning #kick_member_real_name, .memberModals .kickModalInner .warning #kick_member_count {
  font-weight: bold;
}
.memberModals .kickModalInner .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.memberModals .kickModalInner #verifiCode {
  border-radius: 0.5rem;
  border: 2px solid #dee2e6;
  height: 5rem;
  width: 50%;
  margin: 0.5rem 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  font-weight: bold;
  color: #000;
}

.certModals .modal-title [id$=iden_name] {
  font-weight: bold;
  color: #2BC4C2;
  font-size: 1.6rem;
}
.certModals .form-group {
  margin-bottom: 0.5rem;
}
.certModals .certModalInfoBlock .certInfoRow {
  display: flex;
  border-bottom: 2px solid #dee2e6;
  width: 100%;
  padding: 0.3rem 0.5rem;
}
.certModals .certModalInfoBlock .certInfoRow:last-of-type {
  border-bottom: 0;
}
.certModals .certModalInfoBlock .certInfoRow .label {
  min-width: 30%;
  font-weight: bold;
  color: #6c757d;
  text-align: left;
}
.certModals .certModalInfoBlock .certInfoRow .value {
  text-align: left;
}
.certModals .certModalInfoBlock .certPicRow {
  display: flex;
  border-bottom: 2px solid #dee2e6;
  padding: 0.3rem 0.5rem;
  align-items: flex-start;
}
.certModals .certModalInfoBlock .certPicRow .label {
  min-width: 30%;
  font-weight: bold;
  color: #6c757d;
  text-align: left;
}
.certModals .certModalInfoBlock .certPicRow:last-of-type {
  border-bottom: 0;
}
.certModals .certModalInfoBlock .certPicRow .img {
  width: 100%;
  border: 2px solid #dee2e6;
  height: 170px;
  overflow: hidden;
  border-radius: 0.5rem;
}
.certModals .certModalInfoBlock .certPicRow .img img {
  border-radius: 0.5rem;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
}

#genPayNoModal .form-group {
  margin-bottom: 0.5rem;
}
#genPayNoModal .modal-body {
  padding: 0.3rem 1rem;
}
#genPayNoModal #genPayNo_billing_name {
  font-size: 1.6rem;
}
#genPayNoModal .calculations {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
#genPayNoModal .calculations .calcRow {
  width: 100%;
  display: flex;
  padding: 0.3rem 0.5rem;
}
#genPayNoModal .calculations .calcRow:not(:last-child) {
  border-bottom: 2px solid #dee2e6;
}
#genPayNoModal .calculations .calcRow .label {
  width: 30%;
  color: #adb5bd;
  font-weight: bold;
  text-align: left;
}

#adminGroupNotifyModal .modal-title [id$=group_name] {
  font-size: 1.6rem;
}
#adminGroupNotifyModal .form-group {
  margin-bottom: 0.5rem;
}

#adminRaceRejectModal .modal-title [id$=race_name] {
  font-size: 1.6rem;
}
#adminRaceRejectModal .form-group {
  margin-bottom: 0.5rem;
}

#statAchModal .modal-dialog {
  max-width: 550px;
}

.statAchModalInfo .mainBlock {
  display: flex;
  align-items: center;
}
.statAchModalInfo .mainBlock #ach_photo_source {
  width: 12rem;
  height: 12rem;
  overflow: hidden;
  flex-shrink: 0;
}
.statAchModalInfo .mainBlock #ach_photo_source img {
  height: inherit;
  width: inherit;
}
.statAchModalInfo .mainBlock .mainInfo {
  margin-left: 1.5rem;
}
.statAchModalInfo .mainBlock .mainInfo > div {
  text-align: left;
}
.statAchModalInfo .mainBlock .mainInfo #ach_title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.statAchModalInfo .mainBlock .mainInfo #ach_info {
  font-size: 1rem;
}

.reportNotice {
  padding: 1rem;
}
.reportNotice ul {
  margin-top: 1rem;
}

#getContactModal .noContactOverlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}
#getContactModal .noContactOverlay #getWay {
  margin-bottom: 1rem;
}
#getContactModal .noContactOverlay #getWay #contact_getWay {
  font-weight: bold;
  color: #007bff;
}
#getContactModal .noContactOverlay.show {
  display: flex;
}
#getContactModal .noContactOverlay #wrongGetWay, #getContactModal .noContactOverlay #noContact {
  display: none;
}
#getContactModal .noContactOverlay #wrongGetWay.show, #getContactModal .noContactOverlay #noContact.show {
  display: block;
}
#getContactModal .modal-dialog {
  max-width: 400px;
}
#getContactModal .infoRows.blur {
  filter: blur(100px);
}
#getContactModal .infoRow {
  display: flex;
  padding: 0.5rem;
  margin: 0 1rem;
  border-bottom: 2px solid #dee2e6;
}
#getContactModal .infoRow:last-child {
  border-bottom: none;
}
#getContactModal .infoRow:first-child {
  border-bottom: none;
  margin-bottom: 1rem;
}
#getContactModal .infoRow:first-child #copyContact {
  align-items: center;
  width: 100%;
  display: flex;
}
#getContactModal .infoRow:first-child #copyContact button {
  margin-right: 0.5rem;
}
#getContactModal .infoRow:first-child #copied {
  font-size: 0.9rem;
  font-weight: bold;
  color: #28a745;
  width: 4rem;
  display: none;
}
#getContactModal .infoRow:first-child #copied.show {
  display: block;
  animation: spinjerk ease-out 1s;
}
#getContactModal .infoRow .infoRowLabel {
  margin-right: 0.5rem;
  width: 5rem;
  text-align: left;
}
#getContactModal .infoRow.giftName {
  display: none;
}
#getContactModal .infoRow > :not(.infoRowLabel) {
  color: #6c757d;
}

tr.errorSubstore {
  color: hsl(351, 76.6%, 61.4%);
}
tr.errorSubstore td {
  color: hsl(351, 76.6%, 61.4%);
}

tr.cleanSubstore {
  color: #31921c;
}
tr.cleanSubstore td {
  color: #31921c;
}

tr.subStoreLocked {
  color: #dee2e6;
  text-decoration: line-through;
}
tr.subStoreLocked td {
  color: #dee2e6;
  text-decoration: line-through;
}

#transLogModal .modal-dialog, #transLogReturnModal .modal-dialog, #transLogCouponModal .modal-dialog, #transLogCouponReturnModal .modal-dialog {
  max-width: 600px;
}
#transLogModal .infoBlock, #transLogReturnModal .infoBlock, #transLogCouponModal .infoBlock, #transLogCouponReturnModal .infoBlock {
  margin: 0 1rem 1rem 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#transLogModal .infoBlock #member_photo, #transLogReturnModal .infoBlock #member_photo, #transLogCouponModal .infoBlock #member_photo, #transLogCouponReturnModal .infoBlock #member_photo {
  width: 140px;
  height: 140px;
  border-radius: 70px;
  overflow: hidden;
  border: 2px solid #dee2e6;
}
#transLogModal .infoBlock #member_photo img, #transLogReturnModal .infoBlock #member_photo img, #transLogCouponModal .infoBlock #member_photo img, #transLogCouponReturnModal .infoBlock #member_photo img {
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: inherit;
}
#transLogModal .infoBlock .member_real_name, #transLogReturnModal .infoBlock .member_real_name, #transLogCouponModal .infoBlock .member_real_name, #transLogCouponReturnModal .infoBlock .member_real_name {
  margin-top: 0.5rem;
  color: #6c757d;
}
#transLogModal .infoRow, #transLogReturnModal .infoRow, #transLogCouponModal .infoRow, #transLogCouponReturnModal .infoRow {
  display: flex;
  padding: 0.5rem;
  margin: 0 1rem;
  border-bottom: 2px solid #dee2e6;
}
#transLogModal .infoRow:last-child, #transLogReturnModal .infoRow:last-child, #transLogCouponModal .infoRow:last-child, #transLogCouponReturnModal .infoRow:last-child {
  border-bottom: none;
}
#transLogModal .infoRow .infoRowLabel, #transLogReturnModal .infoRow .infoRowLabel, #transLogCouponModal .infoRow .infoRowLabel, #transLogCouponReturnModal .infoRow .infoRowLabel {
  margin-right: 0.5rem;
  width: 8rem;
  text-align: left;
  flex-shrink: 0;
}
#transLogModal .infoRow.giftName, #transLogReturnModal .infoRow.giftName, #transLogCouponModal .infoRow.giftName, #transLogCouponReturnModal .infoRow.giftName {
  display: none;
}
#transLogModal .infoRow > :not(.infoRowLabel), #transLogReturnModal .infoRow > :not(.infoRowLabel), #transLogCouponModal .infoRow > :not(.infoRowLabel), #transLogCouponReturnModal .infoRow > :not(.infoRowLabel) {
  color: #6c757d;
  flex-grow: 0;
  word-break: break-all;
  text-align: left;
}
#transLogModal#transLogCouponModal .label, #transLogModal#transLogCouponReturnModal .label, #transLogReturnModal#transLogCouponModal .label, #transLogReturnModal#transLogCouponReturnModal .label, #transLogCouponModal#transLogCouponModal .label, #transLogCouponModal#transLogCouponReturnModal .label, #transLogCouponReturnModal#transLogCouponModal .label, #transLogCouponReturnModal#transLogCouponReturnModal .label {
  font-size: 1rem;
}
#transLogModal .totalRow, #transLogReturnModal .totalRow, #transLogCouponModal .totalRow, #transLogCouponReturnModal .totalRow {
  padding: 0.5rem;
  padding-top: 1rem;
  margin: 0 1rem;
  display: flex;
  flex-direction: column;
}
#transLogModal .totalRow .top, #transLogReturnModal .totalRow .top, #transLogCouponModal .totalRow .top, #transLogCouponReturnModal .totalRow .top {
  display: flex;
  font-size: 1.3rem;
}
#transLogModal .totalRow .top .label, #transLogReturnModal .totalRow .top .label, #transLogCouponModal .totalRow .top .label, #transLogCouponReturnModal .totalRow .top .label {
  width: 8.2rem;
  text-align: left;
}
#transLogModal .totalRow .top .trans_log_pay_price, #transLogModal .totalRow .top .trans_log_num_remain, #transLogModal .totalRow .top .trans_log_price, #transLogReturnModal .totalRow .top .trans_log_pay_price, #transLogReturnModal .totalRow .top .trans_log_num_remain, #transLogReturnModal .totalRow .top .trans_log_price, #transLogCouponModal .totalRow .top .trans_log_pay_price, #transLogCouponModal .totalRow .top .trans_log_num_remain, #transLogCouponModal .totalRow .top .trans_log_price, #transLogCouponReturnModal .totalRow .top .trans_log_pay_price, #transLogCouponReturnModal .totalRow .top .trans_log_num_remain, #transLogCouponReturnModal .totalRow .top .trans_log_price {
  flex-grow: 1;
  color: #FF6007;
  text-align: left;
}
#transLogModal .totalRow .bottom, #transLogReturnModal .totalRow .bottom, #transLogCouponModal .totalRow .bottom, #transLogCouponReturnModal .totalRow .bottom {
  margin-top: 0.8rem;
  text-align: left;
  font-size: 0.9rem;
  font-weight: lighter;
}

.systemTag {
  display: flex;
}
.systemTag > div {
  padding: 0.3rem;
  color: #fff;
  background-color: #FF6007;
  border-radius: 0.2rem;
  width: 10rem;
  text-align: center;
}
.systemTag.isSystem > div {
  background-color: #495057;
}

#crmUserListTable {
  font-size: 0.8rem;
}
#crmUserListTable table {
  font-size: 0.8rem;
}
#crmUserListTable table tr {
  font-size: 0.8rem;
}
#crmUserListTable table tr td {
  font-size: 0.8rem;
}

.tagSortBlock {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1rem;
  align-items: flex-start;
}

.tagSortBlockHeader {
  font-weight: bold;
}

.tagSortBlockInner {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.7rem;
  border: 2px solid #dee2e6;
}
.tagSortBlockInner .noTag {
  color: #666;
  font-size: 0.9rem;
}
.tagSortBlockInner .tagSortTag {
  display: flex;
  padding: 0.5rem 0.7rem;
  border-radius: 0.4rem;
  color: #fff;
  background-color: #FF6007;
}

.loginContainer {
  background: #fff;
  border-radius: 3rem;
  position: relative;
  border-top: 2px solid #dee2e6;
  border-left: 3px solid #dee2e6;
  border-right: 3px solid #dee2e6;
  border-bottom: 5px solid #dee2e6;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
}
@media (max-width: 767.98px) {
  .loginContainer {
    height: 70vh;
    width: 90vw;
  }
}
@media (min-width: 768px) {
  .loginContainer {
    height: 33rem;
    width: 36rem;
  }
}
.loginContainer .cmsHeader {
  width: 95%;
  padding: 0;
  color: #01A1DD;
  border-bottom: 2px solid #dee2e6;
  height: 4.5rem;
  margin-bottom: 1rem;
  margin-left: 2.5%;
  display: block;
  position: relative;
}
.loginContainer .cmsHeader h3 {
  font-weight: bold;
  position: absolute;
  bottom: 0.2rem;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .loginContainer .cmsHeader h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .loginContainer .cmsHeader h3 {
    font-size: 2rem;
  }
}
.loginContainer .row {
  height: 100%;
  position: relative;
}
.loginContainer .row .toInfo {
  margin-right: 1rem;
}
.loginContainer .row .askRegister {
  position: absolute;
  bottom: 0;
  height: 10%;
  width: 90%;
  left: 5%;
  text-align: center;
  border-top: 2px solid #dee2e6;
  padding-top: 2%;
}
.loginContainer .row .askRegister a {
  color: #666;
  padding: 0 0.2rem;
  text-decoration: none;
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  transition: all 0.12s ease-in-out, padding 0.12s ease-in-out;
  background-size: 10% 200%;
  background-position: 0 0;
  border-radius: 0.2rem;
}
.loginContainer .row .askRegister a:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  background-position: 0 10%;
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .loginContainer .row .askRegister {
    display: none;
  }
}

#loginbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
#loginbox .logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.8rem 0;
  width: 100%;
}
#loginbox .logo .isSandbox {
  position: absolute;
  padding: 0.3rem;
  font-size: 2.5rem;
  background-color: #ffc107;
  border-radius: 0.8rem;
  border: 5px solid #6c757d;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  color: #495057;
  transform: rotate(-10deg);
}
#loginbox .logo img:first-child {
  width: 50%;
}
#loginbox .logo img:not(:first-child) {
  margin-top: 1rem;
  width: 45%;
}
#loginbox form {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767.98px) {
  #loginbox form {
    display: none;
  }
}
#loginbox form .loginButton {
  margin-top: 2rem !important;
}
#loginbox form .control-group .loginControls .input-group:last-of-type {
  margin-top: 1rem;
}
#loginbox form .control-group .passwordInput {
  margin-top: 1rem;
}
#loginbox form .loginDisclaimer {
  margin-top: 2rem;
  color: #adb5bd;
  font-size: 0.8rem;
  text-align: center;
}
#loginbox form .forgotPassword {
  margin-top: 0.5rem;
  color: #adb5bd;
  font-size: 0.8rem;
  text-align: center;
}

@media (min-width: 992px) {
  .forMobile {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .forMobile {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    align-items: center;
    justify-content: center;
    width: 90%;
  }
  .forMobile h4, .forMobile div {
    text-align: center;
  }
  .forMobile h4 {
    font-weight: bold;
    color: hsl(351, 76.6%, 61.4%);
  }
}
.forMobile #clipThis {
  margin-top: 2rem;
}

.largeTextWrapper {
  width: 90%;
  height: 60vh;
  margin: 3vh 0;
  border-radius: 1.5rem;
  border: 2px solid #dee2e6;
  position: relative;
  padding: 1.2rem;
  overflow: hidden;
}
.largeTextWrapper#cmsTermsConditions {
  padding-top: 3rem;
}
.largeTextWrapper .switch {
  position: absolute;
  left: 1.5%;
  top: 0;
  width: 97%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  border-bottom: 2px solid #dee2e6;
  background-color: #fff;
}
.largeTextWrapper .largeTextInner {
  padding: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 53vh;
}
.largeTextWrapper .largeTextInner p {
  padding-left: 20px;
}
.largeTextWrapper .largeTextInner h4, .largeTextWrapper .largeTextInner h5 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.largeTextWrapper .largeTextInner h4.tnc {
  color: #01A1DD;
  font-weight: bold;
}
.largeTextWrapper .largeTextInner ol li {
  list-style: decimal-leading-zero;
}
.largeTextWrapper .largeTextInner ol ol li {
  list-style: upper-roman;
}
.largeTextWrapper .largeTextInner .companyInfo {
  padding-left: 10px;
  line-height: 2rem;
  margin-top: 3rem;
  color: #6c757d;
}
.largeTextWrapper .largeTextInner .tutorialLinks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 2px solid #dee2e6;
}
.largeTextWrapper .largeTextInner .tutorialBody {
  padding: 0.5rem;
}

.regControl {
  width: 80%;
  display: flex;
  justify-content: space-between;
}
.regControl#regFormControl {
  margin-top: 1vh;
}
.regControl .confirmTOS {
  display: flex;
  align-items: center;
}
.regControl .confirmTOS .customCheck {
  margin-right: 0.5rem;
}

.registerContainer {
  display: flex;
  flex-direction: column;
}
.registerContainer .cmsHeader {
  flex-wrap: wrap;
  width: 95%;
  padding: 0;
  color: #01A1DD;
  border-bottom: 2px solid #dee2e6;
  height: 4.5rem;
  margin-bottom: 1rem;
  margin-left: 2.5%;
  display: block;
  position: relative;
}
.registerContainer .cmsHeader h3 {
  font-weight: bold;
  position: absolute;
  bottom: 0.2rem;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .registerContainer .cmsHeader h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .registerContainer .cmsHeader h3 {
    font-size: 2rem;
  }
}

.registerForm {
  width: 100%;
  margin-top: 0;
}

.stepsNarration {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767.98px) {
  .stepsNarration {
    width: 95%;
    margin-left: 2.5%;
    margin-top: 2vh;
    margin-bottom: 1.2vh;
  }
}
@media (min-width: 768px) {
  .stepsNarration {
    width: 90%;
    margin-left: 5%;
    margin-top: 6vh;
    margin-bottom: 1.5vh;
    padding-left: 1.2vw;
    padding-right: 1.2vw;
  }
}

.registerFormInner, .certReview {
  clear: both;
  margin-top: 2vh;
  padding: 1rem 0;
}
@media (max-width: 767.98px) {
  .registerFormInner, .certReview {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .registerFormInner, .certReview {
    width: 70%;
    margin-left: 15%;
  }
}
.registerFormInner .form-group-recaptcha, .certReview .form-group-recaptcha {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s0Card {
  border-color: #dee2e6;
  color: hsl(0, 0%, 27%);
}

.s2Card {
  border-color: hsl(19, 85%, 70%);
  color: hsl(19, 85%, 70%);
}

.s3Card {
  border-color: #2BC4C2;
  color: #2BC4C2;
}

.s4Card {
  border-color: hsl(351, 76.6%, 61.4%);
  color: hsl(351, 76.6%, 61.4%);
}

.s6Card {
  border-color: #2BC4C2;
  color: #2BC4C2;
}

.s5Card {
  display: none !important;
}

.s0Tag {
  background-color: #dee2e6;
  color: hsl(0, 0%, 27%);
}

.s2Tag {
  background-color: hsl(19, 85%, 70%);
  color: #fff;
}

.s3Tag {
  background-color: #2BC4C2;
  color: #fff;
}

.s4Tag {
  background-color: hsl(351, 76.6%, 61.4%);
  color: #fff;
}

.s6Tag {
  background-color: #2BC4C2;
  color: #fff;
}

.stepsCards {
  margin-bottom: 5rem;
}

.registerStepCards {
  display: flex;
  align-items: center;
  flex-wrap: 1;
}
.registerStepCards .stepCardStep {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2rem;
  margin-left: 1.5rem;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .registerStepCards .stepCardStep {
    min-width: 10rem;
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  .registerStepCards .stepCardStep {
    min-width: 12rem;
  }
}
@media (max-width: 767.98px) {
  .registerStepCards .stepCardStep {
    height: 3.25rem;
    line-height: 3.25rem;
  }
}
.registerStepCards .stepCardTitle {
  margin-left: 1.5rem;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .registerStepCards .stepCardTitle {
    min-width: 10rem;
  }
}
@media (min-width: 992px) {
  .registerStepCards .stepCardTitle {
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .registerStepCards .stepCardTitle {
    height: 3.25rem;
    line-height: 2rem;
    font-size: 1rem;
    display: none;
  }
}
.registerStepCards .stepCardNote {
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .registerStepCards .stepCardNote {
    max-width: 50%;
    height: 100%;
  }
}
.registerStepCards .stepCardNote p {
  margin: 0;
}
.registerStepCards .stepSkip3 {
  margin-left: auto;
  margin-right: 1rem;
}
.registerStepCards .stepSkip3 ~ .stepCardControl {
  margin-left: 0;
}
.registerStepCards .stepCardNote, .registerStepCards .stepSkip3 {
  flex-shrink: 0;
  flex-grow: 0;
}
@media (max-width: 991.98px) {
  .registerStepCards .stepCardNote, .registerStepCards .stepSkip3 {
    width: 100%;
    text-align: left;
    height: 2rem;
    line-height: 2rem;
    margin-left: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .registerStepCards .stepCardNote, .registerStepCards .stepSkip3 {
    width: 100%;
    text-align: left;
    height: 2rem;
    line-height: 2rem;
    padding-left: 5rem;
  }
}
@media (min-width: 1200px) {
  .registerStepCards .stepCardNote, .registerStepCards .stepSkip3 {
    margin-left: 1.5rem;
  }
}
.registerStepCards .stepCardNote span, .registerStepCards .stepSkip3 span {
  font-weight: bold;
}
.registerStepCards .stepCardNote span.noteSubtext, .registerStepCards .stepSkip3 span.noteSubtext {
  font-size: 0.9rem;
  color: #495057;
  font-weight: lighter;
}
.registerStepCards .stepCardNote span.selection, .registerStepCards .stepSkip3 span.selection {
  font-weight: bold;
}
.registerStepCards .stepCardControl {
  margin-left: auto;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .registerStepCards .stepCardControl {
    line-height: 6.5rem;
    width: 4.2rem;
  }
}
@media (max-width: 991.98px) {
  .registerStepCards .stepCardControl {
    padding-right: 0.1rem;
  }
}
@media (min-width: 992px) {
  .registerStepCards .stepCardControl {
    padding-right: 2rem;
  }
}

.stepsAllgo {
  display: flex;
  margin-bottom: 5rem;
  margin-left: 5%;
  margin-right: 5%;
  justify-content: flex-end;
}

.certUpField02 {
  display: none;
}

.certPkControls {
  width: 5.2rem;
}

.createdOn, .certState {
  display: none;
}

.zipcode {
  display: none !important;
}

.certListTable {
  width: 95%;
  margin-left: 2.5%;
}
.certListTable table th {
  border-top: none;
  border-bottom: 4px solid #dee2e6;
}
.certListTable table td {
  vertical-align: middle;
  border-top: 2px solid #dee2e6;
}

.certReview {
  padding: 1rem;
  clear: both;
  overflow: hidden;
  margin-top: 2vh;
  margin-bottom: 2rem;
}

.certReviewForm {
  width: 100%;
}

#certFormSubmit #certJustSave {
  margin-left: auto;
  margin-right: 1rem;
}

.certReviewControls {
  margin-top: 3vh;
}
.certReviewControls #certReject {
  margin-left: auto;
  margin-right: 1rem;
}

.certRejectWrapper {
  width: 80%;
  display: flex;
  flex-direction: column;
}
.certRejectWrapper textarea {
  resize: vertical;
}

.activationMessage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.activationMessage h4 {
  margin-top: 5rem;
}
.activationMessage p {
  margin-top: 3rem;
  text-align: center;
}
.activationMessage div {
  margin-top: 4rem;
}

.registerMessage {
  height: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
}
.registerMessage p {
  margin-bottom: 3rem;
}

.submitResetPw, .submitContact {
  display: flex;
  justify-content: space-between;
}

.radioTabs#is_ec {
  margin: 0;
}
.radioTabs#is_ec label {
  margin: 0;
}

.uploaded {
  font-weight: bold;
  color: #28a745;
}

div.blockedMessage {
  display: none;
}

.typeSelectionCards {
  align-items: center;
  height: 12rem;
}
.typeSelectionCards:first-of-type {
  margin-top: 3rem;
}
.typeSelectionCards:last-of-type {
  margin-bottom: 3rem;
}
.typeSelectionCards.notPublic {
  border-color: #2BC4C2;
}
.typeSelectionCards.notPublic .listCardTags {
  background-color: #2BC4C2;
}
.typeSelectionCards.notPublic .header {
  color: #2BC4C2;
}
.typeSelectionCards.public {
  border-color: #01A1DD;
}
.typeSelectionCards.public .listCardTags {
  background-color: #01A1DD;
}
.typeSelectionCards.public .header {
  color: #01A1DD;
}
.typeSelectionCards .descBlock {
  margin-left: 1.5rem;
}
.typeSelectionCards .descBlock .header {
  font-size: 2rem;
  font-weight: bold;
}
.typeSelectionCards .descBlock .desc {
  margin-top: 1rem;
}
.typeSelectionCards .go {
  margin-left: auto;
  margin-right: 1.5rem;
}

#typeSelectionModal .modal-dialog {
  max-width: 1100px;
  min-width: 500px;
  max-height: 500px;
}
#typeSelectionModal #typeInfoTitle {
  font-weight: bold;
  margin-right: 0.5rem;
  font-size: 1.5rem;
}
#typeSelectionModal #typeInfoTitle.group-primary {
  color: #2BC4C2;
}
#typeSelectionModal #typeInfoTitle.hahago-primary {
  color: #01A1DD;
}
#typeSelectionModal .typeInfo {
  width: 100%;
}

.passwordInput {
  position: relative;
}
.passwordInput .showPasswordToggle {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  font-size: 1.3rem;
  color: #6c757d;
}
.passwordInput .icon-show, .passwordInput .icon-not-show {
  display: none;
}
.passwordInput .icon-show.show, .passwordInput .icon-not-show.show {
  display: block;
}

.noContract {
  width: 100%;
  height: 20rem;
  display: flex;
  color: #adb5bd;
  font-size: 1.1rem;
  justify-content: center;
  align-items: center;
}

.contractNote {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #6c757d;
  font-size: 0.9rem;
}

#newsWrapper {
  margin-top: 30px;
}

.newsEvenRow {
  background: #EEE;
}

.inSiteNews {
  width: 100%;
  padding: 5px;
  border-radius: 0.5rem;
}
.inSiteNews .newsTitleWrapper {
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
}
.inSiteNews .newsTitleWrapper span {
  font-size: 1.5rem;
}
.inSiteNews .newsTitleWrapper .newsTitle {
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .inSiteNews .newsTitleWrapper .newsTitle {
    max-width: 90%;
  }
}
@media (min-width: 992px) {
  .inSiteNews .newsTitleWrapper .newsTitle {
    max-width: 70%;
  }
}
.inSiteNews .newsTitleWrapper .newsTitle a {
  color: #666;
  padding: 0 0.2rem;
  text-decoration: none;
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  transition: all 0.12s ease-in-out, padding 0.12s ease-in-out;
  background-size: 10% 200%;
  background-position: 0 0;
  border-radius: 0.2rem;
}
.inSiteNews .newsTitleWrapper .newsTitle a:hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  background-position: 0 10%;
  text-decoration: none;
}
.inSiteNews .newsTitleWrapper .newsImportant {
  margin-right: 1rem;
  border-radius: 0.5rem;
  background-color: hsl(18, 100%, 71.2%);
  color: #FFF;
  padding: 0 0.3rem;
}
.inSiteNews .newsTitleWrapper .newsImportant svg {
  display: inline-block;
}
.inSiteNews .newsTitleWrapper .newsDate {
  font-weight: bold;
  padding-left: 10px;
  color: #666;
  margin-left: auto;
}
.inSiteNews .newsTitleWrapper .newsDate span:not(.monospace) {
  font-size: 0.9rem;
}
.inSiteNews .newsTitleWrapper .newsDate span.monospace {
  font-size: 1.2rem;
  margin: 0 0.1rem;
}
.inSiteNews .newsBody {
  width: 92%;
  margin: 1rem auto;
  margin-bottom: 15px;
  background: #FFF;
  border: 2px solid #dee2e6;
  border-radius: 0.5rem;
  position: relative;
}
.inSiteNews .newsBody .newsPublishTime {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  color: hsl(0, 0%, 60%);
}
.inSiteNews .newsBody .newsBodyTitle {
  width: 100%;
  padding-top: 2.3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #dee2e6;
  color: #01A1DD;
  font-weight: bold;
}
.inSiteNews .newsBody p {
  width: 100%;
  padding: 1rem;
  margin: 0;
}
.inSiteNews .newsBody a:not(.thumbnails) {
  color: #666;
  padding: 0 0.2rem;
  text-decoration: none;
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  transition: all 0.12s ease-in-out, padding 0.12s ease-in-out;
  background-size: 10% 200%;
  background-position: 0 0;
  border-radius: 0.2rem;
}
.inSiteNews .newsBody a:not(.thumbnails):hover {
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), #80d9fa calc(50% - 8px), #80d9fa 100%);
  background-position: 0 10%;
  text-decoration: none;
}
.inSiteNews .newsBody .noNewsImgs {
  display: none;
}
.inSiteNews .newsBody .newsImgs {
  width: 98%;
  margin-left: 1%;
  overflow: hidden;
  padding: 0 0.5rem 1rem 0.5rem;
}
.inSiteNews .newsBody .newsImgs div.photosHeader {
  float: left;
  width: 100%;
  background: #eee;
  border-radius: 0.5rem;
  padding: 0.2rem 0.5rem;
  margin-bottom: 1rem;
}
.inSiteNews .newsBody .newsImgs div {
  width: 12%;
  float: left;
  margin-left: 0.25%;
  margin-right: 0.25%;
}
.inSiteNews .newsBody .newsImgs div img {
  width: 100%;
  border: 2px solid #dee2e6;
  border-radius: 5px;
}

.newsForm {
  width: 100%;
}
.newsForm .newsFormInner {
  width: 70%;
  margin-left: 15%;
  margin-top: 2vh;
  margin-bottom: 2vh;
  min-height: 50vh;
}
.newsForm .newsFormInner #cke_body {
  border-radius: 0.5rem;
  border: 2px solid #ced4da;
  overflow: hidden;
}

.removeField {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 0;
  top: 0.7rem;
  color: hsl(351, 76.6%, 61.4%) !important;
  border-radius: 1rem;
  background: #fff;
  box-sizing: border-box;
  z-index: 3;
}

.newsCard .card-body, .notifCard .card-body {
  height: 50vh;
  min-height: 50vh;
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #fff;
}
.newsCard.admin .card-body, .notifCard.admin .card-body {
  height: 60vh;
  min-height: 60vh;
  max-height: 60vh;
}
.newsCard .nothingHere, .notifCard .nothingHere {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6c757d;
  font-size: 0.9rem;
  background-image: url("../image/empty.svg");
  background-repeat: no-repeat;
  background-size: 5rem 5rem;
  background-position: center center;
}

.notifCard .card-body {
  padding-bottom: 2.2rem;
}

.newsRowsWrapper {
  margin-bottom: 0.3rem;
  padding: 0.3rem 0;
}
.newsRowsWrapper .newsTitle {
  display: flex;
  width: 100%;
}
.newsRowsWrapper .newsTitle .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  color: #ced4da;
  font-size: 2rem;
  flex-shrink: 0;
}
.newsRowsWrapper .newsTitle .icon.important {
  color: #ffc107;
}
.newsRowsWrapper .newsTitle .titleDate {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-left: 0.3rem;
  min-width: 0;
}
.newsRowsWrapper .newsTitle .titleDate .date {
  font-size: 0.9rem;
  color: #adb5bd;
}
.newsRowsWrapper .newsTitle .titleDate .title {
  font-size: 1.1rem;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 0.5rem;
}
.newsRowsWrapper .newsTitle .titleDate .title a {
  color: #6c757d;
}
.newsRowsWrapper .newsBodyInner {
  width: calc(100% - 1rem);
  padding: 0.5rem;
  margin: 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid #dee2e6;
}
.newsRowsWrapper .newsBodyInner .newsBodyText {
  margin-top: 0.3rem;
}
.newsRowsWrapper .newsBodyInner .photosHeader {
  color: #adb5bd;
  font-size: 0.8rem;
  margin-bottom: 0.3rem;
  margin-top: 0.5rem;
}
.newsRowsWrapper .newsBodyInner .newsImgs {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.newsRowsWrapper .newsBodyInner .newsImgs .newsImg {
  margin: 0.15rem;
  width: calc(12.5% - 0.3rem);
  box-sizing: border-box;
  border: 2px solid #dee2e6;
  border-radius: 0.3rem;
  overflow: hidden;
}
.newsRowsWrapper .newsBodyInner .newsImgs .newsImg a {
  width: 100%;
}
.newsRowsWrapper .newsBodyInner .newsImgs .newsImg a img {
  width: 100%;
}

.notifRowsWrapper {
  margin-bottom: 0.3rem;
  padding: 0.3rem 0;
}
.notifRowsWrapper .notifTitle {
  display: flex;
  width: 100%;
}
.notifRowsWrapper .notifTitle .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  color: #ced4da;
  font-size: 2rem;
  flex-shrink: 0;
}
.notifRowsWrapper .notifTitle .icon.unread {
  color: hsl(18, 100%, 71.2%);
}
.notifRowsWrapper .notifTitle .titleDate {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-left: 0.3rem;
  min-width: 0;
}
.notifRowsWrapper .notifTitle .titleDate .date {
  font-size: 0.9rem;
  color: #adb5bd;
}
.notifRowsWrapper .notifTitle .titleDate .title {
  font-size: 1.1rem;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 0.5rem;
}
.notifRowsWrapper .notifTitle .titleDate .title a {
  color: #6c757d;
}
.notifRowsWrapper .notifBodyInner {
  width: calc(100% - 1rem);
  padding: 0.5rem;
  margin: 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid #dee2e6;
}
.notifRowsWrapper .notifBodyInner .notifBodyText {
  margin-top: 0.3rem;
}
.notifRowsWrapper .notifBodyInner .notifBodyLink {
  width: 100%;
  text-align: center;
  margin-top: 0.5rem;
}

.narration {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-left: 5%;
  margin-top: 0.8rem;
  margin-bottom: 1.5vh;
  padding-left: 1.2vw;
  padding-right: 1.2vw;
}

.hideThis {
  width: 90%;
  margin-left: 5%;
  margin-top: 0.8rem;
  margin-bottom: 2vh;
  display: flex;
  justify-content: flex-end;
}

.shareGroup {
  width: 90%;
  margin-left: 5%;
  margin-top: 0.8rem;
  margin-bottom: 2vh;
}
.shareGroup .shareThis {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.indexStepCards {
  height: 6rem;
  align-items: center;
  color: hsl(0, 0%, 27%);
}
.indexStepCards:last-of-type {
  margin-bottom: 1rem;
}
.indexStepCards.rejected {
  border-color: hsl(351, 76.6%, 61.4%);
  color: hsl(351, 76.6%, 61.4%);
}
.indexStepCards.rejected .listCardTags {
  background-color: hsl(351, 76.6%, 61.4%);
  color: #fff;
}
.indexStepCards.pending {
  border-color: hsl(19, 85%, 70%);
  color: hsl(19, 85%, 70%);
}
.indexStepCards.pending .listCardTags {
  background-color: hsl(19, 85%, 70%);
  color: #fff;
}
.indexStepCards.waiting {
  border-color: #2BC4C2;
  color: #2BC4C2;
}
.indexStepCards.waiting .listCardTags {
  background-color: #2BC4C2;
  color: #fff;
}
.indexStepCards.done {
  border-color: #2BC4C2;
  color: #2BC4C2;
}
.indexStepCards.done .listCardTags {
  background-color: #2BC4C2;
  color: #fff;
}
.indexStepCards .listCardTags {
  background-color: #dee2e6;
  color: hsl(0, 0%, 27%);
}
.indexStepCards .stepCardTitle {
  margin-left: 1.2rem;
  font-size: 1.3rem;
}
.indexStepCards .stepCardNote {
  margin-left: 1.2rem;
}
.indexStepCards .stepCardNote p {
  margin: 0;
}
.indexStepCards .stepCardStep {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2rem;
  min-width: 12rem;
  margin-left: 1.2rem;
}
.indexStepCards .stepCardControl {
  margin-left: auto;
  margin-right: 2rem;
}

#widgetRow .indexReminder .card .card-body {
  padding: 1.25rem;
}
#widgetRow .widgetCard {
  padding-left: 1rem;
}
#widgetRow .widgetCard .header {
  font-weight: bold;
  font-size: 1.1rem;
  display: flex;
}
#widgetRow .widgetCard .header .info {
  margin-left: 0.5rem;
  color: hsl(18, 100%, 71.2%);
}
#widgetRow .widgetCard .num {
  padding-left: 0.5rem;
  color: #6c757d;
  font-weight: bold;
  font-size: 1.3rem;
}
#widgetRow .widgetCard .num.crm {
  color: #FF6007;
}

.indexReminder .card .card-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.25rem;
}

.indexReminderMain {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.indexReminderMain .indexDaysReminder {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.indexReminderMain .indexDaysReminder .days {
  font-size: 1.5rem;
}
.indexReminderMain .indexDaysReminder .dates {
  margin-left: 1rem;
}
.indexReminderMain .indexDaysReminder .dates span:nth-child(2) {
  padding: 0.1rem 0.4rem;
  border-radius: 0.4rem;
}
.indexReminderMain .indexDaysWarning {
  display: flex;
  color: hsl(18, 100%, 71.2%);
  align-items: center;
  margin-top: 0.5rem;
}
.indexReminderMain .indexDaysWarning .warningText {
  margin-left: 0.5rem;
}
.indexReminderMain .indexDaysWarning .warningText .endDt {
  font-size: 1.2rem;
}

.indexReminderAction {
  margin-left: auto;
  margin-right: 0.5rem;
}

.contractCard .card-body {
  display: flex;
  align-items: center;
}
.contractCard .left {
  display: flex;
  flex-direction: column;
}
.contractCard .left .daysLeft {
  font-weight: bold;
  font-size: 1.2rem;
}
.contractCard .left .daysLeft span {
  margin-left: 0.5rem;
  font-weight: normal;
  font-size: 1rem;
}
.contractCard .left .warning {
  color: #dc3545;
  display: none;
  margin-right: 0.5rem;
  align-items: center;
}
.contractCard .left .warning.show {
  display: flex;
}
.contractCard .left .warning span {
  margin-left: 0.5rem;
}
.contractCard .right {
  flex-shrink: 0;
  margin-left: auto;
}

.transLogLookup {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2097F6;
  margin-bottom: 1rem;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  border-top-left-radius: 1.5rem;
}
.transLogLookup .form-group {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-shrink: 1;
}
.transLogLookup .form-group label {
  flex-shrink: 0;
  color: #fff;
  margin-right: 1rem;
}
.transLogLookup #lookup {
  margin-left: 1rem;
  flex-grow: 1;
  flex-shrink: 0;
}

.dashboardTopRow, .headRow > div.gift {
  display: flex;
  align-items: center;
  font-size: 1.1rem !important;
  font-weight: bold;
}
.dashboardTopRow a, .headRow > div.gift a {
  font-weight: normal;
}
.dashboardTopRow .divider, .headRow > div.gift .divider {
  height: 0.8rem;
  width: 1px;
  border-left: 1px solid #adb5bd;
  margin: 0 1rem;
}

.dashboardTopRow {
  margin-bottom: 1rem;
}

.dashboardMidRow {
  display: grid;
  grid-template-rows: repeat(1, 9rem);
  grid-template-columns: repeat(20, 1fr);
}
.dashboardMidRow.schedule {
  grid-template-rows: repeat(2, 9rem);
}
.dashboardMidRow .header {
  color: #6c757d;
  font-size: 1rem;
  height: 40%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.1rem;
}
.dashboardMidRow .num {
  font-size: 1.8rem;
  font-weight: bold;
}
.dashboardMidRow .num.crm {
  color: #FF6007;
}
.dashboardMidRow .total {
  grid-column-start: 1;
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
}
.dashboardMidRow .totalSplit {
  grid-column-end: span 2;
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
}
.dashboardMidRow .midRowBlock {
  margin: 0.5rem;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  position: relative;
}
.dashboardMidRow .midRowBlock.c-4 {
  grid-column-end: span 4;
}
.dashboardMidRow .midRowBlock.c-5 {
  grid-column-end: span 5;
}
.dashboardMidRow .midRowBlock.c-12 {
  grid-column-end: span 12;
}
.dashboardMidRow .midRowBlock .info {
  margin-left: 0.5rem;
  color: hsl(18, 100%, 71.2%);
}
.dashboardMidRow .midRowBlock .download {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.dashboardBottomRow {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
.dashboardBottomRow.asTop {
  margin-top: 0;
}
.dashboardBottomRow .headRow {
  display: flex;
  align-items: center;
}
.dashboardBottomRow .headRow > div:nth-child(1) {
  font-size: 1.2rem;
}
.dashboardBottomRow .headRow > div:nth-child(2) {
  margin-left: auto;
}
.dashboardBottomRow .headRow .form-group {
  flex-basis: 40%;
  margin: 0;
  padding-right: 0;
}

.omoChartBlocks {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
}
.omoChartBlocks.center {
  justify-content: center;
}
.omoChartBlocks.vertical {
  flex-direction: column;
  align-items: center;
}

.echartBlocks {
  height: 450px;
}
.echartBlocks#comparisonChart {
  height: 500px;
}

.reportListDate {
  border-radius: 0.5rem;
  border-top-left-radius: 1.5rem;
  display: flex;
  align-items: center;
  background-color: #fff;
  margin-bottom: 1rem;
  padding: 0.5rem 1.25rem;
}
.reportListDate .dashboardTopRow {
  margin-bottom: 0;
  font-weight: normal;
}
.reportListDate > div:nth-child(1) {
  font-weight: bold;
}
.reportListDate > div:nth-child(2) {
  font-weight: bold;
  margin-left: auto;
}
.reportListDate .form-group {
  flex-basis: 40%;
  margin: 0;
  padding-right: 0;
}

.noData {
  color: #adb5bd;
  font-size: 1.5rem;
  font-weight: bold;
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reportLinks {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  padding: 0 0 4rem 0;
}
.reportLinks .rlRow {
  width: 70%;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  justify-content: space-between;
  border-bottom: 2px solid #dee2e6;
}
.reportLinks .rlCate {
  width: 70%;
  font-weight: bold;
  font-size: 1.2rem;
  margin-top: 2rem;
}

.evenWidgetRow {
  display: flex;
  justify-content: space-evenly;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  gap: 0.5rem;
}
.evenWidgetRow .evenCard {
  flex: 1;
  border-top-left-radius: 0.5rem;
}
.evenWidgetRow .evenBorderCard {
  flex: 1;
}
.evenWidgetRow .evenBorderCard .row {
  justify-content: space-between;
}
.evenWidgetRow .evenBorderCard .widgetCardValue {
  font-size: 1rem;
  display: flex;
  align-items: center;
}

.reportSchInfoRow {
  display: flex;
  align-items: center;
}
.reportSchInfoRow .rsirPhotos img {
  height: 9rem;
  border-radius: 0.5rem;
  border: 2px solid #dee2e6;
}
.reportSchInfoRow .rsirItemInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  flex-shrink: 0;
}
.reportSchInfoRow .rsirItemInfo:last-child {
  flex-shrink: 1;
}
.reportSchInfoRow .rsirItemInfo.bdl {
  border-left: 2px solid #dee2e6;
}
.reportSchInfoRow .rsirItemInfo .hd {
  font-size: 0.9rem;
  color: #adb5bd;
}
.reportSchInfoRow .rsirItemInfo .vl {
  font-size: 1.1rem;
}
.reportSchInfoRow .rsirItemInfo .vl .op {
  margin-left: 0.5rem;
  color: #6c757d;
  text-decoration: line-through;
  font-size: 0.8rem;
}

.orderState {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  background-color: #EEEEEE;
  font-size: 0.9rem;
}

.os-1 {
  background-color: #EEEEEE;
}

.os-2 {
  background-color: #EEEEEE;
}

.os-3 {
  background-color: #EEEEEE;
}

.os-4 {
  background-color: #28a745;
  color: #fff;
}

.os-5 {
  background-color: #FF961B;
  color: #fff;
}

.os-6 {
  background-color: #EEEEEE;
  color: #fff;
}

.os-7 {
  background-color: #dc3545;
  color: #fff;
}

.os-8 {
  background-color: #EEEEEE;
}

.os-9 {
  background-color: #EEEEEE;
}

.os-10 {
  background-color: #DC1C62;
  color: #fff;
}

.os-11 {
  background-color: #EEEEEE;
}

.os-12 {
  background-color: #EEEEEE;
}

.os-13 {
  background-color: #28a745;
  color: #fff;
}

.os-14 {
  background-color: #28a745;
  color: #fff;
}

.dataCenterHead {
  display: flex;
  flex-direction: column;
}

.top10info {
  margin: 0 0 1rem 0;
  color: #6c757d;
  font-size: 0.9rem;
}

.top10Split {
  display: flex;
}
.top10Split .lft {
  flex-basis: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  margin-right: 1rem;
  border-right: 1px solid #adb5bd;
}
.top10Split .lft .t10name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.top10Split .lft .t10name span:nth-child(1) {
  width: 2.8rem;
  color: #495057;
  font-size: 0.9rem;
}
.top10Split .lft .t10name span:nth-child(2) {
  height: 1px;
  width: 1rem;
  border-top: 1px dotted #adb5bd;
}
.top10Split .lft .t10name span:nth-child(3) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex-grow: 1;
}
.top10Split .rt {
  flex-basis: 70%;
}

.selectMenuSize {
  padding: 0 0.75rem;
  margin-bottom: 1rem;
}
.selectMenuSize .selectSizeHeader {
  margin-bottom: 0.5rem;
}
.selectMenuSize .selectSizeOptions {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
.selectMenuSize .selectSizeOptionsBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.selectMenuSize .selectSizeOptionsBlock .example {
  background-color: #e9ecef;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
}
.selectMenuSize .selectSizeOptionsBlock .example.compact {
  width: 200px;
  height: 68px;
}
.selectMenuSize .selectSizeOptionsBlock .example.large {
  width: 200px;
  height: 135px;
}

.selectMenuLayout {
  padding: 0 0.75rem;
  margin-bottom: 1rem;
}
.selectMenuLayout .selectLayoutHeader {
  margin-bottom: 0.2rem;
}
.selectMenuLayout .helperText {
  margin-bottom: 0.5rem;
}
.selectMenuLayout .selectLayoutOptions {
  display: flex;
  justify-content: flex-start;
}
.selectMenuLayout .selectLayoutOption {
  display: none;
  flex-direction: column;
  align-items: center;
  width: 25%;
}
.selectMenuLayout .selectLayoutOption.showOption {
  display: flex;
}
.selectMenuLayout .selectLayoutOption.compactMenu .selectLayoutOptionsBlock {
  grid-template-rows: 2.529rem;
}
.selectMenuLayout .selectLayoutOption.largeMenu .selectLayoutOptionsBlock {
  grid-template-rows: repeat(2, 2.529rem);
}
.selectMenuLayout .selectLayoutOptionsBlock {
  border-radius: 0.3rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  width: 7.488rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  gap: 2px;
}
.selectMenuLayout .selectLayoutOptionsBlock > div {
  background-color: #e9ecef;
  color: #6c757d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selectMenuLayout .selectLayoutOptionsBlock > div.activeBlock {
  background-color: #01b2f4;
  color: #fff;
}

.scheduleNameData {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 3rem);
  border-radius: 0.5rem;
  border: 2px solid #dee2e6;
  margin-bottom: 1rem;
  padding: 1rem;
}
.scheduleNameData .scheduleNameDataLabel {
  grid-column-start: 1;
  grid-column-end: span 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 1rem;
}
.scheduleNameData .scheduleNameDataField {
  grid-column-start: 3;
  grid-column-end: span 3;
  display: flex;
  align-items: center;
  position: relative;
}
.scheduleNameData .scheduleNameDataField .alertText {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.scheduleNameData .scheduleNameDataUnit {
  grid-column-start: 6;
  grid-column-end: span 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1rem;
}
.scheduleNameData .displayScheduleName, .scheduleNameData .displayDiscount, .scheduleNameData .displayDiscountDiff {
  grid-column-start: 1;
  grid-column-end: span 6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.scheduleNameData .displayScheduleName > span:not(.res), .scheduleNameData .displayDiscount > span:not(.res), .scheduleNameData .displayDiscountDiff > span:not(.res) {
  color: #FF6007;
  font-weight: bold;
}
.scheduleNameData .displayScheduleName .res, .scheduleNameData .displayDiscount .res, .scheduleNameData .displayDiscountDiff .res {
  font-weight: bold;
  font-size: 1.2rem;
}

.layout-4w2h-2w1h_2w1h div:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: span 4;
  grid-row-start: 1;
  grid-row-end: span 2;
}
.layout-4w2h-2w1h_2w1h div:nth-child(2) {
  grid-column-start: 5;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.layout-4w2h-2w1h_2w1h div:nth-child(3) {
  grid-column-start: 5;
  grid-column-end: span 2;
  grid-row-start: 2;
  grid-row-end: span 1;
}

.layout-6w1h_2w1h-2w1h-2w1h div:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: span 6;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.layout-6w1h_2w1h-2w1h-2w1h div:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.layout-6w1h_2w1h-2w1h-2w1h div:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.layout-6w1h_2w1h-2w1h-2w1h div:nth-child(4) {
  grid-column-start: 5;
  grid-column-end: span 2;
  grid-row-start: 2;
  grid-row-end: span 1;
}

.layout-3w1h-3w1h_3w1h-3w1h div:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: span 3;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.layout-3w1h-3w1h_3w1h-3w1h div:nth-child(2) {
  grid-column-start: 4;
  grid-column-end: span 3;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.layout-3w1h-3w1h_3w1h-3w1h div:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: span 3;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.layout-3w1h-3w1h_3w1h-3w1h div:nth-child(4) {
  grid-column-start: 4;
  grid-column-end: span 3;
  grid-row-start: 2;
  grid-row-end: span 1;
}

.layout-2w1h-2w1h-2w1h_2w1h-2w1h-2w1h div:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.layout-2w1h-2w1h-2w1h_2w1h-2w1h-2w1h div:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.layout-2w1h-2w1h-2w1h_2w1h-2w1h-2w1h div:nth-child(3) {
  grid-column-start: 5;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.layout-2w1h-2w1h-2w1h_2w1h-2w1h-2w1h div:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.layout-2w1h-2w1h-2w1h_2w1h-2w1h-2w1h div:nth-child(5) {
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.layout-2w1h-2w1h-2w1h_2w1h-2w1h-2w1h div:nth-child(6) {
  grid-column-start: 5;
  grid-column-end: span 2;
  grid-row-start: 2;
  grid-row-end: span 1;
}

.layout-2w1h-2w1h-2w1h div:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.layout-2w1h-2w1h-2w1h div:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.layout-2w1h-2w1h-2w1h div:nth-child(3) {
  grid-column-start: 5;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 1;
}

.editMenuAreaActionOuter {
  position: relative;
}
.editMenuAreaActionOuter .loadingOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
  justify-content: center;
  align-items: center;
}
.editMenuAreaActionOuter.loading .loadingOverlay {
  display: flex;
}
.editMenuAreaActionOuter.loading .editMenuAreaAction {
  filter: blur(5px);
}

.editMenuAreaAction {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
  transition: 0.2s all linear;
}
.editMenuAreaAction #editingAreaIndex {
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  background-color: #01b2f4;
  color: #fff;
}
.editMenuAreaAction #editingAreaIndex span {
  display: inline-block;
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.1rem 0.7rem;
  color: #01b2f4;
  font-weight: bold;
  font-size: 1.2rem;
}

.editCarousel {
  width: 100%;
  background-color: #f8f9fa;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding: 1rem 0 0.5rem 0;
  align-items: center;
}
.editCarousel .editCarouselInner {
  display: flex;
}
.editCarousel #addCarouselBlock {
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  background-color: #fff;
  flex-shrink: 0;
  margin-left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-right: 1rem;
  position: relative;
  transition: position 0.5s linear;
}
.editCarousel #addCarouselBlock:hover {
  top: -2px;
}
.editCarousel #addCarouselBlock:active {
  top: 0;
}
.editCarousel .carouselEditBlock {
  flex-shrink: 0;
  width: 9rem;
  background-color: #fff;
  border-radius: 0.8rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-left: 1rem;
  box-sizing: border-box;
  position: relative;
  transition: position 0.5s linear;
}
.editCarousel .carouselEditBlock:hover {
  top: -2px;
}
.editCarousel .carouselEditBlock a {
  font-size: 0.9rem;
}
.editCarousel .carouselEditBlock.active {
  border: 4px solid #01b2f4;
}
.editCarousel .carouselEditBlock.active .carouselImgBlock {
  height: calc(7rem - 4px);
  border-top-right-radius: calc(0.8rem - 4px);
  border-top-left-radius: calc(0.8rem - 4px);
}
.editCarousel .carouselEditBlock.active .carouselDataEditInner {
  padding-left: calc(0.5rem - 4px);
  padding-right: calc(0.5rem - 4px);
}
.editCarousel .carouselEditBlock.active .carouselNum {
  background-color: #01b2f4;
  color: #fff;
  top: calc(0.5rem - 4px);
  left: calc(0.5rem - 4px);
}
.editCarousel .carouselEditBlock.active .deleteCarousel {
  top: calc(-0.3rem - 4px);
  right: calc(-0.3rem - 4px);
}
.editCarousel .carouselEditBlock .deleteCarousel {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.9rem;
  background-color: #f8f9fa;
  color: #6c757d;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.editCarousel .carouselEditBlock .deleteCarousel.active {
  background-color: hsl(351, 76.6%, 61.4%);
  color: #fff;
}
.editCarousel .carouselEditBlock .carouselNum {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f9fa;
  color: #6c757d;
  height: 2rem;
  width: 2rem;
  border-radius: 1rem;
}
.editCarousel .carouselEditBlock:first-child {
  margin-left: 1.2rem;
}
.editCarousel .carouselEditBlock .carouselImgBlock {
  height: 7rem;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
}
.editCarousel .carouselEditBlock .carouselDataEditInner {
  padding: 0.5rem;
}
.editCarousel .carouselEditBlock .carouselEditPrice {
  text-align: right;
}
.editCarousel .carouselEditBlock .carouselEditRedirect {
  text-align: center;
}

.carouselEditFieldBlock {
  background-color: #f8f9fa;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

.listScheduleName {
  display: flex;
  flex-direction: column;
  padding: 1rem 0.75rem 1rem 0.75rem;
}
.listScheduleName .scheduleNameDate {
  width: 100%;
  display: flex;
  padding: 0.3rem;
}
.listScheduleName .scheduleNameDate:nth-child(odd):not(.header) {
  background-color: #F6F6F6;
}
.listScheduleName .scheduleNameDate.header {
  font-weight: bold;
  padding-bottom: 0.3rem;
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 0.3rem;
}
.listScheduleName .scheduleNameDate > div:last-child {
  margin-left: auto;
  width: 30%;
}

.appAccountBlock {
  display: flex;
  flex-direction: column;
  border: 2px solid #dee2e6;
  width: 95%;
  padding: 1.5rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  margin-left: 2.5%;
}
.appAccountBlock .title {
  border-bottom: 2px solid #dee2e6;
  padding: 0.8rem 0;
}
.appAccountBlock .title .show {
  font-size: 1.3rem;
  font-weight: bold;
}
.appAccountBlock .head {
  font-weight: bold;
  color: #6c757d;
  font-size: 0.9rem;
  width: 5rem;
}
.appAccountBlock .info {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.appAccountBlock .info .show {
  font-size: 1.1rem;
}
.appAccountBlock .blockRow {
  display: flex;
  justify-content: space-evenly;
  padding: 0.8rem 0;
  border-bottom: 2px solid #dee2e6;
}
.appAccountBlock .blockRow:last-child {
  border-bottom: none;
}
.appAccountBlock .blockRow .form-group {
  margin: 0;
  flex-grow: 1;
}
.appAccountBlock .blockRow > div {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.appAccountBlock .blockRow > div:not(:first-child) {
  margin-left: 1rem;
}
.appAccountBlock .blockRow > div .head {
  margin-right: 1rem;
}
.appAccountBlock .blockRow > div .head .info {
  color: hsl(18, 100%, 71.2%);
  display: flex;
  align-items: center;
}
.appAccountBlock .blockRow .show {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.appAccountBlock .blockRow .pRow {
  flex-basis: 100%;
}
.appAccountBlock .blockRow .pRow:not(:last-child) {
  margin-bottom: 1rem;
}
.appAccountBlock .blockRow .pRow .header {
  margin-bottom: 0.5rem;
  font-size: 0.7rem;
  color: #6c757d;
}
.appAccountBlock .blockRow .pRow .pRowInner {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.appAccountBlock .blockRow .pBlock {
  display: flex;
  align-items: center;
}
.appAccountBlock .blockRow .pBlock .customCheck {
  margin-right: 0.5rem;
}
.appAccountBlock .blockRow .pBlock.warning {
  color: hsl(18, 100%, 71.2%);
}
.appAccountBlock .blockRow .pBlock.warning [data-fa-i2svg] {
  margin-right: 0.5rem;
}

.addAccBlock {
  width: 100%;
  display: flex;
  margin-bottom: 2rem;
}
.addAccBlock #addAccount {
  margin-left: auto;
  margin-right: 0.5rem;
}
.addAccBlock .formNote {
  margin: 0;
}
.addAccBlock button {
  flex-shrink: 0;
}

.noSubStoreUsers {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.3rem;
  color: #6c757d;
  padding: 5rem 0;
}

.blockHeader {
  margin-bottom: 0.2rem;
  margin-left: 0.75rem;
}

.currentContract {
  padding: 0.5rem;
  margin: 0 0.75rem 1rem 0.75rem;
  display: flex;
  flex-direction: column;
  background-color: #f8f9fa;
  border-radius: 0.5rem;
}
.currentContract .nocontract {
  height: 10rem;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.currentContract .currentContractRow {
  display: flex;
  padding: 0.5rem;
  margin: 0 0.5rem;
}
.currentContract .currentContractRow .head {
  margin-bottom: 0.5rem;
}
.currentContract .currentContractRow:not(:last-child) {
  border-bottom: 2px solid #dee2e6;
}
.currentContract .currentContractRow .label {
  width: 10rem;
  font-weight: bold;
}

.contractUpdatePrice {
  padding: 0.5rem;
  margin: 0 0.75rem 1rem 0.75rem;
  flex-direction: column;
  background-color: #f8f9fa;
  border-radius: 0.5rem;
}
.contractUpdatePrice .contractUpdatePriceHelper {
  color: hsl(18, 100%, 71.2%);
  font-size: 0.9rem;
  margin: 0 0.5rem;
  padding: 0 0.5rem;
}
.contractUpdatePrice .contractUpdatePriceRow {
  display: flex;
  padding: 0.5rem;
  margin: 0 0.5rem;
}
.contractUpdatePrice .contractUpdatePriceRow#diff, .contractUpdatePrice .contractUpdatePriceRow#price {
  padding-bottom: 0;
}
.contractUpdatePrice .contractUpdatePriceRow#tax, .contractUpdatePrice .contractUpdatePriceRow#discountPriceTax {
  border-bottom: 2px solid #dee2e6;
}
.contractUpdatePrice .contractUpdatePriceRow .label {
  width: 10rem;
  font-weight: bold;
}

.d {
  width: 80%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #6c757d;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-left: 10%;
}
.d > div:first-child, .d > div:last-child {
  width: 40vw;
  flex-shrink: 1;
  border-bottom: 2px solid #dee2e6;
}
.d > div:nth-child(2) {
  flex-shrink: 0;
  margin: 0 1rem;
}

.addStoreDates {
  display: flex;
  align-items: center;
}

.subStoreCount {
  margin-bottom: 0.5rem;
  padding: 0.75rem;
}

.showCloseStoreWarning {
  margin: 1rem;
  padding: 1rem;
  background-color: #f8f9fa;
  font-size: 2rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.showCloseStoreWarning span {
  color: #FF6007;
  font-weight: bold;
}

.editFieldBlocks {
  padding-bottom: 0.5rem;
}

.david {
  width: 80%;
  margin-left: 10%;
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 1rem;
}

.editFieldBlock {
  width: 100%;
  height: 8rem;
  border: 2px solid #FF6007;
  border-radius: 1rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
  display: flex;
  overflow: hidden;
}
.editFieldBlock .orderTag {
  height: 100%;
  background-color: #FF6007;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-right: 1rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.editFieldBlock .controls {
  flex-shrink: 0;
}
.editFieldBlock .fieldInfos {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-grow: 0;
  overflow: hidden;
}
.editFieldBlock .fieldInfos .required {
  color: #dc3545;
  font-size: 0.9rem;
}
.editFieldBlock .fieldInfos .required.not {
  display: none;
}
.editFieldBlock .fieldInfos .required.isRequiredFalse {
  display: none;
}
.editFieldBlock .fieldInfos.fieldMode-0 .choices {
  display: none;
}
.editFieldBlock .fieldInfos.fieldMode-1 .hint, .editFieldBlock .fieldInfos.fieldMode-2 .hint {
  display: none;
}
.editFieldBlock .fieldInfos .choices {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.editFieldBlock .fieldInfos .choices span {
  background-color: #e9ecef;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  margin-right: 0.2rem;
}
.editFieldBlock .controls {
  margin-left: auto;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.editFieldBlock .controls button:first-child {
  margin-right: 0.3rem;
}

.barcodeRowHeader {
  margin: 0 1rem;
  font-weight: bold;
  color: #495057;
  font-size: 1.3rem;
}

.barcodeRow {
  display: flex;
  margin: 2rem 1rem;
}
.barcodeRow .barcode {
  flex-shrink: 0;
}
.barcodeRow .barcode img {
  width: 500px;
  height: 500px;
}
.barcodeRow .info {
  flex-grow: 1;
}
.barcodeRow .link {
  margin: 0.5rem;
  padding: 0.5rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.barcodeRow .link div:first-child {
  color: #adb5bd;
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.barcodeRow .link div {
  font-weight: bold;
  font-size: 1.2rem;
}
.barcodeRow .buttons {
  margin: 0.5rem;
}

.eventName {
  font-weight: bold;
  font-size: 1.5rem;
  margin: 1rem;
}

.QRInfoRow {
  margin: 1rem;
  color: hsl(18, 100%, 71.2%);
  font-size: 1.2rem;
}
.QRInfoRow span {
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}

.addFieldButton {
  margin-left: 0.5rem;
  margin-bottom: 1rem;
}

.audienceSearchHeader {
  font-weight: bold;
  margin-bottom: 1rem;
}

.audienceSearchRow {
  display: flex;
  margin-bottom: 0.5rem;
}
.audienceSearchRow.subStoreGroup, .audienceSearchRow.microCRM, .audienceSearchRow.productTags {
  flex-direction: column;
}
.audienceSearchRow.subStoreGroup .header, .audienceSearchRow.microCRM .header, .audienceSearchRow.productTags .header {
  margin-left: 0.75rem;
  margin-bottom: 0.25rem;
}
.audienceSearchRow.microCRM .header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.audienceSearchRow.microCRM .header > div {
  flex-shrink: 0;
}
.audienceSearchRow.microCRM .header > span {
  flex-shrink: 0;
}
.audienceSearchRow.inForm {
  flex-direction: column;
}
.audienceSearchRow.inForm .header {
  margin-left: 0.75rem;
  margin-bottom: 0.2rem;
}
.audienceSearchRow.inForm .tags .toSearchTags, .audienceSearchRow.inForm .toSearchTagsProduct {
  border-color: #ced4da;
}
.audienceSearchRow .header {
  width: 9rem;
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
}
.audienceSearchRow .choice {
  width: 25rem;
}
.audienceSearchRow .choice label[for=isAnd] {
  display: none;
}
.audienceSearchRow .tags {
  padding: 0 0.75rem;
  display: flex;
  flex-grow: 1;
}
.audienceSearchRow .tags .toSearchTags, .audienceSearchRow .tags .toSearchTagsProduct {
  flex-grow: 1;
  border: 2px solid #ced4da;
  border-radius: 0.5rem;
  padding: 5px;
  display: flex;
  align-items: center;
  min-height: 5rem;
  align-content: flex-start;
  flex-wrap: wrap;
}
.audienceSearchRow .tags .toSearchTags .cantAddTag, .audienceSearchRow .tags .toSearchTagsProduct .cantAddTag {
  margin-left: 5px;
  color: #6c757d;
}
.audienceSearchRow .tags .toSearchTags .placeholder, .audienceSearchRow .tags .toSearchTagsProduct .placeholder {
  color: #ced4da;
  margin-right: 5px;
}
.audienceSearchRow .tagSeparator {
  margin-right: 5px;
}

.resultsRow {
  display: flex;
  margin: 1rem 1rem;
  align-items: center;
}
.resultsRow div.controls {
  display: flex;
  gap: 1rem;
  margin-left: auto;
}
.resultsRow div.controls.top {
  width: calc(100% + 1rem);
  margin-top: 1rem;
  margin-left: -1rem;
}
.resultsRow div.controls.top button {
  margin-left: auto;
}
.resultsRow div.result {
  margin-right: 1rem;
  padding-right: 1rem;
  border-right: 2px solid #dee2e6;
}
.resultsRow .result span, .resultsRow .percentage span {
  font-weight: bold;
}

.audienceResult {
  display: none;
}
.audienceResult.show {
  display: flex;
}

#eventFieldEditFormModal .modal-dialog {
  max-width: 550px;
  width: 550px;
}
#eventFieldEditFormModal .modal-dialog .modal-content {
  border-color: #FF6007;
  overflow: hidden;
}
#eventFieldEditFormModal .modal-header {
  background-color: #FF6007;
}
#eventFieldEditFormModal .modal-header h5 {
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
}
#eventFieldEditFormModal .modal-header h5 .rankTitle {
  font-size: 1rem;
  font-weight: normal;
  margin-left: 0.5rem;
}

a.fakeCollapse:hover {
  text-decoration: none;
}
a.fakeCollapse .card-header {
  text-decoration: none;
  position: relative;
  padding: 0.75rem 3.25rem 0.75rem 1.25rem;
  border-radius: 0.25rem;
}
a.fakeCollapse .card-header::after {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 1.725rem;
  line-height: 51px;
  font-weight: 900;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  color: #ced4da;
}

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

a.selectMess:hover {
  text-decoration: none !important;
}

.selectMessageType {
  width: 100%;
  min-height: 10rem;
  display: flex;
  gap: 2rem;
  padding-left: 3rem;
  padding-right: 2rem;
  align-items: center;
}
.selectMessageType .text {
  color: #FF6007;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
}
.selectMessageType .text:hover {
  text-decoration: none;
}
.selectMessageType .text .subtitle {
  font-weight: normal;
  font-size: 1.2rem;
  color: #000;
}
.selectMessageType .caret {
  margin-left: auto;
  font-size: 2rem;
  color: #FF6007;
}

.audienceGroupInfo {
  background-color: #FFE4D6;
  display: flex;
  padding: 2rem 1rem;
  border-radius: 0.5rem;
  margin: 1rem 0.75rem;
}
.audienceGroupInfo > div {
  width: 50%;
  text-align: center;
}
.audienceGroupInfo > div span {
  font-weight: bold;
}
.audienceGroupInfo > div:first-child {
  border-right: 1px solid #000;
}

.messageContent {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.messageContent .left, .messageContent .right {
  flex-basis: 50%;
}
.messageContent .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.messageContent .left .leftInner {
  width: 100%;
}
.messageContent .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.messageContent .right img {
  max-width: 500px;
  max-height: 500px;
  border-radius: 0.5rem;
}

.leftR {
  display: flex;
  padding: 0.5rem;
}
.leftR:not(:last-child) {
  border-bottom: 2px solid #dee2e6;
}
.leftR .tags {
  display: flex;
  flex-wrap: wrap;
}
.leftR .head {
  width: 10rem;
  font-weight: bold;
}

.toList {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.minmax {
  display: flex;
}
.minmax > div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.new_register_mode-0Toggle:not(.inForm),
.new_register_mode-1Toggle:not(.inForm) {
  margin-top: 3rem;
}
.new_register_mode-0Toggle:not(.inForm) > label,
.new_register_mode-1Toggle:not(.inForm) > label {
  font-weight: bold;
  font-size: 1.2rem;
}

.new_register_mode-1Toggle {
  display: flex;
  flex-direction: column;
}
.new_register_mode-1Toggle .addGift {
  margin-left: auto;
}
.new_register_mode-1Toggle .listCards {
  margin-top: 1rem;
}

.noGift {
  width: 100%;
  height: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nrgiftNdays {
  color: #01b2f4;
}
.nrgiftNdays .ndays {
  font-size: 1.2rem !important;
  margin: 0 0.5rem 0 0.5rem;
  font-weight: bold;
}

.crmPointBlock {
  width: 100%;
  background: #FFEBE0;
  border-radius: 0.5rem;
  padding: 1rem 1rem;
  display: flex;
}
.crmPointBlock span {
  font-weight: bold;
  margin: 0 1rem;
  font-size: 1.1rem;
}

.rfmTable {
  display: none;
}
.rfmTable.show {
  display: block;
}

.rfmHelper {
  color: #FF986C;
  font-weight: bold;
  width: calc(100% - 2rem);
  margin-left: 1rem;
}

.rfmGreyBlock {
  display: flex;
  width: calc(100% - 2rem);
  margin-left: 1rem;
  background-color: #F3F3F3;
  padding: 1.2rem;
  border-radius: 1rem;
}

.rfmThreshold {
  padding-right: 2rem;
  padding-left: 2rem;
}
.rfmThreshold:not(:last-child) {
  border-right: 1px solid #dee2e6;
}

.rfmRadioBlock {
  margin: 2rem 0;
}

.rfmRadio {
  width: calc(100% - 2rem);
  margin-left: 1rem;
  display: flex;
  align-items: center;
}
.rfmRadio label {
  font-weight: bold;
  margin: 0;
  margin-left: 0.5rem;
  font-size: 1.2rem;
}
.rfmRadio input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  color: #000;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #000;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.rfmRadio input[type=radio]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #000;
}
.rfmRadio input[type=radio]:checked::before {
  transform: scale(1);
}
.rfmRadio input[type=radio]:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.formPreviewCard {
  position: sticky;
  top: 0;
}

.v2PreviewerOuter.listPreviewWrapper {
  box-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.15);
  border-radius: 50px;
}
.v2PreviewerOuter.listPreviewWrapper .phoneFrame {
  margin: 0;
}
.v2PreviewerOuter .phoneFrame {
  margin: 0 auto 2.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 342px;
  height: 720px;
  box-sizing: border-box;
  background-color: #e9ecef;
  border: 4px solid #ced4da;
  border-radius: 50px;
  position: sticky;
  top: 0;
}
.v2PreviewerOuter .phoneFrame .disclaimer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  right: -1rem;
  background-color: hsl(18, 100%, 71.2%);
  border-radius: 11px;
}
.v2PreviewerOuter .phoneFrame .disclaimer p {
  margin: 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #fff;
}
.v2PreviewerOuter .phoneFrame .switch {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: absolute;
  bottom: -2.7rem;
  padding: 0 0.5rem;
}
.v2PreviewerOuter .phoneFrame .switch button {
  flex-grow: 1;
}
.v2PreviewerOuter .phoneFrame .switch button:not(:first-child) {
  margin-left: 0.2rem;
}
.v2PreviewerOuter .phoneFrame .snapShot {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 13;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  background: #01b2f4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v2PreviewerOuter .phoneFrame .snapShot a {
  color: #fff;
}
.v2PreviewerOuter .phoneFrame .notch {
  position: absolute;
  top: 11px;
  width: 190px;
  height: 25px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10002;
}
.v2PreviewerOuter .phoneFrame .notch .preNotch, .v2PreviewerOuter .phoneFrame .notch .postNotch {
  position: absolute;
  background-color: #e9ecef;
  width: 10px;
  height: 10px;
  z-index: 12;
}
.v2PreviewerOuter .phoneFrame .notch .preNotch::before, .v2PreviewerOuter .phoneFrame .notch .postNotch::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 10px;
  height: 10px;
  border: 3px solid #dee2e6;
  border-bottom: 0;
  background: #fff;
}
.v2PreviewerOuter .phoneFrame .notch .preNotch {
  left: 3px;
  top: 0;
}
.v2PreviewerOuter .phoneFrame .notch .preNotch::before {
  border-left: 0;
  border-top-right-radius: 10px;
}
.v2PreviewerOuter .phoneFrame .notch .postNotch {
  right: 3px;
  top: 0;
}
.v2PreviewerOuter .phoneFrame .notch .postNotch::before {
  border-right: 0;
  border-top-left-radius: 10px;
}
.v2PreviewerOuter .phoneFrame .notch .mainNotch {
  position: absolute;
  border: 3px solid #dee2e6;
  border-top: 0;
  background-color: #e9ecef;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  z-index: 11;
  height: 25px;
  width: 170px;
  left: 0;
  right: 0;
  margin: auto;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame {
  position: relative;
  box-sizing: border-box;
  height: 690px;
  width: 312px;
  border-radius: 37px;
  border: 3px solid #dee2e6;
  overflow: hidden;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons {
  height: 22px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  background: #fff;
  position: relative;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupLeft {
  display: flex;
  align-items: flex-end;
  margin-left: 12px;
  margin-right: auto;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupLeft .HH, .v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupLeft .MM {
  width: 14px;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupLeft .GPS {
  width: 12px;
  margin-left: 2px;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupRight {
  display: flex;
  align-items: flex-end;
  margin-right: 12px;
  margin-left: auto;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupRight .denpa {
  width: 17px;
  display: flex;
  align-items: flex-end;
  margin-right: 2px;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupRight .denpa .bar {
  width: 4px;
  margin-left: 1px;
  border-radius: 2px;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupRight .denpa .bar:first-child {
  height: 3px;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupRight .denpa .bar:nth-child(2) {
  height: 6px;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupRight .denpa .bar:nth-child(3) {
  height: 9px;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupRight .fourG {
  width: 12px;
  margin-right: 2px;
  margin-left: auto;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .groupRight .battery {
  width: 18px;
}
.v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .square, .v2PreviewerOuter .phoneFrame .phoneInnerFrame .topIcons .bar {
  height: 12px;
  background: #e9ecef;
  border-radius: 0.3rem;
}

#previewContentWrapper {
  display: flex;
  align-items: flex-start;
  width: 918px;
  position: relative;
  left: -306px;
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  background: #fff;
}

.previewContent {
  width: 306px;
  min-width: 306px;
  max-width: 306px;
  position: relative;
}
.previewContent::-webkit-scrollbar {
  display: none;
}
.previewContent.background-gray {
  background-color: #E7E7E7;
}
.previewContent.background-white {
  background-color: #fff;
}
.previewContent#centerContent::after {
  content: " ";
  display: block;
  width: 100%;
  height: 30px;
}
.previewContent#centerContent.noAfter::after {
  content: none;
}
.previewContent .prevTopTabs {
  display: flex;
  height: 33px;
  background-color: #fff;
  margin-bottom: 1px;
  flex-shrink: 0;
}
.previewContent .prevTopTabs .topTab {
  flex-grow: 1;
  flex-basis: 0;
  border-bottom: 3px solid #fff;
  color: #9B9B9B;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.previewContent .prevTopTabs .topTab.active {
  border-bottom: 3px solid #01A1DD;
  color: #01A1DD;
  font-weight: bold;
}
.previewContent .pageHeader {
  width: 306px;
  height: 36px;
  display: flex;
  align-items: center;
  position: sticky;
  background: #fff;
  top: 0;
  z-index: 99;
  font-size: 14px;
  flex-shrink: 0;
}
.previewContent .pageHeader.boxshadow {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.previewContent .pageHeader .headerText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.previewContent .pageHeader .chevronLeft.hide {
  display: none;
}
.previewContent .pageHeader.regular .chevronLeft {
  margin-left: 7px;
  margin-right: auto;
}
.previewContent .pageHeader .headerIcons {
  margin-left: auto;
  margin-right: 12px;
}
.previewContent .pageHeader .headerIcons .icon {
  width: 17px;
  height: 17px;
}
.previewContent .pageHeader .headerIcons .icon:not(:last-child) {
  margin-right: 20px;
}
.previewContent .pageHeader .headerIcons .icon img {
  width: 100%;
  height: 100%;
}
.previewContent .pageHeader > * {
  display: flex;
  align-items: center;
}
.previewContent .blockHeaderRow {
  display: flex;
  align-items: center;
  height: 33px;
  padding: 0 13px;
}
.previewContent .blockHeaderRow .head {
  border-left: 4px solid #01A1DD;
  padding-left: 3px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
}
.previewContent .more {
  margin-left: auto;
  height: 16px;
  position: relative;
  margin-right: 7px;
}
.previewContent .more div:first-of-type {
  position: relative;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #4B5154;
  z-index: 3;
}
.previewContent .more div:last-of-type {
  position: absolute;
  left: 5px;
  top: 8px;
  z-index: 2;
  width: 100%;
  height: 10px;
  border-radius: 5px;
}
.previewContent .progressBar {
  height: 8px;
  background-color: #EEEEEE;
  border-radius: 4px;
  padding: 2px;
  width: 100%;
}
.previewContent .progressBar .barInner {
  height: 5px;
  border-radius: 2px;
  background-color: #01A1DD;
  width: 45%;
}
.previewContent .progressText {
  color: #01b2f4;
  font-size: 12px;
}
.previewContent .tagRow {
  display: flex;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.previewContent .tagRow .tagRowTag {
  height: 2rem;
  min-width: 3.5rem;
  overflow: hidden;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #B6B6B6;
  font-size: 0.8rem;
  border-bottom: 3px solid #fff;
  white-space: nowrap;
}
.previewContent .tagRow .tagRowTag.active {
  font-weight: bold;
  color: #000;
  border-bottom-color: #FF961B;
}
.previewContent .scheduleDiscount {
  position: absolute;
  right: 0;
  top: 20px;
  width: 59px;
  height: 38px;
  border: 3px solid #fff;
  border-right: none;
  background-color: #FF961B;
  border-top-left-radius: 19px;
  border-bottom-left-radius: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
}
.previewContent .schPhoto {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.previewContent .schPhoto img {
  width: 100%;
  height: auto;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.previewContent .schPhoto .scheduleListDates {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  justify-content: center;
}
.previewContent .schPhoto .scheduleListDates span:nth-child(1) {
  margin-right: 4px;
}
.previewContent .schPhoto .scheduleListDates span:nth-child(3) {
  margin-left: 4px;
  margin-right: 4px;
}
.previewContent .schPrevSchListWrapper {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  margin-bottom: 16px;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem.placeholder .scheduleName div {
  width: 100%;
  height: 0.5rem;
  border-radius: 0.3rem;
  background-color: #E9ECEF;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem.placeholder .scheduleBottomRow .scheduleBuyButton {
  background-color: #E9ECEF;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleName {
  min-height: 37px;
  max-height: 90px;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 0 12px;
  margin: 8px 0;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleBottomRow {
  display: flex;
  height: 37px;
  padding: 0 12px;
  align-items: center;
  margin-bottom: 4px;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleBottomRow .point_schedule_point-prev {
  font-weight: bold;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleBottomRow .point_schedule_point-prev img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.2rem;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleBottomRow .point_schedule_point-prev span.text {
  color: #FF6007;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleBottomRow .schedule_price-prev {
  font-weight: bold;
  color: #FF6007;
  margin-right: 8px;
  display: table-cell;
  vertical-align: center;
  font-size: 0.7rem;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleBottomRow .point_schedule_original_unit_price-prev, .previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleBottomRow .notify_gift_original_price-prev {
  text-decoration: line-through;
  color: #9F9F9F;
  font-size: 0.7rem;
  display: table-cell;
  vertical-align: center;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleBottomRow .schedule_original_price-prev {
  text-decoration: line-through;
  color: #9F9F9F;
  font-size: 0.9rem;
  display: table-cell;
  vertical-align: center;
}
.previewContent .schPrevSchListWrapper .schPrevSchListItem .scheduleBottomRow .scheduleBuyButton {
  margin-left: auto;
  font-size: 0.9rem;
  color: #fff;
  width: 90px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FF6007;
  border-radius: 0.5rem;
}
.previewContent .schPrevSchedulePageWrapper {
  display: flex;
  flex-direction: column;
  height: 626px;
}
.previewContent .schPrevScroll {
  overflow-y: scroll;
  overflow-x: hidden;
  flex-shrink: 1;
  flex-grow: 0;
  height: 577px;
  scrollbar-width: none;
}
.previewContent .schPrevScroll.withNewsButton {
  height: 641px;
}
.previewContent .schPrevScroll::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.previewContent .schPrevScroll.nobutton {
  height: 690px;
}
.previewContent .schPrevScroll.scanPage {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.previewContent .schPrevScroll.scanPage .schedule_schedule_name-prev {
  text-align: center;
}
.previewContent .schPrevScroll .schPrevScrollInner {
  padding: 16px;
}
.previewContent .schPrevScroll .newsContent, .previewContent .schPrevScroll .appNotifyContent {
  padding: 0.5rem;
}
.previewContent .schPrevScroll .newsContent .news_title-prev, .previewContent .schPrevScroll .newsContent .app_notify_title-prev, .previewContent .schPrevScroll .appNotifyContent .news_title-prev, .previewContent .schPrevScroll .appNotifyContent .app_notify_title-prev {
  margin-bottom: 0.3rem;
  font-weight: bold;
}
.previewContent .schPrevScroll .newsContent .news_start_timestamp_dt-prev, .previewContent .schPrevScroll .newsContent .app_notify_send_timestamp_dt-prev, .previewContent .schPrevScroll .appNotifyContent .news_start_timestamp_dt-prev, .previewContent .schPrevScroll .appNotifyContent .app_notify_send_timestamp_dt-prev {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.previewContent .schPrevScroll .newsContent .news_body-prev, .previewContent .schPrevScroll .newsContent .app_notify_body-prev, .previewContent .schPrevScroll .appNotifyContent .news_body-prev, .previewContent .schPrevScroll .appNotifyContent .app_notify_body-prev {
  font-size: 0.8rem;
}
.previewContent .schPrevScroll .news_photos_source-prev, .previewContent .schPrevScroll .app_notify_photos_source-prev {
  width: 100%;
  overflow: hidden;
  display: none;
}
.previewContent .schPrevScroll .news_photos_source-prev.show, .previewContent .schPrevScroll .app_notify_photos_source-prev.show {
  display: block;
}
.previewContent .schPrevScroll .news_photos_source-prev img, .previewContent .schPrevScroll .app_notify_photos_source-prev img {
  width: inherit;
}
.previewContent .schPrevScroll > .event_event_name-prev {
  width: 90%;
  margin-left: 5%;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
  border-bottom: 1px solid #000;
}
.previewContent .schPrevScroll .event_warning {
  width: 100%;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 1rem;
}
.previewContent .schPrevScroll .event_privacyBlock {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  display: flex;
}
.previewContent .schPrevScroll .event_privacyBlock .fakeCheckbox {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.2rem;
  border: 2px solid #dee2e6;
  flex-shrink: 0;
  margin-right: 4px;
}
.previewContent .schPrevScroll .event_privacyBlock .right {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}
.previewContent .schPrevScroll .event_privacyBlock .event_event_url-prev {
  display: none;
}
.previewContent .schPrevScroll .event_privacyBlock .event_event_url-prev.show {
  display: block;
}
.previewContent .schPrevScroll .event_detailHeader {
  font-weight: bold;
  padding: 1rem 0;
}
.previewContent .schPrevScroll > .event_product_name-prev {
  height: 41px;
  display: flex;
  align-items: center;
  font-weight: bold;
  border-bottom: 1px solid #000;
}
.previewContent .schPrevScroll .eventFieldBlock {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.previewContent .schPrevScroll .eventFieldBlock:not(.fieldMode-0) .fieldInput {
  display: none;
}
.previewContent .schPrevScroll .eventFieldBlock.fieldMode-0 .choices {
  display: none;
}
.previewContent .schPrevScroll .eventFieldBlock .fieldLabel {
  display: flex;
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.previewContent .schPrevScroll .eventFieldBlock .fieldLabel > span {
  color: #dc3545;
  margin-right: 0.3rem;
  display: none;
}
.previewContent .schPrevScroll .eventFieldBlock .fieldLabel > span.show {
  display: inline;
}
.previewContent .schPrevScroll .eventFieldBlock .fieldInput {
  height: 33px;
  padding-left: 0.5rem;
  border: 2px solid #dee2e6;
  display: flex;
  align-items: center;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.previewContent .schPrevScroll .eventFieldBlock .fieldInput > div {
  color: #ced4da;
}
.previewContent .schPrevScroll .eventFieldBlock .choices {
  display: flex;
  flex-direction: column;
}
.previewContent .schPrevScroll .eventFieldBlock .choices .choice {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-left: 0.8rem;
}
.previewContent .schPrevScroll .eventFieldBlock .choices .choice .roundCheck {
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #dee2e6;
  border-radius: 50%;
  flex-shrink: 0;
}
.previewContent .schPrevScroll .eventFieldBlock .choices .choice .squareCheck {
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #dee2e6;
  border-radius: 0.3rem;
  flex-shrink: 0;
}
.previewContent .schPrevScroll .eventFieldBlock .choices .choice .choiceText {
  margin-left: 0.8rem;
  font-size: 0.8rem;
  color: #495057;
}
.previewContent .schPrevScroll .eventFieldBlock .choices .choice.fieldMode-2 .roundCheck {
  display: none;
}
.previewContent .schPrevScroll .eventFieldBlock .choices .choice.fieldMode-1 .squareCheck {
  display: none;
}
.previewContent .schPrevScroll .schedule_schedule_name-prev {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 8px;
  width: 90%;
  word-break: break-all;
  min-height: 24px;
  max-height: 72px;
  line-height: 24px;
}
.previewContent .schPrevScroll .schedulePriceRow {
  display: flex;
  margin-bottom: 11px;
}
.previewContent .schPrevScroll .schedulePriceRow.point {
  margin-top: 0.5rem;
  align-items: center;
}
.previewContent .schPrevScroll .schedulePriceRow .point_schedule_point-prev {
  display: flex;
  align-items: center;
  margin-right: 0.2rem;
}
.previewContent .schPrevScroll .schedulePriceRow .point_schedule_point-prev img {
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 0.2rem;
}
.previewContent .schPrevScroll .schedulePriceRow .point_schedule_point-prev span {
  color: #FF6007;
  font-weight: bold;
}
.previewContent .schPrevScroll .schedulePriceRow .point_schedule_original_unit_price-prev, .previewContent .schPrevScroll .schedulePriceRow .notify_gift_original_price-prev {
  color: #9F9F9F;
  text-decoration: line-through;
  font-size: 0.8rem;
}
.previewContent .schPrevScroll .schedulePriceRow .schedule_price-prev {
  color: #FF6007;
  font-size: 0.9rem;
  margin-right: 8px;
}
.previewContent .schPrevScroll .schedulePriceRow .schedule_original_price-prev {
  color: #9F9F9F;
  text-decoration: line-through;
  font-size: 0.8rem;
}
.previewContent .schPrevScroll .selectNum {
  background-color: #F2F2F2;
  border-radius: 0.4rem;
  display: flex;
  padding: 10px 4px 10px 10px;
  align-items: center;
  margin-bottom: 8px;
}
.previewContent .schPrevScroll .selectNum > div:nth-child(1) {
  font-weight: bold;
  font-size: 0.9rem;
  margin-right: auto;
}
.previewContent .schPrevScroll .selectNum > div:nth-child(2), .previewContent .schPrevScroll .selectNum > div:nth-child(4) {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-style: 1.1rem;
  font-weight: bold;
  background-color: #fff;
}
.previewContent .schPrevScroll .selectNum > div:nth-child(3) {
  height: 26px;
  width: 41px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: 1.1rem;
  font-weight: bold;
  border-radius: 0.3rem;
  margin-right: 5px;
  margin-left: 5px;
}
.previewContent .schPrevScroll .scheduleSavedPriceRow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.previewContent .schPrevScroll .scheduleSavedPriceRow > div:nth-child(1) {
  margin-left: auto;
  font-size: 0.7rem;
}
.previewContent .schPrevScroll .scheduleSavedPriceRow .schedule_price-prev {
  color: #FF6007;
  margin-left: 8px;
}
.previewContent .schPrevScroll .separator {
  border-bottom: 1px solid #6c757d;
  margin-top: 16px;
}
.previewContent .schPrevScroll .schPrevTextBlock {
  margin-top: 16px;
}
.previewContent .schPrevScroll .schPrevTextBlock.point_schedule_description-prev, .previewContent .schPrevScroll .schPrevTextBlock.point_schedule_notes-prev, .previewContent .schPrevScroll .schPrevTextBlock.point_schedule_return_notes-prev, .previewContent .schPrevScroll .schPrevTextBlock.schedule_description-prev, .previewContent .schPrevScroll .schPrevTextBlock.schedule_notes-prev, .previewContent .schPrevScroll .schPrevTextBlock.schedule_return_notes-prev, .previewContent .schPrevScroll .schPrevTextBlock.schedule_total-prev, .previewContent .schPrevScroll .schPrevTextBlock.schedule_max_each_buy_limit_num-prev, .previewContent .schPrevScroll .schPrevTextBlock.event_num_gift-prev, .previewContent .schPrevScroll .schPrevTextBlock.event_description-prev, .previewContent .schPrevScroll .schPrevTextBlock.event_notes-prev, .previewContent .schPrevScroll .schPrevTextBlock.event_return_notes-prev, .previewContent .schPrevScroll .schPrevTextBlock.notify_gift_notes-prev, .previewContent .schPrevScroll .schPrevTextBlock.notify_gift_return_notes-prev, .previewContent .schPrevScroll .schPrevTextBlock.notify_gift_description-prev {
  display: none;
}
.previewContent .schPrevScroll .schPrevTextBlock.point_schedule_description-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.point_schedule_notes-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.point_schedule_return_notes-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.schedule_description-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.schedule_notes-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.schedule_return_notes-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.schedule_total-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.schedule_max_each_buy_limit_num-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.event_num_gift-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.event_description-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.event_notes-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.event_return_notes-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.notify_gift_notes-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.notify_gift_return_notes-prev.show, .previewContent .schPrevScroll .schPrevTextBlock.notify_gift_description-prev.show {
  display: block;
}
.previewContent .schPrevScroll .schPrevTextBlock.exchangeStartEnd .actual, .previewContent .schPrevScroll .schPrevTextBlock.startEnd .actual {
  display: none;
}
.previewContent .schPrevScroll .schPrevTextBlock.exchangeStartEnd .forever, .previewContent .schPrevScroll .schPrevTextBlock.startEnd .forever {
  display: block;
}
.previewContent .schPrevScroll .schPrevTextBlock.exchangeStartEnd .ndays, .previewContent .schPrevScroll .schPrevTextBlock.startEnd .ndays {
  display: none;
}
.previewContent .schPrevScroll .schPrevTextBlock.exchangeStartEnd.show .actual, .previewContent .schPrevScroll .schPrevTextBlock.startEnd.show .actual {
  display: block;
}
.previewContent .schPrevScroll .schPrevTextBlock.exchangeStartEnd.show .forever, .previewContent .schPrevScroll .schPrevTextBlock.startEnd.show .forever {
  display: none;
}
.previewContent .schPrevScroll .schPrevTextBlock.exchangeStartEnd.show .ndays, .previewContent .schPrevScroll .schPrevTextBlock.startEnd.show .ndays {
  display: none;
}
.previewContent .schPrevScroll .schPrevTextBlock.exchangeStartEnd.showNDays .actual, .previewContent .schPrevScroll .schPrevTextBlock.startEnd.showNDays .actual {
  display: none;
}
.previewContent .schPrevScroll .schPrevTextBlock.exchangeStartEnd.showNDays .forever, .previewContent .schPrevScroll .schPrevTextBlock.startEnd.showNDays .forever {
  display: none;
}
.previewContent .schPrevScroll .schPrevTextBlock.exchangeStartEnd.showNDays .ndays, .previewContent .schPrevScroll .schPrevTextBlock.startEnd.showNDays .ndays {
  display: block;
}
.previewContent .schPrevScroll .schPrevTextBlock:last-child {
  margin-bottom: 16px;
}
.previewContent .schPrevScroll .schPrevTextBlock.eventPrev .header {
  font-weight: bold;
  font-size: 0.9rem;
  padding-left: 0.3rem;
  border-left: 3px solid #000;
}
.previewContent .schPrevScroll .schPrevTextBlock.eventPrev .text {
  margin-left: 0.3rem;
}
.previewContent .schPrevScroll .schPrevTextBlock .header {
  font-weight: bold;
  font-size: 0.9rem;
  margin-bottom: 4px;
}
.previewContent .schPrevScroll .schPrevTextBlock .text {
  font-size: 0.6rem;
}
.previewContent .schPrevScroll .timerBlock {
  color: #FF6007;
  display: flex;
  align-items: center;
  justify-content: center;
}
.previewContent .schPrevScroll .qrInfoBlock {
  width: 245px;
  height: 343px;
  border-radius: 0.5rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 16px 0;
}
.previewContent .schPrevScroll .qrInfoBlock .infoRow {
  font-size: 0.7rem;
  display: flex;
}
.previewContent .schPrevScroll .qrInfoBlock .infoRow > div:nth-child(1) {
  margin-right: 8px;
}
.previewContent .schPrevScroll .qrBlock {
  width: 204px;
  height: 204px;
  background: url("../image/sample_qr.png") no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.previewContent .schPrevScroll .bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.6rem;
}
.previewContent .schPrevScroll .bottom .schedule_item_num-prev {
  color: #9F9F9F;
  margin-bottom: 8px;
  display: none;
}
.previewContent .schPrevScroll .bottom .schedule_item_num-prev.show {
  display: block;
}
.previewContent .schPrevScroll .bottom > div:nth-child(2) {
  color: #FF6007;
}
.previewContent .newsButton {
  background-color: #FF6007;
  width: 100%;
  height: 49px;
  display: none;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.previewContent .newsButton.show {
  display: flex;
}
.previewContent .schPrevButtons {
  flex-shrink: 0;
  height: 65px;
  display: flex;
  justify-content: space-between;
  padding: 12px;
  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2);
}
.previewContent .schPrevButtons.nopadding {
  padding: 0;
}
.previewContent .schPrevButtons.short {
  height: 49px;
}
.previewContent .schPrevButtons .left {
  display: flex;
  flex-direction: column;
}
.previewContent .schPrevButtons .left > div:nth-child(1) {
  font-size: 0.6rem;
}
.previewContent .schPrevButtons .left > div {
  font-size: 0.9rem;
}
.previewContent .schPrevButtons .left .schedule_discountDiff-prev {
  color: #0FB7FF;
}
.previewContent .schPrevButtons .left .schedule_price-prev {
  color: #FF6007;
}
.previewContent .schPrevButtons .right {
  width: 106px;
  height: 33px;
  background-color: #FF6007;
  font-weight: bold;
  display: flex;
  border-radius: 0.5rem;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.previewContent .schPrevButtons .schFinishButton {
  width: 100%;
  color: #fff;
  background-color: #FF6007;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wallpaper {
  width: 100%;
  height: 662px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(37deg, rgb(255, 194, 228) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(340deg, rgb(0, 162, 223) 0%, rgb(255, 238, 177) 46%, rgb(255, 255, 255) 86%);
}

.pushBlock {
  position: relative;
}
.pushBlock.ios {
  width: 95%;
  min-height: 70px;
  max-height: 120px;
  background: hsla(0, 100%, 100%, 0.6);
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
}
.pushBlock.ios .appTitle {
  height: 30px;
  color: #dbcfa6;
  font-size: 11px;
}
.pushBlock.ios .appTitle .appIcon {
  border-radius: 6px;
  height: 20px;
  width: 20px;
  margin-right: 6px;
}
.pushBlock.ios .appTitle .appIcon img {
  width: inherit;
  height: inherit;
}
.pushBlock.ios .pushTitle {
  font-size: 11px;
  font-weight: bold;
  height: 15px;
  line-height: 15px;
}
.pushBlock.ios .pushBody {
  font-size: 11px;
  min-height: 15px;
  max-height: 30px;
  line-height: 15px;
  margin-bottom: 10px;
  overflow: hidden;
}
.pushBlock.android {
  width: 97%;
  min-height: 90px;
  max-height: 140px;
  background: hsl(0, 100%, 100%);
  border-radius: 5px;
  margin-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
  color: #343a40;
  box-shadow: 0 2px 5px hsla(0, 0%, 0%, 0.2);
}
.pushBlock.android .appTitle {
  height: 40px;
  font-size: 11px;
}
.pushBlock.android .appTitle .appIcon {
  border-radius: 6px;
  height: 20px;
  width: 20px;
  margin-right: 6px;
}
.pushBlock.android .pushTitle {
  font-size: 11px;
  height: 15px;
  line-height: 15px;
}
.pushBlock.android .pushBody {
  font-size: 11px;
  min-height: 15px;
  max-height: 60px;
  margin-bottom: 10px;
  line-height: 15px;
  overflow: hidden;
}
.pushBlock .label {
  position: absolute;
  left: 0;
  top: -15px;
  line-height: 15px;
  color: #6c757d;
}
.pushBlock .appTitle {
  display: flex;
  align-items: center;
}
.pushBlock .appTitle .appIcon {
  overflow: hidden;
}
.pushBlock .appTitle .appIcon img {
  width: 100%;
  height: 100%;
}

.lineInAppMessagePrev {
  background-color: #91ABD5;
  height: 662px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.lineInAppMessagePrev .bottom {
  margin-top: auto;
  width: 100%;
}
.lineInAppMessagePrev .bottom img {
  width: inherit;
}
.lineInAppMessagePrev .textMessage {
  width: 100%;
  display: flex;
  padding: 0.5rem;
}
.lineInAppMessagePrev .textMessage .senderImg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  flex-shrink: 0;
}
.lineInAppMessagePrev .textMessage .nameBubble {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 0.4rem;
  max-width: 85%;
}
.lineInAppMessagePrev .textMessage .nameBubble .name {
  font-size: 0.6rem;
}
.lineInAppMessagePrev .textMessage .nameBubble .textBubble {
  font-size: 0.8rem;
  background-color: #fff;
  background-image: url("../image/line_bubble.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 23px 23px;
  border-radius: 16px;
  border-top-left-radius: 0;
  padding: 0.5rem 0.7rem;
}
.lineInAppMessagePrev .imgMessage {
  width: 100%;
  height: 290px;
  padding: 0.5rem;
  position: relative;
}
.lineInAppMessagePrev .imgMessage .messageGiftOverlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 150px;
}
.lineInAppMessagePrev .imgMessage .messageGiftOverlay .overlayTag {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #FF6007;
  padding: 2px;
  padding-left: 12px;
  padding-right: 12px;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
}
.lineInAppMessagePrev .imgMessage .messageGiftOverlay .overlayBottom {
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
}
.lineInAppMessagePrev .imgMessage .messageGiftOverlay .overlayBottom > div {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  max-width: 80%;
}
.lineInAppMessagePrev .imgMessage .messageGiftOverlay .overlayBottom > div div {
  flex-shrink: 0;
}
.lineInAppMessagePrev .imgMessage .messageGiftOverlay .overlayBottom > div div:first-child {
  margin-left: auto;
}
.lineInAppMessagePrev .imgMessage .messageGiftOverlay .overlayBottom > div div:last-child {
  margin-right: auto;
}
.lineInAppMessagePrev .imgMessage .messageGiftOverlay .overlayBottom > div span {
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
}
.lineInAppMessagePrev .imgMessage .mainImg {
  width: 100%;
  height: 290px;
  overflow: hidden;
  border-radius: 0.3rem;
  position: relative;
}
.lineInAppMessagePrev .imgMessage .mainImg.gift {
  height: 145px;
}
.lineInAppMessagePrev .imgMessage .mainImg.gift img {
  height: 145px;
}
.lineInAppMessagePrev .imgMessage .mainImg img {
  width: 100%;
  height: 290px;
}

.schedulePermPrev .text {
  display: none;
}
.schedulePermPrev.ss_ng .ss_ng {
  display: block;
}
.schedulePermPrev.ss_hg .ss_hg {
  display: block;
}
.schedulePermPrev.cs_ng .cs_ng {
  display: block;
}
.schedulePermPrev.cs_hg .cs_hg {
  display: block;
}
.schedulePermPrev .link {
  font-size: 12px;
  color: #008EFF;
}

.listSubStoreGroupPrevBlockHeader {
  font-weight: bold;
  font-size: 12px;
  display: none;
  margin-top: 0.6rem;
}
.listSubStoreGroupPrevBlockHeader.show {
  display: block;
}

.listSubStoreGroupPrevBlock {
  display: flex;
  padding: 0.6rem 0.6rem 0 0.6rem;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.listSubStoreGroupPrevBlock.in {
  padding: 0.8rem 1rem 0 1rem;
}
.listSubStoreGroupPrevBlock .ssg, .listSubStoreGroupPrevBlock .tag {
  display: flex;
  gap: 0.3rem;
}
.listSubStoreGroupPrevBlock.exc {
  padding-top: 0.3rem;
  margin-bottom: 0.5rem;
}

.ssgBlocks {
  background-color: #2097F6;
  font-size: 12px;
  color: #fff;
  border-radius: 0.2rem;
  padding: 0.2rem 0.4rem;
}

.pdTagBlocks {
  background-color: #707070;
  font-size: 12px;
  color: #fff;
  border-radius: 0.2rem;
  padding: 0.2rem 0.4rem;
}

.fullPageWrap {
  height: 690px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.brandInfoTopBlock, .brandButtonRow, .brandNewsHeader, .brandNewsBlock {
  margin: 16px 20px 0 20px;
}

.brandInfoTopBlock {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}
.brandInfoTopBlock .brandBanner {
  width: 100%;
  overflow: hidden;
}
.brandInfoTopBlock .brandBanner img {
  width: 100%;
}
.brandInfoTopBlock .brandInfoInner {
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.brandInfoTopBlock .brandInfoInner .brand_name-prev {
  border-bottom: 1px solid #dee2e6;
  font-size: 13px;
  padding-bottom: 8px;
  font-weight: bold;
}
.brandInfoTopBlock .brandInfoInner .brand_info-prev {
  font-size: 13px;
  padding: 8px 0;
}
.brandInfoTopBlock .brandInfoInner .more {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  color: #01b2f4;
  font-size: 12px;
}

.brandButtonRow {
  display: flex;
  justify-content: space-evenly;
  gap: 8px;
  height: 49px;
}
.brandButtonRow .brandButtons {
  flex-grow: 1;
  flex-shrink: 0;
  flex-wrap: wrap;
  background-color: #fff;
  border: 1px solid #FF6007;
  color: #FF6007;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  min-width: 0;
  max-width: 35%;
}

.brandNewsBlock {
  background-color: #dee2e6;
  height: 300px;
  border-radius: 0.3rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.brandListBlock {
  height: 82px;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin: 16px 24px 0 24px;
  display: flex;
  align-items: center;
}
.brandListBlock.fake .brandName span {
  width: 100%;
  height: 12px;
  background-color: #dee2e6;
  border-radius: 0.3rem;
  display: block;
}
.brandListBlock .brandLogo {
  background-color: #dee2e6;
  width: 57px;
  height: 57px;
  margin-left: 12px;
  margin-right: 8px;
  border-radius: 0.1rem;
  overflow: hidden;
}
.brandListBlock .brandLogo img {
  width: 100%;
  height: 100%;
}
.brandListBlock .brandListBlockRight {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}
.brandListBlock .brandListBlockRight .brandName {
  font-size: 14px;
  margin-bottom: 8px;
  height: 24px;
  line-height: 12px;
}
.brandListBlock .brandListBlockRight .detailButton {
  background-color: #FF6007;
  font-size: 12px;
  margin-left: auto;
  color: #fff;
  padding: 0.1rem 0.5rem;
  border-radius: 0.3rem;
}

.checkoutProgress {
  width: 100%;
}
.checkoutProgress .progressBar {
  width: 80%;
  margin: 2rem 0 2rem 10%;
  display: flex;
}
@media (max-width: 767.98px) {
  .checkoutProgress .progressBar {
    width: 100%;
    margin: 2rem 0;
  }
}
.checkoutProgress .progressBar.race {
  justify-content: center;
  margin: 1rem 0 1rem 10%;
}
.checkoutProgress .progressBar.race .progressSteps {
  margin-right: 1rem;
}
.checkoutProgress .progressBar.race .progressSteps:last-of-type {
  margin-right: 0;
}
.checkoutProgress .progressBar.race .progressStepBars {
  margin-right: 1rem;
}
.checkoutProgress .progressBar .progressSteps {
  width: 13%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .checkoutProgress .progressBar .progressSteps {
    width: 25%;
  }
}
.checkoutProgress .progressBar .progressSteps .step {
  height: 4rem;
  width: 4rem;
  position: relative;
}
.checkoutProgress .progressBar .progressSteps .step div, .checkoutProgress .progressBar .progressSteps .step span {
  position: absolute;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
  border-top-left-radius: 2rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 2rem;
  font-weight: bold;
}
.checkoutProgress .progressBar .progressSteps .step .stepUndone, .checkoutProgress .progressBar .progressSteps .step .stepUndoneActive, .checkoutProgress .progressBar .progressSteps .step .stepDoneActive, .checkoutProgress .progressBar .progressSteps .step .stepDoneInactive {
  display: none;
}
.checkoutProgress .progressBar .progressSteps .step .stepUndone.show, .checkoutProgress .progressBar .progressSteps .step .stepUndoneActive.show, .checkoutProgress .progressBar .progressSteps .step .stepDoneActive.show, .checkoutProgress .progressBar .progressSteps .step .stepDoneInactive.show {
  display: block;
  animation: fadeIn 0.5s ease-in-out both;
}
.checkoutProgress .progressBar .progressSteps .step .stepUndone {
  background-color: #e9ecef;
}
.checkoutProgress .progressBar .progressSteps .step .stepUndoneActive {
  background-color: #01b2f4;
}
.checkoutProgress .progressBar .progressSteps .step .stepDoneActive {
  background-color: #5dd879;
}
.checkoutProgress .progressBar .progressSteps .step .stepDoneInactive {
  background-color: #86e29b;
}
.checkoutProgress .progressBar .progressSteps .step span {
  display: block;
  line-height: 4rem;
  text-align: center;
  font-size: 2rem;
  color: #fff;
}
.checkoutProgress .progressBar .progressSteps .stepLabel {
  text-align: center;
  font-size: 0.8rem;
  transition: all 0.5s ease-in-out;
  color: #e9ecef;
}
.checkoutProgress .progressBar .progressSteps .stepLabel.active {
  color: #01b2f4;
}
.checkoutProgress .progressBar .progressSteps .stepLabel.done {
  color: #5dd879;
}
.checkoutProgress .progressBar .progressSteps .stepLabel.inactive {
  color: #86e29b;
}
.checkoutProgress .progressBar .progressStepBars {
  width: 16%;
  height: 4rem;
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .checkoutProgress .progressBar .progressStepBars {
    display: none;
  }
}
.checkoutProgress .progressBar .progressStepBars .barInner {
  width: 100%;
  height: 0.8rem;
  position: relative;
}
.checkoutProgress .progressBar .progressStepBars .barInner div {
  width: inherit;
  height: inherit;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 0.4rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.checkoutProgress .progressBar .progressStepBars .barInner div.fill {
  animation: fillFromLeft 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
}
.checkoutProgress .progressBar .progressStepBars .barInner .barUndone, .checkoutProgress .progressBar .progressStepBars .barInner .barUndoneActive, .checkoutProgress .progressBar .progressStepBars .barInner .barDoneActive, .checkoutProgress .progressBar .progressStepBars .barInner .barDoneInactive {
  display: none;
}
.checkoutProgress .progressBar .progressStepBars .barInner .barUndone.show, .checkoutProgress .progressBar .progressStepBars .barInner .barUndoneActive.show, .checkoutProgress .progressBar .progressStepBars .barInner .barDoneActive.show, .checkoutProgress .progressBar .progressStepBars .barInner .barDoneInactive.show {
  display: block;
}
.checkoutProgress .progressBar .progressStepBars .barInner .barUndone {
  background-color: #e9ecef;
}
.checkoutProgress .progressBar .progressStepBars .barInner .barUndoneActive {
  background-color: #01b2f4;
}
.checkoutProgress .progressBar .progressStepBars .barInner .barDoneActive {
  background-color: #5dd879;
}
.checkoutProgress .progressBar .progressStepBars .barInner .barDoneInactive {
  background-color: #86e29b;
}

.checkoutStepsHeader {
  display: flex;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.checkoutStepsHeader.race {
  margin-bottom: 1rem;
  filter: drop-shadow(0 2px 5px hsla(0, 0%, 0%, 0.2));
}
.checkoutStepsHeader.active .stepsHeaderStep {
  background-color: #01b2f4;
}
.checkoutStepsHeader.active .stepsHeaderStep:before {
  background-color: #01b2f4;
}
.checkoutStepsHeader.active .stepsHeaderStep:after {
  box-shadow: 0 -5px 0 0 #01b2f4;
}
.checkoutStepsHeader.active .stepsHeaderLabel {
  background-color: #01b2f4;
}
.checkoutStepsHeader.done .stepsHeaderStep {
  background-color: #5dd879;
}
.checkoutStepsHeader.done .stepsHeaderStep:before {
  background-color: #5dd879;
}
.checkoutStepsHeader.done .stepsHeaderStep:after {
  box-shadow: 0 -5px 0 0 #5dd879;
}
.checkoutStepsHeader.done .stepsHeaderLabel {
  background-color: #5dd879;
}
.checkoutStepsHeader .stepsHeaderStep {
  width: 3.6rem;
  height: 3.6rem;
  overflow: hidden;
  border-top-left-radius: 1.8rem;
  border-bottom-left-radius: 1.8rem;
  border-bottom-right-radius: 1.8rem;
  background-color: #e9ecef;
  font-size: 1.8rem;
  color: #fff;
  font-weight: bold;
  transition: all 0.5s ease-in-out;
}
.checkoutStepsHeader .stepsHeaderStep span {
  display: block;
  width: inherit;
  height: inherit;
  line-height: 3.6rem;
  text-align: center;
}
.checkoutStepsHeader .stepsHeaderStep:before {
  content: " ";
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  left: 3.2rem;
  top: 1.9rem;
  background-color: #e9ecef;
  transition: all 0.5s ease-in-out;
}
.checkoutStepsHeader .stepsHeaderStep:after {
  content: " ";
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  left: 3.1rem;
  top: 2.6rem;
  background-color: transparent;
  border-top-left-radius: 0.6rem;
  box-shadow: 0 -5px 0 0 #e9ecef;
  transition: all 0.5s ease-in-out;
}
.checkoutStepsHeader .stepsHeaderLabel {
  width: calc(100% - 3.6rem);
  height: 2.6rem;
  background-color: #e9ecef;
  line-height: 2.6rem;
  border-top-right-radius: 0.9rem;
  border-bottom-right-radius: 1.8rem;
  padding-left: 1rem;
  color: #fff;
  transition: all 0.5s ease-in-out;
}

.checkoutStepsBlocks {
  width: 85%;
  margin-left: 7.5%;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .checkoutStepsBlocks {
    width: calc(100% - 0.2rem);
    margin: 0 0.1rem 2rem 0.1rem;
  }
}
.checkoutStepsBlocks:not(.current) .checkoutBody .checkoutBodyInner {
  display: none;
}
.checkoutStepsBlocks:not(.current) .stepsControl {
  display: none;
}
.checkoutStepsBlocks.current .checkoutStepsHeader {
  filter: drop-shadow(0 2px 5px hsla(0, 0%, 0%, 0.2));
}
.checkoutStepsBlocks.active .checkoutStepsHeader .stepsHeaderStep {
  background-color: #01b2f4;
}
.checkoutStepsBlocks.active .checkoutStepsHeader .stepsHeaderStep:before {
  background-color: #01b2f4;
}
.checkoutStepsBlocks.active .checkoutStepsHeader .stepsHeaderStep:after {
  box-shadow: 0 -5px 0 0 #01b2f4;
}
.checkoutStepsBlocks.active .checkoutStepsHeader .stepsHeaderLabel {
  background-color: #01b2f4;
}
.checkoutStepsBlocks.done .checkoutStepsHeader .stepsHeaderStep {
  background-color: #5dd879;
}
.checkoutStepsBlocks.done .checkoutStepsHeader .stepsHeaderStep:before {
  background-color: #5dd879;
}
.checkoutStepsBlocks.done .checkoutStepsHeader .stepsHeaderStep:after {
  box-shadow: 0 -5px 0 0 #5dd879;
}
.checkoutStepsBlocks.done .checkoutStepsHeader .stepsHeaderLabel {
  background-color: #5dd879;
}
.checkoutStepsBlocks.inactive .checkoutStepsHeader .stepsHeaderStep {
  background-color: #86e29b;
}
.checkoutStepsBlocks.inactive .checkoutStepsHeader .stepsHeaderStep:before {
  background-color: #86e29b;
}
.checkoutStepsBlocks.inactive .checkoutStepsHeader .stepsHeaderStep:after {
  box-shadow: 0 -5px 0 0 #86e29b;
}
.checkoutStepsBlocks.inactive .checkoutStepsHeader .stepsHeaderLabel {
  background-color: #86e29b;
}
.checkoutStepsBlocks .checkoutBody {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (max-width: 767.98px) {
  .checkoutStepsBlocks .checkoutBody {
    padding: 0 0.5rem;
  }
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner {
  margin-top: 1rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows {
  display: flex;
  padding: 0.5rem 0;
  border-radius: 0.5rem;
}
@media (max-width: 767.98px) {
  .checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows {
    flex-wrap: wrap;
  }
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.even {
  background-color: #e9ecef;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.header {
  border-bottom: 2px solid #65cff6;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.header div {
  justify-content: center;
  font-weight: bold;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.header div .header {
  color: #01A1DD;
  font-size: 1rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.header div button {
  margin-left: 1rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.serviceCol .serviceName {
  width: 24.5%;
  justify-content: center;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.serviceCol .productName {
  width: 20.5%;
  justify-content: center;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.serviceCol .productQty {
  width: 15%;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.serviceCol .productPrice {
  width: 20%;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows.serviceCol .subtotal {
  width: 20%;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productName {
  width: 35%;
}
@media (max-width: 767.98px) {
  .checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productName {
    width: 50%;
  }
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productQty {
  width: 22.5%;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productQty {
    width: 50%;
  }
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productQty p {
  text-align: center;
  margin: 0;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productQty .disabled {
  color: #e9ecef;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productQty .unit {
  margin-left: 0.5rem;
  color: #6c757d;
  font-size: 0.9rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productPrice {
  width: 22.5%;
  justify-content: center;
  color: #6c757d;
  font-size: 0.9rem;
}
@media (max-width: 767.98px) {
  .checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productPrice {
    width: 60%;
  }
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productPrice span {
  margin: 0 0.2rem;
  color: #000;
  font-size: 1rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .productPrice .unit {
  margin-left: 0.5rem;
  color: #6c757d;
  font-size: 0.9rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .subtotal {
  width: 20%;
  justify-content: center;
  color: #6c757d;
  font-size: 0.9rem;
}
@media (max-width: 767.98px) {
  .checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .subtotal {
    width: 40%;
  }
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .productRows .subtotal span {
  margin: 0 0.2rem;
  color: #000;
  font-size: 1rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows {
  display: flex;
  padding: 0.5rem 0;
  align-items: center;
  justify-content: space-between;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows .rowLabel {
  margin-right: 1rem;
  color: #01A1DD;
  font-weight: bold;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows#untaxed {
  margin-top: 2rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows#total {
  margin-top: 1rem;
  border-top: 2px solid #dee2e6;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows#total .rowLabel, .checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows#total .rowValue {
  font-size: 1.3rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows#dealerInfo {
  display: none;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows#discount {
  display: none;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows#upgradePay {
  margin-top: 2rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .totalRows .rowValue .monospace {
  color: #01A1DD;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows {
  display: flex;
  padding: 0.5rem 0;
  border-radius: 0.5rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows > div {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .infoRowsInner {
  display: flex;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .infoRowsInner > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
  flex-shrink: 0;
  min-width: 10rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .infoRowsInner .form-group {
  flex-grow: 1;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .form-group {
  margin: 0;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .form-group > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
  flex-shrink: 0;
  min-width: 10rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .form-group .radioTabs {
  flex-grow: 1;
  margin: 0;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .longDisclaimerText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0.5rem;
  color: hsl(18, 100%, 71.2%);
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .longDisclaimerText h5 {
  font-weight: bold;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .longDisclaimerText p {
  padding-left: 40px;
  margin: 0;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows #dealerCodeGroup {
  flex-wrap: wrap;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows#hasDealer {
  margin-top: 1rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows#tax .totalLabel, .checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows#subtotal .totalLabel {
  font-size: 1rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows#tax .total span, .checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows#subtotal .total span {
  font-size: 1rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .total {
  color: #6c757d;
  font-size: 0.9rem;
  justify-content: flex-end;
  align-items: center;
  width: 20%;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .total span {
  margin: 0 0.2rem;
  color: #01A1DD;
  font-size: 1.2rem;
}
.checkoutStepsBlocks .checkoutBody .checkoutBodyInner .productSelectionBlock .infoRows .helperText {
  margin-top: 1rem;
}
.checkoutStepsBlocks .checkoutBody .stepsControl {
  display: flex;
  width: 100%;
  margin-top: 2rem;
  justify-content: space-between;
}
.checkoutStepsBlocks .checkoutBody .stepsControl .next:first-child {
  margin-left: auto;
}
.checkoutStepsBlocks .checkoutBody .stepsControl #finish {
  margin-left: auto;
  margin-right: auto;
  display: none;
}

#priceTableModal .modal-dialog {
  max-width: 850px;
}
#priceTableModal .priceTable.special {
  margin-top: 1rem;
}
#priceTableModal .priceTHead, #priceTableModal .priceRows, #priceTableModal .specialHead, #priceTableModal .specialRow {
  display: flex;
}
#priceTableModal .priceTHead, #priceTableModal .priceRows {
  justify-content: space-evenly;
}
#priceTableModal .priceTHead .th {
  flex-basis: 16.6667%;
  flex-grow: 1;
  background-color: #01A1DC;
  color: #fff;
  font-weight: bold;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#priceTableModal .priceTHead .th:not(:last-of-type) {
  border-right: 2px solid #fff;
}
#priceTableModal .priceTHead .discount3 {
  background-color: #1782AA;
}
#priceTableModal .priceTHead .discount6 {
  background-color: #00516F;
}
#priceTableModal .priceTHead .discount12 {
  background-color: #002E54;
}
#priceTableModal .priceTHead .discount45 {
  background-color: #FE8B0D;
}
#priceTableModal .priceRows {
  border: 2px solid #dee2e6;
}
#priceTableModal .priceRows:not(.first) {
  border-top: 0;
}
#priceTableModal .priceRows.first {
  border-top-left-radius: 1rem;
}
#priceTableModal .priceRows.remark {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
#priceTableModal .priceRows.remark .rowTd {
  flex-basis: 83.3333%;
  height: 5rem;
  justify-content: center;
  align-items: flex-start;
  background-color: transparent;
}
#priceTableModal .priceRows.remark ul {
  margin: 0;
}
#priceTableModal .priceRows.remark ul li {
  text-align: left;
}
#priceTableModal .priceRows .rowTh {
  flex-basis: 16.6667%;
  flex-grow: 0;
  border-right: 2px solid #dee2e6;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.2rem 0.3rem;
}
#priceTableModal .priceRows .rowTd {
  flex-basis: 16.6667%;
  flex-grow: 0;
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.3rem;
  background-color: #f8f9fa;
  font-size: 0.9rem;
}
#priceTableModal .priceRows .rowTd:not(:last-of-type) {
  border-right: 2px solid #dee2e6;
}
#priceTableModal .priceRows .rowTd.discount3, #priceTableModal .priceRows .rowTd.discount12 {
  background-color: #fff;
}
#priceTableModal .priceRows .rowTd.discount45 {
  background-color: #FFF3E6;
}
#priceTableModal .specialHead, #priceTableModal .specialRow {
  border: 2px solid #01A1DC;
  overflow: hidden;
}
#priceTableModal .specialHead > :first-child, #priceTableModal .specialHead > :nth-child(2), #priceTableModal .specialRow > :first-child, #priceTableModal .specialRow > :nth-child(2) {
  flex-basis: 15%;
}
#priceTableModal .specialHead > :nth-child(3), #priceTableModal .specialRow > :nth-child(3) {
  flex-basis: 70%;
}
#priceTableModal .specialHead {
  border-bottom: none;
  border-radius: 1rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#priceTableModal .specialHead .th {
  color: #fff;
  background-color: #01A1DC;
  height: 3rem;
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  padding: 0.2rem 0.3rem;
}
#priceTableModal .specialHead .th:not(:last-child) {
  border-right: 2px solid #01A1DC;
}
#priceTableModal .specialRow:last-of-type {
  border-radius: 1rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#priceTableModal .specialRow .rowTh {
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.2rem 0.3rem;
  border-right: 2px solid #dee2e6;
}
#priceTableModal .specialRow .rowTd {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.9rem;
  padding: 0.2rem 0.3rem;
}
#priceTableModal .specialRow .rowTd ul {
  margin: 0;
}
#priceTableModal .specialRow .rowTd ul li {
  text-align: left;
}
#priceTableModal .specialRow .rowTd:not(:last-child) {
  border-right: 2px solid #dee2e6;
}
#priceTableModal .specialRow .rowTd:nth-child(2) {
  color: #6c757d;
}

.confirmInfo .header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  border-radius: 0.5rem;
  border-bottom: 2px solid #65cff6;
  font-weight: bold;
  color: #01A1DD;
}
.confirmInfo .confirmInfoBody {
  display: flex;
  flex-wrap: wrap;
}
.confirmInfo .confirmInfoBody .infoBlocks {
  width: 50%;
  padding: 0.4rem 0.2rem;
  display: flex;
  align-items: center;
  min-width: 0;
}
.confirmInfo .confirmInfoBody .infoBlocks > div {
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .confirmInfo .confirmInfoBody .infoBlocks {
    width: 100%;
  }
}
.confirmInfo .confirmInfoBody .infoBlocks .infoLabel {
  width: 35%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #6c757d;
  font-size: 0.8rem;
  padding: 0 0.2rem;
  flex-shrink: 0;
}
.confirmInfo .confirmInfoBody .infoBlocks .info {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.detailTransferring {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 20rem;
}
.detailTransferring .spinner-border {
  width: 4rem;
  height: 4rem;
  margin-bottom: 3rem;
  margin-top: 10rem;
}
.detailTransferring .transferringText {
  color: #6c757d;
  margin-bottom: 10rem;
}

.errorBlock, .errorBlockDate {
  flex-direction: column;
  align-items: center;
  display: none;
}
.errorBlock .errorText, .errorBlockDate .errorText {
  text-align: center;
}
.errorBlock .errorText h4, .errorBlockDate .errorText h4 {
  color: hsl(351, 76.6%, 61.4%);
  font-weight: bold;
  margin-bottom: 1rem;
}

.transferDetailBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: none;
}
.transferDetailBlock .congrText {
  text-align: center;
}
.transferDetailBlock .congrText h4 {
  color: #01A1DD;
  font-weight: bold;
  margin-bottom: 1rem;
}
.transferDetailBlock .detailsBlock {
  width: 70%;
  display: flex;
  flex-direction: column;
}
.transferDetailBlock .detailsBlock .header, .transferDetailBlock .detailsBlock .separator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  border-radius: 0.5rem;
  border-bottom: 2px solid #65cff6;
  font-weight: bold;
  color: #01A1DD;
  margin-bottom: 0.3rem;
}
.transferDetailBlock .detailsBlock .separator {
  margin-top: 1rem;
}
.transferDetailBlock .detailsBlock .transferDetailRows {
  width: 100%;
  display: flex;
  align-items: center;
}
.transferDetailBlock .detailsBlock .transferDetailRows .transferDetailLabel {
  width: 40%;
  padding: 0.5rem 0.5rem;
  color: #6c757d;
  font-size: 0.9rem;
  text-align: right;
}
.transferDetailBlock .detailsBlock .transferDetailRows .transferDetail {
  font-size: 1.2rem;
  font-weight: bold;
}

.orderListHeader, .orderListBlocks {
  display: flex;
}

.orderListHeader {
  border-bottom: 4px solid #dee2e6;
  font-weight: bold;
}
.orderListHeader > div {
  padding: 0.1rem;
  font-size: 0.9rem;
}
.orderListHeader > div:last-child {
  width: 12rem;
}
.orderListHeader > div:nth-child(1) {
  width: 13%;
}
.orderListHeader > div:nth-child(2) {
  width: 13%;
}
.orderListHeader > div:nth-child(3) {
  width: 8%;
}
.orderListHeader > div:nth-child(4) {
  width: 10%;
}
.orderListHeader > div:nth-child(5) {
  width: 14%;
}
.orderListHeader > div:nth-child(6) {
  width: 6%;
}
.orderListHeader > div:nth-child(7) {
  width: 6%;
}
.orderListHeader > div:nth-child(8) {
  width: 7%;
}
.orderListHeader.sms > div:nth-child(1) {
  width: 20%;
}
.orderListHeader.sms > div:nth-child(2) {
  width: 20%;
}
.orderListHeader.sms > div:nth-child(3) {
  width: 10%;
}
.orderListHeader.sms > div:nth-child(4) {
  width: 15%;
}
.orderListHeader.sms > div:nth-child(5) {
  width: 15%;
}

.orderListBlocks {
  flex-direction: column;
}
.orderListBlocks:not(:last-of-type) {
  border-bottom: 2px solid #dee2e6;
}
@media (max-width: 767.98px) {
  .orderListBlocks {
    width: 100%;
  }
}
.orderListBlocks .orderOuter {
  display: flex;
  align-items: center;
}
.orderListBlocks .orderOuter.ending .orderOuterCols {
  color: #dc3545;
}
.orderListBlocks .orderOuter.sms > div:nth-child(1) {
  width: 20%;
}
.orderListBlocks .orderOuter.sms > div:nth-child(2) {
  width: 20%;
}
.orderListBlocks .orderOuter.sms > div:nth-child(3) {
  width: 10%;
}
.orderListBlocks .orderOuter.sms > div:nth-child(4) {
  width: 15%;
}
.orderListBlocks .orderOuter.sms > div:nth-child(5) {
  width: 15%;
}
.orderListBlocks .orderOuter.sms > .showDetail {
  width: 9rem;
}
.orderListBlocks .orderOuter > div {
  padding: 0.1rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  font-size: 0.9rem;
  word-break: normal;
  flex-grow: 0;
  flex-shrink: 0;
}
.orderListBlocks .orderOuter > div:last-child {
  width: 12rem;
  margin-left: auto;
}
.orderListBlocks .orderOuter > div:nth-child(1) {
  width: 13%;
}
.orderListBlocks .orderOuter > div:nth-child(2) {
  width: 13%;
}
.orderListBlocks .orderOuter > div:nth-child(3) {
  width: 8%;
}
.orderListBlocks .orderOuter > div:nth-child(4) {
  width: 10%;
}
.orderListBlocks .orderOuter > div:nth-child(5) {
  width: 14%;
}
.orderListBlocks .orderOuter > div:nth-child(6) {
  width: 6%;
}
.orderListBlocks .orderOuter > div:nth-child(7) {
  width: 6%;
}
.orderListBlocks .orderOuter > div:nth-child(8) {
  width: 7%;
}
.orderListBlocks .orderOuter .orderOuterCols {
  display: flex;
}
.orderListBlocks .orderOuter .showDetail {
  text-align: right;
}
@media (max-width: 1299.98px) {
  .orderListBlocks .orderOuter .showDetail button {
    padding: 0.2rem;
  }
  .orderListBlocks .orderOuter .showDetail button span {
    font-size: 0.8rem;
  }
}
.orderListBlocks .orderInner {
  width: 98%;
  margin: 0.5rem 1% 1rem 1%;
  padding: 0.5rem;
}
.orderListBlocks .orderInner .mainDetail {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
  .orderListBlocks .orderInner .mainDetail {
    flex-direction: column;
  }
}
.orderListBlocks .orderInner .mainDetail .mainDetailBlocks {
  width: 20%;
  margin-bottom: 0.8rem;
}
@media (max-width: 767.98px) {
  .orderListBlocks .orderInner .mainDetail .mainDetailBlocks {
    width: 100%;
  }
}
.orderListBlocks .orderInner .mainDetail .mainDetailBlocks.genPayNo {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.orderListBlocks .orderInner .mainDetail .mainDetailBlocks .mainDetailLabel {
  color: #01A1DD;
  font-size: 0.8rem;
}
.orderListBlocks .orderInner .mainDetail .mainDetailBlocks .mainDetailInfo {
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orderListBlocks .orderInner .subDetail .didi {
  border-bottom: 1px solid #dee2e6;
  width: 100%;
  margin: 0.3rem 0;
}
.orderListBlocks .orderInner .subDetail .subDetailHeader {
  color: #01A1DD;
  font-size: 0.8rem;
  padding-bottom: 0.2rem;
  border-bottom: 3px solid #dee2e6;
}
.orderListBlocks .orderInner .subDetail .subInfoItems {
  display: flex;
  align-items: center;
  height: 1.5rem;
}
.orderListBlocks .orderInner .subDetail .subInfoItems .head {
  font-size: 0.9rem;
  font-weight: bold;
  width: 15rem;
}
.orderListBlocks .orderInner .subDetail .subInfoItems .item {
  font-size: 0.9rem;
}

td .paidStatusTag {
  width: -moz-fit-content;
  width: fit-content;
}

.paidStatusTag {
  padding: 0 0.3rem;
  border-radius: 0.2rem;
}
.paidStatusTag.new {
  background-color: #74d0e1;
  color: #212529;
}
.paidStatusTag.unpaid {
  background-color: #FF3939;
  color: #fff;
}
.paidStatusTag.expired {
  background-color: #eb938c;
  color: #212529;
}
.paidStatusTag.paid {
  background-color: #afecc7;
  color: #212529;
}
.paidStatusTag.special {
  background-color: #ffd15b;
  color: #212529;
}
.paidStatusTag.waitCheck {
  background-color: #FF6007;
  color: #fff;
}

.introTitleCard {
  display: flex;
  margin: 3rem 0;
}
.introTitleCard h4 {
  font-weight: bold;
  margin-bottom: 3rem;
}
.introTitleCard .titleCardLeft {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding-left: 12vw;
  justify-content: center;
  align-items: flex-start;
  padding-right: 2vw;
}
.introTitleCard .buyNowTop {
  margin-top: 2rem;
}
.introTitleCard .titleCardRight .sampleBlock img {
  width: 20vw;
  border-radius: 1rem;
  box-shadow: 0px 3px 25px 0px hsla(0, 0%, 0%, 0.25);
}

.buyNow, .useNow {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.featureInfoBlock {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.featureInfoBlock mark {
  color: #dc3545;
  font-weight: bold;
  padding: 0;
}
.featureInfoBlock table {
  width: 90%;
  margin-left: 5%;
}
.featureInfoBlock table th {
  color: #01A1DD;
}
.featureInfoBlock table tbody tr td table {
  margin: 0;
  width: 100%;
}
.featureInfoBlock table tbody tr td table tr td:first-child {
  width: 9rem;
}
.featureInfoBlock table tbody tr td table tr th {
  border-top: 0;
}
.featureInfoBlock table th[scope=row] {
  width: 10rem;
}
.featureInfoBlock h4 {
  margin-left: 5%;
  font-weight: bold;
}
.featureInfoBlock .preSaleFlow {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.featureInfoBlock .preSaleFlow img {
  width: 90%;
}

.activateForm {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.activateForm .activateBlocks {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  margin: 3rem 10% 1rem 10%;
}
.activateForm .activateBlocks .activateCondition {
  width: 100%;
  font-size: 0.9rem;
  color: #6c757d;
  margin-bottom: 2rem;
}
.activateForm .activateBlocks .activateBlock {
  width: calc(50% - 0.6rem);
  margin: 0.5rem 0.3rem;
}
.activateForm .activateBlocks .activateBlock .label {
  font-size: 0.9rem;
  border-bottom: 2px solid #dee2e6;
}
.activateForm .activateBlocks .activateBlock.currentActivation, .activateForm .activateBlocks .activateBlock.currentSchedules, .activateForm .activateBlocks .activateBlock.usableSchedules {
  width: calc(33.33333% - 0.6rem);
}
.activateForm .activateBlocks .activateBlock.status {
  width: calc(100% - 0.6rem);
}
.activateForm .activateBlocks .activateBlock.status .activateStat {
  font-weight: bold;
  font-size: 1.2rem;
  color: hsl(351, 76.6%, 61.4%);
}
.activateForm .activateBlocks .activateBlock.status .activateStat.canActivate, .activateForm .activateBlocks .activateBlock.status .activateStat.activating {
  color: #57d93a;
}
.activateForm .activateBlocks .activateBlock .slabel, .activateForm .activateBlocks .activateBlock .unit {
  display: inline-block;
  font-size: 0.9rem;
  color: #6c757d;
  width: 3rem;
}
.activateForm .activateBlocks .activateBlock .unit {
  margin-left: 0.5rem;
}
.activateForm .activateBlocks .activateBlock span {
  white-space: nowrap;
}
.activateForm .activateBlocks .activateBlock .start.none span:not(.slabel), .activateForm .activateBlocks .activateBlock .end.none span:not(.slabel) {
  color: hsl(351, 76.6%, 61.4%) !important;
}
.activateForm .activateBlocks .activateBlock .start span:not(.slabel), .activateForm .activateBlocks .activateBlock .end span:not(.slabel) {
  font-weight: bold;
  font-size: 1.2rem;
  color: #01A1DD;
}
.activateForm .activateBlocks .activateBlock .days.none .usable, .activateForm .activateBlocks .activateBlock .days.none .remaining {
  color: hsl(351, 76.6%, 61.4%) !important;
}
.activateForm .activateBlocks .activateBlock .days span:not(.slabel):not(.unit) {
  font-weight: bold;
  font-size: 1.2rem;
  color: #01A1DD;
}
.activateForm .activate {
  width: 80%;
  margin-left: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 2rem 10% 3rem 10%;
}
.activateForm .activate .selectedDays {
  text-align: center;
}
.activateForm .activate .selectedDays span {
  color: #28a745;
  font-size: 1.1rem;
  font-weight: bold;
}
.activateForm .activate .submit {
  text-align: center;
}

.infoBody {
  padding-top: 2rem;
}
.infoBody table tr:first-child td, .infoBody table tr:first-child th {
  border-top: none;
}
.infoBody table td, .infoBody table th {
  border-top-width: 2px;
}

.tutorialBody {
  display: flex;
  flex-direction: column;
  padding: 2rem 3%;
}
.tutorialBody .tutorialTopics {
  color: #495057;
  font-weight: bold;
}
.tutorialBody.video {
  align-items: center;
}
.tutorialBody.links {
  padding: 0;
}
.tutorialBody .tutorialVideo {
  width: 70vw;
  height: 39.375vw;
}
.tutorialBody .tutorialVideo iframe {
  width: 100%;
  height: 100%;
}
.tutorialBody p:not(:last-child), .tutorialBody ul:not(:last-child) {
  margin-bottom: 2rem;
}
.tutorialBody p b, .tutorialBody ul b {
  color: #01A1DD;
}
.tutorialBody .tutorialLinks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.tutorialBody .tutorialLinks:not(:last-child) {
  border-bottom: 2px solid #dee2e6;
}/*# sourceMappingURL=views.css.map */