/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css ***!
  \********************************************************************************************************************************************************************************************************/
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css (1) ***!
  \************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css (2) ***!
  \************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* icon fontawesome css 4.7.0 loaded from CDN */
/* google font */
/* core bootstrap css 5.3.1 loaded from CDN */
/*@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css");*/
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  animation-delay: calc(1s * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  animation-delay: calc(1s * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  animation-delay: calc(1s * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  animation-delay: calc(1s * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  animation-duration: calc(1s / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  animation-duration: calc(1s * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  animation-duration: calc(1s * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: calc(1s * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}
/* Back exits */
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
/* Lightspeed */
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}
/* Rotating exits */
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}
/* Specials */
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}
/* Zooming entrances */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}
/* Zooming exits */
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}
/* Sliding entrances */
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}
/* Sliding exits */
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}
div.wowChart {
  margin : 5px;
}
div.wowChart h2 {
  margin : 0px;
  font-size : 14px;
  font-weight: normal;
  min-height: 20px;
}
div.wowChart h2:hover {
  background: #fcfaca;
  cursor: text;
}
div.wowChart a {
	 color : black;
     font-size : 14px;  
     text-decoration: none;
}
div.wowChart p {
	font-size : 13px;  
}
div.wowChart a:hover{cursor: pointer;}
div.wowChart ul {
  list-style : none;
  margin : 4px;
  padding : 0px;
  font-size : 0.8em;
  text-align : left;
}
div.wowChart ul.stack,
div.wowChart ul.stack ul { text-align : center; }
div.wowChart table { width : 100%; }
div.wowChart tr.lines td.line {
  width : 1px;
  height : 20px;
}
div.wowChart tr.lines td.top { border-top : 1px solid  black; }
div.wowChart tr.lines td.left { border-right : 1px solid  black; }
div.wowChart tr.lines td.right { border-left : 0px solid  black; }
div.wowChart tr.lines td.half { width : 50%; }
div.wowChart td {
  text-align : center;
  vertical-align : top;
  padding : 0px 2px;
}
div.wowChart div.node {
  cursor : default;
  border : 1px solid #e7e7e7;
  display : inline-block;
  padding : 5px;
  width : 115px;
  min-height : 140px;
  height : auto;
  background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%); /* W3C */
  line-height : 1.3em;
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  position: relative;
  box-shadow: 1px 1px 0px #ddd;
}
div.wowChart div.nodeMobile{
	height: 80px;
	font-size: 12px;
}
div.wowChart p {
	margin-bottom: 5px !important;
}
div.wowChart .img img {
  width: 50px;
  margin-bottom: 5px;
  border-radius: 35px;
  border: 1px solid #739e3c;
  object-fit: cover;
}
div.wowChart .img {
  margin: 0 auto;
  margin-top: 5px;
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
	z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}
/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}
input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	/* top: 1px; */
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	/* left: 1px; */
}
.ui-datepicker .ui-datepicker-next-hover {
	/* right: 1px; */
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
	vertical-align:baseline;
	margin:0 1%;
	height:20px;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}
.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;

	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
	z-index:99 !important;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #eaf0f7;
	background: #d0dae6;
	color: #fff;
	font-weight: bold;
}
.ui-widget-header select{border:0;}
.ui-widget-header a {
	color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #eaf0f7;
	background: #f1f5fa;
	font-weight: normal;
	color: #454545;
	text-align:center;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	/* border: 1px solid #cccccc;
	background: transparent;
	font-weight: normal;
	color: #2b2b2b; */
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}
.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #bcd2ff;
	background: #cfe4ff;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon-circle-triangle-w {
	background:url('datePrev.png')no-repeat 50%;
}
.ui-icon-circle-triangle-e{
	background:url('dateNext.png')no-repeat 50%;
}
/* .ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
} */
/* .ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
} */
/* .ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
} */
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
/* .ui-icon-circle-triangle-e { background-position: -48px -192px; } */
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
/* .ui-icon-circle-triangle-w { background-position: -80px -192px; } */
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}
/*------- 1. Intro -------*/
/*------- 2. Features -------*/
/*------- 3. About Us -------*/
/*------- 4. Set Product -------*/
/*------- 5. CTA -------*/
/*------- 6. Videos -------*/
/*------- 7. Notices -------*/
/*------- 1. Intro -------*/
@media all and (max-width: 767px) {
	#st-intro .slide a {
		/* min-height: 240px; */
		position: relative;
		overflow: hidden;
	}
	#st-intro .slide a img {
		/* position: absolute; */
		/* width: auto;
    height: auto;
    max-height: 100%; */
		/* height: 100%;
		width: auto;
		left: 50%;
		transform: translateX(-50%); */
	}	
}
#st-intro .featured-slider.on .slider-dots div span {
	
}
#st-intro .featured-slider.on .slider-dots div:not(.active) span {
	opacity: .5;
}
@media all and (max-width: 575px) {
	#st-intro .featured-slider.on .slider-dots div span {
		width: 7px;
		height: 7px;
	}
	#st-intro .featured-slider.on .slider-dots div.active span {
		width: 28px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-intro .featured-slider.on .slider-dots div span {
		width: 8px;
		height: 8px;
	}
	#st-intro .featured-slider.on .slider-dots div.active span {
		width: 32px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-intro .featured-slider.on .slider-dots div span {
		width: 9px;
		height: 9px;
	}
	#st-intro .featured-slider.on .slider-dots div.active span {
		width: 36px;
	}
}
@media all and (min-width: 992px) {
	#st-intro .featured-slider.on .slider-dots div span {
		width: 10px;
		height: 10px;
	}
	#st-intro .featured-slider.on .slider-dots div.active span {
		width: 40px;
	}
}
/*------- 2. Features -------*/
@media all and (max-width: 575px) {
	#st-features {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-features {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-features {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}
@media all and (min-width: 992px) {
	#st-features {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
/* #st-features .container {
	padding-top: 0;
	padding-bottom: 0;
}

 */
#st-features .col-feature {
	position: relative;
	text-align: center;
	padding-left: 3%;
	padding-right: 3%;	
}
@media all and (max-width: 575px) {
	#st-features .col-feature.certification, 
	#st-features .col-feature.business-information {
		margin-bottom: 40px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-features .col-feature.certification, 
	#st-features .col-feature.business-information {
		margin-bottom: 50px;
	}
}
@media all and (min-width: 768px) {
	#st-features .col-feature:not(:last-child) {
		border-right: 1px solid rgba(0,0,0,.05);
	}
}
#st-features .col-feature .icon svg {
	height: 100%;
}
#st-features .col-feature .icon svg path {
	fill: #2A2E46;
	transition: all ease-in-out .3s;
}
#st-features .col-feature:hover .icon svg path {
	fill: #EF780B;
}
@media all and (max-width: 575px) {
	#st-features .col-feature .icon {
		height: 50px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-features .col-feature .icon {
		height: 55px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-features .col-feature .icon {
		height: 60px;
	}
}
@media all and (min-width: 992px) {
	#st-features .col-feature .icon {
		height: 70px;
	}
}
#st-features .col-feature h4 {
	color: #2A2E46;
	font-weight: 700;
	margin-bottom: 10px;	
	transition: all ease-in-out .3s;
}
#st-features .col-feature:hover h4 {
	color: #EF780B;
}
#st-features .col-feature p {
	color: #2A2E46;
	opacity: .5;
	margin-bottom: 0;
	transition: all ease-in-out .3s;
}
@media all and (max-width: 575px) {
	#st-features .col-feature .icon {
		margin-bottom: 22.5px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-features .col-feature .icon {
		margin-bottom: 25px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-features .col-feature .icon {
		margin-bottom: 27.5px;
	}
}
@media all and (min-width: 992px) {
	#st-features .col-feature .icon {
		margin-bottom: 30px;
	}
}
/*------- 3. About Us -------*/
@media all and (max-width: 575px) {
	#st-about-us .container {
		padding-bottom: 60px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-about-us .container {
		padding-bottom: 80px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-about-us .container {
		padding-bottom: 100px;
	}
}
@media all and (min-width: 992px) {
	#st-about-us .container {
		padding-bottom: 40px;
		border-bottom: 1px solid #2A2E46;
	}
}
#st-about-us .w-video {
	overflow: hidden;
	box-shadow: 0px 15px 20px rgba(0,0,0,.1);
}
#st-about-us .w-video:hover {
	box-shadow: 0px 25px 30px rgba(0,0,0,.15);
}
@media all and (min-width: 768px) and (max-width: 991px) {
	/* #st-about-us .w-video {
		border-top-right-radius: 70px;
		border-bottom-left-radius: 70px;
	} */
}
@media all and (min-width: 992px) {
	/* #st-about-us .w-video {
		border-top-right-radius: 80px;
		border-bottom-left-radius: 80px;
	} */

	#st-about-us .ytp-iframe {
		border-top-right-radius: 50px;
		border-bottom-left-radius: 50px;
	}
}
#st-about-us .w-video.onplay {
	border-radius: 0;
}
#st-about-us .video-wrapper {
	height: 350px;
}
#st-about-us .ytp-iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0px 15px 20px rgb(0 0 0 / 10%);
}
@media all and (max-width: 575px) {
	#st-about-us .col-video {
		margin-bottom: 40px;
	}
	#st-about-us .col-text {
		text-align: center;
		padding-left: 4%;
		padding-right: 4%;
	}
	#st-about-us .col-text .w-btn {
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-about-us .col-video {
		margin-bottom: 50px;
	}
	#st-about-us .col-text {
		text-align: center;
	}
	#st-about-us .col-text .w-btn {
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (min-width: 768px) {
	#st-about-us .col-video {
		width: 44%;
		margin-right: 6%;
		border-top:1px solid rgba(0,0,0,.1);
	}
	#st-about-us .col-text {
		width: 44%;
		padding-left: 6%;
		border-left: 1px solid #2A2E46;
	}
	#st-about-us .col-text::after {
		content : "";
		position: absolute;
		height  : 1px;
		width   : 40%;  /* or 100px */
		border-top:1px solid rgba(0,0,0,.1);
	}
}
#st-about-us .col-text .heading {
	margin-bottom: 20px;
}
#st-about-us .col-text .heading h2 {
	font-weight: bold;
}
#st-about-us .col-text .heading span {
	opacity: .5;
}
#st-about-us .col-text p {
	margin-bottom: 30px;
}
#st-about-us .col-text .w-btn {
	min-width: 150px;
	border-radius: 100px;
}
@media all and (max-width: 575px) {
	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	
}
@media all and (min-width: 768px) and (max-width: 991px) {
	
}
@media all and (min-width: 992px) {
	#st-about-us .col-text {
		display: flex;
	}
	
	#st-about-us .col-text .content {
		margin-top: auto;
		margin-bottom: auto;
		padding-bottom: 30px;
	}
}
.elements {
	position: absolute;
	height: 100%;
	z-index: -1;	
	top: 0;
}
.elements .element {
	position: absolute;
	height: auto;
}
@media all and (max-width: 991px) {
	#st-about-us .elements {
		width: 100%;
		left: 0;
	}
	#st-about-us .elements .dots-vertical {
		width: 6%;
		max-width: 50px;
		left: 2%; 
		top: -10%;
	}
	#st-about-us .elements .dots-horizontal {
		width: 24%;
		max-width: 140px;
		right: -2%;
		bottom: 6%;
	}
}
@media all and (min-width: 992px) {
	#st-about-us .elements {
		max-width: 1200px;
		width: 92%;
		left: 50%;
		transform: translateX(-50%);
	}

	#st-about-us .elements .dots-vertical {
		width: 6%;
		left: -8%; 
		top: 8%;
	}
	
	#st-about-us .elements .dots-horizontal {
		width: 16%;
		right: 0;
		bottom: 6%;
	}
}
/*------- 4. Product Sets -------*/
#st-product-sets .container {
	position: relative;
}
@media all and (max-width: 575px) {
	#st-product-sets .container {
		padding-bottom: 70px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-product-sets .container {
		padding-bottom: 80px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-product-sets .container {
		padding-bottom: 90px;
	}
}
@media all and (min-width: 992px) {
	#st-product-sets .container {
		padding-bottom: 100px;
	}
}
#st-product-sets .heading {
	text-align: center;
}
#st-product-sets .heading span {
	opacity: .5;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
@media all and (max-width: 575px) {
	#st-product-sets .heading {
		margin-bottom: 30px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-product-sets .heading {
		margin-bottom: 40px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-product-sets .heading {
		margin-bottom: 50px;
	}
}
@media all and (min-width: 992px) {
	#st-product-sets .heading {
		margin-bottom: 60px;
	}
}
#st-product-sets .set {
	text-align: center;	
	background: #FFF;
}
#st-product-sets .set .w-btn span {
	color: #242529;
}
#st-product-sets .set:hover .w-btn span {
	color: #739E3C;
}
@media all and (max-width: 991px) {
	#st-product-sets .set:hover .w-btn.hover-icon-btn span {
		transform: translateX(0);
	} 

	#st-product-sets .set:hover .w-btn.hover-icon-btn .hover-icon {
		width: 0;
		opacity: 0;
	}
}
@media all and (min-width: 992px) {
	#st-product-sets .set:hover .w-btn.hover-icon-btn span {
		transform: translateX(-5px);
	} 

	#st-product-sets .set:hover .w-btn.hover-icon-btn .hover-icon {
		width: 18px;
		opacity: 1;
		transform: translateX(5px);
	}
}
#st-product-sets .set p {
	color: #242529;
	opacity: .5;
}
@media all and (max-width: 575px) {
	#st-product-sets .set {
		padding: 0 5px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-product-sets .set {
		padding: 0 7.5px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-product-sets .set {
		padding: 0 10px;
	}
}
@media all and (min-width: 992px) {
	#st-product-sets .set {
		width: 31%;		
		margin-bottom: 40px;
		transition: all ease-in-out .3s;
	}
	#st-product-sets .set:hover {
		transform: translateY(-20px);
	}
	#st-product-sets .set:not(:nth-child(3n)) {
		margin-right: 3.5%;
	}	
}
#st-product-sets .set a {
	display: block;
}
@media all and (max-width: 575px) {
	#st-product-sets .set a {
		overflow: hidden;
		border-radius: 20px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-product-sets .set a {
		overflow: hidden;
		border-radius: 25px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-product-sets .set a {
		overflow: hidden;
		border-radius: 30px;
	}
}
@media all and (min-width: 992px) {
	#st-product-sets .set {
		overflow: hidden;
		border-radius: 40px;
	}
	#st-product-sets .set:hover {
		box-shadow: 0px 5px 25px rgba(0,0,0,.1);
	}
	#st-product-sets .set a {
		padding-bottom: 40px;
	}	
}
@media all and (max-width: 575px) {
	#st-product-sets .featured-slider {
		padding-bottom: 40px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-product-sets .featured-slider {
		padding-bottom: 45px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-product-sets .featured-slider {
		padding-bottom: 50px;
	}
}
#st-product-sets .featured-slider .slider-dots {
	bottom: 0;
}
#st-product-sets .featured-slider .slider-dots .dot span {
	box-shadow: none;
	background: #E4E3E5;
}
#st-product-sets .featured-slider .slider-dots .dot.active span {
	width: 10px;
	background: #242529;
}
#st-product-sets .featured-slider .prev {
	left: 0;
}
#st-product-sets .featured-slider .next {
	right: 0;
}
#st-product-sets .elements {
	width: 100%;
	top: 0;
	left: 0;
}
@media all and (max-width: 991px) {	
	#st-product-sets .elements .circle-green-stripes {
		width: 6%;
		left: -3%; 
		top: -5%;
	}
	#st-product-sets .elements .triangle-orange {
		width: 25px;
		left: 10%;
		top: 10%;
	}
	#st-product-sets .elements .wave-green {
		width: 8%;
		right: 2.5%;
		bottom: 10%;
	}
	#st-product-sets .elements .circle-orange {
		width: 3%;
		right: -1%;
		top: 10%;
	}
	#st-product-sets .elements .rhombus-border {
		width: 20px;
		right: 15%;
		bottom: 10%;
	}
}
@media all and (min-width: 992px) {
	#st-product-sets .elements .circle-green-stripes {
		width: 6%;
		left: -3%; 
		top: 10%;
	}
	#st-product-sets .elements .triangle-orange {
		width: 30px;
		left: 7.5%;
		top: 35%;
	}
	#st-product-sets .elements .wave-green {
		width: 8%;
		right: 5%;
		top: 10%;
	}
	#st-product-sets .elements .circle-orange {
		width: 3%;
		right: -1%;
		top: 10%;
	}
	#st-product-sets .elements .rhombus-border {
		width: 40px;
		right: 5%;
		bottom: 10%;
	}
}
/*------- 5. CTA -------*/
#st-cta {
	position: relative;
	height: 420px;
	margin-bottom: 50px;
}
#st-cta .container {
	padding: 40px 0;
	height: 100%;
}
#st-cta .container .row {
	align-items: center;
	position: absolute;	
	bottom: 0;
}
#st-cta .container .content {
	background-color: #fff;
	padding: 40px;
}
#st-cta h4 {
	color: #2A2E46;
	padding-bottom: 10px;
	font-size: 32px;
}
@media all and (max-width: 575px) {
	#st-cta h4 {
		margin-bottom: 15px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-cta h4 {
		margin-bottom: 20px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-cta h4 {
		margin-bottom: 25px;
	}
}
@media all and (max-width: 991px) {
	#st-cta h4 {
		max-width: 90%;
	}
	#st-cta {
		position: none;
	}
}
@media all and (min-width: 992px) {
	#st-cta h4 {
		margin-bottom: 0;
	}
}
#st-cta .w-btn {
	border-radius: 100px;
	min-width: 110px;
	max-width: 110px;
	align-items: center;
	margin-top: 50px;
}
#st-cta .w-btn span {
	margin-right: 10px;
}
#st-cta .w-btn .icon {
	height: 16px;
}
#st-cta .w-btn .icon img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
@media all and (max-width: 991px) {
	#st-cta .container .row {
		text-align: center;
		justify-content: center;
	}
}
@media all and (min-width: 992px) {


}
#st-cta .background {	
	position: absolute;
	background-image: url("/assets/img/home/element-1.png");
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0; left: 0;
	z-index: -1;
}
@media all and (max-width: 575px) {
	#st-cta .background {
		display: block;
		position: absolute;
		background-image: url("/assets/img/home/element-2.png");
		width: 100%;
		height: 100%;
		overflow: hidden;
		top: 50; left: 50;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-cta .background {
		position: absolute;
		background-image: url("/assets/img/home/element-2.png");
		width: 100%;
		height: 100%;
		overflow: hidden;
		top: 50; left:50;
	}
}
@media all and (max-width: 991px) {
	#st-cta .container .row  {
		/* position: relative; */
	}
}
/*------- 6. Videos -------*/
#st-video {
    position: relative;
}
#st-video .standard-heading h2 {
	font-weight: 600;
}
#st-video .featured-slider .nav {
	border-radius: 0;
	background: rgba(0,0,0,.1);
}
#st-video .featured-slider .nav:hover {
	background: rgba(0,0,0,.2);
}
@media all and (max-width: 575px) {
	#st-video .container {
		padding: 70px 0;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-video .container {
		padding: 80px 0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-video .container {
		padding: 90px 0;
	}
}
@media all and (min-width: 992px) {
	#st-video .container {
		padding: 100px 0;
	}
}
#st-video .slide .w-youtube-video {
    box-shadow: 0px 5px 10px rgba(0,0,0,.1);
	margin-bottom: 20px;
	transition: all ease-in-out .3s;
}
#st-video .slide .w-youtube-video:hover {
    box-shadow: 0px 5px 10px rgba(0,0,0,.2);
}
@media all and (max-width: 575px) {
	#st-video .container {
		width: calc(92% + 10px);
	}
	#st-video .standard-heading {
		padding-left: 5px;
		padding-right: 5px;
	}

	#st-video .featured-slider .slide {
		padding: 0 5px;
	}
	#st-video .featured-slider .prev {
		left: 5px;
	}

	#st-video .featured-slider .next {
		right: 5px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-video .container {
		width: calc(92% + 15px);
	}
	#st-video .standard-heading {
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
	#st-video .featured-slider .slide {
		padding: 0 7.5px;
	}
	#st-video .featured-slider .prev {
		left: 7.5px;
	}
	#st-video .featured-slider .next {
		right: 7.5px;
	}
}
@media all and (min-width: 768px) {
	#st-video .container {
		width: calc(92% + 20px);
		max-width: 1220px;
	}
	#st-video .standard-heading {
		padding-left: 10px;
		padding-right: 10px;
	}
	#st-video .featured-slider .slide {
		padding: 0 10px;
	}	
	#st-video .featured-slider .prev {
		left: 10px;
	}
	#st-video .featured-slider .next {
		right: 10px;
	}
}
@media all and (max-width: 575px) {
	#st-video .featured-slider .nav {
		width: 20px;
		height: 20px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	
}
@media all and (min-width: 768px) and (max-width: 991px) {
	
}
@media all and (min-width: 992px) {
	#st-video .featured-slider .nav {
		width: 30px;
		height: 30px;
	}
}
#st-video .elements {
	width: 100%;
}
@media all and (max-width: 991px) {
	#st-video .elements .dots-horizontal {
		width: 12.5%;
		min-width: 100px;
		bottom: 15%;
		left: -5%;
	}
	#st-video .elements .triangle-green {
		width: 5%;
		max-width: 16px;
		bottom: 10%;
		right: 15%;
	}
}
@media all and (min-width: 992px) {
	#st-video .elements .dots-horizontal {
		width: 10%;
		bottom: 15%;
		left: -5%;
	}
	#st-video .elements .triangle-green {
		max-width: 20px;
		width: 5%;
		bottom: 15%;
		right: 5%;
	}
}
#st-video .slide .post-title {
	margin-bottom: 2px;
}
#st-video .slide .post-info {
	opacity: .5;
}
@media all and (max-width: 767px) {
	#st-video .slide .post-title {
		font-size: 14px;
	}
	#st-video .slide .post-info {
		font-size: 12px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-video .slide .post-title {
		font-size: 15px;
	}
	#st-video .slide .post-info {
		font-size: 13px;
	}
}
@media all and (min-width: 992px) {
	#st-video .slide .post-title {
		font-size: 16px;
	}
	#st-video .slide .post-info {
		font-size: 14px;
	}
}
/*------- 7. Notice -------*/
#st-notice .standard-heading h2 {
	font-weight: 600;
}
@media (max-width: 575px) {
	#st-notice {
		margin-bottom: 80px;
	}	
}
@media (min-width: 576px) and (max-width: 767px) {
	#st-notice {
		margin-bottom: 100px;
	}	
}
@media (min-width: 768px) and (max-width: 991px) {
	#st-notice {
		margin-bottom: 120px;
	}	
}
@media (min-width: 992px) {
	#st-notice {
		margin-bottom: 140px;
	}
}
#st-notice .standard-heading {
	margin-top: 50px;

}
#st-notice .standard-heading::after {
	content : "";
	position: absolute;
	height  : 1px;
	width   : 23%;  /* or 100px */
	border-top:1px solid rgba(0,0,0,.1);
}
#st-notice .notices {
	border-left: 1px solid rgba(0,0,0,.1);
}
#st-notice .notices ul {
	list-style: none;
	padding: 0;
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 50px;
}
@media all and (max-width: 575px) {
	#st-notice .notices ul {
		margin-bottom: 20px;
		margin-top: 0;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-notice .notices ul {
		margin-bottom: 25px;
	}
}
@media all and (min-width: 768px) {
	#st-notice .notices ul {
		margin-bottom: 30px;
	}
}
#st-notice .notices ul li .post-title {
	display: flex;
	align-items: center;
}
#st-notice .notices ul li {
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
#st-notice .notices ul li .right {
	align-items: center;
}
#st-notice .notices .post-info {
	opacity: .5;
}
@media all and (max-width: 767px) {
	#st-notice .notices .post-info {
		font-size: 12px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-notice .notices .post-info {
		font-size: 13px;
	}
}
@media all and (min-width: 992px) {
	#st-notice .notices .post-info {
		font-size: 14px;
	}
}
@media all and (max-width: 575px) {
	#st-notice .notices ul li {
		padding-left: 0px;
		padding-bottom: 12.5px;
		padding-top: 12.5px;
	}
	#st-notice .standard-heading::after {
		content : "";
		position: absolute;
		top: 30px;
		left: 0;
		height  : 1px;
		width   : 100%;  /* or 100px */
		border-top:1px solid rgba(0,0,0,.1);	
	}

	#st-notice .standard-heading {
		padding-left: 0px;
		padding-bottom: 12.5px;
		padding-top: 12.5px;
	}
	#st-notice .notices {
		border-left: none;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-notice .notices ul li {
		padding-left: 10px;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	#st-notice .standard-heading::after {
		content : "";
		position: absolute;
		top: 30px;
		left: 0;
		height  : 1px;
		width   : 100%;  /* or 100px */
		border-top:1px solid rgba(0,0,0,.1);	
	}

	#st-notice .standard-heading {
		padding-left: 0px;
		padding-bottom: 12.5px;
		padding-top: 12.5px;
	}
	#st-notice .notices {
		border-left: none;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-notice .notices ul li {
		padding-left: 15px;
		padding-bottom: 17.5px;
		padding-top: 17.5px;
	}
}
@media all and (min-width: 992px) {
	#st-notice .notices ul li {
		margin: 0 40px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	#st-notice .standard-heading h2 {
		margin: 0 40px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}
#st-notice .notices ul li .post-icon path {
	fill: #EF780B;
	transition: all ease-in-out .3s;
}
#st-notice .notices ul li .post-title, t
#st-notice .notices ul li .post-date {
	padding-top: 2px;
}
#st-notice .notices ul li .post-title {
	color: #242529;
	transition: all ease-in-out .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	padding-right: 10px;
}
#st-notice .notices ul li .post-title:hover {
	color: #8DB03F;
}
#st-notice .notices ul li .post-download path {
	fill: #5F9FFF;
	transition: all ease-in-out .3s;
}
#st-notice .notices ul li .post-download:hover path {
	fill: #0148FF;
}
@media all and (max-width: 575px) {
	#st-notice .notices ul li .post-icon, 
	#st-notice .notices ul li .post-download {
		margin-right: 10px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#st-notice .notices ul li .post-icon, 
	#st-notice .notices ul li .post-download {
		margin-right: 12.5px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#st-notice .notices ul li .post-icon, 
	#st-notice .notices ul li .post-download {
		margin-right: 15px;
	}
}
@media all and (min-width: 992px) {
	#st-notice .notices ul li .post-icon, 
	#st-notice .notices ul li .post-download {
		margin-right: 17.5px;
	}
}
#st-notice .notices ul li.new .post-icon path {
	fill: #EF780B;
}
#st-notice .notices ul li.new .post-title {
	color: #EF780B;
}
#st-notice .notices .pagination {
	justify-content: center;
}
/*------- 1. Announcements -------*/
/*------- 2. Average Sponsorship Allowance Notice -------*/
/*------- 3. FAQs -------*/
/*------- 4. Archives -------*/
@media all and (max-width: 991px) {
	#help-center .main-container {
        width: 100%;
    }
    #help-center .main-body {
        padding: 0px 4%;
    }
}
#help-center .heading-bg {
    background: #F1F5EB;
}
#help-center .heading h2.h-small {
    margin-bottom: 0;
}
@media all and (min-width: 768px) {    
    #help-center .heading-bg {
        display: flex;
        align-items: center;
        padding: 10px 30px;
        margin-bottom: 30px;
    }
    #help-center .heading-bg .search {
        display: flex;
        background: #fff;
        border-radius: 20px;
        padding: 5px 10px 5px 18px;
    }
}
@media all and (max-width: 767px) {    
    #help-center .heading-bg {
        padding: 10px 20px;
        margin-bottom: 30px;
    }    
    #help-center .heading-bg h2 {
        display: none;
    }
    #help-center .heading-bg .search input {
        width: 100%;
    }
}
#help-center .heading-bg .search {
    display: flex;
    background: #fff;
    border-radius: 20px;
    padding: 5px 10px 5px 18px;
}
#help-center .heading-bg .search input {
    border: none;
    background: transparent;
}
@media all and (max-width: 767px) { 
    /* #help-center {
        padding-top: 20px;
    } */
    /* #help-center .heading {
       margin-top: 10px;
    } */
    #help-center .content-row {
        margin-top: 15px;
    }
}
@media all and (min-width: 768px) and (max-width: 991px) {
    /* #help-center {
        padding-top: 20px;
    } */
    /* #help-center .heading {
       margin-top: 15px;
    } */
    #help-center .content-row {
        margin-top: 20px;
    }
}
@media all and (min-width: 992px) {
    /* #help-center .heading {
       margin-top: 20px;
    } */
    #help-center .content-row {
        margin-top: 30px;
    }
}
/* table notice */
#help-center .notice-grid {
    margin-bottom: 35px;
}
#help-center table.notices tr {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
#help-center table.notices tr:hover {
    cursor: pointer;
}
#help-center table.notices tr th {
    white-space: nowrap;
}
#help-center table.notices tr td,
#help-center table.notices tr th {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
#help-center table.notices tr td {
    position: relative;
}
@media all and (min-width: 992px) {
    #help-center table.notices tr:hover td .post-icon::before {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        background: #EF780B;
        width: 5px;
        height: 100%;
        transition: all ease-in-out .3s;
    
    }
}
@media all and (min-width: 576px) and (max-width: 991px) {
    #help-center table.notices tr:hover td .post-icon::before {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        background: #EF780B;
        width: 3px;
        height: 100%;
        transition: all ease-in-out .3s;
    
    }
}
#help-center table.notices tr td .post-title {
    font-weight: 600;
    color: #242529;
	transition: all ease-in-out .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}
#help-center table.notices tr td .post-title a {
    color: #242529;
}
#help-center table.notices tr td .post-title {
    text-align: left;
}
#help-center table.notices tr:hover td .post-title {
    color: #FB9B51;
}
#help-center table.notices tr td .post-download path {
    fill: #5F9FFF;
    transition: all ease-in-out .3s;
}
#help-center table.notices tr:hover td .post-download path {
    fill: #0148FF;
}
#help-center table.notices .post-date,
#help-center table.notices .post-author {
    white-space: nowrap;
}
@media all and (max-width: 575px) {
	#help-center .notices .post-icon, 
	#help-center .notices .post-title, 
	#help-center .notices .post-download, 
	#help-center .notices .post-author {
		padding-right: 10px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#help-center .notices .post-icon,  
	#help-center .notices .post-title,  
	#help-center .notices .post-author,
	#help-center .notices .post-download, 
	#help-center .notices .post-number {
		padding-right: 12.5px;
	}
}
/* 4. FAQS */
/* tabs */
#help-center .tabs {
    margin-bottom: 15px;

}
#help-center .tab {
	display: flex;
	position: relative;
	align-items: center;
    cursor: pointer;
}
#help-center .tab.active:after {
    width: 100%;
    opacity: 1;
}
#main-nav .sub-menu-item.active a {
    color: #FB9B51 !important;		
}
#help-center .tab:after {
    background: #FFB57B;
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    opacity: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease-in-out .3s;
}
#help-center .tab:hover:after {
    width: 100%;
    opacity: 1;
}
#help-center .tab {
		padding-left: 15px;
		padding-right: 15px;
        padding-bottom: 5px;
		margin-right: 10px;
		margin-bottom: 15px;
}
#help-center .tab:last-child {
    margin-right: 0;
}
#help-center .faqs-content .info {
    border-left: 2px solid #FB9B51;
    padding: 30px;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
}
#help-center .faqs-content .info .btn-expand {
	cursor: pointer;
}
#help-center .faqs-content .info .btn-expand.expanded {
    margin-bottom: 20px;
}
#help-center .faqs-content .info .info-content {
	max-height: 320px;
	overflow-x: hidden;	
	padding-right: 40px;
	display: none;
}
#help-center .faqs-content .info .info-content.opened {
	display: block;
}
#help-center .faqs-content .info-heading {
    display: flex;
    align-items: center;
}
#help-center .faqs-content .info-heading h2 {
    margin-bottom: 0;
}
#help-center table.notices tr td:nth-child(2), #help-center table.notices tr th:nth-child(2) {
    width: 50%;
}
@media (max-width: 991px) {
	#help-center .main-heading {
		display: none;
	}
}
@media (min-width: 992px) {
	#help-center .main-container {
    padding: 20px 0;
}
}
@media (min-width: 992px) {
    #qna .qna-table td:nth-child(2) {
        min-width: 250px;
    }
}
#qna .qna-table td:nth-child(4), 
#qna .qna-table td:nth-child(5){
    text-align: center;
}
.post-meta .label {
    padding-right: 10px;
    color: rgba(0, 0, 0, .8);
    font-weight: bold;
}
/*------- Mobile Menu Toggle -------*/
.menu-toggle {
	display: flex;
	margin-right: 0;
	/* margin-left: auto; */
}
@media all and (max-width: 991px) {
	#mobile-toggle {
		display: flex;
		margin-left: auto;
	}	
	.menu-toggle {
		width: 100%;
		height: 30px;
	}
	.mobile-lang-switcher{
		display: none !important;
	}
}
@media all and (min-width: 992px) {
	#mobile-toggle {
		display: none;
	}		
	
}
#mobile-toggle {
	margin-top: auto;
	margin-bottom: auto;
	transition: all ease-in-out .3s;
	padding: 0;
}
@media all and (max-width: 575px) {
	#mobile-toggle {
		width: 30px; 
		height: 30px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#mobile-toggle {
		width: 32px; 
		height: 32px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#mobile-toggle {
		width: 34px; 
		height: 34px;
	}	
}
@media all and (max-width: 991px) {
	#main-header {
		background: white;
	}	
	#main-header .search-product .btn-search-open path {
		stroke: #454F5F;
	}	
	#main-header .search-product .btn-search-close path {
		fill: #454F5F;
	}
}
.row.main-menu > li{
	padding-left: 0;
	padding-right: 0;
}
#main-header ul {
	margin: 0;
	padding: 0;
}
#top-menu {	
	position: relative;
	color: #fff;
	font-size: 13px;
	
}
/* #top-menu::after {	
	content: '';
	position: absolute;
	bottom: 0px;
	left: 2%;
	width: 96%;
	border-bottom: 1px solid #EFEDF7;
} */
#top-menu .container {
	margin-left: auto !important;
	margin-right: auto !important;
	border-bottom: 1px solid #EFEDF7;
}
#top-menu a {	
	color: #2E3144;
	transition: all ease-in-out .3s;
}
#top-menu .container {
	padding-top: 0;
	padding-bottom: 0;
}
#top-menu li {
	display: block;
	position: relative;
	display: flex;
}
#top-menu .center-nav li {
	height: 15px;
	margin-top: 45px;
	margin-bottom: 40px;
}
#top-menu .center-nav li:not(:last-child) {
	border-right: 1px solid rgba(46, 49, 68, 0.2);
}
#top-menu a {
	/* padding: 0 15px; */
    /* padding: 0px 0px 0px 20px; */
	align-items: center;	
	text-transform: uppercase;	
}
/*------ Center Nav ------*/
#top-menu .center-nav .menu-item a {
	padding: 0 15px;
	color: #2E3144;
	opacity: 0.5;
}
#top-menu .center-nav .menu-item.active a, 
#top-menu .center-nav .menu-item:hover a {
	color: #2E3144;
	opacity: 1;
}
/**********************************/
#top-menu label {
	display: block;
	padding: 10px;	
}
#top-menu label span {
	color: #F05438;
}
#top-menu .color-part, 
#top-menu .solid-part {
	fill: rgba(255,255,255,.5);
	transition: all ease-in-out .3s;
}
#top-menu .menu-item a:hover .color-part, 
#top-menu .menu-item a:hover .solid-part {
	/*fill: #F05438;*/
	fill: #fff;
}
/*----- Menu Item Cart -----*/
#main-header .menu-item.cart .total-amount {
	margin-right: 10px;
}
#main-header .menu-item.cart .quantity {
	background: #F88125;
	border-radius: 25px;
	width: 20px;
	height: 20px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
	
}
#main-header .menu-item.cart .quantity span {
	display: flex;
	width: 100%; 
	height: 100%;
	justify-content: center;
	align-items: center;	
	font-size: 11px;
	line-height: 1em;
	color: #FFF;
}
/**********************************/
#top-menu a {
	display: flex;	
}
#top-menu a * {
	margin-top: auto;
	margin-bottom: auto;
}
#top-menu a .icon {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
#top-menu label {
	display: block;
	padding: 10px;	
}
@media all and (max-width: 991px) {
	#top-menu {
		display: none;
	}
}
#main-menu {
	position: relative;
}
/*------- Mobile Logo -------*/
@media all and (max-width: 991px) {
	#mobile-logo {
		height: 30px;
	}		
	#mobile-logo img{
		height: 30px;
		margin-right: auto;
		width: auto;
	}

}
@media all and (min-width: 992px) {
	#mobile-logo {
		display: none;
	}		
	
}
/*------- Mobile Menu Toggle -------*/
@media all and (max-width: 575px) {
	.mobile-toggle {
		width: 30px; 
		height: 30px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.mobile-toggle {
		width: 32px; 
		height: 32px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.mobile-toggle {
		width: 34px; 
		height: 34px;
	}	
}
/*** CROSS BURGER MENU EFFECT ***/
.cross_hamburger_menu {
  	position: relative;
  	display: block;
  	box-sizing: border-box;
  	cursor: pointer;
  	clear: both;
	margin: auto;	
}
.cross_hamburger_menu {
	width: 24px;
	height: 50%;
}
.mobile-toggle.opened .cross_hamburger_menu div:first-child {
	transform: rotate(45deg);
	width: 80%;
}
.mobile-toggle.opened .cross_hamburger_menu div:last-child {
	transform: rotate(-45deg);
	width: 80%;
}
.mobile-toggle.opened .cross_hamburger_menu div:not(:first-child):not(:last-child) {
  	opacity: 0; 
}
.cross_hamburger_menu div {
	position: absolute;
  	background: #454F5F;
  	width: 100%;
  	height: 2px;
  	transition: 0.3s cubic-bezier(0,.01,.52,.99);
  	transform: 0;
  	transform-origin: center;
}
.cross_hamburger_menu div:nth-child(1) {
	top: 0;
	transform-origin: top left;
}
.cross_hamburger_menu div:nth-child(2) {
	top: 50%; transform: translateY(-50%);
}
.cross_hamburger_menu div:nth-child(3) {
	bottom: 0;
	transform-origin: bottom left;
}
/*------- Mobile Menu -------*/
#mobile-menu {
	position: absolute;
	width: 100vw;
	right: 0;
	top: 100%;
	z-index: 600;
	display: flex;
	transition: all ease-in-out .5s;
	opacity: 1;
    z-index: 999;
}
#mobile-menu.closed {
	top: -150vh;
	opacity: 0;
}
@media all and (max-width: 575px) {
	#mobile-menu {
		height: calc(100vh - 61px);
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#mobile-menu {
		height: calc(100vh - 69px);
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#mobile-menu {
		height: calc(100vh - 77px);
	}	
}
#mobile-menu .mobile-menu-container {
	width: 100%;
	margin-right: 0;
	margin-left: auto;
	background: #FFF;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
#mobile-menu ::-webkit-scrollbar {
	display: none;
}
#mobile-menu ul {
	padding: 0;
	list-style: none;
}
#mobile-menu .mobile-toggle-off {
	display: flex;
	align-items: center;
	cursor: pointer;
}
#mobile-menu .btn-open-sub {
	display: flex;
	align-items: center;
	margin-right: 6px;
}
#mobile-menu .menu-item .level-1 span {
	font-size: 16px;
}
#mobile-menu .level-1 .btn-open-sub {
	margin-right: 0;
	margin-left: auto;
	display: flex;
	transition: all ease-in-out .3s;	
}
#mobile-menu .level-1 svg,
#mobile-menu .level-1 span {
	margin-top: auto;
	margin-bottom: auto;
}
#mobile-menu .level-1 span {
	font-size: 15px;
}
#mobile-menu .level-2 span {
	font-size: 14px;
}
/*--------- Mobile Top Menu ---------*/
#mobile-top-menu {
    background: #2A2E46;
}
#mobile-top-menu .container {
	padding: 0;
}
#mobile-top-menu .controls {
	margin-bottom: 25px;
}
/* nghi fix row have padding left and right base on core bootstrap 5.3*/
.mobile-sites-nav > .row{
	flex-wrap:nowrap !important;
	justify-content: start;
}
.mobile-sites-nav ul li > .row, .mobile-lang-switcher .row, #mobile-bottom-menu .row > *{
	--bs-gutter-x: 0;
}
/*------------*/
#mobile-top-menu .mobile-sites-nav ul li {
	flex: 0 0 auto;
    width: auto;    
    opacity: .5;
    transition: all ease-in-out .3s;
}
#mobile-top-menu .mobile-sites-nav ul li.active {
	opacity: 1;
}
#mobile-top-menu .mobile-sites-nav ul li a {
	align-items: center;  
    padding: 20px 10px;  
}
#mobile-top-menu .mobile-sites-nav ul li a .icon {
    margin-right: 5px;
}
#mobile-top-menu .mobile-sites-nav ul li:not(.active) a .icon .dot-core {
    display: none;
}
#mobile-top-menu .mobile-sites-nav ul li:not(.active) a .icon .dot-bg {
    stroke: rgba(255,255,255,.8);
    fill: none;
}
#mobile-top-menu .mobile-sites-nav ul li a span {
	padding-top: 2px;
    color: #FFF;
}
@media all and (max-width: 575px) {
	#mobile-top-menu .mobile-sites-nav ul li:not(:last-child) {
        margin-right: 20px;
        padding: 0 10px;
    }
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#mobile-top-menu .mobile-sites-nav ul li:not(:last-child) {
        margin-right: 25px;
    }
}
@media all and (min-width: 768px)  {
	#mobile-top-menu .mobile-sites-nav ul li:not(:last-child) {
        margin-right: 30px;
    }
}
#mobile-top-menu ul li:not(:last-child) a {
	border-right: 1px solid rgba(0,0,0,.1);
}
#mobile-top-menu ul li.active a {	
	color: rgba(255,255,255,1);
	font-weight: 600;
}
#mobile-top-menu .mobile-lang-switcher img {
    height: 16px;
    width: 16px;
    margin-right: 10px;
}
#mobile-top-menu .mobile-lang-switcher .selected {
    color: #FFF;
    align-items: center;
    padding: 20px 0;
}
#mobile-top-menu .mobile-lang-switcher .selected span {
    padding-top: 2px;
}
#mobile-top-menu .mobile-lang-switcher .options {
    padding: 10px;
    background: #FFF;
    box-shadow: 0px 5px 15px rgba(0,0,0,.1);
    width: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%);
}
#mobile-top-menu .mobile-lang-switcher ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 5px 0;
}
#mobile-top-menu .mobile-lang-switcher ul li:not(:last-child) {
    border-bottom: 1px solid #EAEBED;
}
#mobile-top-menu .mobile-lang-switcher .options span {
    color: #2A2E46;
    padding-top: 2px;
}
/*--------- Mobile Main Menu ---------*/
#mobile-main-menu {
	margin-bottom: 80px;
}
#mobile-main-menu .container {
	padding: 10px 0;
}
#mobile-main-menu .menu-item .level-1 {
	position: relative;
	padding-right:1rem ;
}
#mobile-main-menu .menu-item:not(:last-child) .level-1:after {
	content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #EAEBED;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#mobile-main-menu .menu-item .level-1 a span {
    color: #2A2E46;
    display: inline-block;
    position: relative;
    padding: 15px 10px;
}
#mobile-main-menu .menu-item.active .level-1 a span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #2A2E46;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#mobile-main-menu .menu-item .level-1 span {
	color: #2A2E46;
}
#mobile-main-menu .menu-item .level-1 svg path {
	stroke: #2A2E46;
}
#mobile-main-menu .menu-item.active .sub-menu {
	position: relative;
}
/*--------- Mobile Bottom Menu ---------*/
#mobile-bottom-menu .container {
	border-top: 1px solid rgba(0,0,0,.1);
	padding: 10px 0;
}
#mobile-bottom-menu ul li:not(:last-child) {
	border-bottom: 1px solid rgba(0,0,0,.05);
}
#mobile-bottom-menu ul li a,
#mobile-bottom-menu ul li.hello {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 20px;
}
#mobile-bottom-menu ul li a span {
	color: #242529;
}
#mobile-bottom-menu ul li a svg path {
	fill: #242529;
}
#mobile-bottom-menu ul li a .icon {
	order: 2 !important;
	margin-right: 0;
	margin-left: auto;
}
#mobile-bottom-menu ul li a .label {
	order: 1 !important;
	display: flex;
}
#mobile-bottom-menu ul li.cart .item-name {
	margin-right: 5px;
}
/*--------- Sub Menu ---------*/
#mobile-main-menu .menu-item .btn-open-sub {
	transition: all ease-in-out .3s;
	transform: rotate(0deg);
}
#mobile-main-menu .menu-item .btn-open-sub.opened {
	transform: rotate(-135deg);
}
#mobile-main-menu .menu-item:not(.active) .sub-menu {
	display: none;
}
#mobile-main-menu .menu-item:last-child .sub-menu {
	border-top: 1px solid #EAEBED;
}
#mobile-main-menu .sub-menu {
	margin-bottom: 5px;
	/* background: rgba(146,165,239,.05); */
	padding: 15px 0;
	border-bottom: 1px solid #EAEBED;    
}
#mobile-main-menu .sub-menu-item a {
	display: block;
	padding: 5px 10px;
}
#mobile-main-menu .sub-menu-item.active a {
	opacity: 1;
}
#mobile-main-menu .sub-menu li a {
	color: #2A2E46;	
    font-weight: 400;
    opacity: .8;
}
#mobile-main-menu .sub-menu li.active a {
    opacity: 1;
	font-weight: 600;
}
#mobile-main-menu .sub-menu.closed {
	display: none;
}
/* Swal */
.swal2-container {
	z-index: 99999990 !important;
}
/* overlay loading */
.spinner-three-bounce {
	z-index: 100000000 !important;
}
/* Back to Top  Oanh add 30Oct2023*/
#back-to-top{
    background: rgba(240, 84, 56, .2);
    transition: all ease-in-out .3s;
    position: fixed;
    z-index: 1000; 
    bottom: 10%;
    cursor: pointer;
}
#back-to-top{
    right: 20px;
    width: 40px;
    height: 40px;
}
#back-to-top svg{
    display: block;
}
#back-to-top:hover{
    background: rgba(240, 84, 56, 1);
}
#back-to-top .shape{
    fill: #fff;
}
@media(min-width: 992px){
    #back-to-top{
        right: 20px;
        width: 40px;
        height: 40px;
    }
}
body {
    font-family: Pretendard !important;
}
::selection {
	background: #EF780B;
	color: #fff;
  }
@media all and (max-width: 575px) {
	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	
}
@media all and (min-width: 768px) and (max-width: 991px) {
	
}
@media all and (min-width: 992px) {
	
}
@media all and (max-width: 991px) {
	.office-page .main-header {
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
}
@media all and (min-width: 992px) {
	.office-page {
		background: #FFFFFF;
	}
	.office-page #page-heading .container {
		padding-bottom: 30px;
	}
}
@media all and (max-width: 991px) {
	.desktop {
		display: none;
	}
}
@media all and (min-width: 992px) {
	.mobile {
		display: none;
	}
}
.dashed {
	position: absolute;
	background: #000;
	background: linear-gradient(to right, #2B2937 50%, rgba(255, 255, 255, 0) 0%);
	/*
	background: 
		linear-gradient(to right, orange 50%, rgba(255, 255, 255, 0) 0%), 
		linear-gradient(blue 50%, rgba(255, 255, 255, 0) 0%), 
		linear-gradient(to right, green 50%, rgba(255, 255, 255, 0) 0%), 
		linear-gradient(red 50%, rgba(255, 255, 255, 0) 0%);
	*/
	background-position: top, right, bottom, left;
	background-repeat: repeat-x, repeat-y;
	background-size: 1px 5px, 5px 1px;
}
@media (min-width: 992px) {
	.bg-cell {
		background: #555 !important;
		color: #FFF;
		text-align: center;
		border-right: 1px solid rgba(255,255,255,.4) !important;
	}
}
.p-span span:not(:last-child) {
	display: inline-block;
	margin-right: 5px;
}
::-webkit-scrollbar {
	width: 10px;
	background: rgba(0,0,0,0);
}
::-webkit-scrollbar-thumb {
	background: #D9D9D9;
}
body {
	/* overflow-x: hidden; */
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
	font-weight: 400;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;	
	color: #2A2E46;
	
}
input {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
	font-size: 13px;
}
input:focus {
	box-shadow: none !important;	
}
input:-webkit-autofill {
	font-family: 'Raleway';
}
input:autofill,
input:-webkit-autofill {
	font-family: 'Raleway';
}
input:-internal-inputsuggested {
	color: red;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active, 
input:-webkit-autofill:active::first-line {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s;
}
@media all and (max-width: 575px) {
	.h-large 	{	font-size: 26px;}
	.h-medium 	{	font-size: 18px;}
}
@media all and (min-width: 576px) and (max-width: 767px) {	
	.h-large 	{	font-size: 28px;}
	.h-medium 	{	font-size: 20px;}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.h-large 	{	font-size: 30px;}
	.h-medium 	{	font-size: 22px;}
}
@media all and (min-width: 992px) {
	.h-large 	{	font-size: 32px;}
	.h-medium 	{	font-size: 24px;}
}
@media all and (max-width: 767px) {	
	.h-small 	{	font-size: 16px;}	
	.h-false    {   font-size: 14px;}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.h-small 	{	font-size: 18px;}	
	.h-false    {   font-size: 15px;}
}
@media all and (min-width: 992px) {
	.h-small 	{	font-size: 20px;}	
	.h-false    {   font-size: 16px;}
}
body {   
    font-size: 14px;
}
p {
	line-height: 1.5em;
}
/*	
	Utility Classes
	---------------------------------------
	- Transition 0.3s
	
	
*/
@media all and (max-width: 575px) {
	.default-container { padding: 30px 0; }		
	.m-container { padding: 50px 0; }
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.default-container { padding: 35px 0; }
	.m-container { padding: 60px 0; }
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.default-container { padding: 40px 0; }
	.m-container { padding: 70px 0; }			
}
@media all and (min-width: 992px) {
	.default-container { padding: 60px 0; }		
	.m-container { padding: 80px 0; }	
}
/* btns */
.row.btns {
	justify-content: center;
}
@media (max-width: 575px) {
	.row.btns {
    margin-top: 25px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
	.row.btns {
		margin-top: 25px;
	}
}
@media (min-width: 992px) {
	.row.btns {
    margin-top: 40px;
}
}
.row.btns a {
    display: flex;
    position: relative;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}
@media (max-width: 575px) {
	.row.btns a {
    padding: 10px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
	.row.btns a {
    padding: 10px 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
	.row.btns a {
		padding: 12.5px 22.5px;
	}
}
@media (min-width: 992px) {
	.row.btns a {
		padding: 12.5px 25px;
		min-width: 120px;
	}
}
a.light:hover {
    border: 1px solid #2A2E46;
    color: #2A2E46;
}
.grad-btn {
    display: block;
    position: relative;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}
/** Basis Modifying for Bootstrap **/
/* .row {
	margin-left: 0px;
	margin-right: 0px;
	--bs-gutter: 0;		
	padding-left: 0px;
	padding-right: 0px;
}



.row>* {
	padding-left: 0px;
	padding-right: 0px;
} */
.column {
	padding-left: 0px;
	padding-right: 0px;
}
:focus {
	outline: none !important;
}
section {
	position: relative;
}
img {
	width: 100%;
	transition: all ease-in-out .3s;
}
a {
	text-decoration: none !important;	
	transition: all ease-in-out .3s;
}
input, button {
	transition: all ease-in-out .3s;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}
/*---- Wow Dropdown Select ---*/
.heading-office{
    border-bottom: 1px solid #ef780b;
	margin-bottom: 20px;
	display: flex;
	font-weight: 600;
}
.heading-office h2 {	
	display: flex;
	flex-direction: column;
	width: -moz-fit-content;
	width: fit-content;
	margin-bottom: 0;
	color: #015aa9;
}
.heading-office h2::after {
	position: relative;
	width: 100%;
	height: 4px;
	background: #ef780b;
	border-radius: 100px 100px 0px 0px;
	content: '';
	bottom: 0;
	margin-top:8px
}
/* .border-bot-title{
    height: 4px;
    background: #ef780b;
    border-radius: 100px 100px 0px 0px;
	display: none;
} */
/*---- start style office ---*/
/*---- end style office ---*/
/* Custom Select Settings */
.select-selected {
	z-index: 100;
	background-color: none;
}
.select-items {
	visibility: hidden;
	background: #F3EEE7;
}
.select-selected:after {
	position: absolute;
	top: 13px;	right: 12px;
	width: 0;	height: 0;	
	font-family: FontAwesome;
	transition: all ease-in-out .3s;
	content: '\f107';
}
.select-selected.select-arrow-active:after {
	transform: rotate(-180deg);
	right: 5px;
	top: 32px;
}
.select-items div,
.select-selected {
	color: #313131;
	border: none;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
}
.select-items div {
	padding: 0;
}
.select-items div:last-child {
	margin-bottom: 0;
}
@media all and (max-width: 991px) {
	.select-selected {
		padding-left: 0;
	}
	.select-items div {
		margin-bottom: 15px;
	}
	.select-selected {
		padding: 20px 0;
	}
	.select-items {
		/*position: relative;*/
		position: absolute;
		border-top: 1px solid rgba(0,0,0,.1);
		padding: 20px 0;
		padding-bottom: 30px;
	}
}
@media all and (min-width: 992px) {
	.select-items div {
		padding-left: 5px;
		margin-bottom: 10px;
	}
	.select-selected {	
		position: relative;
		padding: 10px 5px;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}	
	.select-items {
		position: absolute;
		left: 0; right: 0;
		z-index: 99;
		padding: 20px 0;		
	}
}
/*
	.wow {
	visibility: hidden;
	}
*/
.wow {
	animation-fill-mode: forwards;
}
.animate__animated {
	animation-fill-mode: forwards;
}
button {
	transition: all ease-in-out .3s;
}
/******************************************/
.vertical-table td:first-child {
	background: rgba(0,0,0,.05);
	border-bottom: 1px solid #fff;
	width: 200px;
}
.vertical-table tr td:last-child {
	border-bottom: 1px solid rgba(0,0,0,.1);
	width: calc(100% - 200px);
}
@media all and (max-width: 991px) {	
	.vertical-table tr {
		display: flex !important;
	}	
	.vertical-table tr td:first-child {
		display: block;
		width: 30%;
	}
	.vertical-table tr td:last-child {
		display: block;
		width: 70%;
	}
}
@media all and (min-width: 992px) {
	.vertical-table tr:first-child td {
		border-top: 3px solid #752158;
	}

}
/******************************************/
.horizontal-table thead {
	background: rgba(0,0,0,.05);
}
.horizontal-table th {
	border-right: 1px solid #fff;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.horizontal-table td {
	border-right: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.horizontal-table th:last-child, 
.horizontal-table td:last-child {
	border-right: none;
}
@media all and (max-width: 991px) {
	.horizontal-table  {
		display: none;
	}
	
	.mobile-horizontal-table tr {
		display: flex !important;
	}	
	.mobile-horizontal-table tr td:first-child {
		display: block;
		width: 30%;
	}
	.mobile-horizontal-table tr td:last-child {
		display: block;
		width: 70%;
	}	
	
	.mobile-horizontal-table td:first-child {
		background: rgba(0,0,0,.05);
		border-bottom: 1px solid #fff;
	}
	.mobile-horizontal-table td:last-child {
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.mobile-horizontal-table tr:last-child td {
		border-bottom: none !important;
	}
	
}
@media all and (min-width: 992px) {
	.horizontal-table thead {
		border-top: 3px solid #752158;
	}
	
	.mobile-horizontal-table {
		display: none;
	}
}
table {
	width: 100%;
}
/*------ Content Part ------*/
.content-part:last-child {
	margin-bottom: 0;
}
.content-part .h-small {
	font-weight: bold;
	margin-bottom: .8em;
}
.content-part .description {
	margin-bottom: 10px;
}
.content-part table {
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
}
@media all and (max-width: 575px) {
	.content-part {
		margin-bottom: 35px;
	}
	.content-part table {
		margin-bottom: 20px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.content-part {
		margin-bottom: 40px;
	}
	.content-part table {
		margin-bottom: 20px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.content-part {
		margin-bottom: 45px;
	}
	.content-part table {
		margin-bottom: 25px;
	}
}
@media all and (min-width: 992px) {
	.content-part {
		margin-bottom: 50px;
	}	
	.content-part table {
		margin-bottom: 30px;
	}
}
.content-part ul, 
.content-part ol{
	padding-left: 1em;
}
@media all and (min-width: 768px) {
	.content-part ul li.col-md-6 {
		width: 47.5%;
		margin-right: 5%;
	}
	.content-part ul li.col-md-6:nth-child(2n) {
		margin-right: 0;
	}
}
.warning {
	color: #F05438;
}
.box-layout:after {
    display: block;
    visibility: hidden;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    content: ".";	
}
.avatar {
	border-radius: 500px;
	margin-bottom: 8px;
}
/*------ Mobile Container -----*/
@media all and (max-width: 991px) {
	/* .mobile-container {
		width: 100% !important;
		padding: 0 !important;
	} */
}
/*------ Mobile Block -----*/
@media all and (max-width: 575px) {
	.mobile-block {
		padding: 30px 4%;
		background: #FFF;
	}
	.mobile-block.last {
		margin-bottom: 40px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.mobile-block {
		padding: 35px 4%;
		background: #FFF;
	}
	.mobile-block.last {
		margin-bottom: 50px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.mobile-block {
		padding: 40px 4%;
		background: #FFF;
	}
	.mobile-block.last {
		margin-bottom: 60px;
	}
}
@media all and (max-width: 991px) {
	.mobile-block {
		border-bottom: 5px solid #A8A9B7;
	}
	.mobile-block.light {
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
    .mobile-block.none {
        border-bottom: none;
    }
}
.standard-heading {
	padding-bottom: 25px;
}
.standard-heading h2 {
	margin-bottom: 0;
}
.standard-heading .w-btn {
	align-items: center;
}
.standard-heading .w-btn span {
	margin-right: 10px;
	color: #242529;
}
.standard-heading .w-btn:hover span {
	color: #EF780B;
}
.standard-heading .w-btn:hover path {
	fill: #EF780B;
}
.block-loading {
    display: none;
}
.block-loading.is-loading {
    display: block;
}
.is-loading .overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000000000000;
}
.is-loading .overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.is-loading .overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.ai-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
/* Override Bootstrap + add new elements */
.vr {
	background-color: #EAEBED !important;
	opacity: 1;
}
.table {
	border-color: #EAEBED;
}
.table>:not(caption)>*>* {
	padding: 0.625rem 1rem;
}
.table th {
	font-weight: 500;
	color: #465468;
}
/* .table th:first-child, .table td:first-child {
	border-left:0;
}
.table th:last-child, .table td:last-child {
	border-right:0;
} */
.icon.i24 {
	width: 24px;
	height: auto;
}
.tab-group li {
	position: relative;
}
.tab-group li::after {
	position: absolute;
    content: '';
    height: 15px;
    border-right: 1px solid #f2f2f2;
    right: 0;
    top: 30%;
}
.tab-group li:last-child::after {
border: none;
}
.tab-group li button{	
	font-size: 20px;
	font-weight: 800;
	color: #2E3144 !important;
}
.tab-group li button.active {
	color: #ef780b !important;
}
.nav.nav-topline .nav-link.active{
	color: #ef780b;
	border-top: 2px solid #ef780b;
}
.footNav .nav-link{	
	font-size: 1.12500rem;
	color: #2E3144;
}
@media all and (max-width: 575px) {
	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	
}
@media all and (min-width: 768px) and (max-width: 991px) {
	
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	
}
@media all and (min-width: 1200px)   {
	.container {
		width: 1200px;
		/* width: 92%; */
		/* max-width: 1200px; */
		/* margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0; */
	}	
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
	
}
@media all and (min-width: 1400px) {
	
}
@media (max-width: 480px) {
	.responsive-table tbody {
	  display: flex;
	  flex-direction: column;
	}
	.responsive-table {
	  border: none !important;
	}
  
	.responsive-table tr{
	  border: 1px solid var(--bs-border-color);
	  margin-bottom: 1em;
	}
  
	.responsive-table td {
	  display: flex;
	}
	.tb-scroll-container {
		max-width: 98%;
		margin: auto;
		margin-top: 3rem;
		overflow-x: scroll !important;
	}
	.sticky-col {
	  position: sticky;
	  left: 0;
	  background: #fff;
	  color: #545353;
	  outline: 1px ridge #ddd;
	}
  
	th.sticky-col {
	  background: #dee2e6;
	  outline: 1px ridge #ddd;
	  border-right: 1px solid #ddd !important;
	}
  
	tfoot td.sticky-col {
	  /*background: #052b42;*/
	  outline: 1px ridge #ddd;
	}
	#affiliate-member-analysis
		.monthly-subscriber-acquisition
		.table-container
		.col_data
		.table-wrapper {
		min-width: 100% !important;
	}
	#affiliate-member-analysis .combination-table .table-wrapper {
		min-width: 100% !important;
	}
  
  }
/**/
.featured-slider.on .slider-content {
	overflow-y: hidden;
	overflow-x: hidden;	
}
.featured-slider.on {
	position: relative;
}
@media all and (min-width: 992px) {
	.featured-slider.on.decay-slider {
		display: flex;
	}
}
.featured-slider.on .container {
	width: 100%;
	max-width: none;
}
.featured-slider.on .slider-wrapper {
	padding: 0;
}
.featured-slider.on .slider-wrapper {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    will-change: transform;
    -webkit-user-select: none;
            user-select: none;
    cursor: pointer;
	transition: all ease-in-out .5s;
	visibility: hidden;
}
.featured-slider.on .slider-wrapper .slide {
	transition: all ease-in-out .3s;	
}
.featured-slider.on .slider-wrapper .slide a {
	display: block;
}
.featured-slider.on .slider-wrapper .slide.active {
	pointer-events: auto;
	opacity: 1;
	cursor: pointer;
}
.featured-slider.on .slider-wrapper .slide:last-child {
	margin-right: 0;
}
/*------ Slider Nav ------*/
.featured-slider.on .nav {
	position: absolute;
	cursor: pointer;
	transition: all ease-in-out .3s;
	background-color: white;
	opacity: 0.4;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%; 
	transform: translateY(-50%);
}
@media all and (max-width: 575px) {
	.featured-slider:not(.products-slider).on .nav {
		width: 28px;
		height: 28px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.featured-slider:not(.products-slider).on .nav {
		width: 32px;
		height: 32px;
	}

}
@media all and (min-width: 768px) and (max-width: 991px) {
	.featured-slider:not(.products-slider).on .nav {
		width: 36px;
		height: 36px;
	}
}
@media all and (max-width: 991px) {
	.featured-slider:not(.products-slider).on .nav {
		background: rgba(0,0,0,.1);
	}

}
@media all and (min-width: 992px) {
	.featured-slider:not(.products-slider).on .nav {
		width: 44px;
		height: 44px;
	}
	.featured-slider:not(.products-slider).on .nav:hover {
		background: rgba(0,0,0,.5);
	}

}
.featured-slider:not(.products-slider).on .nav svg {
	fill: none;
	width: 60%;
	height: 60%;
}
.featured-slider:not(.products-slider).on .nav-banner svg {
	fill: none;
	width: 60%;
	height: 60%;
}
.featured-slider:not(.products-slider).on .nav svg path {
	box-shadow: 0px 5px 5px rgba(0,0,0,.1);
	transition: all ease-in-out .3s;
	stroke: white;
}
.featured-slider:not(.products-slider).on .nav:hover svg path {
	box-shadow: 0px 5px 5px rgba(0,0,0,.5);
	
}
.featured-slider:not(.products-slider).on .nav.prev {
	left: 4%;
}
.featured-slider:not(.products-slider).on .nav.next {
	right: 4%;
}
/* slide banner */
.featured-slider.on .slide-footer {
	width: 100%;
    height: 50px;
    bottom: 0.01%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
	/* opacity: 0.5; */
	/* background-color: #2A2E46; */
}
.featured-slider.on .flex-item {
    margin: 20px 20px 20px 20px;
}
/* slide banner end */
/* number banner */
.featured-slider.on .slide-footer .slider-number-banner {
	color: #FFF;
}
.featured-slider.on .slider-number .number-wrapper-banner span {
	letter-spacing: 3px;
}
.featured-slider.on .slider-number .total-number-banner {
	opacity: .5;
}
/* number banner end */
/* nav banner */
.featured-slider.on .nav-banner {
	cursor: pointer;
	background-color: transparent;
	transition: all ease-in-out .3s;
}
/* .featured-slider.on .nav-banner {
	position: absolute;
	cursor: pointer;
	background-color: transparent;
	transition: all ease-in-out .3s;
	opacity: 0.8;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 3.2%;
}

@media all and (max-width: 575px) {
	.featured-slider:not(.products-slider).on .nav-banner {
		width: 28px;
		height: 28px;
	}
}


@media all and (min-width: 576px) and (max-width: 767px) {
	.featured-slider:not(.products-slider).on .nav-banner {
		width: 32px;
		height: 32px;
	}
}


@media all and (min-width: 768px) and (max-width: 991px) {
	.featured-slider:not(.products-slider).on .nav-banner {
		width: 36px;
		height: 36px;
	}
}


@media all and (max-width: 991px) {
	.featured-slider:not(.products-slider).on .nav-banner {
		background: rgba(0,0,0,.1);
	}
}

@media all and (min-width: 992px) {
	.featured-slider:not(.products-slider).on .nav-banner {
		width: 44px;
		height: 44px;
	}
	.featured-slider:not(.products-slider).on .nav-banner:hover {
		background: rgba(0,0,0,.5);
	}
}


.featured-slider:not(.products-slider).on .nav-banner svg path {
	box-shadow: 0px 5px 5px rgba(0,0,0,.1);
	transition: all ease-in-out .3s;
}

.featured-slider:not(.products-slider).on .nav-banner:hover svg path {
	box-shadow: 0px 5px 5px rgba(0,0,0,.5);
	
}


.featured-slider:not(.products-slider).on .nav-banner.prev {
	left: 41%;
}

.featured-slider:not(.products-slider).on .nav-banner.next {
	right: 45%;
}

@media all and (min-width: 768px) and (max-width: 991px) {
	.featured-slider:not(.products-slider).on .nav-banner.prev {
		left: 35%;
	}
	
	.featured-slider:not(.products-slider).on .nav-banner.next {
		right: 45%;
	}
} */
/* nav banner end */
/*------ Slider Dots ------*/
.featured-slider:not(.products-slider).on .slider-dots {
	display: flex;
	position: absolute;
	margin: auto;
	width: 92%;
	max-width: 1200px;
	left: 50%;
	transform: translateX(-50%);
}
.featured-slider:not(.products-slider).on .slider-dots div {
	cursor: pointer;
	margin-right: 10px;
}
.featured-slider:not(.products-slider).on .slider-dots div:last-child {
	margin-right: 0;	
}
.featured-slider:not(.products-slider).on .slider-dots div span {
	display: block;	
	background: #FFF;	
	width: 10px; 
	height: 10px;
	border-radius: 20px;
	transition: all ease-in-out .3s;
	box-shadow: 0px 2.5px 5px rgba(0,0,0,.1);
	/* margin: 5px; */
}
.featured-slider.on .slider-dots div:hover span {
	box-shadow: 0px 2.5px 10px rgba(0,0,0,.2);
}
.featured-slider:not(.products-slider).on .slider-dots div.active span {
	width: 40px;	
}
@media all and (max-width: 575px) {
	.featured-slider.on .slider-dots {
		bottom: 15px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.featured-slider.on .slider-dots {
		bottom: 15px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.featured-slider.on .slider-dots {
		bottom: 20px;
	}	
}
@media all and (min-width: 992px) {
	.featured-slider.on .slider-dots {
		bottom: 30px;
	}	
}
@media all and (max-width: 575px) {
	.featured-slider.on .slider-number {
		bottom: 15px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.featured-slider.on .slider-number {
		bottom: 15px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.featured-slider.on .slider-number {
		bottom: 20px;
	}	
}
@media all and (min-width: 992px) {
	.featured-slider.on .slider-number {
		bottom: 30px;
	}	
}
.featured-slider.on .slider-number {
	position: absolute;
	width: 100%;
	/* max-width: 1200px; */
	color: #FFF;
	/* left: 50%; */
	transform: translateX(-50%);
}
.featured-slider.on .slider-number .number-wrapper {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}
.featured-slider.on .slider-number .number-wrapper span {
	letter-spacing: 3px;
}
.featured-slider.on .slider-number .current-number {
	padding-right: 10px;
	/* border-right: 1px solid rgba(255,255,255,.5); */
}
.featured-slider.on .slider-number .total-number {
	padding-left: 10px;
	opacity: .5;
}
.products-slider.on .nav {
    width: 30px;
	height: 50px;
}
@media all and (max-width: 991px) {
	.products-slider.on .nav {
        /* top: 30%; Oanh change 26Oct2023 */
        top: 40%;
    }    
}
@media all and (min-width: 992px) {
	.products-slider.on .nav {
        top: 40%;
    } 
}
@media all and (max-width: 492px) {
	.products-slider.on .nav {
        top: 40%;
    }    
}
.products-slider.on .nav svg path {
	stroke: #2A2E46; 
}
.products-slider.on .nav.prev {
    /* left: 0; */
	left: 20px;
}
.products-slider.on .nav.next {
    /* right: 0; */
	right: 20px;
}
.products-slider ::-webkit-scrollbar {
	height: 3px;
	background: rgba(0,0,0,.0);
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.products-slider ::-webkit-scrollbar-thumb {
	background: #2A2E46; 
}
.products-slider.on .slider-dots {
    width: 100%;
}
.products-slider.on .slider-dots .dots-wrapper {
    align-items: flex-end;
}
.products-slider.on .slider-dots .dot {
    flex: 1 0 0%;
    height: 1px;
    background: rgba(0,0,0,.1);
}
.products-slider.on .slider-dots .dot.active {
    height: 3px;
    background: #2A2E46;
}
.paths ul {
    list-style: none;
    margin-bottom: 0;
}
.paths ul li:not(:last-child) {
    margin-right: 10px;
}
@media all and (max-width: 767px) {
	.main-heading {
        padding: 15px 0;
    }
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.main-heading {
        padding: 17.5px 0;
    }
}
@media all and (min-width: 992px) {
	.main-heading {
        padding: 40px 0;
    }    
}
@media all and (min-width: 768px) {
	span.block {
		display: inline-block;
	}
}
/*-------------------------
	- My Office
	5. Popup	
-+------------------------*/
.popups-container {
	z-index: 100002;
}
.popup {
	width: 100%;
	height: auto;
	min-height: 100vh;
	position: fixed;
/* 	z-index: 100000000;	 */
	z-index: 1001;
	background: rgba(0,0,0,.7);
	opacity: 0;
	transition: all ease-in-out .5s;
	overflow-y: scroll;
    overflow-x: hidden;
}
@media all and (max-width: 991px) {
	.popup {
		right: -100%;
	}	
}
@media all and (min-width: 992px) {
	.popup {
		top: -100%;
	}	
}
.popup::-webkit-scrollbar {
	display: none !important;
}
.popup.opened {
	bottom: 0;
	opacity: 1;
}
@media all and (max-width: 991px) {
	.popup.opened {
		right: 0;
	}
		
}
@media all and (min-width: 992px) {
	.popup.opened {
		top: 0;
	}
		
}
.popup .popup-header {
	background: #000;
	align-items: center;
}
.popup .popup-header h2 {
	margin-bottom: 0;
	color: #FFF;
}
@media all and (max-width: 767px) {
	.popup .popup-header {
		padding: 15px 4%;
	}
}
@media all and (min-width: 768px) {
	.popup .popup-header {
		padding: 20px 4%;
	}
}
.popup .popup-body {
	background: #FFF;
}
@media all and (max-width: 767px) {
	.popup .popup-body {
		padding-bottom: 30px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup .popup-body {
		padding-bottom: 35px;
	}
}
@media all and (min-width: 992px) {
	.popup .popup-body {
		padding-bottom: 40px;
	}
}
.popup .close-popup-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px; height: 22px;
}
.popup .close-popup-btn path {
	stroke-width: 2px;
	stroke: #FFF;
}
@media all and (max-width: 575px) {
	.popup .close-popup-btn svg {
		width: 16px;
		height: 16px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup .close-popup-btn svg {
		width: 18px;
		height: 18px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup .close-popup-btn svg {
		width: 20px;
		height: 20px;
	}
}
@media all and (min-width: 992px) {
	.popup .close-popup-btn svg {
		width: 22px;
		height: 22px;
	}
}
.popup .popup-content {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
@media all and (max-width: 575px) {
	.popup .popup-content {
		top: 12%;
	}

}
@media all and (min-width: 576px) {
	.popup .popup-content {
		top: 5%;
	}
}
.popup .h-small {
	margin-bottom: 10px;
}
.popup .pagination .dropdown-select .options {
	background: #FFF;
}
.popup .popup-content .container {
	width: 100%;
}
.popup .popup-content .container.results {
	background: #FFF;
}
.popup .searching-form  {
	background: #F3F4FB;
}
.popup .searching-form .form-row {
	padding: 0;
	box-shadow: none;
}
.popup .searching-form .form-row .dropdown-select {
	background: #FFF;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 5px;
}
/* @media all and (max-width: 575px){
	.searching-form .info .label{
		padding-right: 15px;
	}
} */
@media all and (max-width: 991px){
	.office-page .name-browsing .searching-form .date-select, 
	.office-page .name-browsing .searching-form .info:not(.info-radio, .date-selects, .non-background, .desktop-time-btns){
		/* background:none; */
		box-shadow: none;
	}
	
}
@media all and (min-width: 576px) {
	.popup .searching-form .submit-btn {
		min-width: 100px;
	}
}
@media all and (max-width: 575px) {
	.popup .popup-content .container {
		padding: 25px 0;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup .popup-content .container {
		padding: 30px 0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup .popup-content .container {
		padding: 35px 0;
	}
}
@media all and (min-width: 992px) {
	.popup .popup-content .container {
		padding: 40px 4%;
	}	
}
.popup .popup-info {
	margin-bottom: 30px;
}
.popup .popup-info:last-child {
	margin-bottom: 0;
}
@media all and (max-width: 991px) {
	.popup .popup-content .searching-form .container {
		padding: 20px 4%;
	}	
}
@media all and (min-width: 992px) {
	.popup .popup-content .searching-form .container {
		padding: 25px 4%;
		background: none;
		box-shadow: none;
	}
	
}
/*---- member/order------ */
@media (max-width: 767px) {
	#member-inquiry-by-position .popups-member-container .popup-body .searching-form .label,
	#line-lineage .popups-member-container .popup-body .searching-form .label,
	#box-lineage .popups-member-container .popup-body .searching-form .label,
	#order-search .popups-container .popup-body .searching-form .label,
	#sub-order-search .popups-container .popup-body .searching-form .label,
	#order-product-search .popups-container .popup-body .searching-form .label,
	#monthly-order-count .popups-container .popup-body .searching-form .label {
		width: 55px;
	}
}
@media (max-width: 991px) {
	#box-lineage .popups-member-container .rank {
		margin-bottom: 0;
	}
	#order-details-inquiry .popup-content .searching-form .info:not(.info-radio, .date-selects, .non-background, .desktop-time-btns) {
		background: none;
	}
}
@media (min-width: 992px) {
	#line-lineage .popups-member-container .rank {
		margin-right: 15px;
	}

	
}
@media (max-width: 575px) {
	#line-lineage .popups-member-container .rank,
	#order-search .popup.name-browsing .searching-form .rank,
	#sub-order-search .popup.name-browsing .searching-form .rank,
	#order-product-search .popup.name-browsing .searching-form .rank,
	#monthly-order-count .popup.name-browsing .searching-form .rank
	 {
		margin-right: 15px;
	}

	#box-lineage .popups-member-container .rank
	
	 {
		margin-bottom: 12.5px;
	}

	.recent-address-browsing .searching-form .submit-btn {
		margin-top: 12.5px;
	}
	#order-details-inquiry .popup-content .searching-form .member-name,
	#order-details-inquiry .popup-content .searching-form .rank {
		width: 100%;
		margin-right: 0;
	}
	 
}
/*-------- Table --------------*/
.popup .container .results table {

}
.popup .container .results table thead {
	background: rgba(0,0,0,0);
}
.popup .table-container {
	max-height: 420px;
	overflow: auto;
}
.popup .container.results ::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.popup table tbody tr {
	cursor: pointer;
	transition: all ease-in-out .2s;
}
.popup .hr-table tbody tr:hover {
	background: rgba(166,201,255,.15);
}
@media all and (max-width: 575px) {
	.popup .hr-table td, 
	.popup .hr-table th {
		padding-left: 10px;
		padding-right: 10px;
	}
}
/*-------- Pagination --------------*/
.popup .pagination {
	/* margin-bottom: 0;	 */
	justify-content: space-between;
}
@media all and (max-width: 575px) {
	.popup .pagination {
		margin-top: 20px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup .pagination {
		margin-top: 25px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup .pagination {
		margin-top: 30px;
	}
}
@media all and (min-width: 992px) {
	.popup .pagination {
		margin-top: 35px;
	}
}
@media all and (max-width: 991px) {
	.popup .pagination {
		padding: 0 2%;
	}
}
.popup .pagination .per-page, 
.popup .pagination .total {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	flex-wrap: nowrap;
}
@media all and (max-width: 575px) {
	.popup .pagination .per-page {
		order: 1;
		border: none;
	}
	
	.popup .pagination .per-page .label {
		padding-left: 0;
	}
	
	.popup .pagination .total {
		order: 2;
		margin-left: auto;
		margin-right: 0;
	}
	
	.popup .pagination .paging {
		order: 3;
		/* border-top: 1px solid rgba(0,0,0,.1); */
		/* padding-top: 15px; */
		margin-top: 10px;
		text-align: center;
		margin: 0 auto;
	}
}
@media all and (min-width: 360px) and (max-width: 575px) {
	#change-personal-information .popup .pagination .paging {
		padding-top: 0;
	}
}
/*----------- Popup | Name Browsing --------------*/
.popup.name-browsing .popup-content {
	padding: 0;
}
.popup.name-browsing .hr-table {
	display: table !important;
}
/*--- Text Align ---*/
.popup.name-browsing .hr-table td:not(:nth-child(2)),
.popup.name-browsing .hr-table th:not(:nth-child(2)) {
	text-align: center;
}
@media all and (max-width: 575px) {	
	.popup.name-browsing .hr-table td:nth-child(2), 
	.popup.name-browsing .hr-table th:nth-child(2) {
		width: 30%;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup.name-browsing .hr-table td:nth-child(2), 
	.popup.name-browsing .hr-table th:nth-child(2) {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup.name-browsing .hr-table td:nth-child(2), 
	.popup.name-browsing .hr-table th:nth-child(2) {
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media all and (min-width: 992px) {
	.popup.name-browsing .hr-table td:nth-child(2), 
	.popup.name-browsing .hr-table th:nth-child(2) {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media all and (max-width: 575px) {
	.popup.name-browsing .searching-form .member-name,
	.popup.name-browsing .searching-form .rank {
		margin-bottom: 10px;
	}
	.popup.name-browsing .searching-form .member-name {
		margin-right: 10px;
	}	
}
@media all and (min-width: 576px) and (max-width: 767px) {

	.popup.name-browsing .searching-form .member-name,
	.popup.name-browsing .searching-form .rank {
		margin-right: 15px;
	}	
}
@media all and (min-width: 768px) {
	.popup.name-browsing .searching-form .member-name,
	.popup.name-browsing .searching-form .rank {
		margin-right: 20px;
	}
}
@media all and (max-width: 991px) {
	#member-search .popup.name-browsing .searching-form .member-name,
	#member-search .popup.name-browsing .searching-form .rank {
		background: white;
	}	
	/* .popup.name-browsing .searching-form .member-name,
	.popup.name-browsing .searching-form .rank {
		background: none;
	} */
}
/*----------- Popup | Recent Address Browsing --------------*/
.popup.recent-address-browsing .popup-content {
	padding: 0;
}
.popup.recent-address-browsing table {
	text-align: center;
}
.popup.recent-address-browsing .hr-table td:nth-child(1), 
.popup.recent-address-browsing .hr-table th:nth-child(1) {
	width: 7.5%;
}
.popup.recent-address-browsing .hr-table td:nth-child(2), 
.popup.recent-address-browsing .hr-table th:nth-child(2) {
	width: 14.5%;
}
.popup.recent-address-browsing .hr-table td:nth-child(3), 
.popup.recent-address-browsing .hr-table th:nth-child(3) {
	width: 18%;
}
.popup.recent-address-browsing .hr-table td:nth-child(4), 
.popup.recent-address-browsing .hr-table th:nth-child(4) {
	width: 60%;
}
.popup.recent-address-browsing table {
	text-align: center;
	display: table !important;
}
/*----------- Popup | Address Browsing --------------*/
.popup.address-browsing .popup-content {
	padding: 0;
}
.popup.address-browsing .searching-form  {
	padding: 0;
}
.popup.address-browsing .searching-form .dropdown-select {
	border: 1px solid rgba(0,0,0,.1);
}
@media all and (max-width: 575px) {
	.popup.address-browsing .searching-form .label,
	.popup.name-browsing .searching-form .label {
		margin-right: 15px;
		padding-right: 15px;
	}

}
@media all and (max-width: 575px) {
	.popup.address-browsing .searching-form .member-name {
		margin-bottom: 10px;
	}
	.popup.address-browsing .searching-form .rank {
		margin-right: 10px;
	}	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup.address-browsing .searching-form .member-name,
	.popup.address-browsing .searching-form .rank {
		margin-right: 15px;
	}	
}
@media all and (min-width: 768px) {
	.popup.address-browsing .searching-form .member-name,
	.popup.address-browsing .searching-form .rank {
		margin-right: 20px;
	}
}
.popup.address-browsing table {
	text-align: center;
	display: table !important;
}
@media all and (max-width: 575px) {	
	.popup.address-browsing .hr-table td:nth-child(1), 
	.popup.address-browsing .hr-table th:nth-child(1) {
		width: 35%;
		padding-left: 5px;
		padding-right: 5px;
	}
	.popup.address-browsing .hr-table td:nth-child(2), 
	.popup.address-browsing .hr-table th:nth-child(2) {
		width: 30%;
	}
}
/*---- order-details-inquiry   -----*/
.popup-body .searching-result .colunm1 {
	width:40%;
}
.popup-body .searching-result .colunm2 {
	width:40%;
}
.popup-body .searching-result .colunm3 {
	width:20%;
}
@media all and (max-width: 575px) {
	#order-details-inquiry .popup.name-browsing .searching-form .member-name {
		margin-bottom:0;
		margin-right:12.5px;
	}
	#order-details-inquiry .popup.name-browsing .searching-form .rank {
		margin-right:0;
		
		}
	
	#order-details-inquiry .popup.name-browsing .searching-form .info {
		background:none;
	}
	
	
	#order-details-inquiry .popup.name-browsing .searching-form .submit-btn {
		margin-top:10px
	}
}
/*----------- Popup | Sale Information --------------*/
.popup.sale-information .popup-header h2 {
    margin-bottom: 0;
}
.popup.sale-information table {
	box-shadow: none;
	border: 1px solid rgba(0,0,0,.1);
	text-align: center;
}
.popup.sale-information .monthly-sale .table-wrapper, 
.popup.sale-information .order-history .table-wrapper {
	max-height: 270px;
	overflow: auto;
}
@media all and (max-width: 767px) {
	
	.popup.sale-information .order-history td:first-child, 
	.popup.sale-information .order-history th:first-child {
		width: 20%;
	}
	
	.popup.sale-information .order-history td:nth-child(3), 
	.popup.sale-information .order-history th:nth-child(3) {
		width: 50px;
	}
	.popup.sale-information .order-history td:nth-child(4), 
	.popup.sale-information .order-history th:nth-child(4) {
		width: 70px;
	}
}
@media all and (min-width: 768px) {
	.popup.sale-information .team-member-information {
		width: 48%;
		margin-right: 4%;
	}
	.popup.sale-information .monthly-sale {
		width: 48%;
	}
	
	.popup.sale-information .team-member-information 
	.vt-table td:first-child {
		width: 35%;
	}
}
@media all and (max-width: 575px) {
	.popup.sale-information .hr-mobile-table td,
	.popup.sale-information .hr-table th, 
	.popup.sale-information .hr-table td,
	.popup.sale-information .vt-table td {
		padding: 7.5px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup.sale-information .hr-mobile-table td,
	.popup.sale-information .hr-table th, 
	.popup.sale-information .hr-table td,
	.popup.sale-information .vt-table td {
		padding: 8px;
	}
}
@media all and (min-width: 768px) {
	.popup.sale-information .hr-mobile-table td,
	.popup.sale-information .hr-table th, 
	.popup.sale-information .hr-table td,
	.popup.sale-information.vt-table td {
		padding: 8.5px;
	}
}
/*----------- Popup | Resident Id Checking --------------*/
.popup.resident-id-checking .popup-content {
	max-width: 720px;
}
.popup.resident-id-checking .popup-body {
	background: #FFF;	
}
@media all and (max-width: 767px) {
	.popup.resident-id-checking .popup-body {
		font-size: 12px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup.resident-id-checking .popup-body {
		font-size: 13px;
	}
}
@media all and (min-width: 992px) {
	.popup.resident-id-checking .popup-body {
		font-size: 14px;
	}
}
.popup.resident-id-checking .popup-content .popup-body{
		 padding: 30px 4%;
	}
.popup.resident-id-checking .popup-body ul {
	padding-left: 1em;
}
.popup.resident-id-checking .credit-information {
	background: #F1F5FB;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: calc(15px + 1em) !important;
}
.popup.resident-id-checking .popup-footer img {
	width: auto;
	max-width: 90%;
}
.popup.resident-id-checking .popup-footer .col_right {
	text-align: right;
	font-size: 13px;
}
.popup.resident-id-checking .popup-footer .info {
	align-items: center;
	margin-bottom: 2.5px;
}
.popup.resident-id-checking .popup-footer .info:last-child {
	margin-bottom: 0;
}
.popup.resident-id-checking .popup-footer .info span:last-child {
	padding: 0px 10px;
	border-radius: 50px;
	background: #4D87BB;
	color: #FFF;
	margin-left: 10px;
	width: 50px;
	text-align: center;
	font-size: 11px;
}
@media all and (max-width: 575px) {
	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	
}
@media all and (min-width: 768px) {
	.popup.resident-id-checking .popup-body .resident-id {
		padding-right: 10px;
	}
	.popup.resident-id-checking .popup-body 
	.verification {
		padding-left: 10px;
	}
}
@media all and (max-width: 767px) {
	.popup.resident-id-checking .popup-body .verification .label {
		display: none;
	}
}
.popup.resident-id-checking .popup-body .verification .label {
	opacity: 0;
}
.popup.resident-id-checking .popup-body .checking-form {
	padding: 30px 0;
}
.popup.resident-id-checking .popup-body .checking-form input {
	border: none;
	background: #F1F5FB;
	padding: 7.5px 12.5px;
}
.popup.resident-id-checking .popup-body .checking-form .form-row:first-child {
	margin-bottom: 10px;
}
.popup.resident-id-checking .popup-body 
.checking-form .form-row:first-child .inputs-wrapper span {
	margin-left: 5px;
	margin-right: 5px;
	display: flex;
	align-items: center;
}
.popup.resident-id-checking .popup-body .verification a {
	padding: 7.5px 12.5px;
	background: #457EB4;
}
.popup.resident-id-checking .popup-body .verification a:hover {
	color: #FFF;
}
.popup.resident-id-checking .close-popup-btn {
	margin-bottom: 0px;
}
/*------- Popup | Sponsorship Notice -------*/
.popup.sponsorship-notice .popup-content {
	padding: 0;
	top: 0;
}
.popup.sponsorship-notice .popup-body {
	background: #FFF;
}
@media all and (max-width: 575px) {
	.popup.sponsorship-notice .popup-body {
		padding: 15px 0;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup.sponsorship-notice .popup-body {
		padding: 20px 0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup.sponsorship-notice .popup-body {
		padding: 25px 0;
	}
}
.popup.sponsorship-notice .popup-body .stats .result-block h4 {
	margin-bottom: 15px;
}
@media all and (max-width: 991px) {
	.popup.sponsorship-notice .popup-body .stats .result-block h4 {
		padding: 0 4%;
	}
	.popup.sponsorship-notice .filters-list .selected {
		padding-left: 4% !important;
	}
	.popup.sponsorship-notice .filters-list .options {
		padding: 10px 4%;
	}
}
@media all and (min-width: 992px) {
	.popup.sponsorship-notice .filters-list .selected {
		padding-left: 20px !important;
	}
	.popup.sponsorship-notice .filters-list .options {
		padding: 10px 20px;
	}
}
.popup.sponsorship-notice .stats table tfoot {
	background: rgba(0,0,0,.1);
	color: #000;
}
.popup.sponsorship-notice .filters-list .selected {
	padding: 10px 0;
	border-top: none;
	border-left: none;
	border-right: none;
}
.popup.sponsorship-notice .filters-list .options {
	background: #FFF;
	box-shadow: 0px 5px 5px rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
}
.popup.sponsorship-notice .filters-list .option {
	padding: 2.5px 0;
}
.popup.sponsorship-notice .filters-list .option.active {
	color: #ac998a;
}
@media all and (max-width: 575px) {
	.popup.sponsorship-notice .filters-list {
		margin-bottom: 25px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup.sponsorship-notice .filters-list {
		margin-bottom: 30px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup.sponsorship-notice .filters-list {
		margin-bottom: 35px;
	}
}
@media all and (min-width: 992px) {
	.popup.sponsorship-notice .filters-list {
		margin-bottom: 40px;
	}
}
.popup.sponsorship-notice .year-list {
	justify-content: center;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 30px;
}
@media all and (max-width: 575px) {
	.popup.sponsorship-notice .year-list {
		padding-bottom: 20px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup.sponsorship-notice .year-list {
		padding-bottom: 25px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup.sponsorship-notice .year-list {
		padding-bottom: 27.5px;
	}
}
@media all and (min-width: 992px) {
	.popup.sponsorship-notice .year-list {
		padding-bottom: 30px;
	}
}
.popup.sponsorship-notice .year-list li {
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	transition: all ease-in-out .3s;
	color: #000;
}
.popup.sponsorship-notice .year-list li:hover {
	color: #ac998a;
}
.popup.sponsorship-notice .year-list li br {
	display: block;
	content: ""; 
	margin-top: -5px; 
}
.popup.sponsorship-notice .year-list li.active {
	color: #ac998a;
}
@media all and (max-width: 575px) {
	.popup.sponsorship-notice .year-list li {
		width: 50%;
		padding: 10px;
	}
	.popup.sponsorship-notice .year-list li:nth-child(2n-1) {
		border-right: 1px solid rgba(0,0,0,.1);
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.popup.sponsorship-notice .year-list li:nth-child(2n) {
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.popup.sponsorship-notice .year-list li:last-child {
		border-bottom: none;
	}
	.popup.sponsorship-notice .year-list 
	li:nth-last-child(2):not(:nth-child(2n)) {
		border-bottom: none;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup.sponsorship-notice .year-list li {
		width: 25%;
		padding: 0 5px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup.sponsorship-notice .year-list li {
		width: 25%;
		padding: 0 5px;
	}
}
@media all and (min-width: 992px) {
	
}
.popup.sponsorship-notice .stats {
	display: none;
}
.popup.sponsorship-notice .stats.active {
	display: block;
}
@media all and (max-width: 575px) {
	.popup.sponsorship-notice .stats table {
		font-size: 12px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup.sponsorship-notice .stats table {
		font-size: 12px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup.sponsorship-notice .stats table {
		font-size: 13px;
	}
}
@media all and (min-width: 992px) {	
	.popup.sponsorship-notice .stats table {
		font-size: 14px;
	}
}
.popup.sponsorship-notice .stats table {
	text-align: center;
	box-shadow: none;
}
.popup.sponsorship-notice .stats table tfoot td:not(:last-child) {
	border-right: 1px solid rgba(0,0,0,.1);
}
@media all and (max-width: 575px) {
	.popup.sponsorship-notice .all-sales table td:nth-child(2),
	.popup.sponsorship-notice .all-sales table td:nth-child(3) {
		width: 25%;
	}
	.popup.sponsorship-notice .only-sponsorship-allowance table td:nth-child(2),
	.popup.sponsorship-notice .only-sponsorship-allowance table td:nth-child(3) {
		width: 25%;
	}
	.popup.sponsorship-notice .by-level table td:nth-child(2) {
		width: 15%;
	}
	.popup.sponsorship-notice .by-level table td:nth-child(3),
	.popup.sponsorship-notice .by-level table td:nth-child(4) {
		width: 25%;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.popup.sponsorship-notice .stats table {
		margin-bottom: 30px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.popup.sponsorship-notice .stats table {
		margin-bottom: 35px;
	}
}
@media all and (min-width: 992px) {
	.popup.sponsorship-notice .all-sales table td:nth-child(2),
	.popup.sponsorship-notice .all-sales table td:nth-child(3) {
		width: 25%;
	}
	.popup.sponsorship-notice .all-sales table td:nth-child(1),
	.popup.sponsorship-notice .all-sales table td:nth-child(2),
	.popup.sponsorship-notice .all-sales table td:nth-child(3) {
		
	}
}
.popup.salesperson-confirmation .popup-content {
	max-width: 960px;
}
.popup.salesperson-confirmation .confirmation-form {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.popup.salesperson-confirmation .popup-body {
	background: #F1F5FB;	
}
.popup.salesperson-confirmation .popup-body .warning {
	text-align: center;
}
.popup.salesperson-confirmation .popup-body input {
	width: 100%;
	border: none;
	padding: 7.5px 10px;
	box-shadow: 0px 5px 5px rgba(0,0,0,.05);
}
.popup.salesperson-confirmation .popup-body .form-row:not(:last-child) {
	margin-bottom: 15px;
}
.popup.salesperson-confirmation .confirmation-form .selected {
	width: 100%;
	border: none;
	padding: 7.5px 10px;
	box-shadow: 0px 5px 5px rgba(0,0,0,.05);
	background: #FFF;
}
@media all and (max-width: 575px) {
	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	
}
@media all and (min-width: 768px) and (max-width: 991px) {
	
}
@media all and (min-width: 992px) {

}
.popup.salesperson-confirmation .confirmation-form .year-select, 
.popup.salesperson-confirmation .confirmation-form .month-select,
.popup.salesperson-confirmation .confirmation-form .day-select {
	width: 32%;
}
.popup.salesperson-confirmation .confirmation-form .year-select, 
.popup.salesperson-confirmation .confirmation-form .month-select {
	margin-right: 2%;
}
.popup.salesperson-confirmation .dropdown-select .options {
	border-top: 1px solid rgba(0,0,0,.1);
	background: #FFF;
	padding: 7.5px 10px;
	box-shadow: 0px 5px 5px rgba(0,0,0,.1);
}
.popup.salesperson-confirmation .confirmation-form .submit-btn {
	width: 160px;
}
@media all and (max-width: 480px)  {
	.popup.salesperson-confirmation .confirmation-form .col_1 {
		width: 100%;
	}	
	.popup.salesperson-confirmation .confirmation-form .col_2 {
		width: 100%;
	}
	.popup.salesperson-confirmation .confirmation-form .label {
		margin-bottom: 5px;
	}
}
@media all and (min-width: 481px) and (max-width: 575px) {
	.popup.salesperson-confirmation .confirmation-form .col_1 {
		width: 90px;
	}	
	.popup.salesperson-confirmation .confirmation-form .col_2 {
		width: calc(100% - 90px);
	}
	.popup.salesperson-confirmation .confirmation-form .label {
		padding: 7.5px 0;
	}
}
@media all and (min-width: 576px) {
	.popup.salesperson-confirmation .confirmation-form .col_1, 
	.popup.salesperson-confirmation .confirmation-form .col_3 {
		width: 90px;
	}
	
	.popup.salesperson-confirmation .confirmation-form .col_2 {
		width: calc(100% - 180px);
	}
	.popup.salesperson-confirmation .confirmation-form .label {
		padding: 7.5px 0;
	}
}
.product-popup .popup-content {
	top: 40%; left: 50%;
	transform: translate(-50%, -40%);
}
.product-popup .popup-content {
	width: 92%;
	max-width: 960px;
	padding: 0;
	max-height: 80vh;
	overflow: auto;
}
.product-popup ::-webkit-scrollbar {
	width: 2px;
}
@media all and (max-width: 575px) {
	.product-popup .popup-content .popup-body {
		padding: 20px 4%;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.product-popup .popup-content .popup-body {
		border-radius: 10px;
		padding: 20px 4%;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.product-popup .popup-content .popup-body {
		border-radius: 12.5px;
		padding: 20px 4%;
	}
}
@media all and (min-width: 992px) {
	.product-popup .popup-content .popup-body {
		border-radius: 15px;
		padding: 20px 4%;
	}	
}
.popup.ado-list table td,
.popup.ado-list table th,
.popup.ado-product table td,
.popup.ado-product table th {
	text-align: center;
}
/* ----- NEW -----*/
/*------ Single Post --------*/
@media all and (max-width: 575px) {
	.single-post {
        padding-top: 25px;
        padding-bottom: 90px;
    }
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.single-post {
        padding-top: 30px;
        padding-bottom: 100px;
    }
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.single-post {
        padding-top: 35px;
        padding-bottom: 110px;
    }
}
@media all and (min-width: 992px) {
	.single-post {
        padding-top: 40px;
        padding-bottom: 120px;
    }
}
.single-post .post-header {
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.single-post .post-header h2 {
	font-weight: 600;
	margin-bottom: 0;
}
.single-post .post-header .post-meta {
	display: flex;
}
@media all and (max-width: 575px) {
	.single-post .post-header {
		padding-bottom: 10px;
	}
}
@media all and (min-width: 576px) {
	.single-post .post-header {
		padding-bottom: 20px;
	}

	.single-post .post-header h2 {
		text-align: center;
	}
	.single-post .post-header .post-meta {
		justify-content: center;
	}
	.single-post .post-header .post-meta .info {
		border-right: 1px solid rgba(0,0,0,.1);
	}

}
.single-post .post-header .post-meta .info {
	display: flex;
	align-items: center;
}
@media all and (max-width: 360px) {	
	.single-post .post-header h2 {
		font-size: 18px;
	}
	.single-post .post-header .post-meta .info {
		font-size: 13px;
	}
}
@media all and (max-width: 575px) {
	.single-post .post-header .post-meta .info {
		margin-bottom: 5px;
	}
	.single-post .post-header .post-meta .info:not(:last-child) {
		margin-right: 15px;
	}
	.single-post .post-header .post-meta .info img {
		margin-right: 5px;
	}
}
@media all and (min-width: 576px) {
	.single-post .post-header .post-meta .info {
		padding: 0 20px;
	}	
	.single-post .post-header .post-meta .info:first-child {
		padding-left: 0;
	}
	.single-post .post-header .post-meta .info:last-child {
		padding-right: 0;
		border-right: none;
	}
	.single-post .post-header .post-meta .info img {
		margin-right: 10px;
	}

}
@media all and (max-width: 575px) {
	.single-post .post-header .post-meta .info img {
		height: 16px;
		width: auto;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.single-post .post-header .post-meta .info img {
		height: 18px;
		width: auto;
	}
}
@media all and (min-width: 768px) {
	.single-post .post-header .post-meta .info img {
		height: 20px;
		width: auto;
	}
}
.single-post .post-header .post-meta .info span {
	display: block;
}
.single-post .post-header .post-meta .info.download {
	cursor: pointer;
	color: #205EFF;
}
/*---- Post Body ----*/
.single-post .post-body {
	padding: 20px 0;
}
@media all and (max-width: 575px) {
	.single-post .post-body {
		padding: 25px 0;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.single-post .post-body {
		padding: 30px 0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.single-post .post-body {
		padding: 35px 0;
	}
}
@media all and (min-width: 992px) {
	.single-post .post-body {
		padding: 40px 0;
	}
}
.single-post .post-body img {
	margin-bottom: 20px;
}
/*---- Post Footer -----*/
.single-post .post-footer {
	border-top: 1px solid rgba(0,0,0,.1);
}
@media all and (max-width: 575px) {
	.single-post .post-footer {
		padding-top: 25px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.single-post .post-footer {
		padding-top: 30px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.single-post .post-footer {
		padding-top: 35px;
	}
}
@media all and (min-width: 992px) {
	.single-post .post-footer {
		padding-top: 40px;
	}
}
.single-post .post-footer a path {
	fill: none;
	stroke: #2B2937;
	stroke-linecap: round;	
	opacity: .5;
	transition: all ease-in-out .3s;
}
.single-post .post-footer a {
	display: flex;
	width: 50%;
}
.single-post .post-footer a h4 {
	padding-left: 2%;
	padding-right: 2%;
	color: #2B2937;
	transition: all ease-in-out .3s;
	margin-bottom: 0;
}
.single-post .post-footer a:hover h4 {
	color: #F05438;
}
.single-post .post-footer a:hover path {
	stroke: #F05438;
}
.single-post .post-footer .prev {
	justify-content: end;
	text-align: right;
	padding-right: .5em;
}
.single-post .post-footer .next {
	padding-left: .5em;
}
@media all and (max-width: 360px) {
	.single-post .post-footer a h4 {
		font-size: 15px;
	}
}
@media all and (min-width: 576px) {		
	.single-post .post-footer .next {
		border-left: 1px solid rgba(0,0,0,.1);
	}
}
.single-post .post-body h2 {
	margin-bottom: 1em;
}
.single-post .post-body p {
	margin-bottom: 0;
}
.single-post .post-body ul, 
.single-post .post-body ol {
	padding-left: 1em
}
.single-post .post-body ol ol, 
.single-post .post-body ol ul, 
.single-post .post-body ul ul, 
.single-post .post-body ul ol {
	margin-bottom: .5em;
}
/*--- Notice Post ---*/
.notice-post .post-body {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.notice-post .post-body img {
	display: block;	
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/*--- Video Post ---*/
.video-post .post-body video {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.video-post .post-body {
	padding: 10px 0;
}
.video-post .post-header {
    border-bottom: none;
}
.video-post .post-footer {
    border-top: none;
}
/*--- Gallery Post ---*/
.gallery-post .post-body {
	padding: 10px 0;
}
.gallery-post .post-header {
    border-bottom: none;
}
.gallery-post .post-footer {
    border-top: none;
}
.office-search{font-size:13px;background:#F3F4FB}
.office-search input{background:#FFF;border:1px solid #EAEBED;width:100%;height:40px}
@media all and (max-width: 575px) {
.office-search .selected,.office-search input{padding:0 10px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.office-search .selected,.office-search input{padding:0 11px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.office-search .selected,.office-search input{padding:0 12px}
}
@media all and (min-width: 992px) {
.office-search .selected,.office-search input{padding:0 13px}
}
.office-search .selected{height:40px}
.composer-body .office-search .selected span{padding:0}
.office-search .display-stage .info{padding:7.5px 5px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:5px}
.office-search .display-stage{min-width:95px}
.office-search .display-stage .info{align-items:center}
.office-search .display-stage .info .value{padding:0 12.5px}
.office-search .display-stage .up-btn,.office-search .display-stage .down-btn{margin-top:auto;margin-bottom:auto;display:flex;cursor:pointer}
.office-search .display-stage .up-btn svg,.office-search .display-stage .down-btn svg{margin-left:auto;margin-right:auto}
.office-search .display-stage .up-btn{margin-right:5px}
.office-search .date-selects .info-heading .btn-hide{margin-right:0;margin-left:auto}
.office-search .date-selects .info-heading .btn-hide span{color:#7D7893}
.office-search .date-selects .info-heading{display:flex;align-items:center}
@media all and (max-width: 991px) {
.office-search .date-selects .info-heading{margin-bottom:10px}
.office-search .date-selects .info-heading .label{color:#000}
}
@media all and (min-width: 992px) {
.office-search .date-selects .info-heading .btn-hide{display:none}
}
.office-search .date-select .years-select,.office-search .date-select .months-select,.office-search .date-select .days-select{display:flex;align-items:center;position:relative}
.office-search .date-select .years-select:after,.office-search .date-select .months-select:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;background:rgba(0,0,0,.1);width:1px;height:75%}
.office-search .date-select .dropdown-select{width:100%}
@media all and (max-width: 575px) {
.office-search .date-time .lb{display:none}
.office-search .date-time .date-select.date-from{margin-bottom:10px}
}
@media all and (max-width: 991px) {
.office-search .date-select .years-select{width:40%}
.office-search .date-select .months-select{width:30%}
.office-search .date-select .days-select{width:30%}
}
@media all and (min-width: 992px) {
.office-search .date-select .years-select{width:38%}
.office-search .date-select .months-select{width:31%}
.office-search .date-select .days-select{width:31%}
}
.office-search .label{display:flex;align-items:center;font-weight:500}
@media all and (max-width: 767px) {
.office-search .field{align-items:center}
.office-search .label{font-size:12px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;/*height:1.5em;*/display:-webkit-box;-webkit-box-orient:vertical}
}
/* @media all and (min-width: 768px) and (max-width: 991px) {
.office-search .label{width:110px}
} */
.office-search .close-btn a{height:100%;display:flex;align-items:center;padding-left:20px;padding-right:20px}
.office-search .lb{display:flex;align-items:center;margin-left:5px;margin-right:5px}
.office-search .lb-text{display:flex;align-items:center;color:rgba(43,41,55,.5)}
.office-search .dropdown-select .selected{border:1px solid rgba(0,0,0,.1);background:#fff}
.office-search .name-browsing-btn{background:#687484;width:40px;height:40px;transition:all ease-in-out .3s;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.office-search .name-browsing-btn:hover{background:#000;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.office-search .submit-btn,.office-search .top-line-btn{position:relative;cursor:pointer;text-align:center;border:none;height:100%;padding-top:10px;padding-bottom:10px}
.office-search .submit-btn{background:#687484;transition:all ease-in-out .3s;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.office-search .submit-btn:hover{background:#000;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.office-search .submit-btn{padding-left:20px;padding-right:20px}
.office-search .submit-wrapper{margin-right:0;margin-left:auto}
.office-search .submit-btn:after,.office-search .top-line-btn:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;transition:all ease-in-out .3s;background-image:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,0));opacity:0}
.office-search .submit-btn:hover:after,.office-search .top-line-btn:hover:after{opacity:1}
.office-search .submit-btn,.office-search .top-line-btn{color:#FFF;line-height:1.3em}
.office-search .submit-btn path,.office-search .top-line-btn path{fill:#fff}
.office-search .standard-name .name-selected{display:flex;align-items:center;padding:0 15px;overflow:hidden}
.office-search .standard-name .name-selected span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.office-search .name-browsing-btn{padding:0 10px}
.office-search .name-browsing-btn path{fill:#fff}
.empty-tbody{position:relative;border:1px solid rgba(0,0,0,.1);margin-bottom:0!important}
.empty-tbody td{background:#FFF!important;padding:5px 10px!important;border:none!important}
.empty-tbody .empty-warning{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.empty-warning{text-align:center}
@media all and (min-width: 992px) {
.office-result{padding-top:40px;padding-bottom:100px}
}
.office-result .hr-table{border-top:1px solid #EAEBED}
.office-result .hr-table td,.office-result .hr-table th{padding-left:20px;text-align:left}
.office-result .hr-mobile-table tbody{font-size:13px;line-height:1.25em;border-left:1px solid rgba(0,0,0,.075);border-right:1px solid rgba(0,0,0,.075);border-bottom:1px solid rgba(0,0,0,.075)}
.office-result .hr-mobile-table tbody td:first-child{width:45%;text-align:left;word-break:break-all}
.office-result .hr-mobile-table tbody td:last-child{width:55%;text-align:left;word-break:break-all}
.office-result tfoot tr{background:#EFF7FF;border-bottom:1px solid #EAEBED}
.office-result tfoot tr th,.office-result tfoot tr td{font-weight:600}
.office-block h2{font-weight:600;display:flex;align-items:center}
@media all and (max-width: 767px) {
.office-block .heading{margin-bottom:14px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.office-block .heading{margin-bottom:16px}
}
@media all and (min-width: 992px) {
.office-block .heading{margin-bottom:18px}
}
.form-table td:first-child{word-break:keep-all;padding-left:0}
.form-table.vt-table td:last-child{padding-right:0}
.form-table input,.form-table textarea{width:100%;background:#F9FAFD;border:1px solid rgba(0,0,0,.05);padding:8px 10px;color:#000}
.form-table input{height:34px;font-weight:500}
.form-table .dropdown-select{background:#F9FAFD;border:1px solid rgba(0,0,0,.05);color:#000}
.form-table .dropdown-select .selected{height:34px;padding:8px 10px;font-weight:500}
.form-table .dscr{font-size:calc(1em - 1px);opacity:.8;display:block;margin-top:5px}
.form-table .warning{font-size:calc(1em - 1px);color:red}
#live-broadcast .w-video .video-wrapper iframe{position:absolute;width:100%;height:100%}
.ytp-play-button{fill:#fff;opacity:.85}
.ytp-play-button:hover{cursor:pointer;opacity:1}
.ytp-play-button.closed{opacity:0}
#product-category .ytp-iframe{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%}
#product-content .ytp-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%}
#product-content .img-wrapper{margin-bottom:10px}
#product-content .video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:10px}
#product-content .video-wrapper iframe{position:absolute;width:100%;height:100%}
.textCenter{text-align:center!important}
.textLeft{text-align:left!important}
.textRight{text-align:right!important}
.label-table{text-align:center!important;white-space:nowrap}
.w-video{position:relative;transition:all ease-in-out .3s}
.w-video video{width:100%;display:block}
.w-video .thumbnail{cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:1;transition:all ease-in-out .3s}
.w-video .thumbnail .img-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;transition:all ease-in-out .3s}
.w-video .thumbnail .img-wrapper:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:#000;opacity:.2;transition:all ease-in-out .3s}
.w-video:hover .thumbnail .img-wrapper:after{opacity:.4}
.w-video .thumbnail .img-wrapper img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:all ease-in-out .3s;opacity:1}
.w-video .states .state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:auto;height:24%;opacity:.5}
.w-video:hover .states .state{opacity:1}
.w-video.onplay .thumbnail{opacity:0;z-index:-1}
.w-video.onplay .state{width:0;height:0;opacity:0}
.w-video .thumbnail.onpause{opacity:1}
.w-video .thumbnail.onpause .img-wrapper{opacity:0}
.w-checkbox input{width:0;opacity:0}
.w-checkbox label{width:auto;align-items:center}
.w-checkbox label .icon{cursor:pointer;background:#FFF;border:1px solid silver;transition:all ease-in-out .3s}
.w-checkbox.circle label .icon{border-radius:50%}
.w-checkbox.square label .icon{border-radius:5%;border:none;box-shadow:0 5px 10px #EAEBED;transition:all ease-in-out .3s}
.w-checkbox.square label .icon:hover{box-shadow:0 5px 10px rgba(0,0,0,.2)}
.w-checkbox.square label .icon:hover path{fill:#000}
.w-checkbox label .icon path{fill:silver;transition:all ease-in-out .3s}
.w-checkbox.checked label .icon{background:#0F76EF;border:1px solid #0F76EF}
.w-checkbox.checked label .icon path{fill:#FFF}
.w-checkbox label .text{margin-top:auto;margin-bottom:auto}
.w-checkbox label h4{padding-top:2px}
@media all and (max-width: 575px) {
.w-checkbox label .icon{width:22px;height:22px;margin-right:10px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.w-checkbox label .icon{width:24px;height:24px;margin-right:15px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.w-checkbox label .icon{width:26px;height:26px;margin-right:17.5px}
}
@media all and (min-width: 992px) {
.w-checkbox label .icon{width:28px;height:28px;margin-right:20px}
}
.style-1-tabs .tabs-nav li{cursor:pointer;transition:all ease-in-out .3s;padding:0 20px;color:rgba(44,41,45,0.5);border-right:1px solid #EAEBED}
.style-1-tabs .tabs-nav li:hover{color:#ac998a}
.style-1-tabs .tabs-nav li:first-child{padding-left:0}
.style-1-tabs .tabs-nav li:last-child{padding-right:0;border-right:none}
.style-1-tabs .tabs-nav li.active{color:#ac998a}
.style-1-tabs .tabs-nav ul{justify-content:center}
.style-1-tabs .tabs-nav{border-bottom:1px solid #EAEBED}
@media all and (max-width: 575px) {
.style-1-tabs .tabs-nav{padding:10px 0}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.style-1-tabs .tabs-nav{padding:10px 0}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.style-1-tabs .tabs-nav{padding:10px 0}
}
@media all and (min-width: 992px) {
.style-1-tabs .tabs-nav{padding:15px 0;border-bottom:1px solid #EAEBED}
}
.style-1-tabs .tabs-content .tab-content{display:none}
.style-1-tabs .tabs-content .tab-content.active{display:block}
@media all and (max-width: 575px) {
.style-1-tabs .tabs-content{padding-top:30px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.style-1-tabs .tabs-content{padding-top:40px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.style-1-tabs .tabs-content{padding-top:50px}
}
@media all and (min-width: 992px) {
.style-1-tabs .tabs-content{padding-top:60px}
}
.style-1-tabs .tabs-content{padding-bottom:0}
@media all and (max-width: 575px) {
.composer{padding-top:25px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.composer{padding-top:30px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.composer{padding-top:35px}
}
@media all and (min-width: 992px) {
.composer{padding-top:40px}
}
@media all and (max-width: 991px) {
.composer{width:100%}
.composer-title{padding-left:4%;padding-right:4%}
.composer-body{padding-left:4%;padding-right:4%}
}
.composer-title{font-weight:600}
@media all and (max-width: 575px) {
.composer-title{margin-bottom:15px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.composer-title{margin-bottom:15px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.composer-title{margin-bottom:17.5px}
}
@media all and (min-width: 992px) {
.composer-title{margin-bottom:20px}
}
.composer-body{border-top:3px solid #000}
@media all and (min-width: 992px) {
.composer-full .composer-body{border-bottom:1px solid #EAEBED}
}
.composer-body .dropdown-select .selected{padding:7.5px 10px}
.composer-body input{padding:5px 10px;border:1px solid #EAEBED;width:100%}
.composer-body .dropdown-select .options{padding:7.5px 10px;background:#FFF;box-shadow:0 5px 5px #EAEBED}
.composer-body .info-row{border-bottom:1px solid #EAEBED;align-items:center}
@media all and (max-width: 767px) {
.composer-body .info-row{padding:10px 0}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.composer-body .info-row{padding:12.5px 0}
}
@media all and (min-width: 992px) {
.composer-body .info-row{padding:15px 20px}
}
@media all and (max-width: 991px) {
.composer-full .composer-body .col_left{width:100%;padding:5px 0;margin-bottom:15px}
.composer-full .composer-body .col_right{width:100%}
}
@media all and (min-width: 992px) {
.composer-full .composer-body .col_left{width:360px;padding-top:20px;padding-bottom:20px;border-right:1px solid #EAEBED}
.composer-full .composer-body .col_right{width:calc(100% - 360px);padding-top:35px;padding-bottom:35px;padding-left:30px}
}
.composer-full .composer-body .col_left .info-row:last-child{border-bottom:none}
.composer-full .composer-body .col_left .online-submission .row_1{margin-bottom:7.5px;align-items:center}
.composer-full .composer-body .col_left .online-submission .row_2 a{padding:7.5px 10px}
.composer-full .composer-body .col_left .online-submission .row_2 a:first-child{width:calc(50% - 2.5px);margin-right:5px}
.composer-full .composer-body .col_left .online-submission .row_2 a:last-child{width:calc(50% - 2.5px);opacity:.6}
@media all and (max-width: 575px) {
.composer-compact .title .label{width:50px}
.composer-compact .title .content{width:calc(100% - 50px)}
.composer-compact .editor .label{width:100%;margin-bottom:5px;display:none}
.composer-compact .editor .content{width:100%}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.composer-compact .info-row .label{width:100px}
.composer-compact .info-row .content{width:calc(100% - 100px)}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.composer-compact .info-row .label{width:150px}
.composer-compact .info-row .content{width:calc(100% - 150px)}
}
@media all and (min-width: 992px) {
.composer-compact .info-row .label{width:200px}
.composer-compact .info-row .content{width:calc(100% - 200px)}
}
@media all and (max-width: 991px) {
.composer-compact .composer-body{padding-top:5px}
}
.composer-compact .editor{padding-bottom:0}
.articles-table a{display:block;color:#000;transition:all ease-in-out .3s}
.articles-table tr:hover a{color:#F27360}
.articles-table .online-submission img{width:auto;padding-bottom:2.5px}
.mobile-articles{padding:0}
@media all and (min-width: 992px) {
.mobile-articles{display:none}
}
.mobile-articles li{display:block;border-bottom:3px solid #000}
.mobile-articles li a{display:block}
@media all and (max-width: 575px) {
.mobile-articles li{padding:25px 0}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.mobile-articles li{padding:27.5px 0}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.mobile-articles li{padding:30px 0}
}
.mobile-articles li .article-heading .id{color:#FBA63F}
.mobile-articles li .article-heading{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #EAEBED}
.mobile-articles li .article-heading h2{margin-bottom:0}
.mobile-articles li .article-heading .online-submission img{margin-left:5px;width:auto;padding-bottom:2.5px}
.mobile-articles .article .title,.mobile-articles .article .label,.mobile-articles .article .value{color:#000}
.mobile-articles li .article-meta .label{opacity:.5;margin-right:5px}
@media all and (max-width: 767px) {
.payment-method.credit-card .card-type .amount-info{margin-top:5px}
.payment-method.credit-card .card-type .radios-group .radio{margin-bottom:0}
.payment-method.credit-card .card-type .radios-group .radio:not(:last-child){margin-right:20px}
}
@media all and (min-width: 768px) {
.payment-method.credit-card .card-type .amount-info{text-align:right}
}
@media (max-width: 575px) {
#checkout #make-a-payment .payment-method.credit-card{display:none;box-shadow:none}
#checkout #make-a-payment .payment-method.credit-card.active{display:block}
#checkout #make-a-payment .payment-method.credit-card tbody,#checkout #make-a-payment .payment-method.credit-card tbody tr,#checkout #make-a-payment .payment-method.credit-card tbody tr td{display:block;background:#FFF;width:100%;text-align:left}
#checkout #make-a-payment .payment-method.credit-card tbody tr:last-child{border:none}
#checkout #make-a-payment .payment-method.credit-card tbody tr td{text-align:left;border:none;padding-left:0;padding-right:0}
#checkout #make-a-payment .payment-method.credit-card tbody tr td:first-child{padding-top:10px;padding-bottom:0;font-weight:700}
#checkout #make-a-payment .payment-method.credit-card tbody tr td:last-child{padding-top:0;padding-bottom:10px}
}
.payment-method.credit-card .card-type .radios-group .radio{margin-bottom:0}
.payment-method.credit-card .card-type .radios-group .radio:not(:last-child){margin-right:20px}
@media all and (max-width: 767px) {
.payment-method.credit-card .card-type .radios-group{margin-bottom:5px}
}
.payment-method.credit-card .amount input{text-align:right}
@media all and (max-width: 575px) {
.payment-method.credit-card .amount input{margin-left:10px;margin-right:10px}
}
@media all and (min-width: 576px) {
.payment-method.credit-card .amount input{margin-left:5px;margin-right:5px;width:120px}
.payment-method.credit-card .amount .inputs-row{justify-content:end}
}
@media all and (max-width: 767px) {
.payment-method.credit-card .card-number .lb{padding-left:5px;padding-right:5px}
}
@media all and (min-width: 768px) {
.payment-method.credit-card .card-number .lb{padding-left:10px;padding-right:10px}
}
.payment-method.credit-card .validity .lb{padding-left:10px}
.payment-method.credit-card .validity .input-2-digits{width:50px}
.payment-method.credit-card .validity .input-4-digits{width:70px}
@media all and (max-width: 575px) {
.payment-method.credit-card .validity li{margin-bottom:10px}
.payment-method.credit-card .validity .inputs-row .lb{padding-left:5px;padding-right:5px}
}
@media all and (min-width: 576px) {
.payment-method.credit-card .validity li{margin-bottom:10px}
.payment-method.credit-card .validity .inputs-row .lb{padding-left:10px;padding-right:10px}
}
@media all and (max-width: 575px) {
.payment-method.credit-card .installment-period .dropdown-select{min-width:110px}
}
@media all and (min-width: 576px) {
.payment-method.credit-card .installment-period .dropdown-select{min-width:200px}
}
.payment-method.credit-card .installment-period .lb{padding-left:10px}
.payment-method.credit-card .birth-date .lb{padding-left:10px}
.payment-method.credit-card .business-id .lb{padding-left:10px}
.payment-method.credit-card .card-password .lb{padding-left:10px}
@media all and (max-width: 575px) {
.payment-method.credit-card .card-password input{max-width:60px}
}
@media all and (min-width: 576px) {
.payment-method.credit-card .card-password input{max-width:70px}
}
@media all and (max-width: 575px) {
.payment-method.credit-card .card-type-tr{display:none!important}
.payment-method.credit-card .card-type-tr.active{display:block!important}
}
@media all and (min-width: 576px) {
.payment-method.credit-card .card-type-tr{display:none!important}
.payment-method.credit-card .card-type-tr.active{display:table-row!important}
}
.lb{display:flex;align-items:center}
.member-form input.width48{width:40%}
.member-form input.width70{width:60%}
.member-form input.width27{width:35%}
.member-form .inputs-wrapper{align-items:center}
.member-form .hyphen{margin-left:10px;margin-right:10px}
@media all and (max-width: 991px) {
.member-form .form-row{margin-bottom:15px}
}
@media all and (min-width: 992px) {
.member-form .form-row{margin-bottom:20px}
}
.member-form .form-row:last-child{margin-bottom:0}
@media all and (max-width: 575px) {
.member-form .label{margin-bottom:0}
}
@media all and (min-width: 576px) and (max-width: 991px) {
.member-form .label{padding-right:15px}
}
@media all and (min-width: 992px) {
.member-form .label{padding-right:20px}
}
.member-form .dropdown-select .selected{background:#F1F5FB;box-shadow:none}
.member-form .dropdown-select .selected,.member-form input{background:#F1F5FB;border:none}
.member-form input:read-only{color:rgba(43,41,55,.4)}
.member-form .dropdown-select .options{background:#FFF;padding:10px 0;border-top:none;box-shadow:0 5px 10px rgba(0,0,0,.05)}
.member-form .dropdown-select .option{padding:2.5px 15px;transition:all ease-in-out .3s}
.member-form .dropdown-select .option:hover{color:#ac998a}
@media all and (max-width: 419px) {
.member-form .year-select{width:34%;margin-right:2%}
.member-form .month-select{width:31%;margin-right:2%}
.member-form .day-select{width:31%}
.member-form .calendar-select{width:100%;margin-top:10px}
}
@media all and (min-width: 420px) {
.member-form .years-select{width:36%;margin-right:2%}
.member-form .months-select{width:30%;margin-right:2%}
.member-form .days-select{width:30%}
.member-form .calendar-select{width:23%}
}
@media all and (max-width: 420px) {
.member-form .years-select{width:36%;margin-right:2%}
.member-form .months-select{width:30%;margin-right:2%}
.member-form .days-select{width:30%}
.member-form .calendar-select{width:23%}
}
.member-form .verify-btn{display:flex;justify-content:center;align-items:center;width:auto;max-width:100%;box-shadow:0 5px 10px rgba(0,0,0,.05)}
.member-form .input .verify-btn{margin-top:0;margin-left:10px}
@media all and (max-width: 767px) {
.member-form .input .verify-btn{min-width:80px}
}
@media all and (min-width: 768px) {
.member-form .input .verify-btn{min-width:100px}
}
@media all and (max-width: 767px) {
.member-form .extra .verify-btn{margin-top:10px;padding-left:15px;padding-right:15px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.member-form .extra .verify-btn{padding-left:17.5px;padding-right:17.5px}
}
@media all and (min-width: 992px) {
.member-form .extra .verify-btn{padding-left:20px;padding-right:20px}
}
@media all and (max-width: 991px) {
.member-form .verify-btn{padding-top:10px;padding-bottom:10px}
.member-form .dropdown-select .selected,.member-form input{padding:10px 15px}
.member-form .label{padding:10px 0}
}
@media all and (min-width: 992px) {
.member-form .verify-btn{padding-top:10px;padding-bottom:10px}
.member-form .dropdown-select .selected,.member-form input{padding:10px 15px}
.member-form .label{padding:10px 0}
}
.calendar-header{display:flex;justify-content:center;align-items:center;padding-bottom:20px;border-bottom:1px solid #EAEBED;margin-bottom:10px}
.calendar-header .date{font-weight:700;color:#328AFD}
.calendar-header .nav-btn{cursor:pointer}
.calendar-header .nav-btn.prev{margin-right:20px}
.calendar-header .nav-btn.next{margin-left:20px}
.calendar-table{background:#FFF}
.calendar-table th,.calendar-table td{vertical-align:top;width:14.285%;text-align:center}
.calendar-table td:first-child{color:#1F1D29}
.calendar-table td:last-child{color:#1F1D29}
.calendar-table .day.prev,.calendar-table .day.next{opacity:.4}
.calendar-table td .day{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:auto;margin-right:auto;border-radius:50%;position:relative}
.calendar-table td .day:after{content:"";position:absolute;width:calc(100% + 8px);height:calc(100% + 8px);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.1;border-radius:50%}
.calendar-table td .day.active,.calendar-table td .day.active:after{background:#F5A46C}
.calendar-table td .day.active span{color:#FFF}
.calendar-table td .day.current,.calendar-table td .day.current:after{background:#3580FE}
.calendar-table td .day.current span{color:#FFF}
@media all and (max-width: 767px) {
.calendar thead th span{display:none}
.calendar-body{margin-bottom:20px}
}
@media all and (min-width: 768px) {
.calendar-body{margin-bottom:10px}
}
.calendar .calendar-table thead th{color:#9AAABA}
@media all and (max-width: 767px) {
.calendar-table thead th,.calendar-table td{padding:10px 5px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.calendar-table thead th,.calendar-table td{padding:12.5px 5px}
}
@media all and (min-width: 992px) {
.calendar-table thead th,.calendar-table td{padding:15px 5px}
}
.calendar-table td{position:relative}
.calendar-detail ::-webkit-scrollbar{width:3px}
.calendar-detail table th{border-right:none!important}
@media all and (min-width: 576px) {
.calendar-detail-table{font-size:14px}
}
.calendar-detail-table{text-align:center}
.calendar-detail-table.hr-table thead{background:#FFF}
.calendar-detail-table.hr-table tfoot td{border-bottom:none;color:#F27360}
.calendar-detail-table.hr-table td{border-right:none}
.calendar-detail-table tr.current-month{color:#FFF;background:#F5A46C}
.calendar-section .dot{border-radius:50%;display:block}
.calendar-section .dot.type-1{background:#8256FF}
.calendar-section .dot.type-2{background:#FFDA56}
.calendar-section .dot.type-3{background:#AAE76D}
.calendar-section .dot.type-4{background:#56C2FF}
.calendar-section td .article-dots{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin:0;padding:0}
.calendar-section td .article-dots .dot{width:4px;height:4px}
.calendar-section td .article-dots .dot:not(:last-child){margin-right:6px}
@media all and (min-width: 576px) {
.calendar-article-types{font-size:14px}
}
.calendar-article-types{margin:0;padding:0}
.calendar-article-types .article-type{margin-bottom:10px;align-items:center}
.calendar-article-types .article-type:not(:last-child){margin-right:30px}
.calendar-article-types .article-type .dot{width:10px;height:10px;margin-right:10px}
.calendar-articles .heading{border-bottom:1px solid #EAEBED;align-items:center;padding-bottom:20px;margin-bottom:0}
@media all and (min-width: 992px) {
.calendar-articles .article-days{overflow:auto;max-height:420px}
}
.calendar-articles .article-days .day:not(:last-child){margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05)}
.calendar-articles .article-days .day,.calendar-articles .article-days .day h4{font-size:14px}
.calendar-articles .article-days .day ul{padding:0}
.calendar-articles .article-days .article{display:block}
.calendar-articles .article-days .article a{color:#000;transition:all ease-in-out .3s}
.calendar-articles .article-days .article a:hover{color:#B08374}
@media all and (max-width: 991px) {
.calendar-articles .article-days{padding-top:25px}
}
@media all and (min-width: 992px) {
.calendar-articles .article-days{padding-top:30px}
}
.calendar-articles .day .article .dot{width:10px;height:10px;margin-right:10px;margin-top:6px}
@media (max-width: 991px) {
.hr-chart{font-size:13px}
}
@media (min-width: 992px) {
.hr-chart{font-size:14px}
}
.hr-chart{position:relative;background:#FFF;padding:0 2.5px}
.hr-chart .chart-body{position:relative;min-height:150px}
@media all and (max-width: 991px) {
.hr-chart .chart-body{padding-top:80px}
}
@media all and (min-width: 992px) {
.hr-chart .chart-body{padding-top:60px}
}
.hr-chart ul li{display:block}
.hr-chart .month-row{padding:0;margin:0;text-align:center}
.hr-chart .value-row{align-items:flex-end;margin-bottom:0;z-index:100;position:relative}
.hr-chart .value-row li{position:relative}
.hr-chart .value{position:absolute;left:50%;transform:translateX(-50%)}
.hr-chart .value span{white-space:nowrap;display:inline-block}
/* @media all and (max-width: 991px) {
.hr-chart .value span{transform:rotate(-90deg) translateX(40px)}
} */
@media all and (min-width: 992px) {
.hr-chart .value{top:-30px}
}
.hr-chart .bar{display:block;margin:auto;position:relative}
.hr-chart .bar:after{content:"";display:block;position:absolute;width:100%;height:80%;top:0;left:0;transition:all ease-in-out .3s;background-image:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,0))}
@media all and (max-width: 575px) {
.hr-chart .bar{width:10px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.hr-chart .bar{width:10px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.hr-chart .bar{width:12.5px}
}
@media all and (min-width: 992px) {
.hr-chart .bar{width:15px}
}
.hr-chart .label-row{padding-top:5px;border-top:1px solid #EAEBED;align-items:flex-start;margin-bottom:0}
.hr-chart .label-row li{display:block;width:100%;text-align:center}
@media all and (max-width: 576px) {
.hr-chart .label-row li span{display:block;width:100%;margin-bottom:-5px}
}
.hr-chart li:nth-child(1) .bar{background:#FAAF3F}
.hr-chart li:nth-child(2) .bar{background:#863FFA}
.hr-chart li:nth-child(3) .bar{background:#FA3F6C}
.hr-chart li:nth-child(4) .bar{background:#3F68FA}
.hr-chart li:nth-child(5) .bar{background:#06D9CC}
.hr-chart li:nth-child(6) .bar{background:#FA3FBA}
.hr-chart li:nth-child(7) .bar{background:#3FC2FA}
.hr-chart li:nth-child(8) .bar{background:#27E5A1}
.hr-chart li:nth-child(9) .bar{background:#A4F240}
.hr-chart li:nth-child(10) .bar{background:#0047FF}
.hr-chart li:nth-child(11) .bar{background:#F2C040}
.hr-chart li:nth-child(12) .bar{background:#FF4975}
.hr-chart .hr-lines{z-index:0;position:absolute;height:100%;top:0}
.hr-chart .hr-lines span{position:absolute;width:100%;height:1px;left:0;background:linear-gradient(to right,#000 50%,rgba(255,255,255,0) 0%);background-position:top,right,bottom,left;background-repeat:repeat-x,repeat-y;background-size:10px 1px;opacity:.1}
.hr-chart .hr-lines span:nth-child(1){top:20%}
.hr-chart .hr-lines span:nth-child(2){top:40%}
.hr-chart .hr-lines span:nth-child(3){top:60%}
.hr-chart .hr-lines span:nth-child(4){top:80%}
@media (max-width:991px){
    .hr-chart{ display: flex; padding-top: 0 !important; border-top:0 !important}
    .hr-chart .label-row{padding:0; border-top:0 !important;}
    .hr-chart .label-row,.hr-chart .value-row{display:flex;flex-direction:column}
    .hr-chart .value-row{flex:1 auto}
    #affiliate-member-analysis .position-chart .hr-chart ul li{width:100%!important;display:flex!important}
    .hr-chart .bar{left:0;height:10px;margin:0;top:6px}
    .hr-chart .value{right:0;left:auto}
}
@media all and (max-width: 575px) {
.section-content .container.results{padding-top:25px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.section-content .container.results{padding-top:30px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.section-content .container.results{padding-top:35px}
}
.input-2-digits,.input-4-digits,.input-6-digits{letter-spacing:2px}
.tr-option{display:none}
.tr-option.active{display:table-row}
.articles-wrapper.style-3 article{background:#FFF;transition:all ease-in-out .3s}
.articles-wrapper.style-3 h4{color:#000;margin-bottom:10px;transition:all ease-in-out .3s}
.articles-wrapper.style-3 h4:hover{color:#ac998a}
@media all and (max-width: 576px) {
.articles-wrapper.style-3 h4{font-size:14px}
}
.articles-wrapper.style-3 .meta{display:flex;justify-content:flex-start;border-top:1px solid #EAEBED}
.articles-wrapper.style-3 article .meta .info{display:flex;align-items:center;margin-right:20px}
.articles-wrapper.style-3 article .meta .info:last-child{margin-right:0}
.articles-wrapper.style-3 article .meta .info img{margin-right:10px;height:20px;width:auto}
.articles-wrapper.style-3 article .meta .info span{margin-top:1.5px}
@media all and (max-width: 767px) {
.articles-wrapper.style-3 .meta{padding-top:10px}
}
@media all and (min-width: 768px) {
.articles-wrapper.style-3 article{border-left:2px solid #ac998a;box-shadow:0 5px 10px #EAEBED}
.articles-wrapper.style-3 .meta{padding-top:12.5px}
.articles-wrapper.style-3 h4{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.articles-wrapper.style-3 article{padding:25px 35px}
}
@media all and (min-width: 992px) {
.articles-wrapper.style-3 article{padding:30px 40px}
}
@media all and (max-width: 767px) {
.articles-wrapper.style-3 .column{width:100%}
}
.articles-wrapper.style-2 .meta{display:flex;justify-content:flex-start}
.articles-wrapper.style-2 .meta.between{display:flex;justify-content:space-between}
.articles-wrapper.style-2 .meta .view{margin-right:20px}
.articles-wrapper.style-2 article{box-shadow:none}
.articles-wrapper.style-2 article .info{padding:0;margin-top:20px}
.articles-wrapper.style-2 article .info h4{margin-bottom:10px}
.articles-wrapper.style-2 article .info p{opacity:.5;margin-bottom:10px}
.articles-wrapper.style-2 article .meta div{display:flex;align-items:center}
.articles-wrapper.style-2 article .meta div img{margin-right:10px}
.articles-wrapper.style-2 article .meta div span{margin-top:1.5px}
.articles-wrapper.style-2 article .thumbnail{background:#000;display:block;position:relative}
.articles-wrapper.style-2 article .thumbnail img{transition:all ease-in-out .3s}
@media all and (max-width: 575px) {
.articles-wrapper.style-2 article .thumbnail img{height:170px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.articles-wrapper.style-2 article .thumbnail img{height:250px}
}
@media all and (min-width: 768px) {
.articles-wrapper.style-2 article .thumbnail img{height:270px}
}
.articles-wrapper.style-2 article .thumbnail:hover img:last-child{opacity:.5}
@media all and (max-width: 575px) {
.articles-wrapper.style-2 article .thumbnail .icon{width:20px;height:20px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.articles-wrapper.style-2 article .thumbnail .icon{width:25px;height:25px}
}
@media all and (min-width: 768px) {
.articles-wrapper.style-2 article .thumbnail .icon{width:30px;height:30px}
}
.articles-wrapper.style-2 article .thumbnail .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;opacity:.4}
.articles-wrapper.style-2 article .thumbnail:hover .icon{opacity:1}
.articles-wrapper.style-1 article{background:#FFF;box-shadow:0 5px 15px #EAEBED;border-radius:10px}
.articles-wrapper.style-1 article .thumbnail{display:block;padding:50px 20px;background-image:linear-gradient(#6AB3FF,#297AFF);border-top-left-radius:10px;border-top-right-radius:10px}
.articles-wrapper.style-1 article .thumbnail.img{display:block;padding:0;background-image:linear-gradient(#6AB3FF,#297AFF);border-top-left-radius:10px;border-top-right-radius:10px;height:180px;width:100%}
.articles-wrapper.style-1 article .thumbnail.img img{border-top-left-radius:10px;border-top-right-radius:10px}
.articles-wrapper.style-1 article .thumbnail .icon{display:block;margin:auto}
.articles-wrapper.style-1 article .info p{border-bottom:1px solid #EAEBED;padding-bottom:10px}
@media all and (max-width: 575px) {
.articles-wrapper.style-1 article .info .meta span{display:block;width:100%}
}
.articles-wrapper.style-1 article .info .meta{display:flex;justify-content:space-between;align-items:center}
.articles-wrapper.style-1 article .info .meta .icon{height:30px;margin-left:15px}
@media all and (max-width: 575px) {
.articles-wrapper.style-1 article .info{padding:15px 10px}
.articles-wrapper.style-1 article .thumbnail .icon{height:40px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.articles-wrapper.style-1 article .info{padding:15px}
.articles-wrapper.style-1 article .thumbnail .icon{height:50px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.articles-wrapper.style-1 article .info{padding:20px}
.articles-wrapper.style-1 article .thumbnail .icon{height:60px}
}
@media all and (min-width: 992px) {
.articles-wrapper.style-1 article .info{padding:20px}
.articles-wrapper.style-1 article .thumbnail .icon{height:70px}
}
.articles-wrapper{margin-bottom:0}
.articles-wrapper li{display:block}
.articles-wrapper article h4{font-weight:600;margin-bottom:0;line-height:1.4em}
@media all and (max-width: 575px) {
.articles-wrapper article .info h4{font-size:14px}
.articles-wrapper article .info p{font-size:12px;margin-bottom:5px}
.articles-wrapper article .info .meta span{font-size:12px}
}
@media all and (max-width: 575px) {
.articles-wrapper .column{margin-bottom:20px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.articles-wrapper .column{margin-bottom:25px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.articles-wrapper .column{margin-bottom:30px}
}
@media all and (min-width: 992px) {
.articles-wrapper .column{margin-bottom:40px}
}
@media all and (max-width: 575px) {
.articles-wrapper .column{width:calc(50% - 5px);margin-right:10px}
.articles-wrapper .column:nth-child(2n){margin-right:0}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.articles-wrapper .column{width:47.5%;margin-right:5%}
.articles-wrapper .column:nth-child(2n){margin-right:0}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.articles-wrapper.articles-4-cols .column{width:31%;margin-right:3.5%}
.articles-wrapper.articles-4-cols .column:nth-child(3n){margin-right:0}
}
@media all and (min-width: 992px) {
.articles-wrapper.articles-4-cols .column{width:22.75%;margin-right:3%}
.articles-wrapper.articles-4-cols .column:nth-child(4n){margin-right:0}
}
@media all and (min-width: 768px) {
.articles-wrapper.articles-3-cols .column{width:31%;margin-right:3.5%}
.articles-wrapper.articles-3-cols .column:nth-child(3n){margin-right:0}
}
@media all and (min-width: 767px) {
.articles-wrapper.articles-2-cols .column{width:48%;margin-right:4%}
.articles-wrapper.articles-2-cols .column:nth-child(2n){margin-right:0}
}
.office-section input,.office-section textarea{width:100%;background:#F9FAFD;border:1px solid rgba(0,0,0,.05);padding:7px 10px;color:#000}
.office-section .dropdown-select{box-sizing:border-box;background:#F9FAFD;border:1px solid rgba(0,0,0,0.05);border-radius:5px;color:#000}
.office-section .dropdown-select .selected{box-sizing:border-box;background:#F9FAFD;border-radius:5px;color:#000;padding:7px 10px}
.office-section .dropdown-select .options{background:#FFF;padding:7px 10px;border:1px solid rgba(0,0,0,0.05)}
.office-section .dropdown-select .options .option{padding:5px 0}
.office-table p:last-child{margin-bottom:0}
.office-table a{color:#FFF;background:rgba(0,0,0,.6);display:flex;height:100%}
.office-table a span{margin:auto}
@media all and (max-width: 767px) {
.office-table a span{padding:5px 10px}
}
@media all and (min-width: 768px) {
.office-table a span{padding:0 15px}
}
.office-table .dropdown-select .options{padding:5px 0}
.office-table .dropdown-select .options li{padding:2.5px 10px}
.inputs-row{margin:0;padding:5px 0;align-items:center}
.inputs-row .input{display:flex;align-items:center}
.draggable-wrapper{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;transition:all ease-in-out .3s;will-change:transform;-webkit-user-select:none;user-select:none}
.draggable-wrapper.active{background:rgba(255,255,255,0.3);cursor:grabbing;cursor:-webkit-grabbing}
.table-wrapper table{min-width:100%;width:auto;white-space:nowrap}
.draggable-wrapper::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:2px}
.no-thead{margin-top:5px;position:relative}
.no-thead:after{content:"";position:absolute;top:-5px;left:0;width:100%;height:5px;background:#555}
.hr-mobile-table tbody tr:last-child{border-bottom:none}
@media all and (max-width: 575px) {
.hr-mobile-table tbody:last-child{margin-bottom:0}
}
@media all and (min-width: 576px) and (max-width: 991px) {
.hr-mobile-table tbody:last-child,.hr-mobile-table tbody:nth-last-child(2):not(:nth-child(2n)){margin-bottom:0}
}
.hr-mobile-table .only-tbody{width:100%;margin-right:0}
@media all and (max-width: 639px) {
.hr-mobile-table tbody:first-child:last-child{width:100%;margin-right:0;margin-bottom:30px}
}
@media all and (min-width: 640px) and (max-width: 991px) {
.hr-mobile-table tbody{display:block;float:left;width:48%;margin-right:4%}
.hr-mobile-table tbody:nth-child(2n){margin-right:0}
.hr-mobile-table tbody:first-child:last-child{width:100%;margin-right:0;margin-bottom:30px}
}
@media all and (max-width: 575px) {
.hr-mobile-table tbody:not(:last-child){margin-bottom:20px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.hr-mobile-table tbody:not(:last-child){margin-bottom:25px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.hr-mobile-table tbody:not(:last-child){margin-bottom:30px}
}
.hr-mobile-table tbody{display:block;background:#FFF;border-top:5px solid #FF866B;font-size:14px}
.hr-mobile-table tbody tr:first-child{font-weight:600}
.hr-mobile-table td:first-child,.hr-mobile-table th:first-child{width:35%;text-align:center;border-right:1px solid rgba(0,0,0,.05)}
.hr-mobile-table td:last-child,.hr-mobile-table th:last-child{width:65%}
.hr-mobile-table tr{display:flex}
.hr-mobile-table tr:first-child td{padding-top:10px}
.hr-mobile-table tr:not(:last-child){border-bottom:1px solid #EAEBED}
.hr-mobile-table td{display:block}
.hr-mobile-table tr:last-child td{padding-bottom:10px}
.hr-mobile-table .tfhead td{width:100%;background:#555;color:#FFF;border-bottom:1px solid #FFF;font-weight:700}
.hr-mobile-table td{text-align:center}
@media all and (max-width: 991px) {
.hr-table{display:none}
}
@media all and (min-width: 576px) {
.hr-table{font-size:14px}
}
.hr-table{background:#FFF}
.hr-table thead{background:#f2f2f2;color:#1F1D29;border-bottom:1px solid #EAEBED}
.hr-table th{background-color: #f2f2f2;}
/* .hr-table thead th:last-child{border-right:none} */
.hr-table td{border-bottom:1px solid #EAEBED}
/* .hr-table td:last-child{border-right:none} */
.normal-content .hr-mobile-table td{line-height:1.2em}
.normal-content .hr-mobile-table ul{padding:0;margin:0}
.normal-content .hr-mobile-table li{display:block;padding:7.5px 0;border-bottom:1px solid #EAEBED}
.normal-content .hr-mobile-table li:first-child{padding-top:0}
.normal-content .hr-mobile-table li:last-child{padding-bottom:0;border-bottom:none}
@media all and (max-width: 991px) {
.normal-content .hr-mobile-table{display:table}
.normal-content .hr-mobile-table tbody{display:table-row-group}
.normal-content .hr-mobile-table tr{display:table-row}
.normal-content .hr-mobile-table td{display:table-cell;background:#FFF;border:1px solid #EAEBED!important}
}
.vt-table{position:relative;background:#FFF;border-top:1px solid #EAEBED;line-height:1.25em;word-break:break-all}
@media all and (min-width: 576px) {
.vt-table{font-size:14px}
}
.vt-table tbody tr{border-bottom:1px solid #EAEBED}
.vt-table td:first-child{border-right:1px solid #EAEBED;font-weight:500;background:#FFF}
.vt-table.alternated td:first-child{background:#FFF}
@media all and (max-width: 767px) {
.vt-table td:first-child{width:35%}
.vt-table td:last-child{width:65%}
}
@media all and (min-width: 768px) {
.vt-table td:first-child{width:25%}
}
@media all and (min-width: 992px) {
.hr-mobile-table{display:none}
}
@media all and (max-width: 575px) {
.hr-table th{padding:9.5px 10px}
.hr-table td{padding:7px 10px}
.hr-mobile-table td,.vt-table td{padding:7px 10px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.hr-table th{padding:10px}
.hr-table td{padding:7px 10px}
.hr-mobile-table td,.vt-table td{padding:7px 12.5px}
}
@media all and (min-width: 768px) {
.hr-table th{padding:10.5px 10px}
.hr-table td{padding:7.5px 10px}
.hr-mobile-table td,.vt-table td{padding:8.5px 15px}
}
.check-option{display:flex}
.check-option input{width:16px;height:16px;margin-top:2.5px}
@media all and (max-width: 767px) {
.check-option input{margin-right:7.5px}
}
@media all and (min-width: 768px) {
.check-option input{margin-right:10px}
}
.radios-group{margin:0;padding-left:0}
.radios-group .radio{display:flex;cursor:pointer;align-items:center}
.radios-group .radio input,.radios-group .radio label{cursor:pointer}
.radios-group .radio{display:flex;align-items:center}
@media all and (max-width: 767px) {
.radios-group .radio:last-child{margin-bottom:0}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.radios-group .radio:not(:last-child){margin-right:12.5px}
}
@media all and (min-width: 992px) {
.radios-group .radio:not(:last-child){margin-right:15px}
}
.radios-group .radio input{width:18px;height:18px}
.radios-group .radio label{padding-left:5px}
.checkbox input{width:16px;height:16px}
.checkbox{margin-bottom:5px}
.checkbox:last-child{margin-bottom:0}
.checkbox label{padding-left:10px;line-height:1.25em}
@media all and (min-width: 576px) {
.office-section .office-form{font-size:14px}
}
.office-section .office-heading h2{font-weight:500;margin-bottom:5px}
@media all and (max-width: 575px) {
.office-section .office-heading{padding-left:4%;padding-right:4%}
}
@media all and (max-width: 767px) {
.office-section .office-heading{margin-bottom:10px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.office-section .office-heading{margin-bottom:12.5px}
}
@media all and (min-width: 992px) {
.office-section .office-heading{margin-bottom:15px}
}
.office-section .office-form{border-top:1px solid #EAEBED}
@media all and (max-width: 575px) {
.office-section .office-form .form-body{padding:20px 4%;padding-bottom:0}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.office-section .office-form .form-body{padding-top:20px}
}
@media (min-width: 768px) {
.office-section .office-form .form-body{padding-top:25px}
}
.office-section .office-form .form-header{border-bottom:1px solid #EAEBED}
@media all and (max-width: 575px) {
.office-section .office-form .form-body{padding:20px 4%;padding-bottom:0}
.office-section .office-form .form-header{padding-left:4%;padding-right:4%}
}
@media all and (max-width: 767px) {
.office-section .office-form .form-header .radios-group{padding:15px 0}
}
@media (min-width: 768px) {
.office-section .office-form .form-header .radios-group{padding:20px 0}
}
.office-section .guide{opacity:.5;display:flex;align-items:center;margin-left:10px}
.office-section .unit{display:flex;align-items:center;margin-left:10px}
.office-section .unit:not(:last-child){margin-right:10px}
@media all and (min-width: 576px) {
.office-section .office-form .info{align-items:center}
}
@media all and (max-width: 991px) {
.office-section .office-form .info{margin-bottom:15px}
}
@media all and (min-width: 992px) {
.office-section .office-form .info{margin-bottom:20px}
}
@media all and (max-width: 575px) {
.office-section .office-form .info .label{width:100%;margin-bottom:7.5px}
}
.dropdown-select ::-webkit-scrollbar{width:4px}
.dropdown-select ::-webkit-scrollbar-thumb{background:#555}
.dropdown-select{position:relative}
.dropdown-select .selected{cursor:pointer;width:100%}
.dropdown-select .selected span{display:block;margin-right:5px;margin-top:auto;margin-bottom:auto}
.options{max-height:200px;overflow-x:hidden;display:none;position:absolute;left:0;right:0;z-index:9999;padding:0;top:100%}
.options .option{display:block;cursor:pointer;transition:all ease-in-out .3s}
@media all and (max-width: 991px) {
.shipping-information .result-block{margin-bottom:25px}
}
@media all and (min-width: 992px) {
.result-block{margin-bottom:30px}
}
.block-heading{display:flex;align-items:center}
.block-heading h2{margin-bottom:0;padding-right:20px;font-weight:600}
@media all and (max-width: 575px) {
.block-heading{margin-bottom:12.5px}
.block-heading a{padding:5px 20px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.block-heading{margin-bottom:15px}
.block-heading a{padding:5px 20px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.block-heading{margin-bottom:17.5px}
.block-heading a{padding:7.5px 20px}
}
@media all and (min-width: 992px) {
.block-heading{margin-bottom:20px}
.block-heading a{padding:7.5px 20px}
}
.pagination{justify-content:space-between}
.pagination .per-page{background:#FFF}
.pagination .per-page .label{display:flex}
.pagination .per-page .label span{display:block;margin:auto;font-size:13px}
.pagination .per-page .dropdown-select .options{background:#FFF}
.pagination .per-page .dropdown-select .option{color:#2A2E46}
.pagination .per-page .dropdown-select .option.active,.pagination .per-page .dropdown-select .option:hover{color:#F88125}
.pagination .paging{justify-content:center}
.mobile-pagination{margin:15px 0}
@media all and (max-width: 991px) {
.mobile-pagination{justify-content:space-between}
}
@media all and (min-width: 992px) {
.mobile-pagination{display:none}
}
.desktop-pagination{justify-content:space-between}
@media all and (max-width: 991px) {
.desktop-pagination .per-page,.desktop-pagination .total{display:none!important}
.desktop-pagination .paging{width:100%}
.desktop-pagination{margin-top:10px}
}
@media all and (min-width: 992px) {
.pagination .per-page,.pagination .total{width:160px}
.desktop-pagination{margin-top:30px}
}
.pagination .paging .numbers .number{display:flex;cursor:pointer;transition:all ease-in-out .3s;margin-top:auto;margin-bottom:auto;color:rgba(0,0,0,1)}
.pagination .paging .nav-btn{cursor:pointer;border:1px solid #EAEBED}
@media all and (max-width: 360px) {
.pagination .paging .nav-btn svg{width:26px;height:26px}
}
@media all and (min-width: 361px) and (max-width: 575px) {
.pagination .paging .nav-btn svg{width:30px;height:30px}
}
@media all and (max-width: 575px) {
.pagination .paging .numbers .number{margin-right:5px}
.pagination .paging .numbers{margin-left:5px;margin-right:5px}
}
@media all and (min-width: 576px) {
.pagination .paging .numbers .number{margin-right:10px}
.pagination .paging .numbers{margin-left:10px;margin-right:10px}
}
@media all and (max-width: 575px) {
.pagination .paging .numbers .number{width:28px;height:28px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.pagination .paging .numbers .number{width:30px;height:30px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.pagination .paging .numbers .number{width:32px;height:32px}
}
@media all and (min-width: 992px) {
.pagination .paging .numbers .number{width:34px;height:34px}
}
.pagination .paging .numbers .number:hover{color:#242529;background:#FFF;box-shadow:0 5px 10px #EAEBED}
.pagination .paging .numbers .number.active{color:#fff;background:#F3A41F}
.pagination .paging .numbers .number:last-child{margin-right:0}
.pagination .paging .numbers .number span{display:block;margin:auto}
.pagination .paging .btns-left .nav-btn,.pagination .paging .btns-right .nav-btn{cursor:pointer}
.pagination .paging .nav-btn path{transition:all ease-in-out .3s}
.pagination .paging .nav-btn:hover path{fill:#242529}
.pagination .total{display:flex;justify-content:flex-end;align-items:center}
.pagination .total span{margin-top:auto;margin-bottom:auto}
.pagination .total .label{margin-right:10px}
.pagination .total .value{color:#000}
.pagination .per-page .dropdown-select{width:70px;background:transparent}
/* .pagination .per-page .dropdown-select .selected{padding:0 10px} */
.pagination .per-page .dropdown-select .options{padding:10px;border:1px solid #EAEBED}
.post-foot{display:flex;justify-content:space-between;margin-top:20px}
.post-foot a{display:flex;color:#000;align-items:center;cursor:pointer}
.post-foot a:hover{opacity:.8}
.post-foot .carret{display:flex;align-items:center}
.post-foot .carret.left{margin-right:10px;transform:rotate(-180deg)}
.post-foot .carret.right{margin-left:10px}
.draggable-element{overflow:hidden}
.draggable-items-wrapper{position:relative;width:100%;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;transition:all ease-in-out .3s;will-change:transform;-webkit-user-select:none;user-select:none}
.draggable-items-wrapper.active{background:rgba(255,0,0,0.3);cursor:grabbing;cursor:-webkit-grabbing}
.block-loading{display:none}
.block-loading.is-loading{display:block}
.is-loading .overlay{left:0;top:0;width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.5);z-index:1000000000000}
.is-loading .overlay__inner{left:0;top:0;width:100%;height:100%;position:absolute}
.is-loading .overlay__content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
.spinner{width:75px;height:75px;display:inline-block;border-width:2px;border-color:rgba(255,255,255,0.05);border-top-color:#fff;animation:spin 1s infinite linear;border-radius:100%;border-style:solid}
@keyframes spin {
100%{transform:rotate(360deg)}
}
.w-video .thumbnail.onpause{opacity:1}
.w-video .thumbnail.onpause .img-wrapper{opacity:0}
.w-btn{position:relative;transition:all ease-in-out .3s;text-align:center;display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(0,0,0,0);cursor:pointer;line-height:1.2em}
.w-btn span{display:flex;align-self:center;transition:all ease-in-out .3s}
.w-btn.has-icon span{padding-right:5px}
.w-btn .icon{display:flex;align-items:center;transition:all ease-in-out .3s}
.w-btn svg,.w-btn svg path{transition:all ease-in-out .3s}
.prime-btn{color:#fff;background:#ff9841;box-shadow:0 5px 10px #EAEBED;padding:0 16px;}
.prime-btn:hover{color:#FFF;background:#ff9841;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.prime-btn:active{color:#FFF;background:#ec8000;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.prime-btn:hover span{color:#FFF}
.blue-btn{color:#fff;background:#90ca56;box-shadow:0 5px 10px #EAEBED}
.blue-btn:hover{color:#FFF;background:#6db821;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.blue-btn:active{color:#FFF;background:#6db821;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.blue-btn:hover span{color:#FFF}
.green-btn{color:#fff;background:#0CBA86;box-shadow:0 5px 10px #EAEBED}
.green-btn:hover{color:#FFF;background:#00A372;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.green-btn:active{color:#FFF;background:#00855D;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.green-btn:hover span{color:#FFF}
.outline-btn{color:#2A2E46;background:#fff;border:1px solid #C0C1C8}
.outline-btn:hover{color:#ec8000;border:1px solid #ec8000}
.outline-btn:hover span{color:#ec8000}
.ghost-btn{background-color:#687484;padding:10px 15px}
.ghost-btn.plain-text{color:#2A2E46;background-color:#EAEBED;display:block}
.ghost-btn:hover{color:#4B61E7}
.ghost-btn:hover span{color:#ec8000}
.dark-btn{color:#fff;background:#8A91A6;box-shadow:0 5px 10px #EAEBED}
.dark-btn:hover{color:#FFF;background:#737C98;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.dark-btn:active{color:#FFF;background:#657090;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.dark-btn:hover span{color:#FFF}
.rounded-btn{color:#2A2E46;background:#fff;border:1px solid #2A2E46;border-radius:100px;padding-left:20px;padding-right:20px;min-width:110px}
@media all and (max-width: 991px) {
.rounded-btn{height:42px}
}
@media all and (min-width: 992px) {
.rounded-btn{height:44px}
}
.rounded-btn span{position:relative;z-index:2;text-transform:uppercase;font-weight:500;font-size:14px}
.rounded-btn:hover span{transition:all ease-in-out .3s;color:#000}
.rounded-btn div{content:"";position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100px;width:0;height:0;background:#FAEB66;transition:all ease-in-out .3s}
.rounded-btn:hover div{width:calc(100% - 8px);height:calc(100% - 8px)}
.simple-btn{display:flex;flex-wrap:wrap;align-items:center}
.simple-btn span{flex:0 0 auto;margin-right:10px;color:#2A2E46;transition:all ease-in-out .3s;font-weight:600}
.simple-btn:hover span{color:#4B61E7}
.simple-btn svg{flex:0 0 auto}
.simple-btn svg path{transition:all ease-in-out .3s}
.simple-btn:hover svg path{stroke:#4B61E7}
.light-btn{border:1px solid #6b0000;color:#2A2E46}
.light-btn:hover{box-shadow:0 5px 10px #000;color:#2A2E46}
.semi-light-btn{border:1px solid #6b0000;color:#2A2E46}
.semi-light-btn:hover{box-shadow:0 5px 10px #000;color:#2A2E46}
@media all and (max-width: 991px) {
.md-btn{height:42px}
.sm-btn{font-size:14px;height:36px}
.xs-btn{font-size:13px;height:24px}
}
@media all and (min-width: 992px) {
.md-btn{height:44px}
.sm-btn{font-size:14px;height:38px}
.xs-btn{font-size:13px;height:26px}
}
.group-btns{justify-content:center}
@media all and (max-width: 767px) {
.group-btns{margin-top:30px}
.group-btns a:not(:last-child){margin-right:10px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.group-btns{margin-top:30px}
.group-btns a:not(:last-child){margin-right:12.5px}
}
@media all and (min-width: 992px) {
.group-btns{margin-top:30px}
.group-btns a:not(:last-child){margin-right:15px}
}
.w-youtube-video{position:relative;background:#000;overflow:hidden;display:block}
.w-youtube-video:after{content:"";display:block;padding-top:56.25%}
.w-youtube-video img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:all ease-in-out .5s}
.item .static{opacity:0;transition:all ease-in-out .5s}
.item:hover .static{opacity:1}
.w-youtube-video{position:relative}
.w-youtube-video .ytp-button{position:absolute;background:rgba(0,0,0,.4);z-index:999;transition:all ease-in-out .5s;top:50%;left:50%;transform:translate(-50%,-50%)}
@media all and (max-width: 991px) {
.w-youtube-video .ytp-button:hover{opacity:1}
}
@media all and (min-width: 992px) {
.w-youtube-video .ytp-button{opacity:.5}
.w-youtube-video .ytp-button:hover{opacity:1}
}
.w-youtube-video .ytp-button.closed{left:-50%;opacity:0}
@media all and (max-width: 575px) {
.w-youtube-video .ytp-button{width:28px;height:28px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.w-youtube-video .ytp-button{width:32px;height:32px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.w-youtube-video .ytp-button{width:36px;height:36px}
}
@media all and (min-width: 992px) {
.w-youtube-video .ytp-button{width:40px;height:40px}
}
.w-youtube-video .video-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;transition:all ease-in-out .3s}
.w-youtube-video .video-wrapper iframe{width:100%;height:auto}
.work-help-article .post-meta .info .label{opacity:.5;margin-right:5px}
.work-help-article .post-meta .info:not(:last-child){margin-right:20px}
@media all and (max-width: 767px) {
.work-help-article .post-header{margin-bottom:15px}
.work-help-article .post-body .vt-table td:last-child{padding:15px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.work-help-article .post-header{margin-bottom:17.5px}
.work-help-article .post-body .vt-table td:last-child{padding:17.5px}
}
@media all and (min-width: 992px) {
.work-help-article .post-header{margin-bottom:20px}
.work-help-article .post-body .vt-table td:last-child{padding:20px}
}
.empty-table{position:relative}
.red-line{color:red;text-decoration:line-through}
table thead th{font-weight:500}
.empty-data{position:relative}
.empty-data span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.h100{height:100px}
.h150{height:150px}
.h200{height:200px}
.h250{height:250px}
.h300{height:300px}
.w-alert-container {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	z-index: 99999999999999999999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 10vh;
	transition: all ease-in-out .3s;
}
.w-alert-container.show {
	width: 100vw;
	height: 100vh;
}
@media all and (max-width: 575px) {
	.w-alert {
		padding: 50px 30px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.w-alert {
		padding: 55px 35px;
	}
}
@media all and (min-width: 768px) {
	.w-alert {
		padding: 60px;
	}
}
.w-alert {
	background: #FFF;
	width: 92%;
	max-width: 540px;
	border-radius: 10px;
	box-shadow: 0px 15px 45px rgba(0,0,0,.1);
	display: none;
	transition: all ease-in-out .3s;
}
.w-alert.show {
	display: block;
}
.w-alert {
	text-align: center;
	color: #2A2E46;
}
.w-alert .icon {
	margin-bottom: 40px;
}
.w-alert .icon img {
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.w-alert .dscr {
	opacity: .5;
}
.w-alert .w-btn {
	padding: 10px 20px;
	border-radius: 5px;
	min-width: 120px;
	color: #FFF;
}
@media all and (max-width: 575px) {
	.w-alert .w-btn:not(:last-child) {
		margin-right: 10px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.w-alert .w-btn:not(:last-child) {
		margin-right: 12.5px;
	}
}
@media all and (min-width: 768px) {
	.w-alert .w-btn:not(:last-child) {
		margin-right: 15px;
	}
	
}
.w-alert .cancel-btn {
	background: #FF4F44;
}
.w-alert .cancel-btn:hover {
	background: #EA362B;
	box-shadow: 0px 10px 15px rgba(0,0,0,.1);
}
.w-alert .cancel-btn:active {
	background: #D40A0A;
}
.w-alert .ok-btn {
	background: #EF780B;
}
.w-alert .ok-btn:hover {
	background: #EF780B;
	box-shadow: 0px 10px 15px rgba(0,0,0,.1);
}
.w-alert .ok-btn:active {
	background: #88B84C;
	box-shadow: 0px 10px 15px rgba(0,0,0,.1);
}
.w-alert .icon .border {
	transform-origin: center center;
	animation: rotateBorder .5s linear;
	-webkit-animation: rotateBorder .5s linear;
	-moz-animation: rotateBorder .5s linear;
}
.w-alert.confirm .icon .tip {
	transform-origin: center center;
	animation: rotateConfirmTip .5s linear;
	-webkit-animation: rotateConfirmTip .5s linear;
	-moz-animation: rotateConfirmTip .5s linear;
}
.w-alert.confirm .icon .dot {
	transform-origin: center center;
	animation: rotateConfirmDot .5s linear;
	-webkit-animation: rotateConfirmDot .5s linear;
	-moz-animation: rotateConfirmDot .5s linear;
}
.w-alert.cancelled .icon .mark {
	transform-origin: center center;
	animation: rotateY360 .5s linear;
	-webkit-animation: rotateY360 .5s linear;
	-moz-animation: rotateY360 .5s linear;
}
.w-alert.successful .icon .mark {
	transform-origin: center center;
	animation: rotateY360 .5s linear;
	-webkit-animation: rotateY360 .5s linear;
	-moz-animation: rotateY360 .5s linear;
}
.w-alert.warning .icon .mark {
	transform-origin: center center;
	animation: rotateY360 .5s linear;
	-webkit-animation: rotateY360 .5s linear;
	-moz-animation: rotateY360 .5s linear;
}
@keyframes rotateConfirmTip {
	0% { 
		transform: rotate(90deg); 
		opacity: 0;
	}
	100% { 
		transform: rotate(0deg); 
		opacity: 1;
	}
}
@keyframes rotateConfirmDot {
	0% { 
		transform: translateX(-20px); 
		opacity: 0;
	}
	100% { 
		transform: translateX(0px); 
		opacity: 10;
	}
}
@keyframes rotateY360 {
	0% { 
		transform: rotateY(360deg);
		opacity: 0;
	}
	100% { 
		transform: rotateY(0);
		opacity: 1;
	}
}
@keyframes rotateBorder {
	0% { 
		transform: rotate(360deg); 
		opacity: 0;
	}
	100% { 
		transform: rotate(0deg); 
		opacity: .5;
	}
}
/*---------- Product Meta ----------*/
@media all and (max-width: 575px) {
	#product-meta {
		padding-bottom: 30px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#product-meta {
		padding: 30px 0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#product-meta {
		padding: 30px 0;
	}
}
@media all and (min-width: 992px) {
	#product-meta {
		padding: 30px 0;
	}
}
/*------ Col Left | Product Gallery -------*/
#product-gallery .featured-slider.on .slider-dots {
	bottom: 20px;
}
#product-gallery .featured-slider.on .slider-dots div span {
	display: block;
	background: #242529;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	transition: all ease-in-out .3s;
	margin: 5px;
	box-shadow: none;
	opacity: .1;
}
#product-gallery .featured-slider.on .slider-dots div.active span {
	opacity: 1;
}
#product-gallery .featured-slider.on .slider-dots div:hover span {
	opacity: 1;
}
#single-product #product-meta .featured-slider.on .nav {
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, .1);
}
#single-product #product-meta .featured-slider.on .nav:hover {
	background: rgba(0, 0, 0, .2);
}
#single-product #product-meta .featured-slider.on .nav.prev {
	left: -10%;
	opacity: 0;
}
#single-product #product-meta .featured-slider.on:hover .nav.prev {
	left: 2%;
	opacity: 1;
}
#single-product #product-meta .featured-slider.on .nav.next {
	right: -10%;
	opacity: 0;
}
#single-product #product-meta .featured-slider.on:hover .nav.next {
	right: 2%;
	opacity: 1;
}
@media all and (max-width: 575px) {
	#product-gallery .featured-wrapper {
		border-bottom: 1px solid rgba(0, 0, 0, .05);
		margin-bottom: 20px;
	}
}
@media all and (min-width: 576px) {
	#product-gallery {
		padding-right: 4%;
	}
}
#product-meta .featured-wrapper {
	position: relative;
	transition: all ease-in-out .3s;
	border: 1px solid rgba(0, 0, 0, .05);
}
#product-meta .featured-wrapper .img-wrapper {
	position: relative;
	overflow: hidden;
	transition: all ease-in-out .3s;
}
#product-meta .featured-wrapper .img-wrapper:after {
	content: "";
	display: block;
	padding-top: 100%;
}
#product-meta .featured-wrapper .img-wrapper img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	transition: all ease-in-out 1s;
}
#single-product .lightbox {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .9);
	width: 100vw;
	height: 100vh;
	z-index: 999999999999999;
	overflow: hidden;
}
#single-product .lightbox .btn-close-lightbox {
	background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
	color: #FFF;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	border: none;
	padding: 15px;
}
#single-product .lightbox .btn-close-lightbox span {
	margin-right: 7.5px;
}
#single-product .lightbox .btn-close-lightbox .icon svg {
	width: 20px;
}
#single-product .lightbox .btn-close-lightbox .icon svg path {
	fill: #FFF;
}
#single-product .lightbox .img-wrapper {
	max-width: 100%;
	height: 100%;
	overflow: auto;
	display: flex;
}
#single-product .lightbox .img-wrapper img {
	margin: auto;
	display: block;
}
@media all and (min-width: 992px) {
	#single-product .lightbox .img-wrapper img {
		max-width: 80%;
	}
}
#single-product #product-gallery .list li {
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	max-width: 75px;
	margin-right: 20px;
	/* border: 1px solid rgba(0,0,0,.05); */
}
#single-product #product-gallery .list li:last-child {
	margin-right: 0px;
}
#single-product #product-gallery .list li:after {
	content: "";
	display: block;
	padding-top: 100%;
}
#single-product #product-gallery .list li img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all ease-in-out .5s;
	border-radius: 5px;
	opacity: .5;
}
#single-product #product-gallery .list li:last-child {
	margin-right: 0;
}
#single-product #product-gallery .list li:hover img,
#single-product #product-gallery .list li.active img {
	opacity: 1;
}
/*------- Product Content -------*/
.related-products {
	margin-bottom: 30px;
}
.related-products .heading {
	align-items: center;
	padding-top: 30px;
	border-top: 1px solid rgba(0,0,0,.1);
	margin-bottom: 15px;
}
.related-products .heading h2 {
	margin-bottom: 0;
}
.related-products .product:hover {
	box-shadow: none !important;
}
.related-products .product .featured-wrapper .img-wrapper {
    margin-bottom: 15px;
}
.related-products .product .product-content {
	padding-left: 6%;
	padding-right: 6%;
}
.related-products .product {
	border: 1px solid rgba(0, 0, 0, .05);
	text-align: center;
	height: 100%;
}
.related-products .product:hover {
	box-shadow: 0px 10px 25px rgba(0, 0, 0, .1);
}
.related-products .product .name {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 18px;
	margin-bottom: 5px;
}
.related-products .product .price {
	line-height: 1.3em;
}
@media all and (max-width: 991px) {

	.related-products .product .name,
	.related-products .product .price {
		font-size: 13px;
	}
}
@media all and (min-width: 992px) {

	.related-products .product .name,
	.related-products .product .price {
		font-size: 14px;
	}
}
.related-products .product .price {
	text-align: center;
}
.related-products .featured-slider .slider-wrapper {
	padding-bottom: 0;
}
/* @media all and (max-width: 991px) {
	.related-products .featured-slider .slide {
		padding: 0 5px;
	}
}


@media all and (min-width: 992px) {
	.related-products .featured-slider .slide {
		padding: 0 7.5px;
	}
}
 */
.related-products .featured-slider .nav {
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,.1);
	border-radius: 0;
}
.related-products .featured-slider .nav.prev {
	left: 0;
}
.related-products .featured-slider .nav.next {
	right: 0;
}
/**/
.product-sort ul {
    font-size: 13px;
    width: 130px;
    max-width: none;
	top:100%
    
}
@media all and (max-width: 991px) {
	.product-sort ul {
        left: auto;
        /* right: -10px;
        top: calc(100% + 15px); */
    }
}
@media all and (min-width: 992px) {
	.product-sort ul {
        left: auto;
        top: calc(100% + 51px);
    }
	.product-category .main-heading .dropdown-select{
		top:17px
	}
}
.product-category .empty-products {
    display: block;
    position: relative;
    height: 200px;    
    width: 100% !important;
}
.product-category .empty-products span {
    position: absolute;
    width: 80%;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
/* .product-category .products-wrapper {
    border-top: 1px solid #EAEBED;
    border-bottom: 1px solid #EAEBED;
} */
.product-category .products-wrapper .product {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #EAEBED;
}
.products-wrapper .product .product-content {
    width: 100%;
	padding-left: 8%;
	padding-right: 8%;
}
.product-category .products-wrapper .product .simple-btn-wrapper {
    padding-left: 8%;
    padding-right: 8%;
    margin-top: auto;
    margin-bottom: 0;
}
.product-category .products-wrapper .product .name {
    font-weight: 600;
}
@media all and (max-width: 575px) {
    .product-category .products-wrapper .product {
        width: 50%;
    }
	.product-category .products-wrapper .product:not(:nth-child(2n)){
        border-right: 1px solid #EAEBED;
    }
}
@media all and (min-width: 576px) and (max-width: 991px) {
    .product-category .products-wrapper .product {
        width: 33.3333%;
    }
	.product-category .products-wrapper .product:not(:nth-child(3n)){
        border-right: 1px solid #EAEBED;
    }
}
@media all and (min-width: 992px) {    
    .product-category .products-wrapper .product {
        width: 25%;
    }
	.product-category .products-wrapper .product:not(:nth-child(4n)){
        border-right: 1px solid #EAEBED;
    }
}
.product-category .pagination {
	justify-content: space-between;
}
.product-category .main-heading {
	position: relative;
}
.product-category .main-heading .dropdown-select {
	position: absolute;
	right: 0;
	width: 100px;
}
@media all and (max-width: 991px) {
	.product-category .main-heading {
		padding: 15px 0;
		border-bottom: none;
	}
	.product-category .main-heading .dropdown-select {
		position: relative;
	}
}
@media (min-width: 992px) {
	/* .product-category .main-heading {
		padding-right: 15px;
	}	 */
}
.product-category .main-heading .view-modes {
	display: flex;
}
.product-category .main-heading .view-modes .mode.active path {
	fill: #EF780B;
}
.product-category .main-heading .view-modes .mode path {
	fill: #B3B3B3;
}
.product-category .main-heading .view-modes .mode {
	cursor: pointer;
}
@media all and (max-width: 575px) {
	.product-category .main-heading .view-modes .mode:not(:last-child) {
		margin-right: 10px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.product-category .main-heading .view-modes .mode:not(:last-child) {
		margin-right: 12.5px;
	}
}
@media all and (min-width: 768px) {
	.product-category .main-heading .view-modes .mode:not(:last-child) {
		margin-right: 15px;
	}
}
.product-category .products-wrapper {
	margin-bottom: 0;
}
@media all and (max-width: 575px) {
	.product-category .pagination:not(.only-page) {
		margin-top: 30px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.product-category .pagination:not(.only-page) {
		margin-top: 30px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.product-category .pagination:not(.only-page) {
		margin-top: 35px;
	}
}
@media all and (min-width: 992px)  {
	.product-category .pagination:not(.only-page) {
		margin-top: 40px;
	}
}
/*--------- Grid Mode ---------*/
.grid-wrapper .product {
	flex: 0 0 auto;
	overflow: hidden;
	border-right: none;
	border-top: none;
}
.grid-wrapper .product:first-child {
	border-left: none;
}
.grid-wrapper .product:last-child {
	border-right: none ;
}
.grid-wrapper .product .name {
	position: unset;
}
.grid-wrapper .product .name span {
	width: 100%;
	padding-right: 0;
	display: block;
}
.grid-wrapper .product .tags {
	position: absolute;
	top: 20px;
	right: 0;
}
@media all and (max-width: 991px) {
	.grid-wrapper .product .name .icon {
		display: none;
	}
}
.grid-wrapper .product .name {
	width: 100%;
	line-height: 1.3em;
}
.grid-wrapper .product .product-quantity .contain-row {
	justify-content: center;
}
.grid-wrapper .product .product-quantity .quantity-input {
	width: 100%;
	margin-bottom: 7.5px;
}
.grid-wrapper .product .product-quantity .w-btn span {
	display: none;
}
@media all and (max-width: 575px) {
	.grid-wrapper .product .quantity-btns .icon {
		height: 30px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.grid-wrapper .product .quantity-btns .icon {
		height: 31px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.grid-wrapper .product .quantity-btns .icon {
		height: 32px;
	}

}
/*--------- Product Name ---------*/
.product .name {
	font-weight: 500;
	margin-bottom: 0;
	transition: all ease-in-out .3s;
	line-height: 1.3em;
	display: block;	
}
.product .name span {
	color: #242529;
	transition: all ease-in-out .3s;
}
.product:hover .name span {
	color: #6D7199;
}
.product .id {
	color: #242529;
	opacity: .5;
}
.product .name {
	color: #000000;
	transition: all ease-in-out .3s;
}
.product a:hover .name {
	color: #FB9B51;
}
@media all and (max-width: 767px) {
	.product .name-id {
		margin-bottom: 10px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.product .name-id {
		margin-bottom: 15px;
	}
}
@media all and (min-width: 992px) {
	.product .name-id {
		margin-bottom: 10px;
		font-size: 14px;
	}
}
.products-wrapper li {
	display: block;
}
/*-------- 0. Product --------*/
.products-wrapper .product {
	position: relative;
	transition: all ease-in-out .3s;
	width: 50%;
}
.product .span-border {
	position: absolute;
	transition: all ease-in-out .5s;
	z-index: 1000;
}
.product .span-border.top, 
.product .span-border.bottom {
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border: 1px solid rgba(0,0,0,0);
}
.product:hover .span-border.top, 
.product:hover .span-border.bottom {
	border-left: 1px solid #FB9B51;
	border-right: 1px solid #FB9B51;
}
.product .span-border.top {	
	top: 0; 
}
.product:hover .span-border.top {
	border-top: 1px solid #FB9B51;
}
.product .span-border.bottom {
	bottom: 0; 
}
.product:hover .span-border.bottom {
	border-bottom: 1px solid #FB9B51;	
}
.product .span-border.left,
.product .span-border.right {
	top: 50%;
	transform: translateY(-50%);
	background: #FB9B51;
	width: 1px;
	height: 0;
}
.product .span-border.left {
	left: 0;
}
.product .span-border.right {
	right: 0;
}
@media all and (max-width: 575px) {
	.product .span-border.top {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	.product .span-border.bottom {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	.product:hover .span-border.top, 
	.product:hover .span-border.bottom {
		width: 100%;
		height: 5px;
	}
	
	.product:hover .span-border.left,
	.product:hover .span-border.right {
		height: calc(100% - 10px);
	}	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.product .span-border.top {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	
	.product .span-border.bottom {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	
	.product:hover .span-border.top, 
	.product:hover .span-border.bottom {
		width: 100%;
		height: 10px;
	}
	
	.product:hover .span-border.left,
	.product:hover .span-border.right {
		height: calc(100% - 20px);
	}	
}
@media all and (min-width: 768px) {
	.product .span-border.top {
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	
	.product .span-border.bottom {
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	
	.product:hover .span-border.top, 
	.product:hover .span-border.bottom {
		width: 100%;
		height: 15px;
	}
	
	.product:hover .span-border.left,
	.product:hover .span-border.right {
		height: calc(100% - 30px);
	}		
}
.product {
	display: block;
	background: #FFF;
	transition: all ease-in-out .3s;
}
/*-------- 1. Product Featured Image --------*/
.product .featured-wrapper {
	position: relative;
    transition: all ease-in-out .3s; 
    /* padding: 20px; */
}
.list-wrapper .product .featured-wrapper .img-wrapper {
	border: 1px solid rgba(0,0,0,.05);
}
/* .grid-wrapper .product .featured-wrapper .img-wrapper {
	border-bottom: 1px solid rgba(0,0,0,.05);
} */
.product .featured-wrapper .img-wrapper {
    position: relative;
    overflow: hidden;
    transition: all ease-in-out .3s;
}
.product .featured-wrapper .img-wrapper:after {
    content: "";
    display: block;
	padding-top: 100%;
	border-radius: 0;
}
.product .featured-wrapper .img-wrapper img {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    /* transition: all ease-in-out 1s; oanh changed */
    transition: all ease-in-out 1s;
    border-radius: 5px;
}
.product .featured-wrapper .img-wrapper:hover img {
	object-position: bottom;
}
.grid-wrapper .product .img-wrapper {
	margin-bottom: 20px;
}
/*-------- 2. Product Name --------*/
/*-------- 3. Product Id --------*/
/*-------- 4. Product Price --------*/
.product .price {
	width: 100%;
}
@media all and (max-width: 991px) {
	.product .price {
        margin-bottom: 10px;
    }
}
@media all and (min-width: 992px) {
	.product .price {
        margin-bottom: 15px;
    }    
}
@media (min-width:1200px){
	.products-wrapper .product{
		padding: 0;
		/* width: 275px !important; */
		margin-right: 29px;
	}
	.products-wrapper .product:nth-of-type(4n){
        margin-right: 0 !important;
    }
}
@media (min-width:1200px) and (max-width:1399px){
	.products-wrapper .product{
		width: 22.8% !important;
	}
}
.justify-content-center{
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
}
.product .price .member {
	color: #000;
}
.product .price .prices {
    margin-bottom: 5px;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
	font-weight: 800;
}
.product .price .pvs .type:not(:last-child) {
    margin-right: 20px;
}
/*-------- 5. Product Info Btns --------*/
.product .info-btns {
	margin-top: 20px;
	justify-content: start;
	padding-left: 8%;
    padding-right: 8%;
}
.product .enter-icon {
	width: 25px;
}
.product .info-btns .info-btn {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: all ease-in-out .5s;
	background: #CDD1DC;
}
.grid-wrapper .product .enter-shop {
	display: flex;
	justify-content: start;
	color: #2A2E46;
	font-weight: bold;
}
.grid-wrapper .product .enter-icon {
	margin-left: 15px;
}
@media all and (max-width: 575px) {
	.product .info-btns .info-btn {
		border-radius: 5px;
	}
	
}
@media all and (min-width: 576px) {
	.product .info-btns .info-btn {
		border-radius: 50%;
	}
	
}
.product:hover .info-btns .info-btn {
	background: #8D96B1;
}
.product .info-btns .info-btn:hover {
	background: #596B86;
	box-shadow: 0px 5px 10px rgba(0,0,0,.2);
}
.product .info-btns .info-btn:not(:last-child) {
	margin-right: 5px;
}
@media all and (max-width: 991px) {
	.product .info-btns .info-btn img {
		height: 30px;
	}
}
@media all and (min-width: 992px) {
	.product .info-btns .info-btn img {
		height: 32px;
	}
}
/*---- All Products ----*/
/*
	0. Dropdown Bar
	1. Featured Image
	2. Product Name
	3. Product Id
	4. Product Price
*/
@media all and (max-width: 991px) {
	#all-products .products-wrapper {
		margin-bottom: 30px;
	}
}
/*---- All Products | 0. Dropdown Bar ----*/
#all-products .mobile-dropdown-bar {
	display: flex;
}
@media all and (max-width: 991px) {
	#all-products .mobile-dropdown-bar {
		display: flex;
	}
}
@media all and (min-width: 992px) {
	#all-products .mobile-dropdown-bar {
		display: none;
	}
}
#all-products .mobile-dropdown-bar .cate-label {
	display: flex;
	margin-right: 10px;
}
#all-products .mobile-dropdown-bar .cate-label span {
	margin: auto;
}
#all-products .mobile-dropdown-bar .btn-open-sub {
	transition: all ease-in-out .3s;
	display: flex;
	margin-top: auto;
	margin-bottom: auto;
}
#all-products .mobile-dropdown-bar .btn-open-sub.opened {
	transform: rotate(135deg);
}
/*---- All Products | 1. Featured Image ----*/
#all-products .product .featured-wrapper {
	margin-bottom: 20px;
}
/*---- All Products | 2. Product Name ----*/
/*---- All Products | 3. Product Id ----*/
/*---- All Products | 4. Product Price ----*/
#all-products .product .price div:not(:last-child){
	margin-bottom: 2.5px;
}
.login #all-products .product .price .regular {
	font-weight: bold;
}
@media all and (max-width: 575px) {
	.login #all-products .product .price .regular {
		font-size: 13px;
	}
	.logged #all-products .product .price .regular {
		font-size: 12px;
	}
	.logged #all-products .product .price .sale {
		font-size: 14px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.login #all-products .product .price {
		font-size: 14px;
	}
	.logged #all-products .product .price .regular {
		font-size: 13px;
	}
	.logged #all-products .product .price .sale {
		font-size: 15px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.login #all-products .product .price {
		font-size: 15px;
	}
	.logged #all-products .product .price .regular {
		font-size: 14px;
	}
	.logged #all-products .product .price .sale {
		font-size: 16px;
	}
}
@media all and (min-width: 992px) {
	.login #all-products .product .price {
		font-size: 16px;
	}
	.logged #all-products .product .price .regular {
		font-size: 14px;
	}	
	.logged #all-products .product .price .sale {
		font-size: 17px;
	}
}
/*----- Page All Products -----*/
#page-all-products #all-products .heading {
	justify-content: center;
}
#page-all-products #all-products .heading h2 {
	border-bottom: none;
	margin-bottom: 10px;
	text-align: center;
}
@media all and (min-width: 992px) {
	#page-all-products #all-products .heading h2 {
		margin-bottom: 30px;
	}
}
@media all and (max-width: 575px) {
	#all-products .products-wrapper .product {
		width: calc(50% - 5px);
		margin-right: 10px;
		margin-top: 15px;
	}
	#all-products .products-wrapper .product:nth-child(2n) {
		margin-right: 0;
	}
	#all-products .products-wrapper .product:nth-child(1),	
	#all-products .products-wrapper .product:nth-child(2){
		margin-top: 0;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#all-products .products-wrapper .product {
		width: calc(50% - 10px);
		margin-right: 20px;
		margin-top: 20px;
	}
	#all-products .products-wrapper .product:nth-child(2n) {
		margin-right: 0;
	}
	#all-products .products-wrapper .product:nth-child(1),	
	#all-products .products-wrapper .product:nth-child(2){
		margin-top: 0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#all-products .products-wrapper .product {
		width: calc(33.3% - 15px);
		margin-right: 20px;
		margin-top: 20px;
	}
	#all-products .products-wrapper .product:nth-child(3n) {
		margin-right: 0;
	}
	#all-products .products-wrapper .product:nth-child(1),	
	#all-products .products-wrapper .product:nth-child(2),
	#all-products .products-wrapper .product:nth-child(3) {
		margin-top: 0;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	#all-products .products-wrapper .product {
		width: calc(25% - 15px);
		margin-right: 20px;
		margin-top: 20px;
	}
	#all-products .products-wrapper .product:nth-child(4n) {
		margin-right: 0;
	}
	#all-products .products-wrapper .product:nth-child(1),	
	#all-products .products-wrapper .product:nth-child(2),
	#all-products .products-wrapper .product:nth-child(3),
	#all-products .products-wrapper .product:nth-child(4) {
		margin-top: 0;
	}	
}
@media all and (min-width: 1200px) {
	#all-products .products-wrapper .product {
		width: calc(25% - 22.5px);
		margin-right: 30px;
		margin-top: 50px;
	}
	#all-products .products-wrapper .product:nth-child(4n) {
		margin-right: 0;
	}
	#all-products .products-wrapper .product:nth-child(1),	
	#all-products .products-wrapper .product:nth-child(2),
	#all-products .products-wrapper .product:nth-child(3),
	#all-products .products-wrapper .product:nth-child(4) {
		margin-top: 0;
	}
}
@media all and (max-width: 575px) {
	.product {
		padding-bottom: 20px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.product {
		padding-bottom: 22.5px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.product {
		padding-bottom: 25px;
	}
}
@media all and (min-width: 992px) {
	.product {
		padding-bottom: 30px;
	}
}
.product .tags .tag {
	color: #FFF;
	background: #7280BC;
	font-size: 12px;
	padding-left: 7.5px;
	padding-right: 7.5px;
	border-top-left-radius: 2.5px;
	border-bottom-left-radius: 2.5px;
}
.grid-wrapper .product a {
	display: block;
	text-align:center;
    width: 100%;
}
/*---- Set Product -----*/
#set-products .product {
	display: block;
}
#set-products .results .products-wrapper,
#set-products .results .products-wrapper li {
	margin-bottom: 0;
}
#set-products .results .products-wrapper li .product-content {
	padding: 0 20px 20px;
}
#set-products .product .featured-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}
#set-products .product .featured-wrapper .img-wrapper {
	position: absolute;
    width: 100%;
    height: 100%;
    background: #FFF;
    transition: all ease-in-out .5s;
    top: 0;
}
#set-products .product .featured-wrapper:after {
	content: "";
    display: block;
    padding-top: 100%;
}
#set-products .product .featured-wrapper .img-wrapper img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media all and (max-width: 767px) {	
	#set-products .results {
		font-size: 14px;
	}	
	#set-products .results .products-wrapper li .name {
		font-size: 20px;
	}
}
@media all and (max-width: 575px) {
	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	
}
@media all and (min-width: 768px) and (max-width: 991px) {
	
}
@media all and (min-width: 992px) {
	#set-products .results .products-wrapper li .name {
		margin-bottom: 10px;
	}
}
#set-products .results .products-wrapper li .cate-label {
	color: rgba(0, 0, 0, 0.5);
}
#set-products .results .products-wrapper li {
	text-align: center;
}
#set-products .results .products-wrapper li .cate-label {
	color: rgba(0, 0, 0, 0.5);
	margin-bottom: 10px;
}
@media all and (min-width: 576px) {
	#set-products .results .products-wrapper .product .product-dscr {
		font-size: 14px;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}
#set-products .product .price {
	margin-bottom: 15px;
}
@media all and (max-width: 575px) {
	#set-products .product .price .sale {
		font-size: 14px;
	}
	.logged #set-products .product .price .regular {
		font-size: 13px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#set-products .product .price .sale {
		font-size: 15px;
	}
	.logged #set-products .product .price .regular {
		font-size: 14px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#set-products .product .price .sale {
		font-size: 16px;
	}
	.logged #set-products .product .price .regular {
		font-size: 15px;
	}
}
@media all and (min-width: 992px) {
	#set-products .product .price .sale {
		font-size: 17px;
	}
	.logged #set-products .product .price .regular {
		font-size: 16px;
	}	
}
#set-products .product:hover .name {
	color: #FF866B;
}
#set-products .results li .rd-btn {	
	justify-content: center;
	
	max-width: 135px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 30px;
	background: #F88125;
	border-radius: 20px;
	transition: all ease-in-out .5s;
}
#set-products .results li .rd-btn {
	margin-bottom: 20px;
}
#set-products .results li .rd-btn span {
	color: #fff;
	padding-right: 5px;
}
#set-products .results li .rd-btn .chevron-right path {
	fill: #fff;
	transition: all ease-in-out .5s;
}
#set-products .results li .rd-btn:hover {
	opacity: .8;
}
#set-products .results li .rd-btn:hover span {
	color: #FFF;
}
#set-products .results li .rd-btn:hover .chevron-right path {
	fill: #FFF;
}
/**





/*---- Payment Form ----*/
#checkout .payment .form .col_1 input, 
#checkout .payment .form .col_2 input, 
#checkout .payment .form .selected {
    background: #F9FAFD;
    border: 1px solid #EAEBED;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
#checkout .shipping .form .selected {
    background: #F9FAFD;
    border: 1px solid #EAEBED;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
#checkout .payment .form .dscr {
    display: block;
    font-size: calc(1em - 1px);
    margin-top: 5px;
}
#checkout .payment .form .hyphen {
    margin-right: 5px;
    margin-left: 5px;
}
#checkout .payment .form .label {
    font-weight: 600;
}
@media all and (min-width: 576px) {
	#checkout .payment .form .label {
        height: 40px;
        display: flex;
        align-items: center;
    }
}
#checkout .payment .form .row_1 {
    padding: 15px 0;
    border-bottom: 1px solid #EAEBED;
    margin-bottom: 20px;
}
@media all and (max-width: 575px) {
	#checkout .payment .form .field-payment-method .radio {
        width: 100%;
    }
    #checkout .payment .form .field-payment-method .radio:not(:last-child) {
        margin-bottom: 5px;
    }

}
@media all and (min-width: 576px) and (max-width: 767px) {
	#checkout .payment .form .field-payment-method .radio:not(:last-child) {
        margin-right: 30px;
    }
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#checkout .payment .form .field-payment-method .radio:not(:last-child) {
        margin-right: 35px;
    }
}
@media all and (min-width: 992px) {
	#checkout .payment .form .field-payment-method .radio:not(:last-child) {
        margin-right: 40px;
    }
}
@media all and (min-width: 992px) {
	#checkout .payment .form .col_1 {
        width: 50%;
        padding-right: 2%;
    }
    #checkout .payment .form .col_2 {
        width: 50%;
        padding-left: 2%;
    }
}
@media all and (max-width: 575px) {
	#checkout .payment .form .col_1 .field, 
    #checkout .payment .form .col_2 .field:not(:last-child) {
        margin-bottom: 15px;
    }
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#checkout .payment .form .col_1 .field, 
    #checkout .payment .form .col_2 .field:not(:last-child) {
        margin-bottom: 15px;
    }
}
@media all and (min-width: 992px) {
	#checkout .payment .form .col_1 .field:not(:last-child), 
    #checkout .payment .form .col_2 .field:not(:last-child) {
        margin-bottom: 10px;
    }
}
@media all and (max-width: 575px) {
	#checkout .payment .form .label {
        width: 100%;
        margin-bottom: 5px;
    }
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#checkout .payment .form .label {
        width: 145px;
    }
}
@media all and (min-width: 992px) {
    #checkout .payment .form .label {
        height: 40px;
        display: flex;
        align-items: center;
        width: 145px;
    }
}
/* input,
button,
.verify-btn {
	border-radius: 5px;
} */
.memnberTab .pagination .per-page .dropdown-select {
	background: transparent;
	width: 70px;
}
.memnberTab .pagination .per-page .label {
	padding-right: 0;
}
.memnberTab .dropdown-select .selected span {
	padding: 0;
}
/*------ Order Management ------
		1. Order Search
---------------------------------*/
/*------ Order Management ------
		2. Sub-order Search
---------------------------------*/
@media all and (min-width: 992px) {
	#sub-order-search .date-input, 
    #sub-order-search .date-search {
		height: 40px;
	}

}
/*------ Order Management ------
		3. Order Product Search
---------------------------------*/
/*------ Order Management ------
		4. Order Detail Inquiry
---------------------------------*/
/*------ Order Management ------
		5. Order Calendar
---------------------------------*/
#order-calendar .section-content .hr-table {
	text-align: center;
}
#order-calendar .memnberTab {
	margin-top: 0;
}
/*----------- Monthly Order Count -------------*/
@media all and (max-width: 991px) {
	#monthly-order-count .searching-result .searching-form .label {
		width: 75px;
	}

	#monthly-order-count .searching-result .standard-member-name,
	#monthly-order-count .searching-result .order-type,
	#monthly-order-count .searching-result .inquiry-classification,
	#monthly-order-count .searching-result .display-item {
		margin-bottom: 12.5px;
	}
}
@media all and (max-width: 991px) {
	#monthly-order-count .searching-result .advanced-search-items .submit-btn-wrapper {
		width: 100%;
	}
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#monthly-order-count .standard-member-name,
	#monthly-order-count .searching-result .order-type,
	#monthly-order-count .searching-result .inquiry-classification,
	#monthly-order-count .searching-result .display-item {
		width: calc(50% - 5px);
	}

	#monthly-order-count .standard-member-name,
	#monthly-order-count .searching-result .inquiry-classification {
		margin-right: 10px;
	}

	#monthly-order-count .searching-form .form-row.date-time .date-from {
		width: 100%;
	}
}
@media all and (max-width: 575px) {
	#monthly-order-count .searching-result .standard-member-name,
	#monthly-order-count .searching-result .order-type,
	#monthly-order-count .searching-result .inquiry-classification,
	#monthly-order-count .searching-result .display-item {
		margin-bottom: 10px;
	}

	#monthly-order-count .searching-form .form-row.date-time .date-selects {
		margin-bottom: 0;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	#monthly-order-count .searching-result .standard-member-name,
	#monthly-order-count .searching-result .order-type,
	#monthly-order-count .searching-result .inquiry-classification,
	#monthly-order-count .searching-result .display-item {
		margin-right: 20px;
	}
}
@media all and (min-width: 1200px) {
	#monthly-order-count .searching-result .standard-member-name,
	#monthly-order-count .searching-result .order-type,
	#monthly-order-count .searching-result .inquiry-classification,
	#monthly-order-count .searching-result .display-item {
		margin-right: 25px;
	}
}
#monthly-order-count .searching-form .date-select .years-select:after {
	width: 0;
}
@media all and (min-width: 992px) {
	#monthly-order-count .searching-form .date-select .years-select {
		width: 100%;
	}
}
#monthly-order-count .searching-result .searching-form .form-row.date-time .date-selects {
	border-right: none;
	padding-right: 0;
}
@media all and (min-width: 992px) {
	#monthly-order-count .searching-result .searching-form .submit-btn {
		min-width: 100px !important;
	}

	#monthly-order-count .searching-result .searching-form .form-row .dropdown-select {
		border: 1px solid rgba(0, 0, 0, .1);
		border-radius: 5px;
	}

	#monthly-order-count .searching-form .date-from {
		border: none;
	}
}
@media all and (min-width: 575px) and (max-width: 767px) {
	#monthly-order-count .searching-result .searching-form .form-row.date-time .date-selects {
		margin-bottom: 15px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#monthly-order-count .searching-result .searching-form .form-row.date-time .date-selects {
		width: 100%;
		margin-bottom: 15px;
	}
}
@media all and (max-width: 991px) {
	#monthly-order-count .searching-result .searching-form .date-selects .years-select {
		width: 100%;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {

	/*---- Row 1 ----*/

	#monthly-order-count .searching-result .searching-form .date-selects,
	#monthly-order-count .searching-result .searching-form .standard-member-name,
	#monthly-order-count .searching-result .searching-form .order-type {
		width: calc(33.33333% - 13.333333px);
		margin-bottom: 15px;
	}

	#monthly-order-count .searching-result .searching-form .date-selects,
	#monthly-order-count .searching-result .searching-form .standard-member-name {
		margin-right: 20px;
	}

	#monthly-order-count .searching-result .searching-form .order-type {
		margin-right: 0px;
	}


	/*---- Row 2 ----*/

	#monthly-order-count .searching-result .searching-form .inquiry-classification,
	#monthly-order-count .searching-result .searching-form .display-item,
	#monthly-order-count .searching-result .searching-form .submit-btn-wrapper {
		width: calc(33.33333% - 13.333333px);
	}

	#monthly-order-count .searching-result .searching-form .inquiry-classification,
	#monthly-order-count .searching-result .searching-form .display-item {
		margin-right: 20px;
	}

}
/*----------- Monthly Order Count -------------*/
#phase-balance-inquiry .section-content .container.orderTab {
	margin-top: 0;
}
#phase-balance-inquiry .heightTab {
	height: 40px;
}
/*------- 1. Benefit Details Inquiry -------*/
/*------- 2. Benefit Accounting Inquiry -------*/
/*------- 3. Benefit Sponsorship Details -------*/
/*------- 4. Benefit Statement -------*/
/*------- 5. Benefit Remittance Details -------*/
/*------- 6. Witholding Tax -------*/
/*------- 7. Benefit Calendar -------*/
/*------- 8. Benefit Analysis -------*/
/*------- 1. Benefit Details Inquiry -------*/
#benefit-details-inquiry .office-search .submit-btn {
    height: 40px;
}
@media all and (min-width: 992px) {
    #benefit-details-inquiry .office-search .field-date .wrapper {
        display: flex;
        flex-wrap: wrap;
    }
	#benefit-details-inquiry .office-search .date-input {
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 0;
        margin-right: 20px;
    }

    #benefit-details-inquiry .office-search .date-search {
        flex: 1 0 0%;
    }    
}
/*------- 2. Benefit Accounting Inquiry -------*/
#benefit-accounting-inquiry .office-search .submit-btn {
    height: 40px;
}
@media all and (min-width: 992px) {
    #benefit-accounting-inquiry .office-search .field-date .wrapper {
        display: flex;
        flex-wrap: wrap;
    }
	#benefit-accounting-inquiry .office-search .date-input {
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 0;
        margin-right: 20px;
    }

    #benefit-accounting-inquiry .office-search .date-search {
        flex: 1 0 0%;
    }    

    #benefit-accounting-inquiry .office-search .field-date input {
        width: 80px;
    } 
}
/*------- 3. Benefit Sponsorship Details -------*/
@media all and (max-width: 575px) {
	#benefit-sponsorship-details .office-search .col_1 {
        width: 100%;
        margin-bottom: 5px;
    }
    #benefit-sponsorship-details .office-search .submit-wrapper {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    #benefit-sponsorship-details .office-search .submit-btn {
        width: calc(100% - 105px);
    }
}
@media all and (min-width: 576px) {
	#benefit-sponsorship-details .office-search .col_1 {
        margin-right: 1.6%;
    }
}
@media all and (min-width: 992px) {
    #benefit-sponsorship-details .office-search .field-date .wrapper {
        display: flex;
        flex-wrap: wrap;
    }
	#benefit-sponsorship-details .office-search .date-input {
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 0;
        margin-right: 20px;
    }

    #benefit-sponsorship-details .office-search .date-search {
        flex: 1 0 0%;
    }  
}
/*------- 4. Benefit Statement -------*/
/*------- 5. Benefit Remittance Details -------*/
@media all and (max-width: 575px) {
	#benefit-remittance-details .office-search .field-date {
        width: 100%;
        margin-bottom: 5px;
    }
    #benefit-remittance-details .office-search .submit-wrapper {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    #benefit-remittance-details .office-search .submit-btn {
        width: calc(100% - 105px);
    }
}
@media all and (min-width: 576px) {
	#benefit-remittance-details .office-search .field-date {
        margin-right: 1.6%;
    }
}
@media all and (min-width: 992px) {
    #benefit-remittance-details  .office-search .field-date .wrapper {
        display: flex;
        flex-wrap: wrap;
    }
	#benefit-remittance-details  .office-search .date-input {
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 0;
        margin-right: 20px;
    }

    #benefit-remittance-details  .office-search .date-search {
        flex: 1 0 0%;
    }  
}
/*------- 6. Witholding Tax -------*/
@media all and (max-width: 575px) {
	#witholding-tax .office-search .field-date {
        width: 100%;
        margin-bottom: 5px;
    }
    #witholding-tax .office-search .submit-wrapper {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    #witholding-tax .office-search .submit-btn {
        width: calc(100% - 105px);
    }
}
@media all and (min-width: 576px) {
	#witholding-tax .office-search .field-date {
        margin-right: 1.6%;
    }
}
@media all and (min-width: 992px) {
    #witholding-tax  .office-search .field-date .wrapper {
        display: flex;
        flex-wrap: wrap;
    }
	#witholding-tax  .office-search .date-input {
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 0;
        margin-right: 20px;
    }

    #witholding-tax  .office-search .date-search {
        flex: 1 0 0%;
    }  
}
/*------- Schedule -------*/
@media all and (min-width: 992px) {	
	/* #schedule .section-content .container {
		padding-top: 30px;
	} */
}
@media all and (min-width: 992px) {
	#schedule .calendar {
		margin-right: 30px;
	}
	#schedule .calendar-detail {
		width: 40%;
	}
}
.registration-steps{list-style:none;padding:0}
@media all and (max-width: 575px) {
.registration-steps{margin-bottom:10px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.registration-steps{margin-bottom:30px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.registration-steps{margin-bottom:35px}
}
@media all and (min-width: 992px) {
.registration-steps{margin-bottom:40px}
}
.registration-steps li{text-align:center;width:33%}
.registration-steps li:not(:last-child){margin-right:.5%}
@media all and (max-width: 575px) {
.registration-steps li h2{display:block;padding:0 10px;padding-bottom:10px;border-bottom:3px solid #D4D5DA;margin-bottom:10px}
.registration-steps li.current h2{border-bottom:3px solid #2A2E46}
.registration-steps li.done h2{border-bottom:3px solid #44D08D;color:#44D08D}
}
@media all and (min-width: 576px) {
.registration-steps li{padding:0 10px;border-bottom:3px solid #D4D5DA}
.registration-steps li.current{border-bottom:3px solid #2A2E46}
.registration-steps li.done{border-bottom:3px solid #44D08D;color:#44D08D}
}
.registration-steps li.current h2,.registration-steps li.current p{opacity:1}
.registration-steps li p{line-height:1.25em}
@media all and (max-width: 575px) {
.registration-steps li p{font-size:12px}
}
.member-registration .step-content .inputs-wrapper{align-items:center}
@media only screen and (max-width: 767px) {
.member-registration .step-content .inputs-wrapper{margin-bottom:10px}
}
.member-registration .step-content .hyphen{margin-left:10px;margin-right:10px}
.member-registration .step-content{margin-bottom:10px}
.member-registration .step-content:last-child{margin-bottom:0}
@media all and (max-width: 575px) {
.registration-form{padding:30px 20px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.registration-form{padding:40px 30px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.registration-form{padding:50px 40px}
}
@media all and (min-width: 992px) {
.registration-form{padding:60px 0}
}
.registration-form{margin-left:auto;margin-right:auto}
@media all and (max-width: 991px) {
.registration-form .form-row{margin-bottom:15px}
}
@media all and (min-width: 992px) {
.registration-form .form-row{margin-bottom:20px}
}
.registration-form .form-row:last-child{margin-bottom:0}
@media all and (max-width: 575px) {
.registration-form .label{margin-bottom:0}
}
@media all and (min-width: 576px) and (max-width: 991px) {
.registration-form .label{padding-right:15px}
}
@media all and (min-width: 992px) {
.registration-form .label{padding-right:20px}
}
.registration-form .dropdown-select .selected,.registration-form .dropdown-select .options{background:#FFF}
.registration-form .dropdown-select .selected,.registration-form input{box-shadow:0 5px 10px rgba(0,0,0,.05);border:none;background:#fff}
.member-registration input:read-only{color:rgba(43,41,55,.7)}
.registration-form .dropdown-select .options{padding:10px 0;border-top:none;box-shadow:0 5px 10px rgba(0,0,0,.05)}
.registration-form .dropdown-select .option{padding:2.5px 15px;transition:all ease-in-out .3s}
.registration-form .dropdown-select .option:hover{color:#ac998a}
@media all and (max-width: 419px) {
.registration-form .year-select{width:34%;margin-right:2%}
.registration-form .month-select{width:31%;margin-right:2%}
.registration-form .day-select{width:31%}
.registration-form .calendar-select{width:100%;margin-top:10px}
}
@media all and (min-width: 420px) {
.registration-form .year-select{width:25%;margin-right:2%}
.registration-form .month-select,.registration-form .day-select{width:23%;margin-right:2%}
.registration-form .calendar-select{width:23%}
}
.registration-form .verify-btn{display:flex;justify-content:center;align-items:center;width:auto;max-width:100%;box-shadow:0 5px 10px rgba(0,0,0,.05)}
.member-registration .input .verify-btn{margin-top:0;margin-left:10px}
@media all and (max-width: 767px) {
.member-registration .input .verify-btn{min-width:80px}
}
@media all and (min-width: 768px) {
.member-registration .input .verify-btn{min-width:100px}
}
@media all and (max-width: 767px) {
.registration-form .extra .verify-btn{margin-top:10px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.registration-form .extra .verify-btn{margin-left:10px}
}
@media all and (min-width: 992px) {
.registration-form .extra .verify-btn{margin-left:15px}
}
#page-heading ul{list-style:none}
@media all and (max-width: 767px) {
.registration-form input{font-size:14px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.registration-form input{font-size:15px}
}
@media all and (min-width: 992px) {
.registration-form input{font-size:16px}
}
@media all and (max-width: 991px) {
.registration-form .verify-btn{padding-top:10px;padding-bottom:10px}
.registration-form .dropdown-select .selected,.registration-form input{padding:10px 15px}
.registration-form .label{padding:10px 0}
}
@media all and (min-width: 992px) {
.registration-form .verify-btn{padding-top:9px;padding-bottom:9px}
.registration-form .dropdown-select .selected,.registration-form input{padding:10px 15px}
.registration-form .label{padding:10px 0}
}
.member-registration .step-content .notice{text-align:center}
.member-registration .step-content .required{margin-right:10px;color:#ac998a}
.required-field{color:red;margin-left:5px}
@media all and (max-width: 575px) {
.member-registration .step-content .notice{margin-bottom:25px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.member-registration .step-content .notice{margin-bottom:30px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.member-registration .step-content .notice{margin-bottom:35px}
}
@media all and (min-width: 992px) {
.member-registration .step-content .notice{margin-bottom:20px}
}
.member-registration .agreement-part{margin-bottom:20px}
#member-registration-2 .section-content .container{padding-bottom:0}
#member-registration-2 .step-content{background:#F1F5FB}
#member-registration-2 .registration-form{max-width:750px}
#member-registration-2 .registration-form .name input,#member-registration-2 .registration-form .birthdate input{width:100%}
@media all and (max-width: 639px) {
#member-registration-2 .step-content .label,#member-registration-2 .step-content .input,#member-registration-2 .step-content .extra{width:100%;max-width:300px;margin-left:auto;margin-right:auto}
}
@media all and (min-width: 640px) {
#member-registration-2 .step-content .label,#member-registration-2 .step-content .extra{width:calc(50% - 150px)}
#member-registration-2 .step-content .input{width:300px}
#member-registration-2 .registration-form .verify-btn{margin-top:0;margin-left:10px}
}
#member-registration-3 .form .field .dropdown-select .selected{background:#FFF;border:1px solid #EAEBED;width:100%;height:40px}
#member-registration-4 .section-content .container{padding-bottom:0}
#member-registration-4 .step-content{background:#F1F5FB}
#member-registration-4 .registration-form h2{text-align:center;margin-bottom:40px}
@media all and (max-width: 575px) {
#member-registration-4 .registration-form h2{margin-bottom:25px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
#member-registration-4 .registration-form h2{margin-bottom:30px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
#member-registration-4 .registration-form h2{margin-bottom:35px}
}
@media all and (min-width: 992px) {
#member-registration-4 .registration-form h2{margin-bottom:40px}
}
#member-registration-4 .registration-form .row.btns a{min-width:120px}
#member-registration-4 .registration-form .recommender-info span{font-weight:500}
#member-registration-4 .registration-form .recommender-name span{color:#EF780B}
#member-registration-4 .registration-form .recommender-id span{color:#EF780B}
@media all and (max-width: 576px) {
#member-registration-4 .registration-form .recommender-info{text-align:center}
}
@media all and (min-width: 576px) {
#member-registration-4 .registration-form .recommender-name{text-align:right;padding-right:10px}
#member-registration-4 .registration-form .recommender-id{text-align:left;padding-left:10px}
}
.searching-form .memCheck .submit-btn{background:#0CA0A4;box-shadow:0 5px 10px red;border-radius:5px;padding:12px 17px}
.btns-wrapper .top-line-btn{margin-right:10px}
@media all and (max-width: 575px) {
.result-block.recommended-genealogy h2{margin-bottom:0}
.memnberTab{box-shadow:none}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.memInfor .searching-form .name-browsing-btn{right:0}
}
@media all and (min-width: 992px) {
#member-inquiry-by-position .searching-result .date-selects .label,#member-inquiry-by-position .searching-result .standard-member-name .label{width:65px;margin-right:10px}
}
#member-inquiry-by-position .searching-result .results .member-list .hr-table{position:relative}
@media (max-width: 767px) {
#member-inquiry-by-position .searching-result .searching-form .label{width:75px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
#member-inquiry-by-position .searching-result .inquiry-classification,#member-inquiry-by-position .searching-result .standard-member-name{margin-bottom:15px}
#member-inquiry-by-position .searching-result .inquiry-classification,#member-inquiry-by-position .searching-result .rank,#member-inquiry-by-position .searching-result .standard-member-name,#member-inquiry-by-position .searching-result .member-name{width:calc(50% - 5px)}
#member-inquiry-by-position .searching-result .standard-member-name{margin-right:10px}
#member-inquiry-by-position .searching-form .submit-btn-wrapper{width:100%}
}
#member-inquiry-by-position .inquiry-classification .dropdown-select{min-width:140px}
@media all and (max-width: 575px) {
#member-inquiry-by-position .searching-result .standard-member-name{margin-bottom:10px}
.searching-form .form-row,.searching-result .searching-form .container{box-shadow:none}
.searching-form .display-stage .info .value{padding:0 5px}
.searching-form .display-stage .up-btn,.searching-result .btns-wrapper .submit-btn{margin-right:0}
#member-inquiry-by-position .searching-result .searching-form .criteria-classification{margin-bottom:10px}
#member-inquiry-by-position .searching-form .form-row .info:not(.info-radio,.date-selects,.non-background,.desktop-time-btns){margin-bottom:12.5px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
#member-inquiry-by-position .searching-result .inquiry-classification,#member-inquiry-by-position .searching-result .standard-member-name{margin-bottom:15px}
#member-inquiry-by-position .searching-result .searching-form .criteria-classification{margin-bottom:12.5px}
}
@media all and (min-width: 992px) {
#member-inquiry-by-position .searching-result .standard-member-name,#member-inquiry-by-position .searching-result .inquiry-classification{padding-right:20px}
.memnberTab .result-block{margin-bottom:0}
.memnberTab .pagination{margin-top:30px;justify-content:space-between}
.searching-result .content-row{margin-bottom:30px}
}
@media all and (min-width: 576px) and (max-width: 991px) {
#member-inquiry-by-position .searching-result .inquiry-classification,#member-inquiry-by-position .searching-result .standard-member-name{margin-bottom:12.5px}
#member-inquiry-by-position .searching-result .searching-form .criteria-classification{margin-bottom:12.5px}
.memSearch .searching-form .mobile-time-btns a{padding:0 20px}
}
@media all and (min-width: 992px) {
#member-inquiry-by-position .searching-result .searching-form .submit-btn{min-width:120px}
}
@media all and (max-width: 575px) {
#member-inquiry-by-position .searching-result .searching-form .form-row:nth-child(2) .label{margin-bottom:5px}
}
@media all and (min-width: 576px) and (max-width: 991px) {
#member-inquiry-by-position .searching-result .searching-form .form-row:nth-child(2) .label{margin-right:20px}
}
@media all and (min-width: 992px) {
#member-inquiry-by-position .searching-result .searching-form .form-row:nth-child(2) .label{margin-right:10px}
}
#member-inquiry-by-position .general-list table,#member-inquiry-by-position .member-list table{text-align:center}
@media all and (min-width: 992px) {
#member-inquiry-by-position .overall .column:first-child{width:32%;margin-right:30px}
}
@media all and (max-width: 575px) {
#member-inquiry-by-position .searching-result .searching-form .search-info{margin-bottom:15px}
#member-inquiry-by-position .searching-result .searching-form .search-info:last-child{margin-bottom:0}
}
@media all and (min-width: 576px) and (max-width: 767px) {
#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(1),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(2),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(3),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(4){margin-bottom:15px}
#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(1),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(3){padding-right:15px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(1),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(2){margin-bottom:15px}
#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(1),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(3),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(4){padding-right:15px}
}
@media all and (min-width: 992px) {
#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(1),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(2){margin-bottom:20px}
#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(1),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(3),#member-inquiry-by-position .searching-result .searching-form .search-info:nth-child(4){padding-right:20px}
}
@media all and (min-width: 992px) {
#box-lineage .searching-result .date-selects .label,#box-lineage .searching-result .standard-member-name .label{width:50px;margin-right:10px}
}
#box-lineage .section-content .container.results{background:#fff url('map.png') no-repeat center;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05);border-radius:25px;margin-top:30px}
#box-lineage .searching-result .criteria-classification .radios-group li:not(:last-child){margin-right:20px}
.table-container .col_data{background:transparent}
@media all and (max-width: 575px) {
#box-lineage .searching-result .display-stage{margin-right:10px}
#box-lineage .searching-result .standard-member-name,#box-lineage .searching-result .display-stage,#box-lineage .searching-result .rank{margin-bottom:10px}
#box-lineage .searching-result .criteria-classification{margin-bottom:15px}
#box-lineage .section-content .container.results{height:auto}
.searching-form .form-row .info:last-child{border:none}
#box-lineage .searching-result .searching-form .form-row .info:not(.info-radio,.date-selects,.non-background,.desktop-time-btns){border:none}
}
@media all and (max-width: 767px) {
#box-lineage .searching-result .searching-form .label{width:75px}
#box-lineage .searching-form .form-row .info-radio{margin-bottom:12.5px}
#box-lineage .searching-result .standard-member-name,#box-lineage .searching-result .display-stage,#box-lineage .searching-result .rank{margin-bottom:12.5px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
#box-lineage .searching-result .btns-wrapper .submit-btn,#box-lineage .searching-result .btns-wrapper .top-line-btn{width:calc(50% - 10px)}
#box-lineage .searching-form .form-row .info-radio{width:100%}
}
@media all and (min-width: 576px) and (max-width: 991px) {
#box-lineage .searching-result .standard-member-name,#box-lineage .searching-result .display-stage,#box-lineage .searching-result .rank{margin-bottom:15px}
#box-lineage .searching-result .criteria-classification{margin-right:15px}
#box-lineage .searching-result .btns-wrapper{margin-left:auto;margin-right:0}
.searching-form .form-row .info:last-child{border:none}
#box-lineage .searching-result .searching-form .form-row .info:not(.info-radio,.date-selects,.non-background,.desktop-time-btns){border:none}
}
@media all and (min-width: 768px) and (max-width: 991px) {
#box-lineage .searching-form .time-btns{margin-top:10px}
#box-lineage .searching-result .standard-member-name,#box-lineage .searching-result .display-stage{width:calc(50% - 5px)}
#box-lineage .searching-result .standard-member-name{margin-right:10px}
}
@media all and (max-width: 991px) {
#box-lineage .searching-result .inquiry-classification{margin-bottom:15px}
#box-lineage .searching-result .inquiry-classification .label{margin-right:20px}
}
@media all and (min-width: 992px) {
#box-lineage .searching-result .standard-member-name{padding-right:20px}
#box-lineage .searching-result .display-stage,#box-lineage .searching-result .rank{margin-right:20px}
#box-lineage .searching-result .display-stage,#box-lineage .searching-result .rank,#box-lineage .searching-result .criteria-classification{margin-right:20px}
#box-lineage .table-container{padding:30px 0}
#box-lineage .searching-result .display-stage,#box-lineage .searching-result .rank{margin-right:20px}
}
#box-lineage .btns-wrapper .top-line-btn,#line-lineage .btns-wrapper .top-line-btn{align-items:center;display:flex}
#box-lineage .box-graph .node{position:relative}
#box-lineage .box-graph .node .content{align-items:center;justify-content:center;min-height:120px;position:relative}
#box-lineage .dashed{background-size:5px 1px,1px 5px}
#box-lineage .box-graph .spacing{width:10%}
#box-lineage .row.main{justify-content:center}
#box-lineage .row.main .node{min-width:240px}
#box-lineage .node ul li{display:block;text-align:center}
#box-lineage .node ul{padding:15px 0;margin-bottom:5px}
#box-lineage .node .name{border-top-left-radius:10px;border-top-right-radius:10px}
#box-lineage .under .node .name{padding:10px 0}
#box-lineage .main .node .name{padding:12.5px 0}
#box-lineage .node .content{border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.1)}
@media all and (max-width: 575px) {
#box-lineage .row.main{padding-bottom:40px;position:relative}
#box-lineage .row.main:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:40px;background:linear-gradient(#000 50%,rgba(255,255,255,0) 0%);background-position:top,right;background-size:1px 5px}
#box-lineage .row.under .node{width:50%;margin-bottom:30px}
#box-lineage .row.under .node:nth-child(1),#box-lineage .row.under .node:nth-child(3){padding-right:10%}
#box-lineage .row.under .node:nth-child(2),#box-lineage .row.under .node:nth-child(4){padding-left:10%}
#box-lineage .row.under .node:nth-child(1) .dashed,#box-lineage .row.under .node:nth-child(3) .dashed{top:50%;right:0;transform:translateY(-50%);width:20%;height:1px}
#box-lineage .row.under .node:nth-child(2) .dashed,#box-lineage .row.under .node:nth-child(4) .dashed{top:50%;left:0;transform:translateY(-50%);width:20%;height:1px}
#box-lineage .row.under .node:nth-child(1) .dashed:after,#box-lineage .row.under .node:nth-child(3) .dashed:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:9px;height:9px;background:#000;border-radius:10px}
#box-lineage .row.under .node:nth-child(1) .content:before,#box-lineage .row.under .node:nth-child(3) .content:before{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000}
#box-lineage .row.under .node:nth-child(2) .content:before,#box-lineage .row.under .node:nth-child(4) .content:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #000}
#box-lineage .row.under .node:nth-child(1):after,#box-lineage .row.under .node:nth-child(3):after{content:"";position:absolute;width:1px;height:calc(100% + 30px);top:-30px;right:0;background:#000;background:linear-gradient(#000 50%,rgba(255,255,255,0) 0%);background-position:top,right;background-size:2px 5px}
#box-lineage .box-graph .row.under:last-child .node:last-child:not(:nth-child(2n)):after{height:calc(50% + 30px)!important}
#box-lineage .box-graph .row.under:last-child .node:nth-last-child(2):not(:nth-child(2n)):after{height:calc(50% + 30px)!important}
}
@media all and (min-width: 576px) {
#box-lineage .row.under .node{width:20%}
#box-lineage .row.under .node:nth-child(1),#box-lineage .row.under .node:nth-child(3){margin-right:5%}
#box-lineage .row.under .node:nth-child(2){margin-right:10%;margin-right:10%}
#box-lineage .row.under{padding:50px 0;position:relative}
#box-lineage .row.main{padding-bottom:50px;position:relative}
#box-lineage .row.main:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:50px;background:linear-gradient(#000 50%,rgba(255,255,255,0) 0%);background-position:top,right;background-size:1px 5px}
#box-lineage .row.under:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(to right,#000 50%,rgba(255,255,255,0) 0%);background-position:top,right;background-size:5px 1px}
#box-lineage .row.under:not(:last-child):after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(#000 50%,rgba(255,255,255,0) 0%);background-position:top,right;background-size:1px 5px}
#box-lineage .row.under .nodes-wrapper:before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:10px;background:#000}
#box-lineage .row.under .node .content:before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #000}
#box-lineage .row.under .node .dashed{content:"";position:absolute;width:1px;height:50px;top:-50px;left:50%;transform:translateX(-50%);background:#000;background:linear-gradient(#000 50%,rgba(255,255,255,0) 0%);background-position:top,right;background-size:2px 5px}
}
#line-lineage .searching-result .office-block h4{margin-bottom:20px}
#line-lineage .searching-result .line-b.none{margin-right:0}
@media all and (min-width: 992px) {
#line-lineage .searching-result .rank{margin-right:0}
#line-lineage .searching-result .mem-leg .rank{padding-right:20px}
#line-lineage .searching-result .office-block.line-a{width:calc(50% - 20px);margin-right:20px}
}
@media all and (max-width: 575px) {
#line-lineage .searching-result .office-block{width:100%}
}
@media all and (min-width: 576px) and (max-width: 991px) {
#line-lineage .searching-result .office-block{width:100%}
}
@media all and (min-width: 767px) and (max-width: 991px) {
#line-lineage .result-block{width:100%}
}
@media all and (min-width: 992px) {
#affiliate-member-analysis .section-content .container{padding:0}
}
#affiliate-member-analysis .position-chart .hr-chart ul li{display:block;width:calc(100%/9)}
#affiliate-member-analysis .section-content table{text-align:center;font-size:14px}
/* #affiliate-member-analysis .combination-table .table-wrapper{min-width:640px} */
@media all and (max-width: 575px) {
#affiliate-member-analysis .section-content .result-block{margin-bottom:40px}
}
@media all and (min-width: 576px) and (max-width: 767px) {
#affiliate-member-analysis .section-content .result-block{margin-bottom:0;margin-top:0}
#affiliate-member-analysis .section-content .result-block.monthly-subscriber-acquisition{margin-top:30px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
#affiliate-member-analysis .section-content .result-block{margin-bottom:50px}
.searching-form .date-select{width:47%}
#affiliate-member-analysis .section-content .combination-table,#affiliate-member-analysis .section-content .age-chart{width:100%}
}
@media all and (min-width: 992px) {
#affiliate-member-analysis .section-content .result-block.monthly-subscriber-acquisition{margin-top:30px}
}
#affiliate-member-analysis .monthly-subscriber-acquisition .table-container .col_data .table-wrapper{min-width:640px}
.no_use{color:red;text-decoration:line-through}
.no_use a{color:red!important}
/**/
#change-personal-information .form .selected {
    background: #F9FAFD;
    border: 1px solid #EAEBED;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    align-items: center;
}
#change-personal-information .form .field-birthdate .years-select, 
#change-personal-information .form .field-birthdate .months-select,
#change-personal-information .form .field-birthdate .days-select {
    flex: 1 0 0%;
}
#change-personal-information .form .field-birthdate .years-select, 
#change-personal-information .form .field-birthdate .months-select {
    margin-right: 5px;
}
#change-bank-account .form .selected {
    background: #F9FAFD;
    border: 1px solid #EAEBED;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    align-items: center;
}
/*------- 1. Omnitrition Consumer Registration -------*/
#omnitrition-consumer-registration .registration-form .recommender .w-btn {
	width: 50px;
	border-radius: 5px;
}
#omnitrition-consumer-registration .registration-form .recommender .w-btn .icon {
	margin-left: 0;
}
#omnitrition-consumer-registration .registration-form .recommender .w-btn .icon svg path {
	fill: #FFF;
}
#omnitrition-consumer-registration .registration-form .address-browse .w-btn {
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
}
#omnitrition-consumer-registration .registration-form .dropdown-select .selected {
	padding: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
	#omnitrition-consumer-registration .searching-form .date-select {
		width: 100%;
	}

}
@media (min-width: 640px) and (max-width: 991px) {
	#omnitrition-consumer-registration .office-page .searching-result .hr-mobile-table tbody {
		width: 100%
	}
}
#omnitrition-consumer-registration .registration-form .group-btns {
	margin-top: 10px;
	margin-bottom: 10px;
}
#omnitrition-consumer-registration .registration-form .group-btns .w-btn {
	border-radius: 5px;
	min-width: 120px;
}
#omnitrition-consumer-registration .registration-form .group-btns .w-btn:first-child {
	margin-right: 10px;
}
#omnitrition-consumer-registration .registration-form .label {
	margin-bottom: 7.5px;
	color: #000;
	padding: 0;
}
#omnitrition-consumer-registration .registration-form .note {
	display: flex;
	margin-top: 7.5px;
	opacity: .5;
}
@media all and (max-width: 575px) {
	#omnitrition-consumer-registration .registration-form .info {
		width: 100%;
	}

	#omnitrition-consumer-registration .registration-form .info.phone .note {
		display: none;
	}
}
@media all and (min-width: 576px) and (max-width: 991px) {

	/*---- Row 1 ---*/
	#omnitrition-consumer-registration .registration-form .info.recommender {
		width: 48.5%;
		margin-right: 3%;
	}

	#omnitrition-consumer-registration .registration-form .info.registration-date {
		width: 48.5%;
	}


	/*---- Row 2 ---*/
	#omnitrition-consumer-registration .registration-form .info.consumer-number {
		width: 48.5%;
		margin-right: 3%;
	}

	#omnitrition-consumer-registration .registration-form .info.consumer-name {
		width: 48.5%;
	}


	/*---- Row 3 ---*/
	#omnitrition-consumer-registration .registration-form .info.birthdate {
		width: 48.5%;
		margin-right: 3%;
	}

	#omnitrition-consumer-registration .registration-form .info.phone {
		width: 48.5%;
	}


	/*---- Row 4 ---*/
	#omnitrition-consumer-registration .registration-form .info.email,
	#omnitrition-consumer-registration .registration-form .info.address-browse {
		width: 30.5%;
		margin-right: 3%;
	}

	#omnitrition-consumer-registration .registration-form .info.default-address {
		width: 33%;
	}


	/*---- Row 5 ---*/
	#omnitrition-consumer-registration .registration-form .info.detailed-address {
		width: 48.5%;
		margin-right: 3%;
	}

	#omnitrition-consumer-registration .registration-form .info.remark {
		width: 48.5%;
	}

}
@media all and (min-width: 992px) {

	/*---- Row 1 ---*/
	#omnitrition-consumer-registration .registration-form .info.recommender,
	#omnitrition-consumer-registration .registration-form .info.registration-date {
		width: 32%;
		margin-right: 2%;
	}

	#omnitrition-consumer-registration .registration-form .info.consumer-number {
		width: 32%;
	}


	/*---- Row 2 ---*/
	#omnitrition-consumer-registration .registration-form .info.consumer-name,
	#omnitrition-consumer-registration .registration-form .info.birthdate {
		width: 32%;
		margin-right: 2%;
	}

	#omnitrition-consumer-registration .registration-form .info.phone {
		width: 32%;
	}


	/*---- Row 3 ---*/
	#omnitrition-consumer-registration .registration-form .info.email,
	#omnitrition-consumer-registration .registration-form .info.address-browse {
		width: 32%;
		margin-right: 2%;
	}

	#omnitrition-consumer-registration .registration-form .info.default-address {
		width: 32%;
	}


	/*---- Row 4 ---*/
	#omnitrition-consumer-registration .registration-form .info.detailed-address {
		width: 49%;
		margin-right: 2%;
	}

	#omnitrition-consumer-registration .registration-form .info.remark {
		width: 49%;
	}
}
@media all and (max-width: 991px) {
	#omnitrition-consumer-registration .registration-form .info {
		background: rgba(0, 0, 0, 0) !important;
		box-shadow: none !important;
	}

	#omnitrition-consumer-registration .registration-form .info input {
		box-shadow: none;
		border: none;
		border-radius: 5px;
	}

	#omnitrition-consumer-registration .registration-form .info .inputs-wrapper {
		border: 1px solid rgba(0, 0, 0, .05);
		box-shadow: 0px 2.5px 5px rgb(0 0 0 / 5%);
		border-radius: 5px;
	}

	#omnitrition-consumer-registration .office-page .section-content .container.results {
		padding-bottom: 60px;
	}
}
@media all and (min-width: 992px) {
	#omnitrition-consumer-registration .registration-form .info input {
		border: none;
		border-radius: 5px;
		padding: 8px 15px;
	}

	#omnitrition-consumer-registration .registration-form .info .inputs-wrapper {
		border: 1px solid rgba(0, 0, 0, .1);
		border-radius: 5px;
	}
}
@media all and (max-width: 575px) {
	#omnitrition-consumer-registration .registration-form .info {
		margin-bottom: 15px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#omnitrition-consumer-registration .registration-form .info {
		margin-bottom: 15px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#omnitrition-consumer-registration .registration-form .info {
		margin-bottom: 17.5px;
	}
}
@media all and (min-width: 992px) {
	#omnitrition-consumer-registration .registration-form .info {
		margin-bottom: 20px;
	}
}
/*------- 2. Omnitrition Consumer Inquiry -------*/
#omnitrition-consumer-inquiry .searching-result .searching-form .submit-btn,
#omnitrition-consumer-inquiry .searching-result .searching-form .clear-btn {
	min-width: 100px;
	border-radius: 5px;
}
#omnitrition-consumer-inquiry .searching-result .searching-form .btns-wrapper .submit-btn {
	margin-right: 10px;
}
@media all and (max-width: 575px) {

	#omnitrition-consumer-inquiry .searching-result .searching-form .btns-wrapper .submit-btn,
	#omnitrition-consumer-inquiry .searching-result .searching-form .btns-wrapper .clear-btn {
		width: calc(50% - 5px);
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {

	#omnitrition-consumer-inquiry .searching-result .searching-form .btns-wrapper .submit-btn,
	#omnitrition-consumer-inquiry .searching-result .searching-form .btns-wrapper .clear-btn {
		width: calc(50% - 5px);
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {

	#omnitrition-consumer-inquiry .searching-result .searching-form .btns-wrapper .submit-btn,
	#omnitrition-consumer-inquiry .searching-result .searching-form .btns-wrapper .clear-btn {
		width: calc(50% - 5px);
	}
}
@media all and (max-width: 991px) {
	#omnitrition-consumer-inquiry .searching-result .searching-form .btns-wrapper {
		width: 100%;
		justify-content: center;
	}
}
#omnitrition-consumer-inquiry .searching-result .searching-form .inputs-wrapper {
	border-radius: 5px;
}
#omnitrition-consumer-inquiry .searching-result .searching-form .inputs-wrapper input {
	border: none;
}
@media all and (max-width: 991px) {
	#omnitrition-consumer-inquiry .registration-form .inputs-wrapper {
		border: 1px solid rgba(0, 0, 0, .05);
		background: #FFF;
		box-shadow: 0px 2.5px 5px rgba(0, 0, 0, .05);
	}
}
@media all and (min-width: 992px) {
	#omnitrition-consumer-inquiry .searching-result .searching-form .inputs-wrapper {
		border: 1px solid rgba(0, 0, 0, .1);
	}
}
#omnitrition-consumer-inquiry .desktop-time-btns a {
	width: auto;
}
#omnitrition-consumer-inquiry .desktop-time-btns a:not(:last-child) {
	margin-right: 10px;
}
@media all and (max-width: 575px) {
	#omnitrition-consumer-inquiry .time-btns a {
		margin-bottom: 5px;
	}
}
@media all and (max-width: 575px) {

	#omnitrition-consumer-inquiry .searching-result .searching-form .recommender,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-name,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-phone {
		margin-bottom: 10px;
	}

	#omnitrition-consumer-inquiry .searching-result .searching-form .advanced-search-items .submit-btn-wrapper {
		width: 100%;
	}

	#omnitrition-consumer-inquiry .searching-result .searching-form .recommender .label,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-name .label,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-phone .label {
		padding-right: 10px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#omnitrition-consumer-inquiry .searching-result .searching-form .recommender {
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 12.5px;
	}

	#omnitrition-consumer-inquiry .searching-result .searching-form .member-name {
		width: 48.5%;
		margin-bottom: 12.5px;
	}

	#omnitrition-consumer-inquiry .searching-result .searching-form .member-phone {
		width: 48.5%;
		margin-right: 3%;
	}

	#omnitrition-consumer-inquiry .searching-result .searching-form .submit-btn-wrapper {
		width: 48.5%;
	}

	#omnitrition-consumer-inquiry .searching-result .searching-form .recommender .label,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-name .label,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-phone .label {
		padding-right: 10px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#omnitrition-consumer-inquiry .searching-result .searching-form .recommender {
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 15px;
	}

	#omnitrition-consumer-inquiry .searching-result .searching-form .member-name {
		width: 48.5%;
		margin-bottom: 15px;
	}

	#omnitrition-consumer-inquiry .searching-result .searching-form .member-phone {
		width: 48.5%;
		margin-right: 3%;
	}

	#omnitrition-consumer-inquiry .searching-result .searching-form .submit-btn-wrapper {
		width: 48.5%;
	}


	#omnitrition-consumer-inquiry .searching-result .searching-form .recommender .label,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-name .label,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-phone .label {
		padding-right: 15px;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {

	#omnitrition-consumer-inquiry .searching-result .searching-form .recommender,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-name,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-phone {
		margin-right: 20px;
	}
}
@media all and (min-width: 1200px) {

	#omnitrition-consumer-inquiry .searching-result .searching-form .recommender,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-name,
	#omnitrition-consumer-inquiry .searching-result .searching-form .member-phone {
		margin-right: 25px;
	}
}
/*------- 3. Omnitrition Consumer Sales Registration (CSR)-------*/
#omnitrition-csr .registration-form .inputs-wrapper {
	border-radius: 5px;
}
#omnitrition-csr .searching-result .hr-table th {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	text-align: center;
}
#omnitrition-csr .searching-result .hr-table td {
	text-align: center;
}
#omnitrition-csr .registration-form .inputs-wrapper input {
	border: none;
}
#omnitrition-csr .registration-form .label {
	padding: 0;
}
#omnitrition-csr .registration-form .dropdown-select .selected {
	padding: 0;
	box-shadow: none;
}
#omnitrition-csr .registration-form .dropdown-select {
	box-shadow: 0px 2.5px 5px rgba(0, 0, 0, .05);
}
@media all and (max-width: 991px) {
	#omnitrition-csr .registration-form .inputs-wrapper {
		border: 1px solid rgba(0, 0, 0, .05);
		background: #FFF;
		box-shadow: 0px 2.5px 5px rgba(0, 0, 0, .05);
	}

}
@media all and (min-width: 992px) {
	#omnitrition-csr .registration-form .inputs-wrapper {
		border: 1px solid rgba(0, 0, 0, .1);
	}

	#omnitrition-csr .registration-form {
		padding: 0px;
	}

	#omnitrition-csr .container {
		padding-bottom: 50px;
	}

}
#omnitrition-csr .registration-form .label {
	display: flex;
	margin-bottom: 7.5px;
	color: #000;
}
#omnitrition-csr .registration-form .w-btn {
	border-radius: 5px;
}
#omnitrition-csr .registration-form .w-btn:first-child {
	margin-right: 10px;
}
@media all and (max-width: 575px) {
	#omnitrition-csr .registration-form .info {
		width: 100%;
		margin-bottom: 10px;
	}

	#omnitrition-csr .registration-form .group-btns {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#omnitrition-csr .registration-form .group-btns .label {
		display: none;
		margin-bottom: 0;
	}
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#omnitrition-csr .registration-form .recommender {
		width: 48.5%;
		margin-right: 3%;
	}

	#omnitrition-csr .registration-form .consumer-name {
		width: 48.5%;
	}

	#omnitrition-csr .registration-form .consumer-information {
		width: 48.5%;
		margin-right: 3%;
	}

	#omnitrition-csr .registration-form .consumer-address {
		width: 48.5%;
	}

	#omnitrition-csr .registration-form .remarks {
		width: 48.5%;
		margin-right: 3%;
	}

	#omnitrition-csr .registration-form .group-btns {
		width: 48.5%;
		margin-top: 0;
	}
}
@media all and (min-width: 992px) {

	#omnitrition-csr .registration-form .recommender,
	#omnitrition-csr .registration-form .consumer-name {
		width: 32%;
		margin-right: 2%;
	}

	#omnitrition-csr .registration-form .consumer-information {
		width: 32%;
		margin-bottom: 20px;
	}


	#omnitrition-csr .registration-form .consumer-address,
	#omnitrition-csr .registration-form .remarks {
		width: 32%;
		margin-right: 2%;
	}

	#omnitrition-csr .registration-form .group-btns {
		width: 32%;
		margin-top: 0;
	}


	#omnitrition-csr .registration-form .dropdown-select {
		border: 1px solid rgba(0, 0, 0, .1);
	}


	#omnitrition-csr .hr-mobile-table tr .column-2 {
		width: 30%;
		border-right: 1px solid rgba(0, 0, 0, .1);
	}



}
@media all and (max-width: 991px) {

	#omnitrition-csr .registration-form .dropdown-select,
	#omnitrition-csr .registration-form .inputs-wrapper {
		background: #FFF;
		border: 1px solid rgba(0, 0, 0, .05);
		box-shadow: 0px 2.5px 5px rgba(0, 0, 0, .05);
	}

	#omnitrition-csr .registration-form input {
		border: none;
	}


	#omnitrition-csr .registration-form .info {
		background: none !important;
		box-shadow: none !important;
	}

}
@media all and (max-width: 575px) {
	#omnitrition-csr .registration-form .info {
		margin-bottom: 15px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#omnitrition-csr .registration-form .info {
		margin-bottom: 15px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#omnitrition-csr .registration-form .info {
		margin-bottom: 17.5px;
	}
}
@media all and (min-width: 992px) {
	#omnitrition-csr .registration-form .info {
		margin-bottom: 20px;
	}
}
/*------- 4. Omnitrition Unsold Product Inquiry (UPI)-------*/
#omnitrition-upi .searching-result .searching-form .member-name .w-btn {
	width: 50px;
	border-radius: 5px;
}
#omnitrition-upi .searching-result .searching-form .member-name .w-btn .icon {
	margin-left: 0;
}
#omnitrition-upi .searching-result .searching-form .member-name .w-btn .icon svg path {
	fill: #FFF;
}
#omnitrition-upi .searching-result .searching-form .clear-btn {
	border-radius: 5px;
}
#omnitrition-upi .searching-result .searching-form .inputs-wrapper {
	border-radius: 5px;
}
#omnitrition-upi .searching-result .searching-form .inputs-wrapper input {
	border: none;
}
@media (max-width: 575px) {

	#omnitrition-upi.office-page .searching-result .searching-form .btns-wrapper .w-btn:first-child,
	#omnitrition-csri.office-page .searching-result .searching-form .btns-wrapper .w-btn:first-child {
		margin-right: 15px;
	}
}
@media (min-width: 575px) {

	#omnitrition-upi.office-page .searching-result .searching-form .btns-wrapper .w-btn:first-child,
	#omnitrition-csri.office-page .searching-result .searching-form .btns-wrapper .w-btn:first-child {
		margin-right: 15px;
	}
}
@media all and (max-width: 991px) {
	#omnitrition-upi .searching-result .searching-form .inputs-wrapper {
		/* border: 1px solid rgba(0,0,0,.05); */
		background: #FFF;
		box-shadow: 0px 2.5px 5px rgba(0, 0, 0, .05);
	}
}
@media all and (min-width: 992px) {
	#omnitrition-upi .searching-result .searching-form .inputs-wrapper {
		border: 1px solid rgba(0, 0, 0, .1);
	}
}
@media all and (max-width: 575px) {
	#omnitrition-upi .searching-result .searching-form .member-name {
		margin-bottom: 10px;
	}

	#omnitrition-upi .searching-result .searching-form .member-name .label {
		padding-right: 10px;
	}

	#omnitrition-upi .searching-result .searching-form .clear-btn {
		margin-right: 10px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#omnitrition-upi .searching-result .searching-form .member-name {
		margin-bottom: 12.5px;
	}

	#omnitrition-upi .searching-result .searching-form .member-name .label {
		padding-right: 12.5px;
	}

	#omnitrition-upi .searching-result .searching-form .clear-btn {
		margin-right: 12.5px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#omnitrition-upi .searching-result .searching-form .member-name {
		margin-bottom: 15px;
	}

	#omnitrition-upi .searching-result .searching-form .member-name .label {
		padding-right: 15px;
	}

	#omnitrition-upi .searching-result .searching-form .clear-btn {
		margin-right: 15px;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {

	#omnitrition-upi .searching-result .searching-form .member-name,
	#omnitrition-upi .searching-result .searching-form .clear-btn {
		margin-right: 20px;
	}
}
@media all and (min-width: 1200px) {

	#omnitrition-upi .searching-result .searching-form .member-name,
	#omnitrition-upi .searching-result .searching-form .clear-btn {
		margin-right: 25px;
	}
}
#omnitrition-upi .searching-result .hr-table th {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
#omnitrition-upi .searching-result .hr-table td {
	text-align: center;
}
/*------- 5. Omnitrition Consumer Sales Ratio Inquiry -------*/
#omnitrition-csri .desktop-time-btns a {
	width: auto;
}
#omnitrition-csri .desktop-time-btns a:not(:last-child) {
	margin-right: 10px;
}
#omnitrition-csri .desktop-time-btns a:last-child {
	margin-right: 0;
}
#omnitrition-csri .searching-result .searching-form .member-name .w-btn {
	width: 50px;
	border-radius: 5px;
}
#omnitrition-csri .searching-result .searching-form .member-name .w-btn .icon {
	margin-left: 0;
}
#omnitrition-csri .searching-result .searching-form .member-name .w-btn .icon svg path {
	fill: #FFF;
}
#omnitrition-csri .searching-result .searching-form .clear-btn {
	border-radius: 5px;
}
#omnitrition-csri .searching-result .searching-form .inputs-wrapper {
	border-radius: 5px;
}
#omnitrition-csri .searching-result .searching-form .inputs-wrapper input {
	border: none;
}
@media all and (max-width: 991px) {
	#omnitrition-csri .searching-result .searching-form .inputs-wrapper {
		/* border: 1px solid rgba(0,0,0,.05);
		background: #FFF;
		box-shadow: 0px 2.5px 5px rgba(0,0,0,.05); */
	}
}
@media all and (min-width: 992px) {
	#omnitrition-csri .searching-result .searching-form .inputs-wrapper {
		border: 1px solid rgba(0, 0, 0, .1);
	}
}
@media all and (max-width: 575px) {
	#omnitrition-csri .searching-result .searching-form .member-name {
		margin-bottom: 10px;
	}

	#omnitrition-csri .searching-result .searching-form .member-name .label {
		padding-right: 10px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	#omnitrition-csri .searching-result .searching-form .member-name {
		margin-right: 12.5px;
		margin-bottom: 12.5px;
	}

	#omnitrition-csri .searching-result .searching-form .member-name .label {
		padding-right: 12.5px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#omnitrition-csri .searching-result .searching-form .member-name {
		margin-right: 17.5px;
		margin-bottom: 15px;
	}

	#omnitrition-csri .searching-result .searching-form .member-name .label {
		padding-right: 15px;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	#omnitrition-csri .searching-result .searching-form .member-name {
		margin-right: 20px;
	}
}
@media all and (min-width: 1200px) {
	#omnitrition-csri .searching-result .searching-form .member-name {
		margin-right: 25px;
	}
}
#omnitrition-csri .searching-result .hr-table th {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
@media all and (min-width: 992px) {
	#omnitrition-csri .searching-result .searching-form .btns-wrapper .w-btn {
		min-width: 120px;
	}
}
/**/
/*----- 1. Fix -----*/
/*----- 2. Register Product -----*/
/*----- 3. Payment Status -----*/
/*----- 4. Details Inquiry -----*/
/*----- 1. Fix -----*/
/*----- 2. Register Product -----*/
/*---- Cart Details ----*/
#autoship-registration .cart .cart-details table thead {
    border-top: 1px solid #EAEBED;
}
#autoship-registration .cart .cart-details table tr {
    border-bottom: 1px solid #EAEBED;
}
#autoship-registration .cart .cart-details table th,
#autoship-registration .cart .cart-details table td {
    padding: 15px 20px;
}
#autoship-registration .cart .cart-details table th:not(:first-child),
#autoship-registration .cart .cart-details table td:not(:first-child) {
    text-align: center;
}
/*---- Cart Total ----*/
#autoship-registration .cart .cart-total table tbody {
    border-top: 1px solid #EAEBED;
    border-bottom: 1px solid #EAEBED;
}
#autoship-registration .cart .cart-total table tbody td {
    padding: 5px 0;
}
#autoship-registration .cart .cart-total table tbody tr:first-child td {
    padding-top: 15px;
}
#autoship-registration .cart .cart-total table tbody tr:last-child td {
    padding-bottom: 15px;
}
#autoship-registration .cart .cart-total table tfoot {
    font-weight: 600;
}
#autoship-registration .cart .cart-total table tfoot td {
    padding: 15px 0;
}
/*---- Shipping ----*/
@media all and (min-width: 992px) {
	#autoship-registration .shipping-form  {
        padding-bottom: 30px;
        border-bottom: 1px solid #EAEBED;
    }
}
#autoship-registration .shipping-form .col_1 input, 
#autoship-registration .shipping-form .col_2 input, 
#autoship-registration .shipping-form .selected {
    background: #F9FAFD;
    border: 1px solid #EAEBED;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
#autoship-registration .shipping-form .dscr {
    display: block;
    font-size: calc(1em - 1px);
    margin-top: 5px;
}
#autoship-registration .shipping-form .label {
    font-weight: 600;
}
@media all and (min-width: 576px) {
	#autoship-registration .shipping-form .label {
        height: 40px;
        display: flex;
        align-items: center;
    }
}
#autoship-registration .shipping-form .field-address-type {
    padding: 15px 0;
    border-top: 1px solid #EAEBED;
    border-bottom: 1px solid #EAEBED;
    margin-bottom: 20px;
}
@media all and (max-width: 575px) {
	#autoship-registration .shipping-form .field-address-type .radio {
        width: 100%;
    }
    #autoship-registration .shipping-form .field-address-type .radio:not(:last-child) {
        margin-bottom: 5px;
    }

}
@media all and (min-width: 576px) and (max-width: 767px) {
	#autoship-registration .shipping-form .field-address-type .radio:not(:last-child) {
        margin-right: 30px;
    }
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#autoship-registration .shipping-form .field-address-type .radio:not(:last-child) {
        margin-right: 35px;
    }
}
@media all and (min-width: 992px) {
	#autoship-registration .shipping-form .field-address-type .radio:not(:last-child) {
        margin-right: 40px;
    }
}
#autoship-registration .shipping-form .field-date .inputs-wrapper .col:not(:last-child) {
    margin-right: 5px;
}
#autoship-registration .shipping-form .field-address .inputs_1, 
#autoship-registration .shipping-form .field-address .inputs_2 {
    margin-bottom: 5px;
}
#autoship-registration .shipping-form .field-address .postcode-btn {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}
@media all and (min-width: 992px) {
	#autoship-registration .shipping-form .col_1 {
        width: 50%;
        padding-right: 2%;
    }
    #autoship-registration .shipping-form .col_2 {
        width: 50%;
        padding-left: 2%;
    }
}
@media all and (max-width: 575px) {
	#autoship-registration .shipping-form .col_1 .field, 
    #autoship-registration .shipping-form .col_2 .field:not(:last-child) {
        margin-bottom: 20px;
    }
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#autoship-registration .shipping-form .col_1 .field, 
    #autoship-registration .shipping-form .col_2 .field:not(:last-child) {
        margin-bottom: 15px;
    }
}
@media all and (min-width: 992px) {
	#autoship-registration .shipping-form .col_1 .field:not(:last-child), 
    #autoship-registration .shipping-form .col_2 .field:not(:last-child) {
        margin-bottom: 10px;
    }
}
@media all and (max-width: 575px) {
	#autoship-registration .shipping-form .label {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#autoship-registration .shipping-form .label {
        width: 105px;
    }
}
@media all and (min-width: 992px) {
    #autoship-registration .shipping-form .label {
        height: 40px;
        display: flex;
        align-items: center;
        width: 125px;
    }
}
/*---- Payment Form ----*/
@media all and (min-width: 992px) {
	#autoship-registration .payment-form  {
        padding-bottom: 30px;
        border-bottom: 1px solid #EAEBED;
    }
}
#autoship-registration .payment-form .col_1 input, 
#autoship-registration .payment-form .col_2 input, 
#autoship-registration .payment-form .selected {
    background: #F9FAFD;
    border: 1px solid #EAEBED;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
#autoship-registration .payment-form .dscr {
    display: block;
    font-size: calc(1em - 1px);
    margin-top: 5px;
}
#autoship-registration .payment-form .hyphen {
    margin-right: 5px;
    margin-left: 5px;
}
#autoship-registration .payment-form .label {
    font-weight: 600;
}
@media all and (min-width: 576px) {
	#autoship-registration .payment-form .label {
        height: 40px;
        display: flex;
        align-items: center;
    }
}
#autoship-registration .payment-form .row_1 {
    padding: 15px 0;
    border-top: 1px solid #EAEBED;
    border-bottom: 1px solid #EAEBED;
    margin-bottom: 20px;
}
@media all and (max-width: 575px) {
	#autoship-registration .payment-form .field-payment-method .radio {
        width: 100%;
    }
    #autoship-registration .payment-form .field-payment-method .radio:not(:last-child) {
        margin-bottom: 5px;
    }

}
@media all and (min-width: 576px) and (max-width: 767px) {
	#autoship-registration .payment-form .field-payment-method .radio:not(:last-child) {
        margin-right: 30px;
    }
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#autoship-registration .payment-form .field-payment-method .radio:not(:last-child) {
        margin-right: 35px;
    }
}
@media all and (min-width: 992px) {
	#autoship-registration .payment-form .field-payment-method .radio:not(:last-child) {
        margin-right: 40px;
    }
}
@media all and (min-width: 992px) {
	#autoship-registration .payment-form .col_1 {
        width: 50%;
        padding-right: 2%;
    }
    #autoship-registration .payment-form .col_2 {
        width: 50%;
        padding-left: 2%;
    }
}
@media all and (max-width: 575px) {
	#autoship-registration .payment-form .col_1 .field, 
    #autoship-registration .payment-form .col_2 .field:not(:last-child) {
        margin-bottom: 20px;
    }
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#autoship-registration .payment-form .col_1 .field, 
    #autoship-registration .payment-form .col_2 .field:not(:last-child) {
        margin-bottom: 15px;
    }
}
@media all and (min-width: 992px) {
	#autoship-registration .payment-form .col_1 .field:not(:last-child), 
    #autoship-registration .payment-form .col_2 .field:not(:last-child) {
        margin-bottom: 10px;
    }
}
@media all and (max-width: 575px) {
	#autoship-registration .payment-form .label {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#autoship-registration .payment-form .label {
        width: 105px;
    }
}
@media all and (min-width: 992px) {
    #autoship-registration .payment-form .label {
        height: 40px;
        display: flex;
        align-items: center;
        width: 125px;
    }
}
/*----- 3. Payment Status -----*/
/*----- 4. Details Inquiry -----*/
#autoship .disable {
    pointer-events: none;
}
#autoship .searching-form .info.standard-member-name .name-browsing-btn {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 10px 15px;
}
#autoship .searching-form .info.standard-member-name .name-browsing-btn span {
    padding-right: 10px;
}
.situation {
    display: flex;
    align-items: center;
    width: 15%;
    margin-bottom: 0;
}
.pay-day {
  margin-bottom: 0;
}
@media (min-width: 992px) {
    #autoship .searching-result .searching-form .container {
        box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
    }
}
.row-2 .office-block:last-child {
    margin-right: 0;
}
.row-2 .input .inputs-wrapper .verify-btn {
    margin-left: 10px;
    margin-bottom: 10px;
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.row-2 .input .inputs-wrapper input {
    margin-bottom: 10px;
}
.row-2 .hyphen {
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
}
#autoship .office-block .dropdown-select .selected {
    border: 1px solid rgba(0, 0, 0, .05);
    padding: 10px 15px;
}
@media (max-width: 575px) {
    #autoship .office-block .year-select {
        width: 100%;
        margin-bottom: 10px;
    }

    #autoship .office-block .month-select {
        width: 100%;
        margin-bottom: 10px;
    }

    #autoship .office-block .day-select {
        width: 100%;
    }
}
#autoship .office-block .year-select {
    flex: 0 0 auto;
    max-width: 120px;
    margin-right: 2%;
}
#autoship .office-block .month-select {
    flex: 0 0 auto;
    max-width: 120px;
    margin-right: 2%;
}
#autoship .office-block .day-select {
    flex: 0 0 auto;
    max-width: 120px;
}
.office-block .number-input input {
    width: calc(25% - 10px);
}
.office-block .number-input input:last-child {
    margin-right: 0;
}
.office-block .validity-col.inputs-wrapper .col {
    width: calc(33.333% - 10px);
    margin-right: 10px;
}
.office-block .validity-col.inputs-wrapper .col:last-child {
    margin-right: 0;
}
@media (min-width: 576px) and (max-width: 767px) {
    #autoship .office-block .vt-table td:last-child {
        width: 100%;
    }
}
.office-block .validity-col.inputs-wrapper span {
    width: 2%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 10px;
}
.office-block .card-pw .inputs-wrapper input {
    width: 50%;
    margin-right: 10px;
    margin-bottom: 0;
}
.office-block .card-pw .inputs-wrapper span {
    width: 45%;
    display: flex;
    align-items: center;

}
.validity-input span {
    display: flex;
    align-items: center;
}
.validity-input .title1 {
    width: 20%;
}
.validity-input .title2 {
    width: 33.33%;
}
.validity-input .dropdown-select {
    width: 33.33%;
    margin-right: 15px;
}
#autoship #cart #cart-details table thead {
    background: #F6F9FE;
}
@media (max-width: 991px) {
    #autoship #cart #cart-details table thead {
        display: none;
    }

    #autoship #cart #cart-details {
        padding: 0;
    }

    #autoship #cart #cart-details .table-wrapper {
        border: none;
        border-top: 1px solid rgba(0, 0, 0, .05);
    }
}
#autoship #cart #cart-details table thead th {
    color: #1F1D29;
    border-right: 1px solid rgb(0 0 0 / 10%);
}
#autoship #cart #cart-details table thead th:last-child {
    border-right: none;
}
#autoship #cart-details-table thead .col_2 {
    padding-left: 20px;
}
.row-3 .hr-table {
    text-align: center;
}
.row-3 .cal-btn {
    width: 33px;
    height: 33px;
}
.row-3 .quantity-input {
    align-items: center;
    justify-content: center;
}
.row-3 .cal-btn {
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, .05);
    display: flex;
    cursor: pointer;
    transition: all ease-in-out .3s;
}
.row-3 .cal-btn img {
    width: 10px;
    height: auto;
    margin: auto;
}
.row-3 input {
    border-radius: 25px;
    width: 60px;
    text-align: center;
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 25px;
    height: 100%;
}
.row-3 .minus,
.row-3 .value {
    margin-right: 5px;
}
.row-3 .btn-red {
    background-color: #F05438;
    border-radius: 5px;
}
.row-3 .hr-mobile-table tr:first-child {
    background: none;
}
.row-3 .hr-mobile-table td:last-child {
    border-left: 1px solid rgba(0, 0, 0, .05);
}
.row-3 .hr-mobile-table td:first-child {
    border-right: none;
}
.row-3 .hr-table img {
    width: auto;
}
@media (max-width: 991px) {
    .row-3 .hr-mobile-table img {
        width: auto;
    }

    .row-3 .hr-mobile-table tr {
        justify-content: center;
        align-items: center;
    }

    .row-3 .btn-red {
        width: 150px;
        text-align: center;
        margin: 0 auto;
    }
}
@media (min-width: 992px) {
    #autoship #cart #cart-details {
        padding: 0;
    }

    #autoship .block-heading {
        margin-bottom: 15px;
    }
}
.row-4 .hr-table {
    text-align: center;
}
.row-4 .hr-mobile-table tr:first-child {
    background: none;
}
.row-4 .hr-mobile-table td:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}
#autoship .change-info-btn {
    text-align: center;
    margin: 0 auto;
    width: 200px;
}
#autoship .change-info-btn .postcode-btn {
    border-radius: 20px;
    background: #EF780B;
    width: 200px;
}
@media (max-width: 575px) {
    #autoship .standard-member-name .label {
        width: 75px;
    }
}
/**/
.login-page .heading {
    text-align: center;
}
.login-page .heading h2 {
    font-weight: bold;
}
.login-page .form input:not([type="checkbox"]) {
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    background: #F9FAFD;
    border: 1px solid #EAEBED;
}
.login-page .form .field:not(:last-child) {
    margin-bottom: 5px;
}
/*----- 2. Find ID and 1. Find Password -----*/
#find-password .form .selected, #find-id .form .selected {
    background: #F9FAFD;
    border: 1px solid #EAEBED;
    height: 40px;
    width: 100%;
    align-items: center;
}
#find-password .form .field-birthdate .years-select,#find-password .form .field-birthdate .months-select, #find-id .form .field-birthdate .years-select, #find-id .form .field-birthdate .months-select{margin-right:10px}
/**/
/*------- Autoship Payment Status -------*/
@media all and (max-width: 575px) {
	#autoship-payment-status .searching-result .searching-form .date-select {
		margin-top: 0;
	}
	#autoship-payment-status .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
		margin-bottom: 5px;
	}
	#autoship-payment-status .searching-result .searching-form .mobile-time-btns a {
		flex: 1 0 0%;
	}
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#autoship-payment-status .searching-result .searching-form .date-select {
		margin-top: 0;
	}
	#autoship-payment-status .searching-result .searching-form .mobile-time-btns {
		justify-content: flex-start;
	}
	#autoship-payment-status .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
	}
	#autoship-payment-status .searching-result .searching-form .mobile-time-btns a {
		margin-bottom: 0;
		padding: 9px 15px;
	}
}
@media all and (max-width: 991px) {
	#autoship-payment-status .searching-result .searching-form .date-selects .info-heading .btn-hide {
		pointer-events: none;
		opacity: .5;
	}
}
/*------- Autoship Registration Details -------*/
@media all and (max-width: 767px) {
	 #auto-ship-registration .searching-result .searching-form .date-select {
		margin-top: 0;
	}
	 #auto-ship-registration .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
		margin-bottom: 5px;
	}
	 #auto-ship-registration .searching-result .searching-form .mobile-time-btns a {
		flex: 1 0 0%;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	 #auto-ship-registration .searching-result .searching-form .date-select {
		margin-top: 0;
	}
	 #auto-ship-registration .searching-result .searching-form .mobile-time-btns {
		justify-content: flex-start;
	}
	 #auto-ship-registration .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
	}
	 #auto-ship-registration .searching-result .searching-form .mobile-time-btns a {
		margin-bottom: 0;
		padding: 9px 15px;
	}
}
@media all and (max-width: 991px) {
	 #auto-ship-registration .searching-result .searching-form .date-selects .info-heading .btn-hide {
		pointer-events: none;
		opacity: .5;
	}
}
/*------- Benefit Details Inquiry -------*/
@media all and (max-width: 991px) {
	#benefit-details-inquiry .searching-result .searching-form .date-select {
		margin-top: 0;
	}
	#benefit-details-inquiry .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
		margin-bottom: 5px;
	}
	#benefit-details-inquiry .searching-result .searching-form .mobile-time-btns a {
		flex: 1 0 0%;
	}
}
@media all and (max-width: 991px) {
	#benefit-details-inquiry .searching-result .searching-form .date-selects .info-heading .btn-hide {
		pointer-events: none;
		opacity: .5;
	}
}
/*------- Benefit Accounting Inquiry -------*/
@media all and (max-width: 767px) {
	#benefit-accounting-inquiry .searching-result .searching-form .date-select {
		margin-top: 0;
	}
	#benefit-accounting-inquiry .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
		margin-bottom: 5px;
	}
	#benefit-accounting-inquiry .searching-result .searching-form .mobile-time-btns a {
		flex: 1 0 0%;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#benefit-accounting-inquiry .searching-result .searching-form .date-select {
		margin-top: 0;
	}
	#benefit-accounting-inquiry .searching-result .searching-form .mobile-time-btns {
		justify-content: flex-start;
	}
	#benefit-accounting-inquiry .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
	}
	#benefit-accounting-inquiry .searching-result .searching-form .mobile-time-btns a {
		margin-bottom: 0;
		padding: 9px 15px;
	}
}
@media all and (max-width: 991px) {
	#benefit-accounting-inquiry .searching-result .searching-form .date-selects .info-heading .btn-hide {
		pointer-events: none;
		opacity: .5;
	}
}
/*------- Benefit Sponsorship Details -------*/
@media all and (max-width: 575px) {	
	#autoship-payment-status .searching-result .searching-form .mobile-date-time-filter a {
		flex: 1 0 0%;
		padding: 8px 0px;
		margin-bottom: 10px;
	}	
	#autoship-payment-status .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
	}	
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#autoship-payment-status .searching-result .searching-form .mobile-time-btns {
		justify-content: flex-start;
	}
	#autoship-payment-status .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
	}
	#autoship-payment-status .searching-result .searching-form .mobile-time-btns a {
		margin-bottom: 0;
		padding: 11px 20px;
	}
}
@media all and (max-width: 991px) {
	#autoship-payment-status .searching-result .searching-form .date-selects .info-heading .btn-hide {
		pointer-events: none;
		opacity: .5;
	}
}
/*------- Benefit Remittance Details -------*/
@media all and (max-width: 575px) {	
	#benefit-remittance-details .searching-result .searching-form .mobile-date-time-filter a {
		flex: 1 0 0%;
		padding: 8px 0px;
		margin-bottom: 10px;
	}	
	#benefit-remittance-details .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
	}	
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#benefit-remittance-details .searching-result .searching-form .mobile-time-btns {
		justify-content: flex-start;
	}
	#benefit-remittance-details .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
	}
	#benefit-remittance-details .searching-result .searching-form .mobile-time-btns a {
		margin-bottom: 0;
		padding: 11px 20px;
	}
}
@media all and (max-width: 991px) {
	#benefit-remittance-details .searching-result .searching-form .date-selects .info-heading .btn-hide {
		pointer-events: none;
		opacity: .5;
	}
}
/*------- Witholding Tax -------*/
@media all and (max-width: 575px) {	
	#witholding-tax .searching-result .searching-form .mobile-date-time-filter a {
		flex: 1 0 0%;
		padding: 8px 0px;
		margin-bottom: 10px;
	}	
	#witholding-tax .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
	}	
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#witholding-tax .searching-result .searching-form .mobile-time-btns {
		justify-content: flex-start;
	}
	#witholding-tax .searching-result .searching-form .mobile-time-btns {
		margin-top: 0;
	}
	#witholding-tax .searching-result .searching-form .mobile-time-btns a {
		margin-bottom: 0;
		padding: 11px 20px;
	}
}
@media all and (max-width: 991px) {
	#witholding-tax .searching-result .searching-form .date-selects .info-heading .btn-hide {
		pointer-events: none;
		opacity: .5;
	}
}
@media all and (max-width: 575px) {
	
}
@media all and (min-width: 576px) and (max-width: 767px) {
	
}
@media all and (min-width: 768px) and (max-width: 991px) {
	
}
@media all and (min-width: 992px) {	
	#box-lineage .chart-module {
		overflow: hidden;
		position: relative;
		border-radius: 20px;
	}
	#box-lineage .chart-container {
		border-radius: 20px;		
	}
}
#box-lineage .chart-module {
	padding: 0;
	position: relative;
}
#box-lineage .zoom-btn {
	cursor: pointer;
	z-index: 5;
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 10px;
}
#box-lineage .zoom-btn svg {
	width: 20px;
	height: 20px;
}
#box-lineage .zoom-btn svg path {
	transition: all ease-in-out .3s;
}
#box-lineage .zoom-btn:hover svg path {
	fill: #5B67D6;
}
#box-lineage .node .info {
	padding: 15px 0;
}
#box-lineage .node .info .name {
	font-weight: 700;
	line-height: 1em;
}
#box-lineage .name-box-find {
	cursor: pointer;
}
/* #box-lineage .node.level-0 .info .name {
	color: #0046A3;
}

#box-lineage .node.level-1 .info .name {
	color: #FB873A;
}

#box-lineage .node.level-2 .info .name {
	color: #7EC145;
}

#box-lineage .node.level-x .info .name {
	color: #F85A2D;
} */
/* #box-lineage .node.deleted-user .info .name {
	color: #B1B1B1;
} */
#box-lineage .id {
	color: var(--black);
	opacity: .7;
	font-size: 12px;
	margin-bottom: 5px;
}
#box-lineage .node .info .max-rank,
#box-lineage .node .info .pv,
#box-lineage .node .info .last-purchased-date,
#box-lineage .node .info .active-status,
#box-lineage .node .info .star-status {
	font-size: 13px;
	line-height: 1.4em;
}
#box-lineage .horizontal-line {
	background: linear-gradient(to right, #2B2937 50%, rgba(255, 255, 255, 0) 0%);
	background-position: top, right, bottom, left;
    background-repeat: repeat-x;
    background-size: 10px 1px;
}
#box-lineage .canvas-wrapper.has-mid:after {
	content: "";
	position: absolute;
	left: 50%; transform: translateX(-50%);
	background: linear-gradient(#2B2937 50%, rgba(255, 255, 255, 0) 0%);
	background-position: top, right, bottom, left;
    background-repeat: repeat-y;
    background-size: 1px 10px;
	width: 1px;
	height: 100%;
}
#box-lineage .node {
	box-shadow: 0px 10px 20px rgba(0,0,0,.1);
	display: flex;
	position: relative;
	z-index: 10;
	padding: 6px;
	border-radius: 15px;
}
#box-lineage .node .info-wrapper {
	background: var(--white);
	box-shadow: 0px 5px 15px rgba(0,0,0,.5);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;	
	position: relative;
	padding: 2px;
	border-radius: 12px;
}
/* #box-lineage .node.level-0, 
#box-lineage .node.level-0 .info .avatar {
	background-image: linear-gradient(#0086D0, #0046A3);
}

#box-lineage .node.level-1, 
#box-lineage .node.level-1 .info .avatar {
	background-image: linear-gradient(#FBBB3D, #FB873A);
}

#box-lineage .node.level-2,
#box-lineage .node.level-2 .info .avatar {
	background-image: linear-gradient(#BBCF52, #93CF61);
}

#box-lineage .node.level-x,
#box-lineage .node.level-x .info .avatar {
	background-image: linear-gradient(#FB873A, #F85A2D);
} */
#box-lineage .node.deleted-user {
	opacity: .4;
}
#box-lineage .node.deleted-user,
#box-lineage .node.deleted-user .info .avatar {
	background: #B1B1B1;
}
#box-lineage .node .info .avatar {
	position: relative;
	overflow: hidden;
	max-width: 60px;
	border-radius: 50%;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#box-lineage .node .info .avatar img {
	border-radius: 50%;
	background: var(--white);
}
#box-lineage .node .info .avatar {
	position: relative;
	overflow: hidden;
	max-width: 60px;
	border-radius: 50%;
}
#box-lineage .node .info .pos, 
#box-lineage .node .info .pv,
#box-lineage .node .info .joint-date {
	font-size: 14px;
	line-height: 1.4em;
}
#box-lineage .main-node {
	padding-bottom: 40px;
}
#box-lineage .main-node-info {
	padding: 40px 20px;
	border-radius: 10px;
	background: var(--white);
	display: inline-flex;
	box-shadow: 0px 10px 25px rgba(0,0,0,.1);
}
#box-lineage .node {
	text-align: center;
	position: relative;
}
#box-lineage .chart-module ::-webkit-scrollbar {
	height: 5px;
	background: rgba(0,0,0,.05);
	/* border-bottom-left-radius:  */
}
#box-lineage .chart-container {
	position: relative;
	overflow-x: auto;	
	overflow-y: hidden;
	background: var(--white);
}
#box-lineage .chart-container .chart-wrapper {
	position: absolute;
	top: 0;
	left: 0;
}
#box-lineage .node .info-wrapper {
	position: relative;
}
#box-lineage .node .info .user-id, 
#box-lineage .node .info .count-sub {
	width: 100%;
}
#box-lineage .node .info-wrapper .nationalFlag {
	position: absolute;
	top:-15px;
	left:50%;
	margin-left: -15px;
	width:30px;
	height: 30px;
}
.introduction-products .featured-slider .nav {
	background: none;
	width: 20px;
	height: 20px;
	transform: translateY(0);
}
.introduction-products .featured-slider .nav:hover {
	background: none;
}
.introduction-products .featured-slider .nav svg path {
	fill: rgba(36, 37, 41, .5);
	transition: all ease-in-out .3s;
}
.introduction-products .featured-slider .nav:hover svg path {
	fill: rgba(36, 37, 41, 1);
}
.introduction-products .featured-slider.on .nav svg {
	width: 100%;
	height: 100%;
}
@media all and (max-width: 991px) {
	.introduction-products .featured-slider .nav.prev {
		left: auto;
		right: calc(4% + 30px);
	}

	.introduction-products .featured-slider .nav.next {
		right: 4%;
	}
}
@media all and (min-width: 992px) {
	.introduction-products .featured-slider .nav.prev {
		left: auto;
		right: 30px;
	}

	.introduction-products .featured-slider .nav.next {
		right: 0;
	}
}
@media all and (max-width: 575px) {
	.introduction-products .featured-slider .nav {
		top: 16px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.introduction-products .featured-slider .nav {
		top: 16.5px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.introduction-products .featured-slider .nav {
		top: 19.5px;
	}
}
@media all and (min-width: 992px) {
	.introduction-products .featured-slider .nav {
		top: 22.5px;
	}
}
.faqs-content .info-heading p {
	margin-bottom: 0;
}
.faqs-content .info-heading.expanded p {
	font-weight: 500;
}
#qna .heading .dropdown-select {
	min-width: 140px;
	font-size: 14px;
}
#qna .heading .dropdown-select .selected span {
	display: flex;
	align-items: center;
}
#qna .heading .dropdown-select .selected {
	border-radius: 5px;
}
#qna .heading .dropdown-select .selected {
	background: var(--white);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .05);
	padding: 8px 15px;
}
@media all and (min-width: 576px) {
	#qna .heading .dropdown-select .selected .btn-open-sub {
		right: 15px;
	}
}
/*----- Notice Table -----*/
#qna .notices-table th:nth-child(1),
#qna .notices-table td:nth-child(1) {
	width: 50px;
	padding-left: 0;
	padding-right: 0;
}
#qna .notices-table th:nth-child(2),
#qna .notices-table td:nth-child(2) {
	text-align: left;
}
@media all and (max-width: 575px) {

	#qna .notices-table th:nth-child(2),
	#qna .notices-table td:nth-child(2) {
		padding-left: 10px;
	}
}
@media all and (min-width: 576px) {

	#qna .notices-table th:nth-child(2),
	#qna .notices-table td:nth-child(2) {
		padding-left: 20px;
		padding-right: 20px;
	}
}
#qna .notices-table th:nth-child(3),
#qna .notices-table td:nth-child(3) {
	width: 110px;
	padding-left: 0;
	padding-right: 0;
}
#qna .notices-table th:nth-child(4),
#qna .notices-table td:nth-child(4) {
	width: 110px;
	padding-left: 0;
	padding-right: 0;
}
#qna .notices-table th:nth-child(5),
#qna .notices-table td:nth-child(5) {
	width: 110px;
	padding-left: 0;
	padding-right: 0;
}
@media all and (max-width: 575px) {
	#qna .notices-table tr {
		display: flex;
		flex-wrap: wrap;
	}

	#qna .notices-table th:nth-child(1),
	#qna .notices-table td:nth-child(1) {
		width: 50px;
		flex: 0 0 auto;
	}

	#qna .notices-table th:nth-child(2),
	#qna .notices-table td:nth-child(2) {
		flex: 1 0 0%;
	}

	#qna .notices-table th:nth-child(3),
	#qna .notices-table td:nth-child(3) {
		display: none;
	}

	#qna .notices-table th:nth-child(4),
	#qna .notices-table td:nth-child(4) {
		display: none;
	}

	#qna .notices-table th:nth-child(5),
	#qna .notices-table td:nth-child(5) {
		display: none;
	}

	#qna .notices-table td,
	#qna .notices-table th {
		vertical-align: top;
	}

	#qna .notices-table td:nth-child(2) a {
		margin-bottom: 3px;
	}
}
@media all and (max-width: 575px) {
	#qna .notices-table .mobile-info {
		display: flex;
		flex-wrap: wrap;
		opacity: .6;
		font-size: 13px;
	}
}
@media all and (min-width: 576px) {
	#qna .notices-table .mobile-info {
		display: none;
	}
}
#qna .notices-table .mobile-info span:not(:last-child) {
	margin-right: 10px;
}
#qna .notices-table tr {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
#qna .notices-table tr:hover {
	cursor: pointer;
}
#qna .notices-table tr th,
#qna .notices-table tr td {
	white-space: nowrap;
}
#qna .notices-table tr td,
#qna .notices-table tr th {
	text-align: center;
}
@media all and (max-width: 575px) {

	#qna .notices-table tr td,
	#qna .notices-table tr th {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media all and (min-width: 576px) {

	#qna .notices-table tr td,
	#qna .notices-table tr th {
		text-align: center;
		padding-top: 12.5px;
		padding-bottom: 12.5px;
	}
}
/* #qna .notices-table tr td {
	position: relative;
} */
#qna .notices-table tr td .post-title {
	font-weight: 600;
	color: var(--russian-black);
	transition: all ease-in-out .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;

}
#qna .notices-table tr td .post-title a {
	color: var(--russian-black);
}
#qna .notices-table tr td .post-title {
	text-align: left;
}
#qna .notices-table tr:hover td .post-title {
	color: #FB9B51;
}
#qna .notices-table tr td .post-download path {
	fill: #5F9FFF;
	transition: all ease-in-out .3s;
}
#qna .notices-table tr:hover td .post-download path {
	fill: #0148FF;
}
#qna .notices-table .post-date,
#qna .notices-table .post-author {
	white-space: nowrap;
}
@media all and (max-width: 991px) {
	#schedule .calendar {
		margin-bottom: 0;
	}

	#schedule .calendar-detail {
		border-bottom: none;
		margin-bottom: 0;
	}
}
#privacy .content,
#terms-of-service .content {
	padding-top: 30px;
}
#privacy .h-small,
#terms-of-service .h-small {
	margin-top: 30px;
}
#privacy .title {
	padding-bottom: 20px;
}
#privacy p {
	margin-bottom: 0;
}
#terms-of-service p {
	margin: 0;
}
@media (max-width: 991px) {
	#help-center .main-heading {
		display: none;
	}
}
@media (min-width: 992px) {
	#help-center .main-container {
		padding: 20px 0;
	}
}
#box-view-window #chart-container{
	width: 100vw !important;
	height: 100vh!important;
  }
#box-view-window #chart-container{
	overflow-x: scroll !important;
	overflow-y: scroll !important;
  }
@media all and (max-width: 575px) {}
@media all and (min-width: 576px) and (max-width: 767px) {}
@media all and (min-width: 768px) and (max-width: 991px) {}
@media all and (min-width: 992px) {}
.loading-box{
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 1999;
	position: fixed;
	border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.3);
}
/* loader */
.full-screen {
    position: fixed;
    position: -ms-page;
}
.spinner-three-bounce {
    width: 70px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    margin: auto;
    z-index: 2000;


}
.spinner-three-bounce  > div {
	width: 18px;
    height: 18px;
    background-color: var(--white);
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner-three-bounce .bounce1  {
    animation-delay: -.32s;
}
.spinner-three-bounce .bounce2  {
    animation-delay: -.16s;
}
/* end loader */
.hidden-box{
	display: none;
  }
@media all and (max-width: 575px) {
	#autoship-payment-status .office-search .field-date {
        width: 100%;
        margin-bottom: 5px;
    }
    #autoship-payment-status .office-search .submit-wrapper {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    #autoship-payment-status .office-search .submit-btn {
        width: calc(100% - 105px);
    }
}
@media all and (min-width: 576px) {
	#autoship-payment-status .office-search .field-date {
        margin-right: 1.6%;
    }
}
@media all and (min-width: 992px) {
    #autoship-payment-status .office-search .field-date .wrapper {
        display: flex;
        flex-wrap: wrap;
    }
	#autoship-payment-status .office-search .date-input {
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 0;
        margin-right: 20px;
    }

    #autoship-payment-status .office-search .date-search {
        flex: 1 0 0%;
    }  
}
@media all and (max-width: 575px) {
	#auto-ship-registration .office-search .field-date {
        width: 100%;
        margin-bottom: 5px;
    }
    #auto-ship-registration .office-search .submit-wrapper {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    #auto-ship-registration .office-search .submit-btn {
        width: calc(100% - 105px);
    }
}
@media all and (min-width: 576px) {
	#auto-ship-registration .office-search .field-date {
        margin-right: 1.6%;
    }
}
@media all and (min-width: 576px) and (max-width: 767px) {
	
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#auto-ship-registration .office-search .field-date {
        order: 1;  
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 10px;      
    }
    #auto-ship-registration .office-search .field-classification {
        order: 2;
        width: 50%;
    }
    #auto-ship-registration .office-search .submit-wrapper {
        order: 3;
        width: 50%;
    }
}
@media all and (min-width: 992px) {
    #auto-ship-registration .office-search .field-date .label {
        width: auto;
        margin-right: 10px;
    }
    #auto-ship-registration .office-search .field-date .wrapper {
        display: flex;
        flex-wrap: wrap;
    }
	#auto-ship-registration .office-search .date-search {
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 0;        
    }

    #auto-ship-registration .office-search .date-input{
        flex: 1 0 0%;
        margin-right: 20px;
        margin-bottom: 0;      
    }  
}
:root {
    --light-blue: #F3F4FB;
    --quarry-blue:#454F5F;
    --deep-sky-blue:#0F76EF;
    --sea-going:#687484; /*Primary color*/
    --maritime-blue: #2E3144;
    --benihi-red: #F05438;
    --mild-heart:#F27360;
    --ornery-tangerine: #EC8000;
    /* --absolute-apricot:#ff9841; */
    /* --supernatural-saffron: #EF780B; */
    --russian-black: #242529;
    --lace-cap: #EAEBED;
    --wash-me: #F9FAFD;
    --white: #fff;
    --black: #000;
    --sesame-green:#00A372;
    --bleached-silk :#f2f2f2
}
.hr-table thead td {background-color: var(--bleached-silk);}
.hr-table .col-empty{ height: 45px;}
.table td .empty-warning, .hr-table td .empty-warning{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #FFF;padding: 10px;}
.form-control{border-radius: 0;font-size: 13px;}
.btn{--bs-btn-border-radius:0 !important}
.btn.btn-orange {background-color: var(--ornery-tangerine);color: var(--white)}
.btn.btn-quarry-blue {background-color: var(--quarry-blue);color: var(--white);box-shadow: 0 5px 10px rgba(0,0,0,.1)}
/**/
.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  }
.form-check-input:checked[type="checkbox"]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  }
/* Edit css styled custom*/
.products-wrapper{padding:0}
.selected.col-auto.row, .inputs-wrapper.row { margin-left:0 ;margin-right:0 ;}
.dropdown-select.col{padding-left:0;padding-right:0}
#product-content .tabs-nav ul li:after{background-color:#90CA56!important}
.input-group .outline-btn {border-color: #eaebed;}
.quantity-input.row > *, .row.quantity-wrapper > *{ padding-left: 0; padding-right: 0;}
.dropdown-select{display: flex;flex-wrap: wrap;}
.col-form-label{ font-weight: 600;}
.input-group > .dropdown-select{ width: 1%; border-radius: 0;flex: 1 1 auto;min-width: 0;}
.options{min-width: 100px;}
input[type="checkbox"], input[type="radio"]{width: 1em; height: 1em; padding: 0 !important;}
.office-search .form-check-inline { height: 40px;padding-top: 10px;}
.position-absolute-xxs{
  position: absolute
}
@media (min-width:505px){
  .position-absolute-non-xxs{
    position: absolute !important;
  }
  .position-absolute-xxs{
    position:static !important
  }
}
@media (min-width:320px) and (max-width:520px){
  .block-btn-xxs{display: grid !important;}
}
@media (max-width: 1200px) {
    .container {max-width: 100%;}
  }
@media (min-width:992px) and (max-width:1199px){
    .office-search .offset-xmd-1{margin-left: 11%;}
    .office-search .col-xmd-11{width: 89%;}
}
@media (min-width:1200px){
    .btn-xl-h88{ max-height: 88px;}
}
@media (min-width:992px){
    .row-lg-12 [class*="col-lg-12"]{
        flex: 1 0 auto;
        width: 50%;
    }
    .row-lg-12 [class*="col-lg-12 mb-2"]{
        margin-bottom: 0 !important;
    }
    .heading-office {
      align-items: stretch;
    }
    .heading-office h2{
      position: relative;
      padding-bottom: 10px;
      min-height: 58px;
      align-items: center;
      flex-direction: row;
    }
    .heading-office h2::after{
      position: absolute;
    }
}
.nowrap{white-space: nowrap;}
.input-group-updown .btn-group{background: #FFF;border: 1px solid #EAEBED; }
.input-group-updown .btn-group .btn, .input-group-updown .btn-group{border-radius: 0 !important;}
/* fix mobile paging */
.mobile-pagination .row.form{ align-items: center;}
.hr_scrll-menu{height:45px;flex-wrap: nowrap; white-space: nowrap; overflow: hidden; background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));background-position: left center, right center, left center, right center;background-repeat: no-repeat;background-color: white;
background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;/* Opera doesn't support this in the shorthand */background-attachment: local, local, scroll, scroll;}
.hr_scrll-menu:hover{overflow-x: auto;scroll-behavior: smooth;scrollbar-width: thin;}
.hr_scrll-menu::-webkit-scrollbar{ height: 8px;}
.hr_scrll-menu > li:first-child{ padding-left: 0;}
.rwd_dropdown-menu{position:relative;min-width:250px;background:#fff;display:flex;justify-content:space-between;position:relative;min-width:250px;background:#fff;min-width:250px}
/* RWD dropdown submenu */
.rwd_dropdown-menu .visible-links li:first-child a{padding-left:0}
.rwd_dropdown-menu a{display:block;padding:11px 10px;text-decoration:none}
.rwd_dropdown-menu button{padding:0 15px;border:0;outline:none;background-color:#f57c00;color:#fff;cursor:pointer;position:relative}
.rwd_dropdown-menu button:hover{background-color:#ef6c00}
.rwd_dropdown-menu button::after{content:attr(count);position:absolute;width:30px;height:30px;left:-20px;top:8px;text-align:center;background-color:#ef6c00;color:#fff;font-size:14px;line-height:24px;border-radius:50%;border:3px solid #fff;font-weight:700}
.rwd_dropdown-menu button:hover::after{transform:scale(1.075)}
.rwd_dropdown-menu .hamburger{position:relative;width:32px;height:4px;background:#fff;margin:auto}
.rwd_dropdown-menu .hamburger:before,.rwd_dropdown-menu .hamburger:after{content:'';position:absolute;left:0;width:32px;height:4px;background:#fff}
.rwd_dropdown-menu .hamburger:before{top:-8px}
.rwd_dropdown-menu .hamburger:after{bottom:-8px}
.rwd_dropdown-menu .visible-links{display:inline-table}
.rwd_dropdown-menu .visible-links li{display:table-cell!important}
.rwd_dropdown-menu .hidden-links{width:200px;position:absolute;right:0;top:100%;background:#fff;z-index:1;border:1px solid rgba(0,0,0,.075);box-shadow:0 5px 15px rgba(0,0,0,.1);padding:0}
.rwd_dropdown-menu .hidden-links li{display:block;text-align:left}
.rwd_dropdown-menu .hidden{visibility:hidden}
.rwd_dropdown-menu .hidden-links > li a{background:#fff}
/* RWD sticky header, footer scrolling vertical with fixed height and sticky the first column*/
.table-scroll{position:relative;width:100%;z-index:1;margin:auto;overflow:auto;}
.table-scroll table{/*width:100%;min-width:1280px;*/margin:auto;border-collapse:separate;border-spacing:0}
.table-scroll thead th:first-child{position:sticky;top:0; left:0; z-index:2;background: #f2f2f2;}
.table-scroll tbody th:first-child, .table-scroll tbody td:first-child{position:sticky;left:0;z-index:2;background: #fff;}
.table-scroll thead td:first-child{background: #fff;}
.table-scroll tfoot td:first-child{position:sticky;bottom:0; left:0}
.table-scroll tfoot,.table-scroll tfoot th,.table-scroll tfoot td{position:sticky;bottom:0;z-index:4; background:#EFF7FF}
.table-scroll thead th:first-child,tfoot td:first-child{z-index:5}
/* RWD with split by row with attribute on td*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .table-splitedRow table,.table-splitedRow thead,.table-splitedRow tbody,.table-splitedRow th,.table-splitedRow td,.table-splitedRow tr{display:block}
    .table-splitedRow thead tr{position:absolute;top:-9999px;left:-9999px}
    .table-splitedRow tr{border:1px solid #ccc}
    .table-splitedRow td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50% !important; min-height: 35px;}
    .table-splitedRow td:before{content: attr(data-label);position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}
}
/* popup */
.center-popup{top: 50%;transform: translate(-50%, -50%);position: absolute;left: 50%;}








/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/datepicker.css ***!
  \***********************************************************************************************************************************************************************************************************************/
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}

.ui-menu .ui-menu {
	position: absolute;
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */

.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */

.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */

/* Support: Firefox 5 - 40 */

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}

.ui-checkboxradio-disabled {
	pointer-events: none;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	/* top: 1px; */
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	/* left: 1px; */
}

.ui-datepicker .ui-datepicker-next-hover {
	/* right: 1px; */
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
	vertical-align:baseline;
	margin:0 1%;
	height:20px;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}

.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}

.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}

.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}

.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}

.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}

.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}

.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-draggable-handle {
	touch-action: none;
}

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-selectable {
	touch-action: none;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}

.ui-selectmenu-open {
	display: block;
}

.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	touch-action: none;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-sortable-handle {
	touch-action: none;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}

body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;

	font-size: 1em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
	font-size: 1em;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
	z-index:99 !important;
}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}

.ui-widget-content a {
	color: #333333;
}

.ui-widget-header {
	border: 1px solid #eaf0f7;
	background: #d0dae6;
	color: #fff;
	font-weight: bold;
}

.ui-widget-header select{border:0;}

.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #eaf0f7;
	background: #f1f5fa;
	font-weight: normal;
	color: #454545;
	text-align:center;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	/* border: 1px solid #cccccc;
	background: transparent;
	font-weight: normal;
	color: #2b2b2b; */
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #bcd2ff;
	background: #cfe4ff;
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon-circle-triangle-w {
	background:url('datePrev.png')no-repeat 50%;
}

.ui-icon-circle-triangle-e{
	background:url('dateNext.png')no-repeat 50%;
}

/* .ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
} */

/* .ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
} */

/* .ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
} */

/* positioning */

.ui-icon-blank { background-position: 16px 16px; }

.ui-icon-caret-1-n { background-position: 0 0; }

.ui-icon-caret-1-ne { background-position: -16px 0; }

.ui-icon-caret-1-e { background-position: -32px 0; }

.ui-icon-caret-1-se { background-position: -48px 0; }

.ui-icon-caret-1-s { background-position: -65px 0; }

.ui-icon-caret-1-sw { background-position: -80px 0; }

.ui-icon-caret-1-w { background-position: -96px 0; }

.ui-icon-caret-1-nw { background-position: -112px 0; }

.ui-icon-caret-2-n-s { background-position: -128px 0; }

.ui-icon-caret-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -65px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -65px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

/* .ui-icon-circle-triangle-e { background-position: -48px -192px; } */

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

/* .ui-icon-circle-triangle-w { background-position: -80px -192px; } */

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}

/*# sourceMappingURL=styles.css.map*/