@charset "UTF-8";
.gnb .btn-close i, .alert-close .delete,
.notification-close .delete, .tabs, .pagination-first, .pagination-last, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .modal-card-head .delete, .button, .modal-close, .modal-close-this {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border: 2px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 0.625em;
}

.tabs:not(:last-child), .content-area:not(:last-child) {
  margin-bottom: 15px;
}

.modal-close, .modal-close-this {
  position: relative;
  display: inline-block;
  width: 25px;
  max-width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  pointer-events: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0;
  vertical-align: top;
}
.modal-close::before, .modal-close-this::before, .modal-close::after, .modal-close-this::after {
  background-color: #606c88;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.modal-close::before, .modal-close-this::before {
  height: 1px;
  width: 75%;
}
.modal-close::after, .modal-close-this::after {
  height: 75%;
  width: 1px;
}
.modal-close:hover, .modal-close-this:hover, .modal-close:focus, .modal-close-this:focus {
  background-color: rgba(96, 108, 136, 0.2);
}
.modal-close:hover::before, .modal-close-this:hover::before, .modal-close:hover::after, .modal-close-this:hover::after, .modal-close:focus::before, .modal-close-this:focus::before, .modal-close:focus::after, .modal-close-this:focus::after {
  background-color: #fff;
}
.modal-close:active, .modal-close-this:active {
  background-color: #606c88;
}
.modal-close:active::before, .modal-close-this:active::before, .modal-close:active::after, .modal-close-this:active::after {
  background-color: #fff;
}
.is-small.modal-close, .is-small.modal-close-this {
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
.is-medium.modal-close, .is-medium.modal-close-this {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}
.is-large.modal-close, .is-large.modal-close-this {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 46px;
  min-height: 46px;
  max-height: 46px;
}
@media screen and (max-width: 768px) {
  .is-large.modal-close, .is-large.modal-close-this {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }
}
.is-xlarge.modal-close, .is-xlarge.modal-close-this {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes spinAroundC {
  from {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes spinAroundC {
  from {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.control.is-loading::after, .button.is-loading::after, .select.is-loading::after {
  -webkit-animation: spinAround 500ms infinite linear;
          animation: spinAround 500ms infinite linear;
  border: 2px solid #7a8084;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.modal-background, .modal-background-unclose, .modal-background-this, .hero-video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.icon {
  display: inline-block;
}
.icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background-image: url("../img/sprites/sprite_svg.svg");
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon.svg-allmenu::before {
  background-position: 57.9937304075% 86.4541832669%;
  width: 20px;
  height: 20px;
}

.icon.svg-arrow-right-contained::before {
  background-position: 0 100%;
  width: 26px;
  height: 26px;
}

.icon.svg-arw::before {
  background-position: 99.0990990991% 58.6206896552%;
  width: 6px;
  height: 10px;
}

.icon.svg-arw20::before {
  background-position: 64.263322884% 86.4541832669%;
  width: 20px;
  height: 20px;
}

.icon.svg-bell-ringing::before {
  background-position: 0 87.1921182266%;
  width: 65px;
  height: 68px;
}

.icon.svg-calendar::before {
  background-position: 70.5329153605% 86.4541832669%;
  width: 20px;
  height: 20px;
}

.icon.svg-calendar-to::before {
  background-position: 76.802507837% 86.4541832669%;
  width: 20px;
  height: 20px;
}

.icon.svg-chevron-left::before {
  background-position: 66.3492063492% 58.7044534413%;
  width: 24px;
  height: 24px;
}

.icon.svg-chevron-right::before {
  background-position: 16.5079365079% 99.1902834008%;
  width: 24px;
  height: 24px;
}

.icon.svg-cir-check::before {
  background-position: 48.2972136223% 50.3937007874%;
  width: 16px;
  height: 17px;
}

.icon.svg-config::before {
  background-position: 53.4161490683% 50.3937007874%;
  width: 17px;
  height: 17px;
}

.icon.svg-dwn::before {
  background-position: 83.0721003135% 86.4541832669%;
  width: 20px;
  height: 20px;
}

.icon.svg-ecrm::before {
  background-position: 0 50.3937007874%;
  width: 156px;
  height: 17px;
}

.icon.svg-fss::before {
  background-position: 0 0;
  width: 234px;
  height: 32px;
}

.icon.svg-home::before {
  background-position: 24.126984127% 99.1902834008%;
  width: 24px;
  height: 24px;
}

.icon.svg-info::before {
  background-position: 89.34169279% 86.4541832669%;
  width: 20px;
  height: 20px;
}

.icon.svg-ipt-check::before {
  background-position: 8.3067092652% 100%;
  width: 26px;
  height: 26px;
}

.icon.svg-kisa-boho::before {
  background-position: 0 60.6694560669%;
  width: 145px;
  height: 32px;
}

.icon.svg-kisa-privacy::before {
  background-position: 0 40.1673640167%;
  width: 221px;
  height: 32px;
}

.icon.svg-kisa-spam::before {
  background-position: 0 26.7782426778%;
  width: 233px;
  height: 32px;
}

.icon.svg-kopico::before {
  background-position: 0 13.3891213389%;
  width: 234px;
  height: 32px;
}

.icon.svg-kor::before {
  background-position: 95.498392283% 70.5179282869%;
  width: 28px;
  height: 20px;
}

.icon.svg-lock::before {
  background-position: 47.2312703583% 60.6694560669%;
  width: 32px;
  height: 32px;
}

.icon.svg-login::before {
  background-position: 31.746031746% 99.1902834008%;
  width: 24px;
  height: 24px;
}

.icon.svg-logout::before {
  background-position: 99.6825396825% 52.0325203252%;
  width: 24px;
  height: 25px;
}

.icon.svg-next::before {
  background-position: 94.8640483384% 59.53307393%;
  width: 8px;
  height: 14px;
}

.icon.svg-plus::before {
  background-position: 46.394984326% 98%;
  width: 20px;
  height: 21px;
}

.icon.svg-prev::before {
  background-position: 97.2809667674% 59.53307393%;
  width: 8px;
  height: 14px;
}

.icon.svg-prev-start::before {
  background-position: 57.654723127% 60.6694560669%;
  width: 32px;
  height: 32px;
}

.icon.svg-quick01::before {
  background-position: 78.2608695652% 55.4112554113%;
  width: 40px;
  height: 40px;
}

.icon.svg-quick02::before {
  background-position: 91.6387959866% 55.4112554113%;
  width: 40px;
  height: 40px;
}

.icon.svg-quick03::before {
  background-position: 61.872909699% 76.6233766234%;
  width: 40px;
  height: 40px;
}

.icon.svg-quick04::before {
  background-position: 75.2508361204% 76.6233766234%;
  width: 40px;
  height: 40px;
}

.icon.svg-shevron-right::before {
  background-position: 39.3650793651% 99.1902834008%;
  width: 24px;
  height: 24px;
}

.icon.svg-shield-check::before {
  background-position: 23.2974910394% 83.8862559242%;
  width: 60px;
  height: 60px;
}

.icon.svg-shield-doc::before {
  background-position: 44.8028673835% 83.8862559242%;
  width: 60px;
  height: 60px;
}

.icon.svg-speech-bubble::before {
  background-position: 100% 0;
  width: 105px;
  height: 128px;
}

.icon.svg-star-off::before {
  background-position: 95.6112852665% 86.4541832669%;
  width: 20px;
  height: 20px;
}

.icon.svg-star-on::before {
  background-position: 52.6645768025% 97.609561753%;
  width: 20px;
  height: 20px;
}

.icon.svg-step::before {
  background-position: 58.6956521739% 50.1960784314%;
  width: 17px;
  height: 16px;
}

.icon.svg-step-on::before {
  background-position: 58.934169279% 97.609561753%;
  width: 20px;
  height: 20px;
}

.icon.svg-time::before {
  background-position: 65.2037617555% 97.609561753%;
  width: 20px;
  height: 20px;
}

.icon.svg-user-plus::before {
  background-position: 86.319218241% 74.0585774059%;
  width: 32px;
  height: 32px;
}

/* **************************************************************************
	Noto Sans KR Web Font
************************************************************************** */
@font-face {
  font-family: "PretendardGOV";
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/PretendardGOV-Bold.woff") format("woff"), url("../../fonts/PretendardGOV-Bold.woff") format("opentype");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 600;
  font-style: normal;
  src: url("../../fonts/PretendardGOV-SemiBold.woff") format("woff"), url("../../fonts/PretendardGOV-SemiBold.woff") format("opentype");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 500;
  font-style: normal;
  src: url("../../fonts/PretendardGOV-Medium.woff") format("woff"), url("../../fonts/PretendardGOV-Medium.woff") format("opentype");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 400;
  font-style: normal;
  src: url("../../fonts/PretendardGOV-Regular.woff") format("woff"), url("../../fonts/PretendardGOV-Regular.woff") format("opentype");
}
@font-face {
  font-family: "ONE-Mobile";
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/ONE-Mobile-Bold.woff") format("woff"), url("../../fonts/ONE-Mobile-Bold.woff") format("opentype");
}
@font-face {
  font-family: "ONE-Mobile";
  font-weight: 400;
  font-style: normal;
  src: url("../../fonts/ONE-Mobile-Regular.woff") format("woff"), url("../../fonts/ONE-Mobile-Regular.woff") format("opentype");
}
@font-face {
  font-family: "SB-Aggro";
  font-weight: 300;
  font-style: normal;
  src: url("../../fonts/SB-Aggro-L.woff") format("woff"), url("../../fonts/SB-Aggro-L.woff") format("opentype");
}
@font-face {
  font-family: "SB-Aggro";
  font-weight: 500;
  font-style: normal;
  src: url("../../fonts/SB-Aggro-M.woff") format("woff"), url("../../fonts/SB-Aggro-M.woff") format("opentype");
}
/* **************************************************************************
	icon-set
************************************************************************** */
@font-face {
  font-family: "icon-set";
  src: url("/fonts/icon-set.eot?hfw0bp");
  src: url("/fonts/icon-set.eot?hfw0bp#iefix") format("embedded-opentype"), url("/fonts/icon-set.ttf?hfw0bp") format("truetype"), url("/fonts/icon-set.woff?hfw0bp") format("woff"), url("/fonts/icon-set.svg?hfw0bp#icon-set") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shevron-right-dd:before {
  content: "\e915";
}

.icon-eye-regular:before {
  content: "\e911";
}

.icon-eye-slash-regular:before {
  content: "\e912";
}

.icon-sort-down-solid:before {
  content: "\e913";
}

.icon-sort-up-solid:before {
  content: "\e914";
}

.icon-menu:before {
  content: "\e900";
}

.icon-check:before {
  content: "\e901";
}

.icon-chevron-down:before {
  content: "\e902";
}

.icon-clip:before {
  content: "\e903";
}

.icon-cross:before {
  content: "\e904";
}

.icon-download:before {
  content: "\e905";
}

.icon-info-o:before {
  content: "\e906";
}

.icon-new-window:before {
  content: "\e907";
}

.icon-reload:before {
  content: "\e908";
}

.icon-del-o:before {
  content: "\e909";
}

.icon-minus-o:before {
  content: "\e90a";
}

.icon-plus-o:before {
  content: "\e90b";
}

.icon-up-o:before {
  content: "\e90c";
}

.icon-save:before {
  content: "\e90d";
}

.icon-search:before {
  content: "\e90e";
}

.icon-shevron-right:before {
  content: "\e90f";
}

.icon-user:before {
  content: "\e910";
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
button,
textarea,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* font: inherit; */
  font-style: inherit;
  vertical-align: baseline;
}

html,
body {
  color: #444;
  font-family: "PretendardGOV", Roboto, "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

/* :focus{
	outline: 0;
} */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  background-color: transparent;
  cursor: pointer;
  font-family: "PretendardGOV", Roboto, "Malgun Gothic", "맑은 고딕", arial, sans-serif;
}

textarea,
input {
  font-size: 16px;
  font-family: "PretendardGOV", Roboto, "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  color: #1a233a;
}

::-webkit-input-placeholder {
  color: #767676;
  font-weight: 400;
}

::-moz-placeholder {
  color: #767676;
  font-weight: 400;
}

:-ms-input-placeholder {
  color: #767676;
  font-weight: 400;
}

::-ms-input-placeholder {
  color: #767676;
  font-weight: 400;
}

::placeholder {
  color: #767676;
  font-weight: 400;
}

video,
img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*[hidden] {
  display: none;
}

caption,
legend,
.hidden,
.is-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.sr-only {
  overflow: hidden !important;
  margin: -1px;
  padding: 0 !important;
  position: absolute !important;
  width: 0.01em !important;
  height: 0.01em !important;
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  vertical-align: middle;
}

button:disabled,
button:disabled:hover,
button:disabled:focus {
  cursor: default;
}

::-moz-selection {
  background: #2ba2d9;
  color: #fff;
}

::selection {
  background: #2ba2d9;
  color: #fff;
}

::-moz-selection {
  background: #2ba2d9;
  color: #fff;
}

/* skip navi to content */
.skipnav a {
  position: fixed;
  top: -999em;
  left: 0;
  display: block;
  width: 100%;
  padding: 6px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: #1d1d1d;
  z-index: 9999;
}
.skipnav a:hover, .skipnav a:active, .skipnav a:focus {
  position: static;
}

.section {
  margin-bottom: 4em;
}
.section .title {
  margin-bottom: 1em;
}
.section .subtitle {
  margin-top: 2em;
  margin-bottom: 2em;
}

.mt0 {
  margin-top: 0 !important;
}

.mt1 {
  margin-top: 10px !important;
}

.mt2 {
  margin-top: 20px !important;
}

.mt3 {
  margin-top: 30px !important;
}

.mt4 {
  margin-top: 40px !important;
}

.mt5 {
  margin-top: 50px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb1 {
  margin-bottom: 10px !important;
}

.mb2 {
  margin-bottom: 20px !important;
}

.mb3 {
  margin-bottom: 30px !important;
}

.mb4 {
  margin-bottom: 40px !important;
}

.mb5 {
  margin-bottom: 50px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.float-left,
.fl {
  float: left;
}

.float-right,
.fr {
  float: right;
}

.text-center,
.tc {
  text-align: center !important;
}

.text-left,
.tl {
  text-align: left !important;
}

.text-right,
.tr {
  text-align: right !important;
}

.text-initial {
  text-align: inherit !important;
}

.font-secondary {
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
}

.font-third {
  font-family: "SB-Aggro", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
}

.img-initial img {
  width: auto !important;
  max-width: inherit !important;
}

img.img-initial {
  width: auto !important;
  max-width: inherit !important;
}

.width-auto {
  width: auto;
}

.width-full {
  width: 100%;
}

.link {
  display: inline-block;
  position: relative;
  line-height: 1.2;
  color: #246beb;
  text-decoration: none;
  word-break: break-all;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.link:hover, .link:focus {
  color: #0b58a1;
  text-decoration: underline;
}
.link.is-download {
  position: relative;
  padding-right: 20px;
}
.link.is-download::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../images/svg/ico_down.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

a.type-underline {
  position: relative;
}
a.type-underline:before {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #1d1d1d;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
a.type-underline:hover:before {
  width: 100%;
}

.list-dot > li, .list-dash > li, .list-ref > li, .list-num > li {
  position: relative;
  padding-left: 24px;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}
.list-dot > li:before, .list-dash > li:before, .list-ref > li:before, .list-num > li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  text-align: center;
}
.list-dot > li button, .list-dash > li button, .list-ref > li button, .list-num > li button {
  line-height: 1.2;
  vertical-align: text-top;
}
.list-dot > li:before {
  content: "\2022";
}
.list-dash > li:before {
  content: "-";
}
.list-ref > li:before {
  content: "\203b";
}
.list-num {
  counter-reset: num;
}
.list-num > li {
  counter-increment: num;
}
.list-num > li:before {
  content: counter(num) ".";
}

.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.flex-box.type-half > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex-box.type-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-box.type-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-box.gap-6 {
  gap: 6px;
}
.flex-box.gap-20 {
  gap: 20px;
}
.flex-box.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.loading-container {
  display: none;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1100;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
.loading-container .modal-background {
  background-color: rgba(0, 0, 0, 0.5);
}
.loading-container.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loading-container .loading {
  -webkit-animation: spinAround 500ms infinite linear;
          animation: spinAround 500ms infinite linear;
  border: 2px solid #7a8084;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border-width: 3px;
  border-left-color: #ddd;
  border-bottom-color: #ddd;
}
.loading-container .loading-text {
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: 55px;
  color: #ddd;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}

.is-required::after {
  content: "*";
  display: inline-block;
  color: #ff3737;
  font-size: 12px;
  font-weight: 700;
  vertical-align: text-top;
  margin-left: 3px;
}
.is-required:after {
  vertical-align: top;
  font-size: 17px;
  font-weight: 500;
  line-height: normal;
  color: #ff3737;
}

.is-reqd::after {
  content: "(\d544\c218)";
  display: inline-block;
  color: #ff3737;
  font-size: 12px;
  font-weight: 700;
  vertical-align: text-top;
  margin-bottom: 4px;
  margin-left: 3px;
}
.is-reqd:after {
  vertical-align: middle;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  color: #ff3737;
}

.is-reqd-prvt::before {
  content: "(\bbfc\ac04)";
  display: inline-block;
  color: #ff3737;
  font-size: 12px;
  font-weight: 700;
  vertical-align: text-top;
  margin-bottom: 4px;
  margin-right: 3px;
}
.is-reqd-prvt:before {
  vertical-align: middle;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  color: #ff3737;
}

html.is-clipped,
body.is-clipped {
  overflow: hidden !important;
}

.is-size-1 {
  font-size: 38px;
}
.is-size-2 {
  font-size: 36px;
}
.is-size-3 {
  font-size: 30px;
}
.is-size-4 {
  font-size: 20px;
}
.is-size-5 {
  font-size: 16px;
}
.is-size-6 {
  font-size: 14px;
}
.is-size-7 {
  font-size: 13px;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}

.button, .pagination-first, .pagination-last, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .select select, .input, .textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  height: 48px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 5px;
  position: relative;
  vertical-align: top;
}
[disabled].button, [disabled].pagination-first, [disabled].pagination-last, [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, .select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .button, fieldset[disabled] .pagination-first, fieldset[disabled] .pagination-last, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
  cursor: not-allowed;
}

.select select, .input, .textarea {
  background-color: hsl(0, 0%, 100%);
  border-color: #d9d9d9;
  border-radius: 8px;
  color: #1d1d1d;
  font-weight: 400;
}
.select select::-moz-placeholder, .input::-moz-placeholder, .textarea::-moz-placeholder {
  font-weight: 400;
  color: #bcbcbc;
}
.select select::-webkit-input-placeholder, .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
  font-weight: 400;
  color: #bcbcbc;
}
.select select:-moz-placeholder, .input:-moz-placeholder, .textarea:-moz-placeholder {
  font-weight: 400;
  color: #bcbcbc;
}
.select select:-ms-input-placeholder, .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
  font-weight: 400;
  color: #bcbcbc;
}
.select select:focus, .input:focus, .textarea:focus, .select select.is-focused, .is-focused.input, .is-focused.textarea, .select select:active, .input:active, .textarea:active, .select select.is-active, .is-active.input, .is-active.textarea {
  border-color: #1d1d1d;
}
.select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
  background-color: #ececec;
  border-color: #bcbcbc;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #7a8084;
}
.select select[disabled]::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder {
  color: #bcbcbc;
}
.select select[disabled]::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder {
  color: #bcbcbc;
}
.select select[disabled]:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder {
  color: #bcbcbc;
}
.select select[disabled]:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder {
  color: #bcbcbc;
}

.textarea, .input {
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #ececec;
  background-color: #f0f0f0;
  color: #333;
}
[readonly].textarea:hover, [readonly].input:hover, [readonly].textarea:focus, [readonly].input:focus {
  border-color: #dde2ea;
}
[disabled].textarea, [disabled].input {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #bcbcbc;
  background-color: #ececec;
  color: #7a8084;
}
[disabled].textarea:hover, [disabled].input:hover, [disabled].textarea:focus, [disabled].input:focus {
  border-color: #dde2ea;
}
.textarea::-moz-placeholder, .input::-moz-placeholder {
  color: #bcbcbc;
  font-size: 14px;
  opacity: 1;
}
.textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
  color: #bcbcbc;
  font-size: 14px;
  opacity: 1;
}
.textarea:-moz-placeholder, .input:-moz-placeholder {
  color: #bcbcbc;
  font-size: 14px;
  opacity: 1;
}
.textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
  color: #bcbcbc;
  font-size: 14px;
  opacity: 1;
}
.is-white.textarea, .is-white.input {
  border-color: hsl(0, 0%, 100%);
}
.is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.is-black.textarea, .is-black.input {
  border-color: #1d1d1d;
}
.is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(29, 29, 29, 0.25);
          box-shadow: 0 0 0 0.125em rgba(29, 29, 29, 0.25);
}
.is-light.textarea, .is-light.input {
  border-color: #f9f9f9;
}
.is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(249, 249, 249, 0.25);
          box-shadow: 0 0 0 0.125em rgba(249, 249, 249, 0.25);
}
.is-gray.textarea, .is-gray.input {
  border-color: #f0f0f0;
}
.is-gray.textarea:focus, .is-gray.input:focus, .is-gray.is-focused.textarea, .is-gray.is-focused.input, .is-gray.textarea:active, .is-gray.input:active, .is-gray.is-active.textarea, .is-gray.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(240, 240, 240, 0.25);
          box-shadow: 0 0 0 0.125em rgba(240, 240, 240, 0.25);
}
.is-dark.textarea, .is-dark.input {
  border-color: #888;
}
.is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(136, 136, 136, 0.25);
          box-shadow: 0 0 0 0.125em rgba(136, 136, 136, 0.25);
}
.is-primary.textarea, .is-primary.input {
  border-color: #003675;
}
.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 54, 117, 0.25);
          box-shadow: 0 0 0 0.125em rgba(0, 54, 117, 0.25);
}
.is-link.textarea, .is-link.input {
  border-color: #0085ff;
}
.is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 133, 255, 0.25);
          box-shadow: 0 0 0 0.125em rgba(0, 133, 255, 0.25);
}
.is-info.textarea, .is-info.input {
  border-color: #4388bc;
}
.is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(67, 136, 188, 0.25);
          box-shadow: 0 0 0 0.125em rgba(67, 136, 188, 0.25);
}
.is-success.textarea, .is-success.input {
  border-color: #33a14b;
}
.is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(51, 161, 75, 0.25);
          box-shadow: 0 0 0 0.125em rgba(51, 161, 75, 0.25);
}
.is-error.textarea, .is-error.input {
  border-color: #ff3737;
}
.is-error.textarea:focus, .is-error.input:focus, .is-error.is-focused.textarea, .is-error.is-focused.input, .is-error.textarea:active, .is-error.input:active, .is-error.is-active.textarea, .is-error.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 55, 55, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 55, 55, 0.25);
}
.is-warning.textarea, .is-warning.input {
  border-color: #ee9900;
}
.is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(238, 153, 0, 0.25);
          box-shadow: 0 0 0 0.125em rgba(238, 153, 0, 0.25);
}
.is-danger.textarea, .is-danger.input {
  border-color: #ff3737;
}
.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 55, 55, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 55, 55, 0.25);
}
.is-point.textarea, .is-point.input {
  border-color: #246beb;
}
.is-point.textarea:focus, .is-point.input:focus, .is-point.is-focused.textarea, .is-point.is-focused.input, .is-point.textarea:active, .is-point.input:active, .is-point.is-active.textarea, .is-point.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(36, 107, 235, 0.25);
          box-shadow: 0 0 0 0.125em rgba(36, 107, 235, 0.25);
}
.is-point-dark.textarea, .is-point-dark.input {
  border-color: #235b9f;
}
.is-point-dark.textarea:focus, .is-point-dark.input:focus, .is-point-dark.is-focused.textarea, .is-point-dark.is-focused.input, .is-point-dark.textarea:active, .is-point-dark.input:active, .is-point-dark.is-active.textarea, .is-point-dark.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(35, 91, 159, 0.25);
          box-shadow: 0 0 0 0.125em rgba(35, 91, 159, 0.25);
}
.is-small.textarea, .is-small.input {
  height: 38px;
}
.is-medium.textarea, .is-medium.input {
  height: 40px;
}
.is-large.textarea, .is-large.input {
  height: 50px;
}
.width-full.textarea, .width-full.input {
  display: block;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 9999px;
  padding-left: calc(12px + 0.375em);
  padding-right: calc(12px + 0.375em);
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.input.is-phone-num {
  max-width: 80px;
}
.input.is-corp-num {
  max-width: 120px;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  padding-right: 12px;
  resize: vertical;
  font-size: 16px;
  line-height: 1.3;
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}
.textarea + .characters-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.textarea + .characters-box span {
  color: #aeaeae;
  font-size: 12px;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .input.is-phone-num {
    width: 60px;
  }
  .input.is-corp-num {
    width: 80px;
  }
}
.radio, .checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.radio input, .checkbox input {
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  color: #1d1d1d;
}
[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox {
  color: #7a8084;
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 48px;
}
.select:not(.is-multiple):not(.is-loading)::after {
  font-size: 13px;
  border-color: #333;
  right: 1.125em;
  z-index: 0;
}
.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 16px;
  max-width: 100%;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: #bcbcbc;
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: #1d1d1d;
}
.select.is-white:not(:hover)::after {
  border-color: hsl(0, 0%, 100%);
}
.select.is-white select {
  border-color: hsl(0, 0%, 100%);
}
.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: hsl(0, 0%, 95%);
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.select.is-black:not(:hover)::after {
  border-color: #1d1d1d;
}
.select.is-black select {
  border-color: #1d1d1d;
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: rgb(16.25, 16.25, 16.25);
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(29, 29, 29, 0.25);
          box-shadow: 0 0 0 0.125em rgba(29, 29, 29, 0.25);
}
.select.is-light:not(:hover)::after {
  border-color: #f9f9f9;
}
.select.is-light select {
  border-color: #f9f9f9;
}
.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: rgb(236.25, 236.25, 236.25);
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(249, 249, 249, 0.25);
          box-shadow: 0 0 0 0.125em rgba(249, 249, 249, 0.25);
}
.select.is-gray:not(:hover)::after {
  border-color: #f0f0f0;
}
.select.is-gray select {
  border-color: #f0f0f0;
}
.select.is-gray select:hover, .select.is-gray select.is-hovered {
  border-color: rgb(227.25, 227.25, 227.25);
}
.select.is-gray select:focus, .select.is-gray select.is-focused, .select.is-gray select:active, .select.is-gray select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(240, 240, 240, 0.25);
          box-shadow: 0 0 0 0.125em rgba(240, 240, 240, 0.25);
}
.select.is-dark:not(:hover)::after {
  border-color: #888;
}
.select.is-dark select {
  border-color: #888;
}
.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: rgb(123.25, 123.25, 123.25);
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(136, 136, 136, 0.25);
          box-shadow: 0 0 0 0.125em rgba(136, 136, 136, 0.25);
}
.select.is-primary:not(:hover)::after {
  border-color: #003675;
}
.select.is-primary select {
  border-color: #003675;
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: rgb(0, 42.2307692308, 91.5);
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 54, 117, 0.25);
          box-shadow: 0 0 0 0.125em rgba(0, 54, 117, 0.25);
}
.select.is-link:not(:hover)::after {
  border-color: #0085ff;
}
.select.is-link select {
  border-color: #0085ff;
}
.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: rgb(0, 119.7, 229.5);
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 133, 255, 0.25);
          box-shadow: 0 0 0 0.125em rgba(0, 133, 255, 0.25);
}
.select.is-info:not(:hover)::after {
  border-color: #4388bc;
}
.select.is-info select {
  border-color: #4388bc;
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: rgb(60.3, 122.4, 169.2);
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(67, 136, 188, 0.25);
          box-shadow: 0 0 0 0.125em rgba(67, 136, 188, 0.25);
}
.select.is-success:not(:hover)::after {
  border-color: #33a14b;
}
.select.is-success select {
  border-color: #33a14b;
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: rgb(44.8655660377, 141.6344339623, 65.9787735849);
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(51, 161, 75, 0.25);
          box-shadow: 0 0 0 0.125em rgba(51, 161, 75, 0.25);
}
.select.is-error:not(:hover)::after {
  border-color: #ff3737;
}
.select.is-error select {
  border-color: #ff3737;
}
.select.is-error select:hover, .select.is-error select.is-hovered {
  border-color: rgb(255, 29.5, 29.5);
}
.select.is-error select:focus, .select.is-error select.is-focused, .select.is-error select:active, .select.is-error select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 55, 55, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 55, 55, 0.25);
}
.select.is-warning:not(:hover)::after {
  border-color: #ee9900;
}
.select.is-warning select {
  border-color: #ee9900;
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: rgb(212.5, 136.6071428571, 0);
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(238, 153, 0, 0.25);
          box-shadow: 0 0 0 0.125em rgba(238, 153, 0, 0.25);
}
.select.is-danger:not(:hover)::after {
  border-color: #ff3737;
}
.select.is-danger select {
  border-color: #ff3737;
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: rgb(255, 29.5, 29.5);
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 55, 55, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 55, 55, 0.25);
}
.select.is-point:not(:hover)::after {
  border-color: #246beb;
}
.select.is-point select {
  border-color: #246beb;
}
.select.is-point select:hover, .select.is-point select.is-hovered {
  border-color: rgb(20.5439330544, 93.4748953975, 224.9560669456);
}
.select.is-point select:focus, .select.is-point select.is-focused, .select.is-point select:active, .select.is-point select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(36, 107, 235, 0.25);
          box-shadow: 0 0 0 0.125em rgba(36, 107, 235, 0.25);
}
.select.is-point-dark:not(:hover)::after {
  border-color: #235b9f;
}
.select.is-point-dark select {
  border-color: #235b9f;
}
.select.is-point-dark select:hover, .select.is-point-dark select.is-hovered {
  border-color: rgb(30.3994845361, 79.0386597938, 138.1005154639);
}
.select.is-point-dark select:focus, .select.is-point-dark select.is-focused, .select.is-point-dark select:active, .select.is-point-dark select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(35, 91, 159, 0.25);
          box-shadow: 0 0 0 0.125em rgba(35, 91, 159, 0.25);
}
.select.is-small {
  height: 32px;
}
.select.is-small select {
  height: 32px;
  line-height: 22px;
}
.select.is-medium {
  height: 40px;
}
.select.is-medium select {
  height: 40px;
  line-height: 30px;
}
.select.is-large {
  height: 45px;
}
.select.is-large select {
  height: 45px;
  line-height: 35px;
}
.select.is-disabled::after {
  border-color: #7a8084;
}
.select.width-full select {
  width: 100%;
}
.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.8em;
  -webkit-transform: none;
          transform: none;
}
.select.is-loading.is-small:after {
  font-size: 14px;
}
.select.is-loading.is-medium:after {
  font-size: 20px;
}
.select.is-loading.is-large:after {
  font-size: 30px;
}

.pagination-first, .pagination-last, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
}
[disabled].pagination-first, [disabled].pagination-last, [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, [disabled].button, fieldset[disabled] .pagination-first, fieldset[disabled] .pagination-last, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .button {
  cursor: not-allowed;
  pointer-events: none;
}

.button {
  gap: 5px;
  height: 48px;
  min-width: 100px;
  border-radius: 8px;
  border-color: #003675;
  border-width: 1px;
  background-color: #fff;
  color: #003675;
  cursor: pointer;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  white-space: nowrap;
}
.button strong {
  color: inherit;
}
.button:hover, .button.is-hovered {
  border-color: #69b4ff;
  background-color: #fff;
  color: #69b4ff;
}
.button:focus, .button.is-focused {
  border-color: #000;
  background-color: #f2f6f9;
  color: #333;
}
.button:active, .button.is-active {
  border-color: #246beb;
  color: #1d56bc;
  background-color: #eff5ff;
}
.button:active:hover, .button:active.is-hovered, .button:active:focus, .button:active.is-focused, .button.is-active:hover, .button.is-active.is-hovered, .button.is-active:focus, .button.is-active.is-focused {
  border-color: #0059cb;
  color: #0059cb;
  background-color: rgba(0, 133, 255, 0.2);
}
.button.is-text {
  min-width: initial;
  height: auto;
  padding: 0;
  border-radius: 0;
  border-color: transparent;
  background-color: transparent;
  line-height: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  color: #003675;
}
.button.is-text:hover:after, .button.is-text.is-hovered:after, .button.is-text:focus:after, .button.is-text.is-focused:after {
  -webkit-transform: scale3d(0, 0, 1);
          transform: scale3d(0, 0, 1);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.button.is-text:after {
  opacity: 1;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #003675;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95);
  transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95);
  transition: transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95);
  transition: transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95), -webkit-transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95);
}
.button.is-text:active, .button.is-text.is-active {
  background-color: rgb(242.25, 242.25, 242.25);
  color: #333;
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  color: #1d1d1d;
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: hsl(0, 0%, 97.5%);
  border-color: transparent;
  color: #1d1d1d;
}
.button.is-white:focus, .button.is-white.is-focused {
  color: #1d1d1d;
}
.button.is-white:active, .button.is-white.is-active {
  background-color: hsl(0, 0%, 95%);
  border-color: transparent;
  color: #1d1d1d;
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-white {
  border-color: #1d1d1d;
}
.button.is-white:hover {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted {
  background-color: #1d1d1d;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted:hover, .button.is-white.is-inverted:focus, .button.is-white.is-inverted.is-hovered {
  background-color: rgb(16.25, 16.25, 16.25);
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-white.is-loading::after {
  border-color: transparent transparent #1d1d1d #1d1d1d !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: hsl(0, 0%, 100%) !important;
  border-color: hsl(0, 0%, 100%) !important;
  color: #1d1d1d !important;
}
.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #1d1d1d #1d1d1d !important;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #1d1d1d;
  color: #1d1d1d;
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: #1d1d1d;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-black {
  background-color: #1d1d1d;
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: rgb(22.625, 22.625, 22.625);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:focus, .button.is-black.is-focused {
  color: hsl(0, 0%, 100%);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: rgb(16.25, 16.25, 16.25);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black[disabled], fieldset[disabled] .button.is-black {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-black:hover {
  background-color: hsl(0, 0%, 100%);
  border-color: #1d1d1d;
  color: #1d1d1d;
}
.button.is-black.is-inverted {
  background-color: hsl(0, 0%, 100%);
  color: #1d1d1d;
}
.button.is-black.is-inverted:hover, .button.is-black.is-inverted:focus, .button.is-black.is-inverted.is-hovered {
  background-color: hsl(0, 0%, 95%);
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-black.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: #1d1d1d;
  color: #1d1d1d;
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: #1d1d1d !important;
  border-color: #1d1d1d !important;
  color: hsl(0, 0%, 100%) !important;
}
.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent #1d1d1d #1d1d1d !important;
}
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: hsl(0, 0%, 100%);
  color: #1d1d1d;
}
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #1d1d1d #1d1d1d !important;
}
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-light {
  background-color: #f9f9f9;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: rgb(242.625, 242.625, 242.625);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus, .button.is-light.is-focused {
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: rgb(236.25, 236.25, 236.25);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: #f9f9f9;
}
.button.is-light.is-inverted:hover, .button.is-light.is-inverted:focus, .button.is-light.is-inverted.is-hovered {
  background-color: hsla(0, 0%, -5%, 0.7);
}
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: #f9f9f9;
  color: #f9f9f9;
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: #f9f9f9 !important;
  border-color: #f9f9f9 !important;
  color: rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent #f9f9f9 #f9f9f9 !important;
}
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: #f9f9f9;
}
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #f9f9f9 #f9f9f9 !important;
}
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-gray {
  background-color: #f0f0f0;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-gray:hover, .button.is-gray.is-hovered {
  background-color: rgb(233.625, 233.625, 233.625);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-gray:focus, .button.is-gray.is-focused {
  color: rgba(0, 0, 0, 0.7);
}
.button.is-gray:active, .button.is-gray.is-active {
  background-color: rgb(227.25, 227.25, 227.25);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-gray[disabled], fieldset[disabled] .button.is-gray {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-gray.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: #f0f0f0;
}
.button.is-gray.is-inverted:hover, .button.is-gray.is-inverted:focus, .button.is-gray.is-inverted.is-hovered {
  background-color: hsla(0, 0%, -5%, 0.7);
}
.button.is-gray.is-inverted[disabled], fieldset[disabled] .button.is-gray.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-gray.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-gray.is-outlined {
  background-color: transparent;
  border-color: #f0f0f0;
  color: #f0f0f0;
}
.button.is-gray.is-outlined:hover, .button.is-gray.is-outlined.is-hovered, .button.is-gray.is-outlined:focus, .button.is-gray.is-outlined.is-focused {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
  color: rgba(0, 0, 0, 0.7) !important;
}
.button.is-gray.is-outlined.is-loading::after {
  border-color: transparent transparent #f0f0f0 #f0f0f0 !important;
}
.button.is-gray.is-outlined.is-loading:hover::after, .button.is-gray.is-outlined.is-loading.is-hovered::after, .button.is-gray.is-outlined.is-loading:focus::after, .button.is-gray.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-gray.is-outlined[disabled], fieldset[disabled] .button.is-gray.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-gray.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-gray.is-inverted.is-outlined:hover, .button.is-gray.is-inverted.is-outlined.is-hovered, .button.is-gray.is-inverted.is-outlined:focus, .button.is-gray.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: #f0f0f0;
}
.button.is-gray.is-inverted.is-outlined.is-loading:hover::after, .button.is-gray.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-gray.is-inverted.is-outlined.is-loading:focus::after, .button.is-gray.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #f0f0f0 #f0f0f0 !important;
}
.button.is-gray.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-gray.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-dark {
  background-color: #888;
  border-color: transparent;
  color: #fff;
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: rgb(129.625, 129.625, 129.625);
  border-color: transparent;
  color: #fff;
}
.button.is-dark:focus, .button.is-dark.is-focused {
  color: #fff;
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: rgb(123.25, 123.25, 123.25);
  border-color: transparent;
  color: #fff;
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-dark.is-inverted {
  background-color: #fff;
  color: #888;
}
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted:focus, .button.is-dark.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-dark.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #888;
  color: #888;
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: #888 !important;
  border-color: #888 !important;
  color: #fff !important;
}
.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent #888 #888 !important;
}
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #888;
}
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #888 #888 !important;
}
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-primary {
  background-color: #003675;
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: rgb(0, 48.1153846154, 104.25);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus, .button.is-primary.is-focused {
  color: #fff;
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: rgb(0, 42.2307692308, 91.5);
  border-color: transparent;
  color: #fff;
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-primary.is-inverted {
  background-color: #fff;
  color: #003675;
}
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted:focus, .button.is-primary.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #003675;
  color: #003675;
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: #003675 !important;
  border-color: #003675 !important;
  color: #fff !important;
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent #003675 #003675 !important;
}
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #003675;
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #003675 #003675 !important;
}
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-link {
  background-color: #0085ff;
  border-color: transparent;
  color: #fff;
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: rgb(0, 126.35, 242.25);
  border-color: transparent;
  color: #fff;
}
.button.is-link:focus, .button.is-link.is-focused {
  color: #fff;
}
.button.is-link:active, .button.is-link.is-active {
  background-color: rgb(0, 119.7, 229.5);
  border-color: transparent;
  color: #fff;
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-link.is-inverted {
  background-color: #fff;
  color: #0085ff;
}
.button.is-link.is-inverted:hover, .button.is-link.is-inverted:focus, .button.is-link.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-link.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: #0085ff;
  color: #0085ff;
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: #0085ff !important;
  border-color: #0085ff !important;
  color: #fff !important;
}
.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent #0085ff #0085ff !important;
}
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #0085ff;
}
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0085ff #0085ff !important;
}
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-info {
  background-color: #4388bc;
  border-color: transparent;
  color: #fff;
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: rgb(63.65, 129.2, 178.6);
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus, .button.is-info.is-focused {
  color: #fff;
}
.button.is-info:active, .button.is-info.is-active {
  background-color: rgb(60.3, 122.4, 169.2);
  border-color: transparent;
  color: #fff;
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-info.is-inverted {
  background-color: #fff;
  color: #4388bc;
}
.button.is-info.is-inverted:hover, .button.is-info.is-inverted:focus, .button.is-info.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: #4388bc;
  color: #4388bc;
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: #4388bc !important;
  border-color: #4388bc !important;
  color: #fff !important;
}
.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent #4388bc #4388bc !important;
}
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #4388bc;
}
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #4388bc #4388bc !important;
}
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-success {
  background-color: #33a14b;
  border-color: transparent;
  color: #fff;
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: rgb(47.9327830189, 151.3172169811, 70.4893867925);
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus, .button.is-success.is-focused {
  color: #fff;
}
.button.is-success:active, .button.is-success.is-active {
  background-color: rgb(44.8655660377, 141.6344339623, 65.9787735849);
  border-color: transparent;
  color: #fff;
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-success.is-inverted {
  background-color: #fff;
  color: #33a14b;
}
.button.is-success.is-inverted:hover, .button.is-success.is-inverted:focus, .button.is-success.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: #33a14b;
  color: #33a14b;
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: #33a14b !important;
  border-color: #33a14b !important;
  color: #fff !important;
}
.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent #33a14b #33a14b !important;
}
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #33a14b;
}
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #33a14b #33a14b !important;
}
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-error {
  background-color: #ff3737;
  border-color: transparent;
  color: #fff;
}
.button.is-error:hover, .button.is-error.is-hovered {
  background-color: rgb(255, 42.25, 42.25);
  border-color: transparent;
  color: #fff;
}
.button.is-error:focus, .button.is-error.is-focused {
  color: #fff;
}
.button.is-error:active, .button.is-error.is-active {
  background-color: rgb(255, 29.5, 29.5);
  border-color: transparent;
  color: #fff;
}
.button.is-error[disabled], fieldset[disabled] .button.is-error {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-error.is-inverted {
  background-color: #fff;
  color: #ff3737;
}
.button.is-error.is-inverted:hover, .button.is-error.is-inverted:focus, .button.is-error.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-error.is-inverted[disabled], fieldset[disabled] .button.is-error.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-error.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-error.is-outlined {
  background-color: transparent;
  border-color: #ff3737;
  color: #ff3737;
}
.button.is-error.is-outlined:hover, .button.is-error.is-outlined.is-hovered, .button.is-error.is-outlined:focus, .button.is-error.is-outlined.is-focused {
  background-color: #ff3737 !important;
  border-color: #ff3737 !important;
  color: #fff !important;
}
.button.is-error.is-outlined.is-loading::after {
  border-color: transparent transparent #ff3737 #ff3737 !important;
}
.button.is-error.is-outlined.is-loading:hover::after, .button.is-error.is-outlined.is-loading.is-hovered::after, .button.is-error.is-outlined.is-loading:focus::after, .button.is-error.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-error.is-outlined[disabled], fieldset[disabled] .button.is-error.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-error.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-error.is-inverted.is-outlined:hover, .button.is-error.is-inverted.is-outlined.is-hovered, .button.is-error.is-inverted.is-outlined:focus, .button.is-error.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #ff3737;
}
.button.is-error.is-inverted.is-outlined.is-loading:hover::after, .button.is-error.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-error.is-inverted.is-outlined.is-loading:focus::after, .button.is-error.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #ff3737 #ff3737 !important;
}
.button.is-error.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-error.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-warning {
  background-color: #ee9900;
  border-color: transparent;
  color: #fff;
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: rgb(225.25, 144.8035714286, 0);
  border-color: transparent;
  color: #fff;
}
.button.is-warning:focus, .button.is-warning.is-focused {
  color: #fff;
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: rgb(212.5, 136.6071428571, 0);
  border-color: transparent;
  color: #fff;
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-warning.is-inverted {
  background-color: #fff;
  color: #ee9900;
}
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted:focus, .button.is-warning.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-warning.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ee9900;
  color: #ee9900;
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: #ee9900 !important;
  border-color: #ee9900 !important;
  color: #fff !important;
}
.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent #ee9900 #ee9900 !important;
}
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #ee9900;
}
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #ee9900 #ee9900 !important;
}
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-danger {
  background-color: #ff3737;
  border-color: transparent;
  color: #fff;
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: rgb(255, 42.25, 42.25);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus, .button.is-danger.is-focused {
  color: #fff;
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: rgb(255, 29.5, 29.5);
  border-color: transparent;
  color: #fff;
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-danger.is-inverted {
  background-color: #fff;
  color: #ff3737;
}
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted:focus, .button.is-danger.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #ff3737;
  color: #ff3737;
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: #ff3737 !important;
  border-color: #ff3737 !important;
  color: #fff !important;
}
.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent #ff3737 #ff3737 !important;
}
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #ff3737;
}
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #ff3737 #ff3737 !important;
}
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-point {
  background-color: #246beb;
  border-color: transparent;
  color: #fff;
}
.button.is-point:hover, .button.is-point.is-hovered {
  background-color: rgb(24.3169456067, 99.1046025105, 233.9330543933);
  border-color: transparent;
  color: #fff;
}
.button.is-point:focus, .button.is-point.is-focused {
  color: #fff;
}
.button.is-point:active, .button.is-point.is-active {
  background-color: rgb(20.5439330544, 93.4748953975, 224.9560669456);
  border-color: transparent;
  color: #fff;
}
.button.is-point[disabled], fieldset[disabled] .button.is-point {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-point.is-inverted {
  background-color: #fff;
  color: #246beb;
}
.button.is-point.is-inverted:hover, .button.is-point.is-inverted:focus, .button.is-point.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-point.is-inverted[disabled], fieldset[disabled] .button.is-point.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-point.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-point.is-outlined {
  background-color: transparent;
  border-color: #246beb;
  color: #246beb;
}
.button.is-point.is-outlined:hover, .button.is-point.is-outlined.is-hovered, .button.is-point.is-outlined:focus, .button.is-point.is-outlined.is-focused {
  background-color: #246beb !important;
  border-color: #246beb !important;
  color: #fff !important;
}
.button.is-point.is-outlined.is-loading::after {
  border-color: transparent transparent #246beb #246beb !important;
}
.button.is-point.is-outlined.is-loading:hover::after, .button.is-point.is-outlined.is-loading.is-hovered::after, .button.is-point.is-outlined.is-loading:focus::after, .button.is-point.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-point.is-outlined[disabled], fieldset[disabled] .button.is-point.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-point.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-point.is-inverted.is-outlined:hover, .button.is-point.is-inverted.is-outlined.is-hovered, .button.is-point.is-inverted.is-outlined:focus, .button.is-point.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #246beb;
}
.button.is-point.is-inverted.is-outlined.is-loading:hover::after, .button.is-point.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-point.is-inverted.is-outlined.is-loading:focus::after, .button.is-point.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #246beb #246beb !important;
}
.button.is-point.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-point.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-point-dark {
  background-color: #235b9f;
  border-color: transparent;
  color: #fff;
}
.button.is-point-dark:hover, .button.is-point-dark.is-hovered {
  background-color: rgb(32.699742268, 85.0193298969, 148.550257732);
  border-color: transparent;
  color: #fff;
}
.button.is-point-dark:focus, .button.is-point-dark.is-focused {
  color: #fff;
}
.button.is-point-dark:active, .button.is-point-dark.is-active {
  background-color: rgb(30.3994845361, 79.0386597938, 138.1005154639);
  border-color: transparent;
  color: #fff;
}
.button.is-point-dark[disabled], fieldset[disabled] .button.is-point-dark {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #828282;
}
.button.is-point-dark.is-inverted {
  background-color: #fff;
  color: #235b9f;
}
.button.is-point-dark.is-inverted:hover, .button.is-point-dark.is-inverted:focus, .button.is-point-dark.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-point-dark.is-inverted[disabled], fieldset[disabled] .button.is-point-dark.is-inverted {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-point-dark.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-point-dark.is-outlined {
  background-color: transparent;
  border-color: #235b9f;
  color: #235b9f;
}
.button.is-point-dark.is-outlined:hover, .button.is-point-dark.is-outlined.is-hovered, .button.is-point-dark.is-outlined:focus, .button.is-point-dark.is-outlined.is-focused {
  background-color: #235b9f !important;
  border-color: #235b9f !important;
  color: #fff !important;
}
.button.is-point-dark.is-outlined.is-loading::after {
  border-color: transparent transparent #235b9f #235b9f !important;
}
.button.is-point-dark.is-outlined.is-loading:hover::after, .button.is-point-dark.is-outlined.is-loading.is-hovered::after, .button.is-point-dark.is-outlined.is-loading:focus::after, .button.is-point-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-point-dark.is-outlined[disabled], fieldset[disabled] .button.is-point-dark.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-point-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-point-dark.is-inverted.is-outlined:hover, .button.is-point-dark.is-inverted.is-outlined.is-hovered, .button.is-point-dark.is-inverted.is-outlined:focus, .button.is-point-dark.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #235b9f;
}
.button.is-point-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-point-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-point-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-point-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #235b9f #235b9f !important;
}
.button.is-point-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-point-dark.is-inverted.is-outlined {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: #69b4ff !important;
  border-color: #69b4ff !important;
  color: #ffffff !important;
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: #0059cb !important;
  border-color: #0059cb !important;
  color: #ffffff !important;
}
.button.is-point {
  background-color: #246beb;
  border-color: #246beb;
  color: #fff;
}
.button.is-point:hover, .button.is-point.is-hovered {
  background-color: #003675 !important;
  border-color: #003675 !important;
  color: #ffffff !important;
}
.button.is-point:active, .button.is-point.is-active {
  background-color: #003675 !important;
  border-color: #003675 !important;
  color: #ffffff !important;
}
.button.is-point-dark {
  background-color: #235b9f;
  border-color: #235b9f;
  color: #fff;
}
.button.is-point-dark:hover, .button.is-point-dark.is-hovered {
  background-color: #003675 !important;
  border-color: #003675 !important;
  color: #ffffff !important;
}
.button.is-point-dark:active, .button.is-point-dark.is-active {
  background-color: #003675 !important;
  border-color: #003675 !important;
  color: #ffffff !important;
}
.button.is-light {
  color: #444;
  background-color: #fff;
  border-color: #ccc;
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: #fff;
  color: #444;
  border-color: #1d1d1d;
}
.button.is-light:active, .button.is-light.is-active {
  background-color: #fff;
  border-color: #1d1d1d;
}
.button.is-black {
  background-color: #444;
}
.button.is-smaller {
  min-width: auto;
  height: 26px;
  padding-top: 0;
  padding-left: 8px;
  padding-bottom: 0;
  padding-right: 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  border-radius: 2px;
}
.button.is-small {
  min-width: 70px;
  height: 38px;
}
.button.is-medium {
  height: 48px;
}
.button.is-large {
  min-width: 100px;
  height: 50px;
}
.button.is-slarge {
  min-width: 100px;
  padding: 5px 16px;
  height: 50px;
}
.button.is-xlarge {
  padding: 5px 16px;
  min-width: 130px;
  height: 50px;
}
.button.fixed-small {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-left: 30px;
  padding-right: 30px;
}
.button.fixed-medium {
  width: 120px;
  padding-left: 0;
  padding-right: 0;
}
.button.fixed-large {
  width: 180px;
  padding-left: 0;
  padding-right: 0;
}
.button[disabled], fieldset[disabled] .button {
  background-color: #f2f2f2;
  border-color: #bdbdbd;
  color: #828282;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.width-full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  border-color: transparent transparent #003675 #003675;
  position: absolute;
  left: calc(50% - 1em / 2);
  top: calc(50% - 1em / 2);
  position: absolute !important;
}
.button.is-static {
  background-color: hsl(0, 0%, 96%);
  border-color: #d8d8d8;
  color: #434343;
  -webkit-box-shadow: none;
          box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: 9999px;
  padding-left: calc(10px + 0.25em);
  padding-right: calc(10px + 0.25em);
}
.button.is-icon {
  min-width: auto !important;
}
.button.is-icon .icon {
  position: inherit;
  -webkit-transform: none;
          transform: none;
  top: inherit;
  right: inherit;
}

.buttons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  margin-top: 40px;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  min-width: 70px;
  height: 38px;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  height: 48px;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  height: 50px;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  padding: 5px 16px;
  min-width: 130px;
  height: 50px;
}
.buttons.has-addons {
  gap: 0;
}
.buttons.has-addons .button.is-small {
  height: 36px;
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.buttons.is-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.buttons.is-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buttons.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.buttons-grp-middle {
  margin: 40px 0 50px;
}
.buttons + .buttons {
  margin-top: 10px;
}
@media screen and (max-width: 424px) {
  .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .buttons > div {
    width: 100%;
  }
}
@media screen and (max-width: 499px) {
  .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .buttons > div {
    width: 100%;
  }
  .buttons .button {
    width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .buttons > .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.tags {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
.tags.is-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tags.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tags-addons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tags-addons .tag {
  margin-right: 0;
}
.tags-addons .tag:not(:first-child) {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.tags-addons .tag:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.tagsinput.field.is-grouped.is-grouped-multiline {
  height: auto;
  padding: 4px 8px;
  min-height: 36px;
  gap: 10px;
  margin: 0;
}
.tagsinput.field.is-grouped.is-grouped-multiline:last-child {
  margin: 0;
}
.tagsinput.field.is-grouped.is-grouped-multiline input {
  width: 100%;
}
.tagsinput.field.is-grouped.is-grouped-multiline input::-webkit-input-placeholder {
  color: #767676;
  font-size: 14px;
}
.tagsinput.field.is-grouped.is-grouped-multiline input::-moz-placeholder {
  color: #767676;
  font-size: 14px;
}
.tagsinput.field.is-grouped.is-grouped-multiline input:-ms-input-placeholder {
  color: #767676;
  font-size: 14px;
}
.tagsinput.field.is-grouped.is-grouped-multiline input::-ms-input-placeholder {
  color: #767676;
  font-size: 14px;
}
.tagsinput.field.is-grouped.is-grouped-multiline input::placeholder {
  color: #767676;
  font-size: 14px;
}

.tag:not(body) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #003675;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  height: 26px;
  padding: 0 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  color: #fff;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).tag-white {
  background-color: hsl(0, 0%, 100%);
  color: #1d1d1d;
}
.tag:not(body).tag-black {
  background-color: #1d1d1d;
  color: hsl(0, 0%, 100%);
}
.tag:not(body).tag-light {
  background-color: #f9f9f9;
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).tag-gray {
  background-color: #f0f0f0;
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).tag-dark {
  background-color: #888;
  color: #fff;
}
.tag:not(body).tag-primary {
  background-color: #003675;
  color: #fff;
}
.tag:not(body).tag-link {
  background-color: #0085ff;
  color: #fff;
}
.tag:not(body).tag-info {
  background-color: #4388bc;
  color: #fff;
}
.tag:not(body).tag-success {
  background-color: #33a14b;
  color: #fff;
}
.tag:not(body).tag-error {
  background-color: #ff3737;
  color: #fff;
}
.tag:not(body).tag-warning {
  background-color: #ee9900;
  color: #fff;
}
.tag:not(body).tag-danger {
  background-color: #ff3737;
  color: #fff;
}
.tag:not(body).tag-point {
  background-color: #246beb;
  color: #fff;
}
.tag:not(body).tag-point-dark {
  background-color: #235b9f;
  color: #fff;
}
.tag:not(body).is-medium {
  height: 34px;
  line-height: 34px;
}
.tag:not(body).is-large {
  height: 40px;
  line-height: 40px;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 1.74em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}
.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: rgb(0, 51.3, 111.15);
}
.tag:not(body).is-delete:active {
  background-color: rgb(0, 48.6, 105.3);
}
.tag:not(body).is-rounded {
  border-radius: 9999px;
}
.tag:not(body).is-bordered {
  border: 1px solid #222;
  background: #fff;
  color: #1d1d1d;
}

a.tag:hover {
  text-decoration: underline;
}

.file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.file.no-border {
  border: 0;
}
.file-save {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 15px 0 15px 10px;
}
.file-save-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}
.file-save-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.file-save-list-item > .flex-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.file-save-list-item .btn-delete {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 18px;
}
.file-save-list-item .btn-delete:before {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e909";
  font-size: 18px;
  color: #ff3737;
}
.file-save-list-item .name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  font-size: 19px;
  font-weight: 300;
  line-height: 22px;
  color: #1d1d1d;
}
.file-save-list-item .volume {
  font-size: 15px;
  font-weight: 400;
  color: #888;
}
.file-save-list-item .btn-download {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
  height: 26px;
  font-size: 15px;
  font-weight: 400;
  color: #003675;
  border: 1px solid #888;
  background-color: transparent;
}
.file-save-list-item .btn-download:hover {
  color: #246beb;
  border-color: #246beb;
}
.file-save-list-item .btn-preview {
  margin-left: 0;
}
.file-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.file-preview-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.file-preview-item-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 19px;
  font-weight: 300;
  line-height: 22px;
  color: #1d1d1d;
}
.file-preview-item .btn-delete {
  margin-left: 7px;
  width: 18px;
  height: 18px;
}
.file-preview-item .btn-delete:before {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e909";
  font-size: 18px;
  color: #ff3737;
}
.file-preview-item .error {
  font-size: 15px;
  font-weight: 300;
  line-height: 18px;
  color: #ff3737;
}
.file-zone {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 110px;
  padding: 10px;
  background-color: #f0f0f0;
  cursor: pointer;
}
.file-zone__message {
  width: 322px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #888;
}
.file-zone__message:before {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e903";
  font-size: 16px;
  margin-right: 5px;
}
.file-zone__message b {
  margin-left: 7px;
  font-weight: 400;
  color: #1d1d1d;
  text-decoration: underline;
}
.file-single .btn-preview {
  margin-left: -10px;
}
.file-single .fieldset-header__info.is-file {
  margin: 0;
}

[class^=file]:has(.file-preview-item-box) .file-zone__message {
  display: none;
}

.label {
  color: #333;
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 14px;
}
.label.is-medium {
  font-size: 20px;
}
.label.is-large {
  font-size: 30px;
}

.help {
  display: block;
  font-size: 12px;
  line-height: 1.3;
  margin: 8px 0 0;
}
.help.is-small {
  font-size: 12px;
}
.help.is-characters {
  color: #595959;
  line-height: 1.25;
  margin-top: 5px;
}
.help.is-white {
  color: hsl(0, 0%, 100%);
}
.help.is-black {
  color: #1d1d1d;
}
.help.is-light {
  color: #f9f9f9;
}
.help.is-gray {
  color: #f0f0f0;
}
.help.is-dark {
  color: #888;
}
.help.is-primary {
  color: #003675;
}
.help.is-link {
  color: #0085ff;
}
.help.is-info {
  color: #4388bc;
}
.help.is-success {
  color: #33a14b;
}
.help.is-error {
  color: #ff3737;
}
.help.is-warning {
  color: #ee9900;
}
.help.is-danger {
  color: #ff3737;
}
.help.is-point {
  color: #246beb;
}
.help.is-point-dark {
  color: #235b9f;
}

.field:not(:last-child) {
  margin-bottom: 2rem;
}
.field.has-addons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.field.has-addons.has-addons-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.field.is-grouped {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.field.is-grouped > .control {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.field.is-grouped > .control.is-expanded {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.field.is-grouped.is-grouped-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}

.control {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  font-size: 16px;
  text-align: left;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #1d1d1d;
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 14px;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 20px;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 30px;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: #003675;
  height: 48px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 48px;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 48px;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 48px;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 14px;
}
.control.is-loading.is-medium:after {
  font-size: 20px;
}
.control.is-loading.is-large:after {
  font-size: 30px;
}

.hero {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hero .navbar {
  background: none;
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-small .hero-body {
  padding: 1.5rem 0;
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}

.hero-buttons {
  margin-top: 1.5rem;
}

.hero-head,
.hero-foot {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.hero-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 3rem 1.5rem;
  background-color: #fff;
}

.hero + nav {
  margin-bottom: 2em;
  background-color: #fff;
}
.hero + nav .tabs {
  border-bottom: 1px solid #ddd;
  font-size: 15px;
}

.content-area li + li {
  margin-top: 0.25em;
}
.content-area p:not(:last-child),
.content-area dl:not(:last-child),
.content-area ol:not(:last-child),
.content-area ul:not(:last-child),
.content-area blockquote:not(:last-child),
.content-area pre:not(:last-child),
.content-area table:not(:last-child) {
  margin-bottom: 1em;
}
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
  color: #1d1d1d;
  font-weight: 600;
  line-height: 1.125;
}
.content-area h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content-area h1:not(:first-child) {
  margin-top: 1em;
}
.content-area h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content-area h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content-area h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}
.content-area h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content-area h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}
.content-area h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}
.content-area h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.content-area blockquote {
  background-color: hsl(0, 0%, 96%);
  border-left: 5px solid #d8d8d8;
  padding: 1.25em 1.5em;
}
.content-area ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content-area ol:not([type]) {
  list-style-type: decimal;
}
.content-area ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}
.content-area ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}
.content-area ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}
.content-area ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}
.content-area ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content-area ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}
.content-area ul ul ul {
  list-style-type: square;
}
.content-area dd {
  margin-left: 2em;
}
.content-area figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content-area figure:not(:first-child) {
  margin-top: 2em;
}
.content-area figure:not(:last-child) {
  margin-bottom: 2em;
}
.content-area figure img {
  display: inline-block;
}
.content-area figure figcaption {
  font-style: italic;
}
.content-area pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}
.content-area sup,
.content-area sub {
  font-size: 75%;
}
.content-area table {
  width: 100%;
}
.content-area table td,
.content-area table th {
  border: 1px solid #eee;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: middle;
}
.content-area table th {
  color: #1d1d1d;
}
.content-area table th:not([align]) {
  text-align: left;
}
.content-area table thead td,
.content-area table thead th {
  border-width: 0 0 2px;
  color: #1d1d1d;
}
.content-area table tfoot td,
.content-area table tfoot th {
  border-width: 2px 0 0;
  color: #1d1d1d;
}
.content-area table tbody tr:last-child td,
.content-area table tbody tr:last-child th {
  border-bottom-width: 0;
}
.content-area .tabs li + li {
  margin-top: 0;
}
.content-area.is-small {
  font-size: 14px;
}
.content-area.is-medium {
  font-size: 20px;
}
.content-area.is-large {
  font-size: 30px;
}

.info-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0;
  padding: 40px 0;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}
.info-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.info-box:not(:last-child) {
  position: relative;
}
.info-box:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}
.info-item {
  margin: 0 auto;
  max-width: 200px;
}
.info-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.info-desc {
  font-size: 14px;
  margin-bottom: 10px;
}
.info-link {
  display: inline-block;
  font-size: 14px;
  color: #007bff;
  text-decoration: none;
  border: 1px solid #007bff;
  padding: 5px 10px;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.info-link:hover {
  background-color: #007bff;
  color: #fff;
}
.info-note {
  margin-bottom: 30px;
}
.info-detail {
  margin-bottom: 10px;
}

.fieldset-header {
  padding-bottom: 10px;
}
.fieldset-header__title, .fieldset-header__info {
  vertical-align: middle;
}
.fieldset-header__title {
  font-size: 19px;
  font-weight: 500;
  line-height: 22px;
  color: #003675;
}
.fieldset-header__title + .fieldset-header__info {
  margin-left: 3px;
}
.fieldset-header__title + .fieldset-header__info.is-file {
  margin-left: 20px;
}
.fieldset-header__info {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #808080;
}
.fieldset-header__info.is-file {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.fieldset-header__info.is-file i,
.fieldset-header__info.is-file span {
  vertical-align: middle;
}
.fieldset + .fieldset {
  margin-top: 30px;
}
.fieldset + .buttons {
  margin-top: 50px;
}
.fieldset-body {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}
.fieldset-body.no-border {
  border: 0;
}
.fieldset.is-large .field.is-horizontal {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.fieldset.is-large .field.is-horizontal .field-label {
  padding: 16px 0;
  background-color: #f8f8f8;
}
.fieldset.is-large .field.is-horizontal .field-label .label {
  padding: 0 20px;
}
.fieldset.is-large .field.is-horizontal .field-body {
  padding: 16px 20px;
}

.field:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .field:not(:last-child) {
    margin-bottom: 8px;
  }
}
.field.has-addons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select,
.field.has-addons .control:not(:first-child):not(:last-child) .datetimepicker-dummy-wrapper {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select,
.field.has-addons .control:first-child:not(:only-child) .datetimepicker-dummy-wrapper {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select,
.field.has-addons .control:last-child:not(:only-child) .datetimepicker-dummy-wrapper {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.field.has-addons.has-addons-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.field.is-grouped {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .field.is-grouped {
    display: block;
  }
}
.field.is-grouped.type-half > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.field.is-grouped.grouped-20 {
  gap: 20px;
}
.field.is-grouped.grouped-30 {
  gap: 30px;
}
.field.is-grouped.__layout2 .control {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.field.is-grouped.__layout2 .control .width-default {
  width: 100%;
}
.field.is-grouped > .control {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.field.is-grouped > .control.is-expanded {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.field.is-grouped.is-grouped-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
.field-label {
  padding: 0 0 5px;
}
.field.is-horizontal {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 52px;
}
.field.is-horizontal:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}
.field.is-horizontal .field-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 64px;
  padding: 8px 10px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 166px;
          flex: 0 0 166px;
  width: 166px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.field.is-horizontal .field-label.is-normal {
  min-width: 90px;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.field.is-horizontal .field-label.is-v-top {
  margin-bottom: auto;
}
.field.is-horizontal .field-label.label-100 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.field.is-horizontal .field-label.label-130 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
}
.field.is-horizontal .field-label .label:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #999;
  vertical-align: middle;
}
.field.is-horizontal .field-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding: 8px 10px 8px 0;
}
.field.is-horizontal .field-body .control .checkbox-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
}
@media screen and (max-width: 768px) {
  .field.is-horizontal .field-label {
    -webkit-box-flex: unset !important;
        -ms-flex: unset !important;
            flex: unset !important;
    width: 25%;
  }
}
@media screen and (max-width: 599px) {
  .field.is-horizontal {
    display: block;
  }
  .field.is-horizontal .field-label, .field.is-horizontal .field-body {
    width: 100%;
  }
  .field.is-horizontal .field-label {
    border-bottom: 1px solid #d8d8d8;
  }
}
.field .semi-col2-box {
  width: 910px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.field .semi-col2-box > .field {
  border: 0;
}
.field .semi-col2-box > .field .field-body {
  min-width: 210px;
}

.field-body.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.field-body .field .field {
  margin-bottom: 0;
}
.field-body .control.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.field-body.is-grouped {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.field-body.is-grouped > .control {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.field-body.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 16px;
}
.field-body.is-grouped > .control.is-expanded {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.control {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.control-100 {
  width: 100px;
}
.control-120 {
  width: 120px;
}
.control-140 {
  width: 140px;
}
.control-150 {
  width: 150px;
}
.control-180 {
  width: 180px;
}
.control-200 {
  width: 200px;
}
.control-210 {
  width: 210px;
}
.control-260 {
  width: 260px;
}
.control-300 {
  width: 300px;
}
.control-340 {
  width: 340px;
}
.control-400 {
  width: 400px;
}
.control-880 {
  width: 880px;
}
.control.is-only {
  padding-left: 10px;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #1d1d1d;
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 14px;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 16px;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 20px;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: #003675;
  height: 48px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 48px;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 48px;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 48px;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading {
  position: relative;
}
.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.6em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 14px;
}
.control.is-loading.is-medium:after {
  font-size: 16px;
}
.control.is-loading.is-large:after {
  font-size: 20px;
}

.modal-background-this, .modal-background-unclose, .modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 32px;
  z-index: 1000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal.is-autowidth .modal-card {
  width: auto;
}
.modal-full {
  padding: 0;
}
.modal-full .modal-card {
  max-width: 100%;
  max-height: 100vh;
}
.modal-background {
  background: rgba(0, 0, 0, 0.6);
}
.modal-background-unclose {
  background-color: #fff;
}
.modal-background-this {
  background-color: #fff;
}
.modal-content, .modal-card {
  overflow: auto;
  position: relative;
  width: 100%;
}
.modal-close, .modal-close-this {
  background: none;
  height: 24px;
  position: fixed;
  right: 32px;
  top: 35px;
  width: 24px;
}
.modal-close::before, .modal-close::after, .modal-close-this::before, .modal-close-this::after {
  background-color: #fff;
}
.modal-card {
  max-width: 850px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: unset;
  max-height: 100%;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
}
.modal-card.is-medium {
  max-width: 640px;
}
.modal-card.is-small {
  max-width: 338px;
}
.modal-card.is-auto {
  width: auto;
  max-width: auto;
}
.modal-card.text-center .modal-card-head {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-card.text-center .modal-card-head .delete {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: auto;
}
.modal-card.text-center .modal-card-title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  word-break: keep-all;
}
.modal-card-head, .modal-card-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  position: relative;
  background-color: #fff;
}
.modal-card-head {
  padding: 30px 25px 0;
  margin-bottom: 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #fff;
  z-index: 1;
}
.modal-card-head .delete {
  position: relative;
  display: inline-block;
  width: 25px;
  max-width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  pointer-events: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0;
  vertical-align: top;
}
.modal-card-head .delete::before, .modal-card-head .delete::after {
  background-color: #606c88;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.modal-card-head .delete::before {
  height: 1px;
  width: 75%;
}
.modal-card-head .delete::after {
  height: 75%;
  width: 1px;
}
.modal-card-head .delete:hover, .modal-card-head .delete:focus {
  background-color: rgba(96, 108, 136, 0.2);
}
.modal-card-head .delete:hover::before, .modal-card-head .delete:hover::after, .modal-card-head .delete:focus::before, .modal-card-head .delete:focus::after {
  background-color: #fff;
}
.modal-card-head .delete:active {
  background-color: #606c88;
}
.modal-card-head .delete:active::before, .modal-card-head .delete:active::after {
  background-color: #fff;
}
.modal-card-head .delete.is-small {
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
.modal-card-head .delete.is-medium {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}
.modal-card-head .delete.is-large {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 46px;
  min-height: 46px;
  max-height: 46px;
}
@media screen and (max-width: 768px) {
  .modal-card-head .delete.is-large {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }
}
.modal-card-head .delete.is-xlarge {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}
.modal-card-head .delete {
  width: 40px;
  max-width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
}
.modal-card-head .delete:before, .modal-card-head .delete:after {
  background-color: #373f41;
}
.modal-card-head .delete:before {
  height: 2px;
}
.modal-card-head .delete:after {
  width: 2px;
}
.modal-card-title {
  width: calc(100% - 60px);
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0;
  color: #1d1d1d;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modal-card-foot {
  padding: 0 25px 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-card-foot .button {
  min-width: 104px;
}
.modal-card-body {
  padding: 20px 0;
  background-color: #fff;
  color: #1a233a;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
  z-index: 1;
}
.modal-card-body-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 10px;
}
.modal-card-body > .content {
  height: 100%;
  padding: 0 25px;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.modal-card-body > .content::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.modal-card-body > .content::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-card-body > .content > .dx-widget {
  height: 100%;
}
.modal-card-body > .content.height-auto > .dx-widget {
  height: auto;
}
.modal.excel-download .full-schedule {
  margin-top: 8px;
}
.modal.excel-download .date-box {
  overflow: hidden;
}
.modal.notice-write .field-body {
  padding: 8px 0;
}
.modal.modal-assign .select-assign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal.modal-assign .select-assign .box-tags {
  margin: 0;
}
.modal.modal-assign .date-box {
  overflow: hidden;
}
.modal-template {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 32px;
  z-index: 1000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-template.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-template .field.column-editor .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.modal-template .modal-card-title {
  width: unset;
}
.modal-template .check-required {
  margin-left: auto;
}
.modal-template .btn-add-column {
  margin: 0 0 -35px;
}
.modal-template .btn-remove-column .icon {
  -webkit-filter: brightness(0) saturate(100%) invert(34%) sepia(20%) saturate(7494%) hue-rotate(339deg) brightness(99%) contrast(105%);
          filter: brightness(0) saturate(100%) invert(34%) sepia(20%) saturate(7494%) hue-rotate(339deg) brightness(99%) contrast(105%);
}
.modal-template .btn-remove-column:focus .icon, .modal-template .btn-remove-column:hover .icon {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(103deg) brightness(105%) contrast(97%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(103deg) brightness(105%) contrast(97%);
}
.modal-reqprogram-content, .modal-detection-content, .modal-manager-content, .modal-regmanager-content, .modal-registration-status-content, .modal-regnum-content {
  height: 100%;
  padding: 0 60px;
  overflow-y: auto;
}
.modal-reqprogram-content::-webkit-scrollbar, .modal-detection-content::-webkit-scrollbar, .modal-manager-content::-webkit-scrollbar, .modal-regmanager-content::-webkit-scrollbar, .modal-registration-status-content::-webkit-scrollbar, .modal-regnum-content::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.modal-reqprogram-content::-webkit-scrollbar-thumb, .modal-detection-content::-webkit-scrollbar-thumb, .modal-manager-content::-webkit-scrollbar-thumb, .modal-regmanager-content::-webkit-scrollbar-thumb, .modal-registration-status-content::-webkit-scrollbar-thumb, .modal-regnum-content::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-reqprogram .modal-card-body, .modal-detection .modal-card-body, .modal-manager .modal-card-body, .modal-regmanager .modal-card-body, .modal-registration-status .modal-card-body, .modal-regnum .modal-card-body {
  padding: 0 0 40px;
}
.modal-reqprogram .modal-card-foot, .modal-detection .modal-card-foot, .modal-manager .modal-card-foot, .modal-regmanager .modal-card-foot, .modal-registration-status .modal-card-foot, .modal-regnum .modal-card-foot {
  padding: 0 60px 60px;
}
.modal-reqprogram .modal-card-foot .button, .modal-detection .modal-card-foot .button, .modal-manager .modal-card-foot .button, .modal-regmanager .modal-card-foot .button, .modal-registration-status .modal-card-foot .button, .modal-regnum .modal-card-foot .button {
  width: 100%;
  max-width: 200px;
  height: 50px;
}
.modal-reqprogram-desc {
  margin: 0 auto 40px;
  max-width: 420px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
  word-break: keep-all;
  word-wrap: break-word;
}
.modal-reqprogram-content .table-list {
  overflow-x: auto;
}
.modal-reqprogram-content .table-list .table {
  min-width: 500px;
}
.modal-reqprogram-content .table-list .table tr th,
.modal-reqprogram-content .table-list .table tr td {
  height: 64px;
  padding: 20px;
}
.modal-reqprogram-content .table-list .table tr th:not(:first-child),
.modal-reqprogram-content .table-list .table tr td:not(:first-child) {
  border-left: 1px solid #d8d8d8;
}
.modal-reqprogram-content .table-list .table td .btn-download {
  margin-top: 8px;
  font-size: 14px;
  color: #246beb;
}
.modal-reqprogram-content .table-list .table .text-desc {
  display: block;
}
.modal-manager-desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
}
.modal-manager-desc b {
  color: #235b9f;
}
.modal-manager-content .fieldset {
  margin-top: 40px;
}
.modal-manager .field-label {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 180px !important;
          flex: 0 0 180px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-manager .field-label .label:before {
  display: none !important;
}
.modal-manager .field-body .flex-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-manager .field-body .flex-box .icon {
  margin: 0;
}
.modal-registration-status-content .dl-table-wrap, .modal-regmanager-content .dl-table-wrap {
  margin: 40px 0 0;
}
.modal-registration-status .agreement, .modal-regmanager .agreement {
  padding: 26px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
}
.modal-registration-status .agreement-wrap, .modal-regmanager .agreement-wrap {
  margin-top: 40px;
}
.modal-registration-status .agreement-wrap .checkboxs, .modal-regmanager .agreement-wrap .checkboxs {
  margin-top: 12px;
  text-align: right;
}
.modal-registration-status .agreement__title, .modal-regmanager .agreement__title {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #111;
}
.modal-registration-status .agreement__text, .modal-regmanager .agreement__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
}
.modal-registration-status .agreement .list-dash, .modal-regmanager .agreement .list-dash {
  margin-left: 10px;
}
.modal-registration-status .agreement .list-dash > li, .modal-regmanager .agreement .list-dash > li {
  font-size: 14px;
  line-height: 22px;
}
.modal-registration-status .consent, .modal-regmanager .consent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-registration-status .consent__text, .modal-regmanager .consent__text {
  font-size: 14px;
  color: #787878;
}
@media screen and (max-width: 768px) {
  .modal-registration-status .dl-table__dd.text-left .consent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .modal-registration-status .dl-table__dd.text-left .consent span {
    width: 100%;
  }
}
.modal-regnum .regnum {
  padding-top: 22px;
}
.modal-regnum .regnum__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100px;
  font-size: 26px;
  font-weight: 600;
  line-height: 42px;
  color: #235b9f;
  border-radius: 20px;
  background-color: #f7f8ff;
}
.modal-regnum .regnum__text {
  margin-top: 32px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.modal-regnum .regnum__text b {
  display: block;
}
.modal-detection .modal-card-head {
  margin-bottom: 40px;
}
.modal-detection .modal-card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  text-align: left;
}
.modal-detection .modal-card-title .help {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
}
.modal-detection .modal-card-body {
  text-align: left;
}
.modal-detection .modal-card-body .dl-table-wrap .tbl-list {
  margin: 20px 0 0;
}
.modal-detection .modal-card-body .dl-table-wrap .tbl-list .table {
  border-color: #a7a7a7;
}
.modal-detection .modal-card-body .dl-table-wrap .tbl-list .table thead tr,
.modal-detection .modal-card-body .dl-table-wrap .tbl-list .table thead th {
  min-height: 42px;
  height: 42px;
  background-color: #f5f7fa;
}
.modal-detection .modal-card-body .dl-table-wrap .tbl-list .table tbody th {
  font-weight: 400;
  text-align: center;
  background-color: transparent;
}
.modal-detection .modal-card-foot .button {
  min-width: 200px;
}
.modal-detection-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
  padding: 26px;
  border-radius: 8px;
  background-color: #f5f7fa;
}
.modal-detection-info dt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 128px;
  font-size: 18px;
  font-weight: 700;
  line-height: 29px;
  color: #246beb;
  text-align: center;
}
.modal-detection-info dd .list-dot > li {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
@media screen and (max-width: 768px) {
  .modal-card-title {
    width: 100%;
    line-height: 30px;
  }
  .modal-reqprogram-content, .modal-detection-content, .modal-manager-content, .modal-regmanager-content, .modal-registration-status-content, .modal-regnum-content {
    padding: 0 25px;
  }
  .modal-reqprogram .modal-card-foot, .modal-detection .modal-card-foot, .modal-manager .modal-card-foot, .modal-regmanager .modal-card-foot, .modal-registration-status .modal-card-foot, .modal-regnum .modal-card-foot {
    padding: 0 25px 60px;
  }
  .modal-detection-info {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .modal-detection-info dt {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .modal-manager .control.control-260 {
    width: inherit;
  }
  .modal-manager .flex-box .control.control-260 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .modal-detection .modal-card-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal-detection .modal-card-body .dl-table-wrap .tbl-list .table {
    display: block;
  }
  .modal-detection .modal-card-body .dl-table-wrap .tbl-list .table thead {
    display: none;
  }
  .modal-detection .modal-card-body .dl-table-wrap .tbl-list .table tbody {
    display: block;
  }
  .modal-detection .modal-card-body .dl-table-wrap .tbl-list .table tbody tr,
  .modal-detection .modal-card-body .dl-table-wrap .tbl-list .table tbody th,
  .modal-detection .modal-card-body .dl-table-wrap .tbl-list .table tbody td {
    display: block;
    width: 100%;
    height: auto;
  }
  .modal-detection .modal-card-body .dl-table-wrap .tbl-list .table tbody th {
    background-color: #f5f7fa;
  }
  .modal-detection .modal-card-body .dl-table-wrap .tbl-list .table tbody td {
    padding: 10px;
    min-height: 48px;
  }
  .modal-detection .dl-table-wrap .dl-table,
  .modal-detection .dl-table-wrap .dl-table__dl,
  .modal-detection .dl-table-wrap .dl-table__dt,
  .modal-detection .dl-table-wrap .dl-table__dd {
    display: block;
    width: 100%;
  }
  .modal-detection-info {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 424px) {
  .modal-reqprogram-content, .modal-detection-content, .modal-manager-content, .modal-regmanager-content, .modal-registration-status-content, .modal-regnum-content {
    padding: 0 20px;
  }
  .modal-reqprogram .modal-card-foot, .modal-detection .modal-card-foot, .modal-manager .modal-card-foot, .modal-regmanager .modal-card-foot, .modal-registration-status .modal-card-foot, .modal-regnum .modal-card-foot {
    padding: 0 20px 60px;
  }
}

.dx-dialog .dx-popup-wrapper > .dx-overlay-content {
  padding: 40px;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-title {
  padding: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  border: 0;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 28px;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-content.dx-dialog-content {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #444;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 10px;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item {
  padding: 0;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=Yes],
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=No],
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=네],
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=아니오] {
  min-width: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=Yes],
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=네] {
  color: #ff3737;
  border: 1px solid #ff3737;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=Yes]:hover,
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=네]:hover {
  background-color: #ff3737;
  color: #fff;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=No],
.dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-center .dx-toolbar-item [aria-label=아니오] {
  color: #444;
  border-color: #ccc;
}

.pagination-link, .pagination-ellipsis, .pagination-first, .pagination-last, .pagination-previous, .pagination-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
}
[disabled].pagination-link, [disabled].pagination-ellipsis, [disabled].pagination-first, [disabled].pagination-last, [disabled].pagination-previous, [disabled].pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .pagination-first, fieldset[disabled] .pagination-last, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next {
  cursor: not-allowed;
  pointer-events: none;
}

.pagination-link, .pagination-ellipsis, .pagination-first, .pagination-last, .pagination-previous, .pagination-next {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pagination-wrap {
  margin: 40px auto 25px;
  text-align: center;
}
.pagination-wrap.type-1 {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .pagination-wrap {
    margin: 20px auto 20px;
  }
}

.pagination,
.pagination-list {
  display: inline-block;
  text-align: center;
  font-size: 0;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.pagination.is-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagination-first, .pagination-last, .pagination-previous, .pagination-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 24px;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding-left: 0.2em;
  padding-right: 0.2em;
  font-size: 10px;
  text-align: center;
  border-radius: 2px;
  border-color: transparent;
  color: #8c8c8c;
  white-space: nowrap;
}
.pagination-first:hover, .pagination-first:focus, .pagination-first:active, .pagination-last:hover, .pagination-last:focus, .pagination-last:active, .pagination-previous:hover, .pagination-previous:focus, .pagination-previous:active, .pagination-next:hover, .pagination-next:focus, .pagination-next:active {
  color: #0085ff;
}
.pagination-first:hover i, .pagination-first:focus i, .pagination-first:active i, .pagination-last:hover i, .pagination-last:focus i, .pagination-last:active i, .pagination-previous:hover i, .pagination-previous:focus i, .pagination-previous:active i, .pagination-next:hover i, .pagination-next:focus i, .pagination-next:active i {
  color: #0085ff;
  font-weight: 700;
}
.pagination-first[disabled], .pagination-last[disabled], .pagination-previous[disabled], .pagination-next[disabled] {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #828282;
  color: #e5e5e5;
}
.pagination-first i, .pagination-previous i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pagination-link, .pagination-ellipsis {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  min-width: inherit;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-radius: 0;
}
.pagination-link {
  padding: 0 3px;
  color: #787878;
  border: 1px solid transparent;
  border-radius: 50px;
  min-width: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.pagination-link:hover, .pagination-link:focus, .pagination-link:active {
  color: #246beb;
  font-weight: 700;
}
.pagination-link[disabled] {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #828282;
  opacity: 0.5;
}
.pagination-link.is-current {
  color: #246beb;
  font-weight: 700;
  background-color: #f0f0f0;
}
.pagination-ellipsis {
  color: #8c8c8c;
  pointer-events: none;
}

.paging_align {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paging_align > li a,
.paging_align > li strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 3px;
  min-width: 24px;
  height: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #787878;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 50px;
}
.paging_align > li a:hover, .paging_align > li a:focus, .paging_align > li a:active,
.paging_align > li strong:hover,
.paging_align > li strong:focus,
.paging_align > li strong:active {
  color: #246beb;
  font-weight: 700;
}
.paging_align > li a:hover {
  text-decoration: none;
}
.paging_align > li a:hover i {
  font-weight: 700;
}
.paging_align > li strong {
  font-weight: 700;
  color: #246beb;
  background-color: #f0f0f0;
}
.paging_align i {
  display: block;
  font-size: 10px;
  color: #8c8c8c;
  text-align: center;
}
.paging_align i.is-reverse {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.pagination-count .pagination-total {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: inherit;
  height: 24px;
  padding: 0 0.2em;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  color: #003675;
}
.pagination-count .pagination-total::before {
  display: inline-block;
  content: "|";
  color: #bcbcbc;
  margin-right: 8px;
}
.pagination-count .pagination-link {
  font-weight: 700;
}

.collapse-header {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}
.collapse-header::after {
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 5px;
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e902";
  font-size: 12px;
  color: #8492ae;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95);
  transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95);
  transition: transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95);
  transition: transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95), -webkit-transform 0.3s cubic-bezier(0.16, 0.04, 0.03, 0.95);
}
.collapse-header > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 54px;
  padding: 16px 0;
  color: #333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.collapse-header > a:hover, .collapse-header > a:focus {
  border-color: #aaa;
}
.collapse-header [data-collapse].is-active {
  border-color: transparent;
}

.collapse-body {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: auto;
  max-height: 0;
  padding: 0;
  color: #262626;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.collapse-item {
  border-top: 1px solid #d8d8d8;
}
.collapse-item.is-active .collapse-header::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.collapse-item.is-active .collapse-body {
  opacity: 1;
  visibility: visible;
  height: auto;
  max-height: 5000px;
}
.collapse-item:last-child {
  border-bottom: 1px solid #d8d8d8;
}
.collapse-body-content {
  padding: 1em;
  background-color: #f7f7f7;
}

.table {
  width: 100%;
  border-top: 1px solid #d8d8d8;
  border-collapse: collapse;
}
.table th,
.table td {
  padding: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  vertical-align: middle;
  border-bottom: 1px solid #d8d8d8;
}
.table th.is-left,
.table td.is-left {
  text-align: left;
}
.table th.is-center,
.table td.is-center {
  text-align: center;
}
.table th.is-right,
.table td.is-right {
  text-align: right;
}
.table tr,
.table th {
  height: 68px;
  font-weight: 600;
}
.table.table-fixed {
  table-layout: fixed;
}
.table.is-small tr,
.table.is-small th {
  height: 40px;
}
.table.is-large tr,
.table.is-large th {
  height: 52px;
}
.table thead th {
  color: #141414;
  text-align: left;
}
.table thead th a {
  color: #141414;
}
.table thead th .icon-sort {
  display: inline-block;
  height: 20px;
  position: relative;
  vertical-align: middle;
  font-size: 14px;
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.table thead th .icon-sort::before {
  position: absolute;
  content: "\e914";
  font-size: 14px;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  color: #000;
}
.table thead th .icon-sort::after {
  position: absolute;
  content: "\e913";
  font-size: 14px;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 14px;
  color: #000;
}
.table thead th,
.table thead td {
  color: #1d1d1d;
  vertical-align: middle;
  background-color: #f8f8f8;
}
.table tbody th,
.table tbody td {
  text-align: left;
  color: #1a233a;
}
.table tbody th {
  color: #141414;
  background-color: #f2f6f9;
}
.table tbody td {
  position: relative;
}
.table tbody td.is-left tr,
.table tbody td.is-left th {
  text-align: left;
}
.table tbody td.is-center tr,
.table tbody td.is-center th {
  text-align: center;
}
.table tbody td.is-right tr,
.table tbody td.is-right th {
  text-align: right;
}
.table tbody td .text-small {
  margin-top: 6px;
}
.table tbody td .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  margin-top: 2px;
}
.table tbody td:has(.radio, .checkbox) {
  width: 70px;
  max-width: 38px;
  padding: 0;
  margin: 0;
}

/* table responsive */
.table-responsive {
  overflow: auto;
  overflow-y: hidden;
  width: 100%;
  margin-bottom: 15px;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  background: radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 0;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 10px 100%;
}
.table-responsive.is-overflow-none {
  overflow-y: unset;
}
.table-responsive > .table {
  min-width: 850px;
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0))) 100% 0;
  background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), linear-gradient(to left, white 30%, rgba(255, 255, 255, 0)) 100% 0;
  background-size: 50px 100%;
  background-repeat: no-repeat;
  max-width: none;
  margin-bottom: 0;
}
.table-responsive::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

.dl-table-wrap .dl-table {
  display: table;
  width: 100%;
  border-top: 1px solid #000;
}
.dl-table-wrap .dl-table__dl {
  display: table-row;
}
.dl-table-wrap .dl-table__dt, .dl-table-wrap .dl-table__dd {
  display: table-cell;
  height: 64px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  color: #333;
  border-color: #cdd7e4;
  padding: 20px;
  border-bottom: 1px solid #d8d8d8;
}
.dl-table-wrap .dl-table__dt .text-point-red, .dl-table-wrap .dl-table__dd .text-point-red {
  font-size: 15px;
  font-weight: 400;
}
.dl-table-wrap .dl-table__dt-num, .dl-table-wrap .dl-table__dd-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.dl-table-wrap .dl-table__dt {
  width: 25%;
  min-width: 80px;
  background-color: #f8f8f8;
  vertical-align: middle;
  font-weight: 600;
}
.dl-table-wrap .dl-table__dd {
  width: 75%;
  vertical-align: middle;
}
.dl-table-wrap .dl-table__dd .is-col-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.dl-table-wrap .dl-table__dd .is-row-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.dl-table-wrap .dl-table__dd .is-spbw-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.dl-table-wrap .dl-table__dd .textarea-large {
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dl-table-wrap .dl-table__col3 {
  display: table;
  width: 100%;
  border-top: 1px solid #000;
}
.dl-table-wrap .dl-table__col3 .dl-table__dl {
  width: 100%;
}
.dl-table-wrap .dl-table__col3 .dl-table__dt {
  width: 25%;
  vertical-align: middle;
}
.dl-table-wrap .dl-table__col3 .dl-table__dd {
  width: 37.5%;
}
.dl-table-wrap .dl-table__col3 .dl-table__dd:nth-of-type(2) {
  border-left: 1px solid #cdd7e4;
}
.dl-table-wrap .dl-table__col4 {
  display: table;
  width: 100%;
  border-top: 1px solid #000;
}
.dl-table-wrap .dl-table__col4 .dl-table__dl {
  display: table;
  width: 100%;
}
.dl-table-wrap .dl-table__col4 .dl-table__dl.child-only .dl-table__dd {
  width: 80%;
}
.dl-table-wrap .dl-table__col4 .dl-table__dt {
  width: 20%;
}
.dl-table-wrap .dl-table__col4 .dl-table__dt__col2 {
  width: 20%;
}
.dl-table-wrap .dl-table__col4 .dl-table__dd {
  width: 30%;
}
.dl-table-wrap .dl-table__col4.col4-table-style .dl-table__dt {
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .dl-table-wrap .dl-table__col3 {
    display: block;
  }
  .dl-table-wrap .dl-table__col3 .dl-table__dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .dl-table-wrap .dl-table__col3 .dl-table__dt, .dl-table-wrap .dl-table__col3 .dl-table__dd {
    height: auto;
  }
  .dl-table-wrap .dl-table__col3 .dl-table__dt {
    width: 100% !important;
    text-align: center;
  }
  .dl-table-wrap .dl-table__col3 .dl-table__dd {
    width: 50%;
    padding: 12px 10px;
  }
  .dl-table-wrap .dl-table__col4 {
    display: block;
  }
  .dl-table-wrap .dl-table__col4 .dl-table__dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .dl-table-wrap .dl-table__col4 .dl-table__dt, .dl-table-wrap .dl-table__col4 .dl-table__dd {
    height: auto;
  }
  .dl-table-wrap .dl-table__col4 .dl-table__dt {
    width: 120px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .dl-table-wrap .dl-table__col4 .dl-table__dd {
    width: calc(100% - 120px) !important;
  }
}
@media screen and (max-width: 499px) {
  .dl-table-wrap .dl-table-child .dl-table__dl, .dl-table-wrap .dl-table-child .dl-table__dt, .dl-table-wrap .dl-table-child .dl-table__dd {
    display: block;
    width: 100%;
  }
  .dl-table-wrap .dl-table-child .dl-table__dt, .dl-table-wrap .dl-table-child .dl-table__dd {
    height: auto;
    padding: 12px 10px;
  }
}
@media screen and (max-width: 424px) {
  .dl-table-wrap .dl-table__col4 .dl-table__dl {
    display: block;
  }
  .dl-table-wrap .dl-table__col4 .dl-table__dt, .dl-table-wrap .dl-table__col4 .dl-table__dd {
    display: block;
    width: 100% !important;
  }
  .dl-table-wrap .dl-table__col4 .dl-table__dt {
    padding: 12px 10px;
  }
  .dl-table-wrap .dl-table__col4 .dl-table__dd {
    padding: 20px 10px;
  }
  .dl-table-wrap .dl-table__dd .textarea-large {
    height: auto;
  }
  .dl-table-wrap > .dl-table {
    display: block;
  }
  .dl-table-wrap > .dl-table > .dl-table__dl {
    display: block;
  }
  .dl-table-wrap > .dl-table > .dl-table__dl .dl-table__dt, .dl-table-wrap > .dl-table > .dl-table__dl .dl-table__dd {
    display: block;
    width: 100%;
    height: auto;
  }
  .dl-table-wrap > .dl-table > .dl-table__dl .dl-table__dt {
    padding: 12px 10px;
  }
  .dl-table-wrap > .dl-table > .dl-table__dl .dl-table__dd {
    padding: 20px 10px;
  }
}

@media screen and (max-width: 768px) {
  .dl-table-wrap .dl-table__dd .is-row-grp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
  }
}
.tbl-list {
  width: 100%;
  height: auto;
}
.tbl-list .table {
  border-top: 1px solid #000;
}
.tbl-list .table.no-border {
  border: 0;
}
.tbl-list .table thead tr:first-child th {
  border-top: 0;
}
.tbl-list .table thead th {
  padding: 5px 8px;
  min-height: 68px;
  border-top: 1px solid #d8d8d8;
  color: #1d1d1d;
  text-align: center;
}
.tbl-list .table thead th.is-left {
  text-align: left;
}
.tbl-list .table thead th.is-center {
  text-align: center;
}
.tbl-list .table thead th.is-right {
  text-align: right;
}
.tbl-list .table thead th .tooltip {
  padding-right: 0;
  vertical-align: middle;
}
.tbl-list .table thead th .tooltip i {
  font-size: 18px;
}
.tbl-list .table thead th .is-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tbl-list .table thead th .is-group > span {
  vertical-align: middle;
}
.tbl-list .table thead th .is-group .tooltip i {
  vertical-align: middle;
}
.tbl-list .table tbody td {
  padding: 5px 8px;
  min-height: 68px;
  color: #4f4f4f;
  text-align: center;
}
.tbl-list .table tbody td.is-left {
  text-align: left;
}
.tbl-list .table tbody td.is-center {
  text-align: center;
}
.tbl-list .table tbody td.is-right {
  text-align: right;
}
.tbl-list .table tbody td.text-center > a {
  text-align: center;
}
.tbl-list .table tbody td .td-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tbl-list .table tr.is-active > th,
.tbl-list .table tr.is-active > td {
  background-color: #edf3ff;
}
.tbl-list .table a:not([class]) {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: inherit;
  text-align: left;
}
.tbl-list .table a:not([class]) span {
  text-align: left;
  color: #4f4f4f;
}
.tbl-list .table a:not([class]) span:hover, .tbl-list .table a:not([class]) span:focus,
.tbl-list .table .col-title:hover,
.tbl-list .table .col-title:focus {
  color: #69b4ff;
}
.tbl-list .table .button.is-text {
  font-size: inherit;
}
.tbl-list .table .table-strong {
  display: block;
  color: #1d1d1d;
  font-weight: 600;
  text-align: left;
  white-space: normal;
  text-decoration: underline;
}
.tbl-list .table .table-strong:hover, .tbl-list .table .table-strong:focus {
  text-decoration: none;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  white-space: nowrap;
}
.tabs ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs a,
.tabs .tab,
.tabs .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1em 1em;
  vertical-align: top;
  color: #434343;
  font-weight: 700;
  cursor: pointer;
}
.tabs a:hover,
.tabs .tab:hover,
.tabs .button:hover {
  background-color: #edf3ff;
}
.tabs li {
  display: block;
}
.tabs li.is-active a,
.tabs li.is-active .tab,
.tabs li.is-active .button {
  font-weight: 700;
  position: relative;
  border-bottom: 2px solid #ff3737;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabs.is-right ul {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tabs.is-small a,
.tabs.is-small .tab {
  font-size: 16px;
  color: #707070;
}
.tabs.is-normal a,
.tabs.is-normal .tab {
  background-color: transparent;
  border-bottom: 1px solid #bcbcbc;
  padding: 1.25em 0;
}
.tabs.is-normal .is-active a,
.tabs.is-normal .is-active .tab {
  border-bottom: 1px solid #003675;
  font-weight: 700;
  position: relative;
}
.tabs.is-normal .is-active a::before,
.tabs.is-normal .is-active .tab::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent #003675 transparent;
  position: absolute;
  left: 50%;
  bottom: 2px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tabs.is-normal .is-active a::after,
.tabs.is-normal .is-active .tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border: 1px solid #003675;
}
.tabs.is-black a,
.tabs.is-black .tab {
  background-color: none;
  border-bottom: 1px solid #000;
  font-size: 16px;
  color: #000;
  font-weight: 400;
}
.tabs.is-black .is-active a,
.tabs.is-black .is-active .tab {
  border-bottom: 4px solid #000;
  font-weight: 600;
}
.tabs.is-button a,
.tabs.is-button .tab {
  position: relative;
  height: 32px;
  padding: 0;
  margin: 1.1em 0;
  background-color: transparent;
}
.tabs.is-button .button {
  border-width: 2px;
  border-color: #f0f0f0;
  background-color: #f2f2f2;
  font-size: 18px;
  font-weight: 400;
  color: #7a8084;
}
.tabs.is-button .is-active a,
.tabs.is-button .is-active .tab {
  border-radius: 40px;
  background-color: #000;
  color: #fff;
}
.tabs.is-button .is-active .button {
  border-color: #003675;
  background-color: #fff;
  font-weight: 600;
  color: #1d1d1d;
}
.tabs.is-boxed a,
.tabs.is-boxed .tab {
  position: relative;
  height: 50px;
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 3px 3px 0 0;
  font-size: 16px;
}
.tabs.is-boxed li + li {
  margin-left: -1px;
}
.tabs.is-boxed li.is-active a,
.tabs.is-boxed li.is-active .tab {
  color: hsl(0, 0%, 100%);
  z-index: 1;
  background-color: #333;
  border-color: #333;
  border-bottom-color: transparent !important;
}
.tabs.width-full li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tabs.width-full .tab {
  width: 100%;
  line-height: 1.2;
}
.tabs.is-small {
  font-size: 16px;
}
.tabs.is-medium {
  font-size: 20px;
}
.tabs.is-large {
  font-size: 30px;
}
.tabs .tab {
  cursor: pointer;
  background-color: initial;
}
.tabs.__layout2 ul, .tabs.__layout3 ul, .tabs.__layout4 ul, .tabs.__layout5 ul {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tabs.__layout2 a,
.tabs.__layout2 .tab, .tabs.__layout3 a,
.tabs.__layout3 .tab, .tabs.__layout4 a,
.tabs.__layout4 .tab, .tabs.__layout5 a,
.tabs.__layout5 .tab {
  margin-left: 0;
  margin-right: 0;
}
.tabs.__layout2 li {
  width: 50%;
}
.tabs.__layout3 li {
  width: 33.33%;
}
.tabs.__layout4 li {
  width: 25%;
}
.tabs.__layout5 li {
  width: 20%;
}
.tabs.is-scroll {
  white-space: nowrap;
  overflow-x: auto;
  text-align: center;
  font-size: 0;
  padding-top: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  border: none;
}
.tabs.is-scroll.is-full {
  padding-left: 16px;
  padding-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
}
.tabs.type-1 {
  margin: -24px -16px 0 -16px;
}
.tabs.type-2 {
  margin: 40px -16px 0 -16px;
}
.tabs.type-3 {
  margin: 0 -16px;
}
.tabs.type-3 > ul {
  border-bottom: none;
}

.tabpanel[aria-hidden=true], .tabpanel[hidden] {
  display: none;
}
.tabpanel[aria-hidden=false] {
  display: block;
}

.showpanel[aria-hidden=true], .showpanel[hidden] {
  display: none;
}
.showpanel[aria-hidden=false] {
  display: block;
}

.step-indicator {
  width: auto;
  height: 70px;
  margin: 20px auto;
  font-weight: 400;
}
.step-indicator .steps {
  padding: 0;
}
.step-indicator .steps li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 14px;
  line-height: 1;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #999;
}
.step-indicator .steps li.active {
  color: #333;
  font-weight: bold;
}
.step-indicator .steps li.active i {
  width: 25px;
  height: 25px;
  margin-top: 12px;
  outline: 5px solid #fff;
  background-color: #243745;
  color: #fff;
  line-height: 25px;
}
.step-indicator .steps li.active i::before {
  margin-top: -7px;
  margin-left: 1px;
}
.step-indicator .steps li i {
  display: block;
  position: relative;
  width: 31px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  margin: 7px auto 10px;
  border-radius: 50%;
  background-color: #fff;
  color: #eee;
  font-size: 19px;
}
.step-indicator .steps li i:before {
  display: block;
  line-height: inherit;
}
.step-indicator .steps li i::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 25px;
  height: 25px;
  margin: -12.5px 0 0 -12.5px;
  border-radius: 25px;
  background-color: transparent;
}
.step-indicator .steps li::before {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #eee;
  top: 38px;
  left: -50%;
  z-index: -1;
}
.step-indicator .steps li:first-child::before {
  display: none;
}
.step-indicator .steps li.complete {
  color: #333;
}
.step-indicator .steps li.complete i {
  border-color: #fff;
  color: #243745;
}
.step-indicator .steps li.complete + li:before {
  background-color: #243745;
}
.step-indicator .steps.steps--3 li {
  width: 33.333%;
}
.step-indicator.ver2 .steps li {
  height: 70px;
}
.step-indicator.ver2 .steps li:before {
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #eee;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.step-indicator.ver2 .steps li:after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: -5px;
  z-index: 2;
  width: 10px;
  height: 10px;
  background-color: #eee;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.step-indicator.ver2 .steps li.active:before {
  background-color: #333;
}
.step-indicator.ver2 .steps li.active:after {
  background-color: #333;
}
.step-indicator.ver2 .steps li.active .step {
  display: inline-block;
}
.step-indicator.ver2 .steps li.active .step-name {
  color: #333;
  font-weight: 600;
}
.step-indicator.ver2 .steps li.complete:before {
  background-color: #333;
}
.step-indicator.ver2 .steps li.complete:after {
  background-color: #333;
}
.step-indicator.ver2 .steps li.complete .step-name {
  color: #333;
}
.step-indicator.ver2 .steps li .step {
  display: none;
  position: absolute;
  bottom: calc(50% + 15px);
  right: 0;
  padding: 5px 10px;
  background-color: #333;
  color: #fff;
  font-size: 14px;
}
.step-indicator.ver2 .steps li .step:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0;
  bottom: -6px;
  width: 6px;
  height: 6px;
  border-right: 6px solid #333;
  border-bottom: 6px solid transparent;
}
.step-indicator.ver2 .steps li .step-name {
  position: absolute;
  top: calc(50% + 10px);
  right: 0;
  color: #999;
  font-size: 18px;
  font-weight: 400;
}

.steps-group.steps-horizontal ol {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.steps-group.steps-horizontal ol li {
  position: relative;
  width: 32%;
}
.steps-group.steps-horizontal ol li:not(:first-child)::before {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #bcbcbc;
  top: 18px;
  left: -50%;
}
.steps-group.steps-horizontal ol li.active::before {
  background-color: #003675;
}
.steps-group.steps-horizontal ol li.active span.step-state {
  font-size: 20px;
}
.steps-group.steps-horizontal ol li span.step-state {
  font-size: 16px;
}
.steps-group.steps-vertical ol li {
  padding-bottom: 20px;
}
.steps-group.steps-vertical ol li span {
  display: inline-block;
}
.steps-group.steps-vertical ol li span.step {
  margin-right: 10px;
}
.steps-group .steps {
  padding: 20px;
}
.steps-group .steps li span {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #1c1c1c;
}
.steps-group .steps li span.step {
  margin: 0 auto;
  width: 36px;
  height: 36px;
  font-size: 16px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
  border-radius: 100%;
  background-color: #d9d9d9;
  color: #595959;
  z-index: 9;
  position: relative;
}
.steps-group .steps li.complete span {
  color: #8c8c8c;
}
.steps-group .steps li.complete .step {
  border: 1px solid #003675;
  color: #fff;
  font-size: 0px;
  background-color: #fff;
}
.steps-group .steps li.complete .step::after {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e901";
  font-size: 18px;
  color: #003675;
}
.steps-group .steps li.active .step {
  background-color: #003675;
  color: #fff;
}

.alert,
.notification {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  line-height: 1.5;
  background-color: transparent;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 16px;
  font-weight: 400;
  padding: 9.5px 15px;
}

.alert.is-white,
.notification.is-white {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 80%);
}
.alert.is-black,
.notification.is-black {
  background-color: rgba(29, 29, 29, 0.5);
  border-color: #1d1d1d;
  color: hsl(0, 0%, -8.6274509804%);
}
.alert.is-light,
.notification.is-light {
  background-color: rgba(249, 249, 249, 0.5);
  border-color: #f9f9f9;
  color: #c6c6c6;
}
.alert.is-gray,
.notification.is-gray {
  background-color: rgba(240, 240, 240, 0.5);
  border-color: #f0f0f0;
  color: #bdbdbd;
}
.alert.is-dark,
.notification.is-dark {
  background-color: rgba(136, 136, 136, 0.5);
  border-color: #888;
  color: #555555;
}
.alert.is-primary,
.notification.is-primary {
  background-color: rgba(0, 54, 117, 0.5);
  border-color: #003675;
  color: rgb(0, 6.9230769231, 15);
}
.alert.is-link,
.notification.is-link {
  background-color: rgba(0, 133, 255, 0.5);
  border-color: #0085ff;
  color: rgb(0, 79.8, 153);
}
.alert.is-info,
.notification.is-info {
  background-color: rgba(67, 136, 188, 0.5);
  border-color: #4388bc;
  color: rgb(40.2, 81.6, 112.8);
}
.alert.is-success,
.notification.is-success {
  background-color: rgba(51, 161, 75, 0.5);
  border-color: #33a14b;
  color: rgb(26.4622641509, 83.5377358491, 38.9150943396);
}
.alert.is-error,
.notification.is-error {
  background-color: rgba(255, 55, 55, 0.5);
  border-color: #ff3737;
  color: #d00000;
}
.alert.is-warning,
.notification.is-warning {
  background-color: rgba(238, 153, 0, 0.5);
  border-color: #ee9900;
  color: rgb(136, 87.4285714286, 0);
}
.alert.is-danger,
.notification.is-danger {
  background-color: rgba(255, 55, 55, 0.5);
  border-color: #ff3737;
  color: #d00000;
}
.alert.is-point,
.notification.is-point {
  background-color: rgba(36, 107, 235, 0.5);
  border-color: #246beb;
  color: rgb(14.1422594142, 64.3472803347, 154.8577405858);
}
.alert.is-point-dark,
.notification.is-point-dark {
  background-color: rgba(35, 91, 159, 0.5);
  border-color: #235b9f;
  color: rgb(16.5979381443, 43.1546391753, 75.4020618557);
}
.alert.is-icon,
.notification.is-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 5px;
}
.alert.is-icon [class^=icon-],
.notification.is-icon [class^=icon-] {
  font-size: 16px;
  vertical-align: text-bottom;
  line-height: 23px;
}
.alert.is-icon.is-large [class^=icon-],
.notification.is-icon.is-large [class^=icon-] {
  font-size: 30px;
}
.alert.is-icon.is-medium [class^=icon-],
.notification.is-icon.is-medium [class^=icon-] {
  font-size: 20px;
}
.alert.is-icon.is-small,
.notification.is-icon.is-small {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.alert.is-icon.is-small [class^=icon-],
.notification.is-icon.is-small [class^=icon-] {
  font-size: 14px;
}
.alert-close,
.notification-close {
  position: absolute;
  left: calc(50% - 0 / 2);
  top: calc(50% - 0 / 2);
  top: 9px;
  right: 5px;
}
.alert-close .delete,
.notification-close .delete {
  position: relative;
  display: inline-block;
  width: 25px;
  max-width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  pointer-events: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0;
  vertical-align: top;
}
.alert-close .delete::before, .alert-close .delete::after,
.notification-close .delete::before,
.notification-close .delete::after {
  background-color: #606c88;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.alert-close .delete::before,
.notification-close .delete::before {
  height: 1px;
  width: 75%;
}
.alert-close .delete::after,
.notification-close .delete::after {
  height: 75%;
  width: 1px;
}
.alert-close .delete:hover, .alert-close .delete:focus,
.notification-close .delete:hover,
.notification-close .delete:focus {
  background-color: rgba(96, 108, 136, 0.2);
}
.alert-close .delete:hover::before, .alert-close .delete:hover::after, .alert-close .delete:focus::before, .alert-close .delete:focus::after,
.notification-close .delete:hover::before,
.notification-close .delete:hover::after,
.notification-close .delete:focus::before,
.notification-close .delete:focus::after {
  background-color: #fff;
}
.alert-close .delete:active,
.notification-close .delete:active {
  background-color: #606c88;
}
.alert-close .delete:active::before, .alert-close .delete:active::after,
.notification-close .delete:active::before,
.notification-close .delete:active::after {
  background-color: #fff;
}
.alert-close .delete.is-small,
.notification-close .delete.is-small {
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
.alert-close .delete.is-medium,
.notification-close .delete.is-medium {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}
.alert-close .delete.is-large,
.notification-close .delete.is-large {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 46px;
  min-height: 46px;
  max-height: 46px;
}
@media screen and (max-width: 768px) {
  .alert-close .delete.is-large,
  .notification-close .delete.is-large {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }
}
.alert-close .delete.is-xlarge,
.notification-close .delete.is-xlarge {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}
.alert-close .delete,
.notification-close .delete {
  width: 20px;
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  max-height: 20px;
  min-height: 20px;
}

.tooltip {
  position: relative;
}
.tooltip-txt {
  display: none;
  position: absolute;
  left: calc(100% + 5px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 400;
  font-size: 13px;
  color: #fff;
  text-align: left;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  cursor: text;
}
@media screen and (max-width: 1038px), print {
  .tooltip-txt {
    left: 0;
    top: calc(100% + 5px);
    -webkit-transform: translateX(0);
            transform: translateX(0);
    max-width: 50vw;
  }
}
.tooltip-txt::before {
  position: absolute;
  left: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1038px), print {
  .tooltip-txt::before {
    left: 4px;
    top: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    border-color: transparent #E3E3E3 transparent transparent;
  }
}
.tooltip-txt:hover {
  display: block;
}
.tooltip-txt.pos-bottom {
  left: 50%;
  top: calc(100% + 5px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip-txt.pos-bottom::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent rgba(0, 0, 0, 0.75) transparent;
  top: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip-txt.pos-bottom-right {
  left: calc(100% + 5px);
  top: calc(100% + 5px);
  -webkit-transform: translate(-100%, 0%);
          transform: translate(-100%, 0%);
}
.tooltip-txt.pos-bottom-right::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent rgba(0, 0, 0, 0.75) transparent;
  top: -5px;
  right: 5px;
  left: auto;
  -webkit-transform: none;
          transform: none;
}
.tooltip-txt__title {
  display: block;
  color: #222;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}
.tooltip-txt__cont {
  display: block;
  margin: 6px 0 0;
  color: #444;
  font-size: 13px;
  font-weight: 300;
  line-height: 15px;
}
.tooltip:hover .tooltip-txt {
  display: block;
}

.status-draft {
  color: #ee9900;
}
.status-reject {
  color: #ff3737;
}
.status-process {
  color: #0085ff;
}
.status-accept {
  color: #0085ff;
}
.status-pend {
  color: #33a14b;
}

.breadcrumb {
  margin-bottom: 30px;
}
.breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  position: relative;
}
.breadcrumb li {
  position: relative;
  list-style: none;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.breadcrumb li:not(:first-child) {
  gap: 4px;
}
.breadcrumb li:not(:first-child):before {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e90f";
  font-size: 11px;
  line-height: 11px;
  margin: 1px 8px 0;
  color: #94a3b8;
}
.breadcrumb li:first-child .breadcrumb__link {
  cursor: pointer;
}
.breadcrumb li:first-child .breadcrumb__link:hover {
  color: #003675;
}
.breadcrumb__link {
  pointer-events: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #7a8084;
}
.breadcrumb__active {
  font-weight: 600;
  color: #003675;
}
@media screen and (max-width: 1038px), print {
  .breadcrumb {
    display: none;
  }
}

.dx-view-value {
  padding: 8px 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.dx-view-value.type-textarea {
  max-height: 150px;
  overflow-y: auto;
}
.dx-view-value.type-textarea::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.dx-view-value.type-textarea::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

.dx-scheduler .dx-scheduler-header {
  height: 77px;
  padding-top: 10px;
  border-radius: 6px 6px 0 0;
  border-color: #ccc;
}
.dx-scheduler .dx-scheduler-work-space {
  border-radius: 0 0 6px 6px;
  border-color: #ccc;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
  pointer-events: none;
  cursor: unset;
  border-right: 3px solid transparent;
  border-radius: 0;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector .dx-button-content.collector {
  margin-left: auto;
  width: 60px;
  border-radius: 4px;
  background-color: #002b5e !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 14px;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector .dx-button-content.collector > b {
  margin: 0 3px;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  height: 150px;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  height: 42px;
  background-color: #f5f7fa;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
  margin: 0;
  padding: 12px 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 17px;
  color: #444;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
  border-bottom: 0;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  color: rgba(34, 34, 34, 0.8);
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-scheduler-date-table-current-date > div {
  color: #246beb;
  font-weight: 700;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-scheduler-date-table-current-date > div:after {
  content: "Today";
  display: inline-block;
  margin-left: 7px;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
  font-size: 17px;
  font-weight: 500;
  line-height: 17px;
  padding: 10px;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-toolbar-items-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before {
  margin-left: 72px;
  position: relative;
  padding: 0;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-toolbar-item-content {
  padding: 0;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption {
  min-width: 125px;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-button .dx-icon {
  color: #888;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-toolbar-button.btn-today {
  width: 65px;
  border: 1px solid #246beb;
  border-radius: 4px;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-toolbar-button.btn-today .dx-toolbar-item-content {
  padding: 0;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-toolbar-button.btn-today .dx-toolbar-item-content .dx-button-has-text {
  min-width: 0;
  height: 34px;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-toolbar-button.btn-today .dx-button-content {
  padding-left: 8px;
  padding-right: 8px;
}
.dx-scheduler .dx-scheduler-header .dx-toolbar .dx-toolbar-button.btn-today .dx-button-content .dx-button-text {
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  color: #246beb;
}
.dx-scheduler .dx-button-has-text .dx-button-content {
  padding-block: 0;
  padding: 4px 0 4px;
}
.dx-scheduler .dx-button-has-text .dx-button-content .dx-button-text {
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
  color: #1d1d1d;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler .dx-scheduler-appointment,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment {
  border-radius: 0;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-color: transparent !important;
  background-color: transparent !important;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before {
  display: none;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.dx-state-focused .dx-scheduler-appointment-content:before,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused .dx-scheduler-appointment-content:before,
.dx-scheduler .dx-scheduler-appointment.dx-state-focused .dx-scheduler-appointment-content:before,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused .dx-scheduler-appointment-content:before,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused .dx-scheduler-appointment-content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content {
  color: #555555;
  background-color: #d8d8d8;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content {
  background-color: #717171;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content {
  background-color: #246beb;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content {
  background-color: #246beb;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content {
  background-color: #ffb724;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content {
  background-color: #d50136;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content {
  padding: 0;
  background-color: transparent;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview,
.dx-scheduler .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview {
  height: 100%;
  padding: 3px 10px;
  color: #1d1d1d;
  background-color: #eff5ff;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__division,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__division,
.dx-scheduler .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__division,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__division,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__division {
  padding-right: 4px;
  border-right: 1px solid #d3e1fb;
  font-size: 19px;
  font-weight: 500;
  line-height: 20px;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__title,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__title,
.dx-scheduler .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__title,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__title,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.dx-scheduler .dx-rtl .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview.type-airport,
.dx-scheduler .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview.type-airport,
.dx-scheduler .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview.type-airport,
.dx-scheduler .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview.type-airport,
.dx-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content .sc-preview.type-airport {
  background-color: #fff8e9;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  padding-top: 5px;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  color: #fff;
  background-color: #d8d8d8;
  border-radius: 4px;
}
.dx-scheduler .dx-toolbar .dx-toolbar-after {
  display: none;
}
.dx-scheduler .dx-scheduler-group-header {
  background-color: #eff5ff;
}
.dx-scheduler .dx-scheduler-group-header-content {
  padding: 0 !important;
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
}

.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-list-item-content {
  padding: 0;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-list-item-content .sc-preview {
  padding: 5px 7px;
  color: #fff;
}

.sc-preview {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.sc-preview.type-executive {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  color: #555555;
}
.sc-preview.type-unavailable {
  background-color: #717171;
}
.sc-preview.type-confirm {
  background-color: #246beb;
}
.sc-preview.type-change {
  background-color: #246beb;
}
.sc-preview.type-waiting {
  background-color: #ffb724;
}
.sc-preview.type-rejected {
  background-color: #d50136;
}
.sc-preview__change {
  margin-left: auto;
}
.sc-preview__change:after {
  margin-left: 5px;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #eb003b;
}

.sc-tooltip {
  padding: 30px 24px;
  text-align: left;
}
.sc-tooltip.type-rejected .sc-tooltip__title:before {
  background-color: #d50136;
}
.sc-tooltip__btn-close {
  position: absolute;
  top: 32px;
  right: 24px;
}
.sc-tooltip__title {
  margin-bottom: 8px;
  font-size: 19px;
  font-weight: 600;
  line-height: 28px;
}
.sc-tooltip__title:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  margin-right: 8px;
  background-color: #246beb;
}
.sc-tooltip__text {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  white-space: normal;
}

.scheduler-day.type-all .dx-scheduler-work-space,
.sc-popup-day.type-all .dx-scheduler-work-space {
  overflow: unset;
  border: 0;
}
.scheduler-day.type-all .dx-scheduler-date-table-scrollable,
.sc-popup-day.type-all .dx-scheduler-date-table-scrollable {
  width: unset;
  overflow: unset;
}
.scheduler-day.type-all .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-panel-empty-cell,
.scheduler-day.type-all .dx-scheduler-header-tables-container,
.sc-popup-day.type-all .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-panel-empty-cell,
.sc-popup-day.type-all .dx-scheduler-header-tables-container {
  border-top: 1px solid #a7a7a7;
}
.scheduler-day.type-all .dx-scheduler-date-table-scrollable-content,
.sc-popup-day.type-all .dx-scheduler-date-table-scrollable-content {
  border-bottom: 1px solid #e5e5e5;
}
.scheduler-day.type-all .dx-scheduler-header-tables-container,
.scheduler-day.type-all .dx-scrollable-container,
.sc-popup-day.type-all .dx-scheduler-header-tables-container,
.sc-popup-day.type-all .dx-scrollable-container {
  overflow: unset;
  width: unset;
}
.scheduler-day.type-all .dx-scheduler-date-table-scrollable .dx-scrollable-content,
.sc-popup-day.type-all .dx-scheduler-date-table-scrollable .dx-scrollable-content {
  overflow: unset;
}
.scheduler-day.type-all .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
.scheduler-day.type-all .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell,
.sc-popup-day.type-all .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
.sc-popup-day.type-all .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
  width: 200px;
}
.scheduler-day .dx-scheduler-all-day-title,
.scheduler-day .day-time,
.sc-popup-day .dx-scheduler-all-day-title,
.sc-popup-day .day-time {
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  color: #1d1d1d;
}
.scheduler-day .dx-scheduler-header-panel-container .dx-scheduler-appointment .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-header-panel-container .dx-scheduler-appointment .dx-scheduler-appointment-content {
  padding-top: 3px;
  padding-bottom: 3px;
}
.scheduler-day .dx-scheduler-header-panel-container .day-preview-header__executive,
.sc-popup-day .dx-scheduler-header-panel-container .day-preview-header__executive {
  margin-right: 12px;
}
.scheduler-day .dx-scheduler-header-panel-container .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon::before,
.sc-popup-day .dx-scheduler-header-panel-container .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon::before {
  color: gray;
}
.scheduler-day .dx-scheduler-header .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before,
.sc-popup-day .dx-scheduler-header .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before {
  margin-left: 0 !important;
}
.scheduler-day .dx-scheduler-header,
.sc-popup-day .dx-scheduler-header {
  height: 54px;
  padding-top: 6px;
  padding-bottom: 16px;
  border: 0;
}
.scheduler-day .dx-scheduler-work-space,
.sc-popup-day .dx-scheduler-work-space {
  border-top: 1px solid #a7a7a7;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment-content {
  padding: 13px 16px 13px 32px;
  color: #1d1d1d;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-content:before,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-appointment .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-appointment .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment-content:before {
  content: "";
  display: block;
  width: 16px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content {
  padding-top: 0;
  padding-bottom: 0;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header,
.scheduler-day .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header,
.sc-popup-day .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-minify .dx-scheduler-appointment-content .day-preview-header {
  margin: 1px;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content {
  color: #555555;
  background-color: #f8f8f8;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-executive .dx-scheduler-appointment-content:before {
  background-color: #c6c6c6;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content {
  background-color: #f8f8f8;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-unavailable .dx-scheduler-appointment-content:before {
  background-color: #555;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content {
  background-color: #eff5ff;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-confirm .dx-scheduler-appointment-content:before {
  background-color: #246beb;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-confirm .day-preview-header__time, .scheduler-day .dx-rtl .dx-scheduler-appointment.type-confirm .day-preview-header__reason,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .day-preview-header__time,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .day-preview-header__reason,
.scheduler-day .dx-scheduler-appointment.type-confirm .day-preview-header__time,
.scheduler-day .dx-scheduler-appointment.type-confirm .day-preview-header__reason,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .day-preview-header__time,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .day-preview-header__reason,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-confirm .day-preview-header__time,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-confirm .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-confirm .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-confirm .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .day-preview-header__reason,
.sc-popup-day .dx-scheduler-appointment.type-confirm .day-preview-header__time,
.sc-popup-day .dx-scheduler-appointment.type-confirm .day-preview-header__reason,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .day-preview-header__time,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-confirm .day-preview-header__reason,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-confirm .day-preview-header__time,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-confirm .day-preview-header__reason {
  color: #246beb;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content {
  background-color: #eff5ff;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:before {
  background-color: #246beb;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after,
.scheduler-day .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after,
.sc-popup-day .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .dx-scheduler-appointment-content:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 8px;
  background-color: #eb003b;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-change .day-preview-header__time, .scheduler-day .dx-rtl .dx-scheduler-appointment.type-change .day-preview-header__reason,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .day-preview-header__time,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .day-preview-header__reason,
.scheduler-day .dx-scheduler-appointment.type-change .day-preview-header__time,
.scheduler-day .dx-scheduler-appointment.type-change .day-preview-header__reason,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .day-preview-header__time,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .day-preview-header__reason,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .day-preview-header__time,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-change .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-change .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-change .day-preview-header__reason,
.sc-popup-day .dx-scheduler-appointment.type-change .day-preview-header__time,
.sc-popup-day .dx-scheduler-appointment.type-change .day-preview-header__reason,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .day-preview-header__time,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-change .day-preview-header__reason,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .day-preview-header__time,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-change .day-preview-header__reason {
  color: #246beb;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content {
  background-color: #fff8e9;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-waiting .dx-scheduler-appointment-content:before {
  background-color: #ffb724;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-waiting .day-preview-header__time, .scheduler-day .dx-rtl .dx-scheduler-appointment.type-waiting .day-preview-header__reason,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .day-preview-header__time,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .day-preview-header__reason,
.scheduler-day .dx-scheduler-appointment.type-waiting .day-preview-header__time,
.scheduler-day .dx-scheduler-appointment.type-waiting .day-preview-header__reason,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .day-preview-header__time,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .day-preview-header__reason,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-waiting .day-preview-header__time,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-waiting .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-waiting .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-waiting .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .day-preview-header__reason,
.sc-popup-day .dx-scheduler-appointment.type-waiting .day-preview-header__time,
.sc-popup-day .dx-scheduler-appointment.type-waiting .day-preview-header__reason,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .day-preview-header__time,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-waiting .day-preview-header__reason,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-waiting .day-preview-header__time,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-waiting .day-preview-header__reason {
  color: #ffb724;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content {
  background-color: #feecf0;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-rejected .dx-scheduler-appointment-content:before {
  background-color: #eb003b;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-rejected .day-preview-header__time, .scheduler-day .dx-rtl .dx-scheduler-appointment.type-rejected .day-preview-header__reason,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .day-preview-header__time,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .day-preview-header__reason,
.scheduler-day .dx-scheduler-appointment.type-rejected .day-preview-header__time,
.scheduler-day .dx-scheduler-appointment.type-rejected .day-preview-header__reason,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .day-preview-header__time,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .day-preview-header__reason,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-rejected .day-preview-header__time,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-rejected .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-rejected .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-rejected .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .day-preview-header__reason,
.sc-popup-day .dx-scheduler-appointment.type-rejected .day-preview-header__time,
.sc-popup-day .dx-scheduler-appointment.type-rejected .day-preview-header__reason,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .day-preview-header__time,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-rejected .day-preview-header__reason,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-rejected .day-preview-header__time,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-rejected .day-preview-header__reason {
  color: #eb003b;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content {
  background-color: #f8f8f8;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-completed .dx-scheduler-appointment-content:before {
  background-color: #003675;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-completed .day-preview-header__time, .scheduler-day .dx-rtl .dx-scheduler-appointment.type-completed .day-preview-header__reason,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .day-preview-header__time,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .day-preview-header__reason,
.scheduler-day .dx-scheduler-appointment.type-completed .day-preview-header__time,
.scheduler-day .dx-scheduler-appointment.type-completed .day-preview-header__reason,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .day-preview-header__time,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .day-preview-header__reason,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-completed .day-preview-header__time,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-completed .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-completed .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-completed .day-preview-header__reason,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .day-preview-header__time,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .day-preview-header__reason,
.sc-popup-day .dx-scheduler-appointment.type-completed .day-preview-header__time,
.sc-popup-day .dx-scheduler-appointment.type-completed .day-preview-header__reason,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .day-preview-header__time,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-completed .day-preview-header__reason,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-completed .day-preview-header__time,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-completed .day-preview-header__reason {
  color: #003675;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-all,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all,
.scheduler-day .dx-scheduler-appointment.type-all,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-all,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-all,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all,
.sc-popup-day .dx-scheduler-appointment.type-all,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-all,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all {
  border-left-width: 2px;
  border-right-width: 0;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content {
  padding: 9px 9px 9px 18px;
  background-color: #eee;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .dx-scheduler-appointment-content:before {
  width: 8px;
  background-color: #c6c6c6;
}
.scheduler-day .dx-rtl .dx-scheduler-appointment.type-all .day-preview__title,
.scheduler-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .day-preview__title,
.scheduler-day .dx-scheduler-appointment.type-all .day-preview__title,
.scheduler-day .dx-scheduler-timeline .dx-scheduler-appointment.type-all .day-preview__title,
.scheduler-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .day-preview__title,
.sc-popup-day .dx-rtl .dx-scheduler-appointment.type-all .day-preview__title,
.sc-popup-day .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.type-all .day-preview__title,
.sc-popup-day .dx-scheduler-appointment.type-all .day-preview__title,
.sc-popup-day .dx-scheduler-timeline .dx-scheduler-appointment.type-all .day-preview__title,
.sc-popup-day .dx-scheduler-work-space-month .dx-scheduler-appointment.type-all .day-preview__title {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.scheduler-day .day-preview-header,
.sc-popup-day .day-preview-header {
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.scheduler-day .day-preview-header__time,
.sc-popup-day .day-preview-header__time {
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
}
.scheduler-day .day-preview-header__reason, .scheduler-day .day-preview-header__reporting-time, .scheduler-day .day-preview-header__attendees,
.sc-popup-day .day-preview-header__reason,
.sc-popup-day .day-preview-header__reporting-time,
.sc-popup-day .day-preview-header__attendees {
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}
.scheduler-day .day-preview-header__reporting-time, .scheduler-day .day-preview-header__executive, .scheduler-day .day-preview-header__unavailable,
.sc-popup-day .day-preview-header__reporting-time,
.sc-popup-day .day-preview-header__executive,
.sc-popup-day .day-preview-header__unavailable {
  margin-left: auto;
}
.scheduler-day .day-preview-body-title,
.sc-popup-day .day-preview-body-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 17px;
  font-weight: 500;
  line-height: 17px;
}
.scheduler-day .day-preview-body-title .management,
.sc-popup-day .day-preview-body-title .management {
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}
.scheduler-day .day-preview-body__text,
.sc-popup-day .day-preview-body__text {
  margin-top: 18px;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}

.sc-form {
  padding-top: 20px;
  padding-bottom: 0 !important;
}
.sc-form .dx-texteditor-container {
  border-color: #ccc;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection {
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item {
  padding: 8px 0;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item:not(:first-child) {
  border-top: 1px solid #d8d8d8;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item.type-textarea .dx-texteditor-input {
  height: 150px;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item.type-disabled .dx-texteditor-input {
  color: #222;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item.type-disabled .dx-state-disabled.dx-widget {
  opacity: 1;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item.type-disabled .dx-texteditor.dx-editor-filled.dx-state-disabled {
  background-color: #f2f2f2;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item .dx-field-item-label {
  width: 136px;
  padding: 8px 0 8px 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item .dx-field-item-label .dx-field-item-label-text {
  color: #444;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item .dx-field-item-label .dx-field-item-label-text:before {
  margin-right: 6px;
  margin-bottom: 3px;
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  vertical-align: middle;
  border-radius: 4px;
  background-color: #999;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item .dx-field-item-label .dx-field-item-required-mark {
  color: #ff3737;
}
.sc-form .dx-box-flex.dx-box.dx-widget.dx-collection .dx-item.dx-box-item .dx-box-item-content .dx-field-item .dx-field-item-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sc-form .reporter-box-tags {
  margin-top: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sc-form .reporter-box-tags .tag {
  font-size: 17px;
}
.sc-form .reporter-box-tags .tag.is-bordered {
  border-color: #ccc;
}
.sc-form .reporter-box-tags .tag .icon-cross {
  color: #a7a7a7;
}

.dx-popup-wrapper.type-sc-popup .dx-form-validation-summary {
  margin: 0;
}
.dx-popup-wrapper.type-sc-popup .dx-form > .dx-scrollable-wrapper > .dx-scrollable-container {
  margin: 0;
  padding: 0;
}
.dx-popup-wrapper.type-sc-popup .dx-popup-title.dx-toolbar .dx-toolbar-label {
  max-width: 250px !important;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-label .dx-toolbar-item-content > div {
  font-size: 23px;
  font-weight: 600;
  line-height: 27px;
}
.dx-popup-wrapper.type-sc-popup .dx-popup-title.dx-toolbar {
  border-bottom: 0;
}
.dx-popup-wrapper.type-sc-popup .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 67px;
}
.dx-popup-wrapper.type-sc-popup .dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-bottom: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.dx-popup-wrapper.type-sc-popup .dx-popup-content {
  padding: 0 25px 20px;
}
.dx-popup-wrapper.type-sc-popup .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 82px;
  padding-top: 10px;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button {
  padding: 0;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button + .button {
  margin-left: 10px;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button .dx-toolbar-item-content {
  width: 100%;
  height: 100%;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button .dx-toolbar-item-content .dx-button-mode-text {
  width: 100%;
  height: 100%;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button .dx-button-text {
  font-size: 19px;
  font-weight: 500;
  line-height: 19px;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button.is-white .dx-button-mode-text.dx-state-hover .dx-button-text {
  color: #fff;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button.is-primary .dx-button-mode-text {
  color: #fff;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button.is-danger .dx-button-mode-text {
  color: #fff;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button.is-danger .dx-button-mode-text.dx-state-hover {
  color: #fff;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button.is-danger.is-outlined .dx-button-mode-text {
  color: #ff3737;
}
.dx-popup-wrapper.type-sc-popup .dx-toolbar-button.button.is-danger.is-outlined .dx-button-mode-text.dx-state-hover {
  color: #fff;
}
.dx-popup-wrapper .dx-dategroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.dx-popup-wrapper .dx-dategroup + .dx-dategroup {
  margin-top: 8px;
}
.dx-popup-wrapper .dx-dategroup__label {
  width: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper .dx-titlegroup__check {
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper .dx-manual-complete .dx-checkbox-container {
  padding: 8px 0 8px 12px;
}
.dx-popup-wrapper .dx-manual-complete .dx-checkbox-text {
  -webkit-padding-start: 8px;
          padding-inline-start: 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper .dx-sendgroup-header {
  padding: 8px 0 8px 12px;
}
.dx-popup-wrapper .dx-sendgroup-body {
  padding-left: 12px;
}
.dx-popup-wrapper .dx-sendgroup-check .dx-checkbox-text {
  -webkit-padding-start: 8px;
          padding-inline-start: 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper .dx-sendgroup__title {
  padding-top: 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper .dx-sendgroup-radio .dx-item-content {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper .dx-reservation-type .dx-field-item-content {
  padding: 0;
}
.dx-popup-wrapper .dx-reservation-type .dx-radiobutton {
  margin-top: 8px;
  margin-bottom: 8px;
}
.dx-popup-wrapper .dx-reservation-type .dx-item-content {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper .dxbtn-manual {
  display: none;
}
.dx-popup-wrapper .dxbtn-manual.is-on {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/**
 * Swiper 8.3.2 Custom
 **/
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide img {
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  --swiper-navigation-size-small: 20px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 500px;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube .swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow::before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.innorix_base ol,
.innorix_base ul,
.innorix_basic ol,
.innorix_basic ul,
.innorix_compact ol,
.innorix_compact ul,
.innorix_input ol,
.innorix_input ul,
.innorix_tester ol,
.innorix_tester ul,
.irx_messageBox ol,
.irx_messageBox ul,
.irx_transferWin ol,
.irx_transferWin ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.innorix_base button,
.innorix_basic button,
.innorix_compact button,
.innorix_input button,
.innorix_tester button,
.irx_messageBox button,
.irx_transferWin button {
  outline: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.innorix_base blockquote,
.innorix_base q,
.innorix_basic blockquote,
.innorix_basic q,
.innorix_compact blockquote,
.innorix_compact q,
.innorix_input blockquote,
.innorix_input q,
.innorix_tester blockquote,
.innorix_tester q,
.irx_messageBox blockquote,
.irx_messageBox q,
.irx_transferWin blockquote,
.irx_transferWin q {
  quotes: none;
}

.innorix_base {
  color: #111;
  padding: 0;
  font-size: 12px;
  position: relative;
}

.innorix_base .irx_inner {
  background: #fff;
  border: 2px solid #13a097;
}

.innorix_base .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #13a097;
}

.innorix_base .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #888;
}

.innorix_base .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #ccc;
}

.innorix_base .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_base .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #13a097;
  color: #fff;
}

.innorix_base .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #ebebeb;
}

.innorix_base .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #d9d9d9;
}

.innorix_base .irx_inner._irx_dragging {
  border: 2px solid #295388;
}

.innorix_base .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_base.irx_theme_blood {
  color: #000;
}

.innorix_base.irx_theme_blood .irx_inner {
  background: red;
  border: 2px solid #8b2b3b;
}

.innorix_base.irx_theme_blood .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #175676;
}

.innorix_base.irx_theme_blood .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: maroon;
}

.innorix_base.irx_theme_blood .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #900;
}

.innorix_base.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_base.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #175676;
  color: red;
}

.innorix_base.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #d60000;
}

.innorix_base.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #b30000;
}

.innorix_base.irx_theme_blood .irx_inner._irx_dragging {
  border: 2px solid #000;
}

.innorix_base.irx_theme_blood .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_base.irx_theme_darker-than-black {
  color: #aaa;
}

.innorix_base.irx_theme_darker-than-black .irx_inner {
  background: #333;
  border: 2px solid #333;
}

.innorix_base.irx_theme_darker-than-black .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #ccc;
}

.innorix_base.irx_theme_darker-than-black .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #6f6f6f;
}

.innorix_base.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #404040;
}

.innorix_base.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_base.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #ccc;
  color: #333;
}

.innorix_base.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #454545;
}

.innorix_base.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #262626;
}

.innorix_base.irx_theme_darker-than-black .irx_inner._irx_dragging {
  border: 2px solid #ff7518;
}

.innorix_base.irx_theme_darker-than-black .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_base.irx_theme_boombaya {
  color: #eee5e9;
}

.innorix_base.irx_theme_boombaya .irx_inner {
  background: #492c1d;
  border: 2px solid #492c1d;
}

.innorix_base.irx_theme_boombaya .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #66b3ba;
}

.innorix_base.irx_theme_boombaya .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #9c8983;
}

.innorix_base.irx_theme_boombaya .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #5b3724;
}

.innorix_base.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_base.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #66b3ba;
  color: #492c1d;
}

.innorix_base.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #633b27;
}

.innorix_base.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #372116;
}

.innorix_base.irx_theme_boombaya .irx_inner._irx_dragging {
  border: 2px solid #66b3ba;
}

.innorix_base.irx_theme_boombaya .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_base .irx_inner {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.innorix_base .irx_inner .irx_empty {
  position: absolute;
  background: url(/img/innorix/img/dropzone.gif) no-repeat center center;
  width: 100%;
  height: 100%;
}

.innorix_base .irx_inner .irx_loading {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.innorix_base .irx_inner .irx_contents {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  display: none;
}

.innorix_base .irx_inner .irx_contents .irx_infoBox {
  position: absolute;
  width: 200px;
  height: 100%;
}

.innorix_base .irx_inner .irx_contents .irx_infoBox .irx_infoBox_inner {
  position: absolute;
  height: 200px;
  width: 200px;
  top: 50%;
  margin-top: -100px;
  text-align: center;
}

.innorix_base .irx_inner .irx_contents .irx_infoBox .irx_infoBox_inner .irx_top {
  padding-top: 50px;
  margin-bottom: 10px;
}

.innorix_base .irx_inner .irx_contents .irx_infoBox .irx_infoBox_inner .irx_top .irx_size {
  display: block;
  font-size: 4em;
  font-weight: 700;
  line-height: 1.2em;
}

.innorix_base .irx_inner .irx_contents .irx_infoBox .irx_infoBox_inner .irx_top .irx_unit {
  display: block;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1em;
}

.innorix_base .irx_inner .irx_contents .irx_listGrid_wrap {
  position: relative;
  height: 100%;
  margin-left: 200px;
}

.innorix_base .irx_inner .irx_contents .irx_listGrid_wrap .irx_listGrid {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
}

.innorix_base .irx_inner .irx_contents .irx_listGrid_wrap .irx_listGrid li {
  position: relative;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}

.innorix_base .irx_inner .irx_contents .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  display: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.1em;
  font-weight: 700;
  position: absolute;
  right: 0;
  top: 0;
}

.innorix_base .irx_inner .irx_contents .irx_listGrid_wrap .irx_listGrid li.selected .irx_remove {
  display: block;
}

.innorix_base .irx_inner .irx_contents .irx_listGrid_wrap .irx_listGrid li label {
  display: block;
  width: 100%;
  height: 100%;
}

.innorix_base .irx_inner .irx_contents .irx_listGrid_wrap .irx_listGrid li input {
  display: none;
}

.innorix_base ol,
.innorix_base ul,
.innorix_basic ol,
.innorix_basic ul,
.innorix_compact ol,
.innorix_compact ul,
.innorix_input ol,
.innorix_input ul,
.innorix_tester ol,
.innorix_tester ul,
.irx_messageBox ol,
.irx_messageBox ul,
.irx_transferWin ol,
.irx_transferWin ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.innorix_base button,
.innorix_basic button,
.innorix_compact button,
.innorix_input button,
.innorix_tester button,
.irx_messageBox button,
.irx_transferWin button {
  outline: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.innorix_base blockquote,
.innorix_base q,
.innorix_basic blockquote,
.innorix_basic q,
.innorix_compact blockquote,
.innorix_compact q,
.innorix_input blockquote,
.innorix_input q,
.innorix_tester blockquote,
.innorix_tester q,
.irx_messageBox blockquote,
.irx_messageBox q,
.irx_transferWin blockquote,
.irx_transferWin q {
  quotes: none;
}

.innorix_input .innorix_inner {
  width: 100%;
}

.innorix_input .irx_download,
.innorix_input .irx_upload {
  display: none;
  margin-bottom: 5px;
  padding-left: 107px;
}

.innorix_input .irx_download .irx_upload_input,
.innorix_input .irx_upload .irx_upload_input {
  cursor: pointer;
}

.innorix_input .irx_download .irx_download_input,
.innorix_input .irx_download .irx_upload_input,
.innorix_input .irx_upload .irx_download_input,
.innorix_input .irx_upload .irx_upload_input {
  background: #fff;
  display: block;
  float: left;
  width: 100%;
  margin-left: -107px;
  white-space: nowrap;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  text-indent: 10px;
  overflow: hidden;
  border: 1px solid #ddd;
}

.innorix_input .irx_download .irx_download_button,
.innorix_input .irx_download .irx_upload_button,
.innorix_input .irx_upload .irx_download_button,
.innorix_input .irx_upload .irx_upload_button {
  font-size: 12px;
  width: 100px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-left: 5px;
}

.innorix_base ol,
.innorix_base ul,
.innorix_basic ol,
.innorix_basic ul,
.innorix_compact ol,
.innorix_compact ul,
.innorix_input ol,
.innorix_input ul,
.innorix_tester ol,
.innorix_tester ul,
.irx_messageBox ol,
.irx_messageBox ul,
.irx_transferWin ol,
.irx_transferWin ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.innorix_base button,
.innorix_basic button,
.innorix_compact button,
.innorix_input button,
.innorix_tester button,
.irx_messageBox button,
.irx_transferWin button {
  outline: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.innorix_base blockquote,
.innorix_base q,
.innorix_basic blockquote,
.innorix_basic q,
.innorix_compact blockquote,
.innorix_compact q,
.innorix_input blockquote,
.innorix_input q,
.innorix_tester blockquote,
.innorix_tester q,
.irx_messageBox blockquote,
.irx_messageBox q,
.irx_transferWin blockquote,
.irx_transferWin q {
  quotes: none;
}

.innorix_tester {
  border: 2px solid #13a097;
  overflow: hidden;
  color: #111;
  padding: 0;
  font-size: 12px;
  position: relative;
}

.innorix_tester .irx_inner {
  background: #fff;
  border: 2px solid #13a097;
}

.innorix_tester .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #13a097;
}

.innorix_tester .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #888;
}

.innorix_tester .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #ccc;
}

.innorix_tester .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_tester .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #13a097;
  color: #fff;
}

.innorix_tester .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #ebebeb;
}

.innorix_tester .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #d9d9d9;
}

.innorix_tester .irx_inner._irx_dragging {
  border: 2px solid #295388;
}

.innorix_tester .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_tester.irx_theme_blood {
  color: #000;
}

.innorix_tester.irx_theme_blood .irx_inner {
  background: red;
  border: 2px solid #8b2b3b;
}

.innorix_tester.irx_theme_blood .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #175676;
}

.innorix_tester.irx_theme_blood .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: maroon;
}

.innorix_tester.irx_theme_blood .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #900;
}

.innorix_tester.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_tester.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #175676;
  color: red;
}

.innorix_tester.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #d60000;
}

.innorix_tester.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #b30000;
}

.innorix_tester.irx_theme_blood .irx_inner._irx_dragging {
  border: 2px solid #000;
}

.innorix_tester.irx_theme_blood .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_tester.irx_theme_darker-than-black {
  color: #aaa;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner {
  background: #333;
  border: 2px solid #333;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #ccc;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #6f6f6f;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #404040;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #ccc;
  color: #333;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #454545;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #262626;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner._irx_dragging {
  border: 2px solid #ff7518;
}

.innorix_tester.irx_theme_darker-than-black .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_tester.irx_theme_boombaya {
  color: #eee5e9;
}

.innorix_tester.irx_theme_boombaya .irx_inner {
  background: #492c1d;
  border: 2px solid #492c1d;
}

.innorix_tester.irx_theme_boombaya .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #66b3ba;
}

.innorix_tester.irx_theme_boombaya .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #9c8983;
}

.innorix_tester.irx_theme_boombaya .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #5b3724;
}

.innorix_tester.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_tester.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #66b3ba;
  color: #492c1d;
}

.innorix_tester.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #633b27;
}

.innorix_tester.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #372116;
}

.innorix_tester.irx_theme_boombaya .irx_inner._irx_dragging {
  border: 2px solid #66b3ba;
}

.innorix_tester.irx_theme_boombaya .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_tester div.irx_filetree.empty-uploader {
  background: url(/img/innorix/img/dropzone.png) no-repeat center center;
  background-color: #fff;
}

.innorix_tester div.irx_filetree.empty-downloader {
  background: url(/img/innorix/img/empty-file.png) no-repeat center center;
  background-color: #fff;
}

.innorix_tester div.irx_filetree {
  width: 100%;
  height: 120px;
  position: relative;
  border-right: 1px solid #dcdcdc;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  float: left;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #efefef;
  padding: 5px;
  padding-left: 5px;
  height: 20px;
  background-color: #fff;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div {
  float: left;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filetree-checkbox {
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) -20px 0;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.tree-icon {
  width: 18px;
  height: 18px;
  margin-left: 4px;
  margin-top: 2px;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filename {
  margin-top: 1px;
  margin-left: 2px;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filesize {
  color: #757575;
  margin-left: 10px;
  margin-top: 1px;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group {
  float: right;
  clear: both;
  padding: 0;
  margin: 0;
  margin-top: -20px;
  display: none;
  text-align: right;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group span.irx_btn_move {
  position: absolute;
  margin-left: -50px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  cursor: default;
  background: url(/img/innorix/img/move-blue.png) no-repeat;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group span.irx_btn_del {
  position: absolute;
  margin-left: -30px;
  margin-top: 3px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background: url(/img/innorix/img/close-blue.png) no-repeat;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper:hover .btn-group {
  display: block;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected div.irx-file-inner-wrapper:first-child {
  background-color: #0c93dd;
  color: #fff;
  border-bottom: 1px solid #0c93dd;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected div.irx-file-inner-wrapper:first-child div.filesize {
  color: #fff;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected div.irx-file-inner-wrapper:first-child div.filetree-checkbox {
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) 0 0;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected div.irx-file-inner-wrapper:first-child div.btn-group span.irx_btn_move {
  background: url(/img/innorix/img/move-white.png) no-repeat;
}

.innorix_tester div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected div.irx-file-inner-wrapper:first-child div.btn-group span.irx_btn_del {
  background: url(/img/innorix/img/close-white.png) no-repeat;
}

.innorix_tester div.irx_infoBox {
  background: #fafafa;
  border: 1px solid #dcdcdc;
}

.innorix_tester div.irx_infoBox div.irx-chart-wrapper {
  position: relative;
  width: 138px;
  float: left;
  height: 180px;
  padding: 10px;
}

.innorix_tester div.irx_infoBox div.irx-chart-wrapper div.irx-canvas-wrapper canvas.irx-chart-canvas {
  margin-top: 5px;
}

.innorix_tester div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size.file-select {
  height: 50px;
  padding-top: 0;
}

.innorix_tester div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size {
  height: 43px;
  padding-top: 7px;
  text-align: center;
  margin-top: -88px;
  width: 100%;
}

.innorix_tester div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size div.selected-file-size {
  color: #2297c7;
  font-size: 14pt;
  height: 23px;
}

.innorix_tester div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size div.total-file-size {
  color: #757575;
  font-size: 12px;
  border-top: 1px solid #d8d8d8;
  width: 30%;
  margin: auto;
}

.innorix_tester div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-count {
  text-align: center;
  margin-top: 45px;
  width: 100%;
}

.innorix_tester div.irx_infoBox div.irx-chart-wrapper div.irx-chart-btn-group {
  position: absolute;
  overflow: hidden;
  right: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.innorix_tester div.irx_infoBox div.irx-chart-wrapper div.irx-chart-btn-group div.irx-chart-toggle {
  position: absolute;
  width: 15px;
  height: 15px;
  opacity: 0;
  background: url(/img/innorix/img/close-gray.png) no-repeat;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper {
  position: absolute;
  width: 100%;
  float: left;
  height: 180px;
  padding: 10px;
  display: none;
  background-color: #fff;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-canvas-wrapper canvas.irx-chart-canvas {
  margin-top: 5px;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-chart-file-size.file-select {
  height: 50px;
  padding-top: 0;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-chart-file-size {
  height: 43px;
  padding-top: 7px;
  text-align: center;
  margin-top: 30px;
  width: 100%;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-chart-file-size div.selected-file-size {
  color: #2297c7;
  font-size: 14pt;
  height: 23px;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-chart-file-size div.total-file-size {
  color: #757575;
  font-size: 12px;
  border-top: 1px solid #d8d8d8;
  width: 30%;
  margin: auto;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-chart-file-count {
  text-align: center;
  margin-top: 45px;
  width: 100%;
  font-size: 12.5px;
  line-height: 15px;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-chart-btn-group {
  position: absolute;
  overflow: hidden;
  right: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  font-size: 16px;
  font-weight: 700;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-chart-btn-group div.irx-mass-toggle {
  color: #aaafb1;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-chart-btn-group div.irx-mass-toggle:hover {
  color: #002060;
}

.innorix_tester div.irx_infoBox div.irx-mass-wrapper div.irx-mass-wrapper-paper-image {
  background: url(/img/innorix/img/paper-plane.png) left top no-repeat;
  width: 152px;
  height: 79px;
  background-size: 152px 79px;
  position: absolute;
  right: 76px;
  top: 37px;
}

.innorix_tester.chart-hide div.irx_filetree {
  min-width: 100%;
}

.innorix_tester.chart-hide div.irx-chart-wrapper {
  display: none;
}

.tree-icon.directory {
  background: url(/img/innorix/icon/directory.png) left top no-repeat;
}

.tree-icon.directory-open {
  background: url(/img/innorix/icon/folder_open.png) left top no-repeat;
}

.tree-icon.expanded {
  background: url(/img/innorix/icon/folder_open.png) left top no-repeat;
}

.tree-icon.wait {
  background: url(/img/innorix/icon/spinner.gif) left top no-repeat;
}

.tree-icon.file-icon {
  background: url(/img/innorix/icon/file.png) left top no-repeat;
}

.tree-icon.file-icon.ext_3gp {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_afp {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_afpa {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_asp {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_aspx {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_avi {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_bat {
  background: url(/img/innorix/icon/application.png) left top no-repeat;
}

.tree-icon.file-icon.ext_bmp {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_c {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_cfm {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_cgi {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_com {
  background: url(/img/innorix/icon/application.png) left top no-repeat;
}

.tree-icon.file-icon.ext_cpp {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_css {
  background: url(/img/innorix/icon/css.png) left top no-repeat;
}

.tree-icon.file-icon.ext_doc {
  background: url(/img/innorix/icon/doc.png) left top no-repeat;
}

.tree-icon.file-icon.ext_exe {
  background: url(/img/innorix/icon/application.png) left top no-repeat;
}

.tree-icon.file-icon.ext_gif {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_fla {
  background: url(/img/innorix/icon/flash.png) left top no-repeat;
}

.tree-icon.file-icon.ext_h {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_htm {
  background: url(/img/innorix/icon/html.png) left top no-repeat;
}

.tree-icon.file-icon.ext_html {
  background: url(/img/innorix/icon/html.png) left top no-repeat;
}

.tree-icon.file-icon.ext_jar {
  background: url(/img/innorix/icon/java.png) left top no-repeat;
}

.tree-icon.file-icon.ext_jpg {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_jpeg {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_js {
  background: url(/img/innorix/icon/script.png) left top no-repeat;
}

.tree-icon.file-icon.ext_lasso {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_log {
  background: url(/img/innorix/icon/txt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_m4p {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mov {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mp3 {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mp4 {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mpg {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mpeg {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ogg {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pcx {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pdf {
  background: url(/img/innorix/icon/pdf.png) left top no-repeat;
}

.tree-icon.file-icon.ext_php {
  background: url(/img/innorix/icon/php.png) left top no-repeat;
}

.tree-icon.file-icon.ext_png {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ppt {
  background: url(/img/innorix/icon/ppt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_psd {
  background: url(/img/innorix/icon/psd.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pl {
  background: url(/img/innorix/icon/script.png) left top no-repeat;
}

.tree-icon.file-icon.ext_py {
  background: url(/img/innorix/icon/script.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rb {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rbx {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rhtml {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rpm {
  background: url(/img/innorix/icon/linux.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ruby {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_sql {
  background: url(/img/innorix/icon/db.png) left top no-repeat;
}

.tree-icon.file-icon.ext_swf {
  background: url(/img/innorix/icon/flash.png) left top no-repeat;
}

.tree-icon.file-icon.ext_tif {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_tiff {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_txt {
  background: url(/img/innorix/icon/txt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_vb {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_wav {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_wmv {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_xls {
  background: url(/img/innorix/icon/xls.png) left top no-repeat;
}

.tree-icon.file-icon.ext_xml {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_zip {
  background: url(/img/innorix/icon/zip.png) left top no-repeat;
}

.tree-icon.file-icon.ext_directory {
  background: url(/img/innorix/icon/directory.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ms4 {
  background: url(/img/innorix/icon/ms4.png) left top no-repeat;
}

.innorix_base ol,
.innorix_base ul,
.innorix_basic ol,
.innorix_basic ul,
.innorix_compact ol,
.innorix_compact ul,
.innorix_input ol,
.innorix_input ul,
.innorix_tester ol,
.innorix_tester ul,
.irx_messageBox ol,
.irx_messageBox ul,
.irx_transferWin ol,
.irx_transferWin ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.innorix_base button,
.innorix_basic button,
.innorix_compact button,
.innorix_input button,
.innorix_tester button,
.irx_messageBox button,
.irx_transferWin button {
  outline: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.innorix_base blockquote,
.innorix_base q,
.innorix_basic blockquote,
.innorix_basic q,
.innorix_compact blockquote,
.innorix_compact q,
.innorix_input blockquote,
.innorix_input q,
.innorix_tester blockquote,
.innorix_tester q,
.irx_messageBox blockquote,
.irx_messageBox q,
.irx_transferWin blockquote,
.irx_transferWin q {
  quotes: none;
}

.innorix_basic {
  width: 100% !important;
  height: auto !important;
  min-height: 120px;
  max-height: 200px;
  border: 1px solid #d8d8d8;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  -webkit-box-sizing: content-box !important;
  box-sizing: border-box !important;
  color: #1d1d1d;
  padding: 0;
  font-size: 12px;
  position: relative;
}

.innorix_basic .irx_inner {
  background: #fff;
  border: 2px solid #13a097;
}

.innorix_basic .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #13a097;
}

.innorix_basic .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #888;
}

.innorix_basic .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #ccc;
}

.innorix_basic .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_basic .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #13a097;
  color: #fff;
}

.innorix_basic .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #ebebeb;
}

.innorix_basic .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #d9d9d9;
}

.innorix_basic .irx_inner._irx_dragging {
  border: 2px solid #295388;
}

.innorix_basic .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_basic.irx_theme_blood {
  color: #000;
}

.innorix_basic.irx_theme_blood .irx_inner {
  background: red;
  border: 2px solid #8b2b3b;
}

.innorix_basic.irx_theme_blood .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #175676;
}

.innorix_basic.irx_theme_blood .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: maroon;
}

.innorix_basic.irx_theme_blood .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #900;
}

.innorix_basic.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_basic.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #175676;
  color: red;
}

.innorix_basic.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #d60000;
}

.innorix_basic.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #b30000;
}

.innorix_basic.irx_theme_blood .irx_inner._irx_dragging {
  border: 2px solid #000;
}

.innorix_basic.irx_theme_blood .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_basic.irx_theme_darker-than-black {
  color: #aaa;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner {
  background: #333;
  border: 2px solid #333;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #ccc;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #6f6f6f;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #404040;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #ccc;
  color: #333;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #454545;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #262626;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner._irx_dragging {
  border: 2px solid #ff7518;
}

.innorix_basic.irx_theme_darker-than-black .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_basic.irx_theme_boombaya {
  color: #eee5e9;
}

.innorix_basic.irx_theme_boombaya .irx_inner {
  background: #492c1d;
  border: 2px solid #492c1d;
}

.innorix_basic.irx_theme_boombaya .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #66b3ba;
}

.innorix_basic.irx_theme_boombaya .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #9c8983;
}

.innorix_basic.irx_theme_boombaya .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #5b3724;
}

.innorix_basic.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_basic.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #66b3ba;
  color: #492c1d;
}

.innorix_basic.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #633b27;
}

.innorix_basic.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #372116;
}

.innorix_basic.irx_theme_boombaya .irx_inner._irx_dragging {
  border: 2px solid #66b3ba;
}

.innorix_basic.irx_theme_boombaya .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_basic._irx_dragging {
  border: 2px solid #81c7fc;
}

.innorix_basic div {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  position: static;
  white-space: normal;
  overflow: visible;
}

.innorix_basic div.irx_filetree.empty-uploader {
  background-color: #fff;
}
.innorix_basic div.irx_filetree.empty-uploader:before {
  content: "\c5ec\ae30\c5d0\a0\d30c\c77c\c744\a0\b04c\c5b4\a0\c624\c138\c694.";
  display: block;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.innorix_basic div.irx_filetree.empty-downloader {
  background-color: #fff;
}

.innorix_basic div.irx_filetree .irx-empty-download-text {
  color: #6c6c6c;
  position: absolute;
  margin: 0;
  top: 46%;
  width: 100%;
  text-align: center;
  font-size: 25px;
}

.innorix_basic .irx-hidden-input {
  opacity: 0;
}

.innorix_basic div.irx-file-header {
  padding: 5px;
  padding-left: 4px;
  display: none;
  position: fixed;
  width: 100%;
  clear: both;
  background: #fafafa;
  border: 1px solid #dcdcdc;
}

.innorix_basic div.irx-file-header div {
  height: 20px;
}

.innorix_basic div.irx-file-header div.fileheader-checkbox {
  float: left;
  height: 20px;
  width: 20px;
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) -20px 0;
}

.innorix_basic div.irx-file-header div.fileheader-checkbox.active {
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) 0 0;
}

.innorix_basic div.irx-file-header div.irx-file-header-desc {
  float: left;
  margin-right: 5px;
}

.innorix_basic div.irx-file-header div.irx-file-remove-button-wrapper {
  float: none;
}

.innorix_basic div.irx-file-header button.irx-file-remove-button {
  border: 1px solid #cdcdcd;
  color: #646464;
  padding: 0 5px;
  background: #fff;
  margin-right: 5px;
  width: 75px;
}

.innorix_basic div.irx-file-header div.irx-file-download-button-wrapper {
  display: none;
}

.innorix_basic div.irx-file-header button.irx-file-download-button {
  border: 1px solid #cdcdcd;
  color: #646464;
  padding: 0 5px;
  background: #fff;
  width: 75px;
}

.innorix_basic div.irx_filetree {
  width: 100%;
  height: auto !important;
  min-height: 120px;
  max-height: 200px;
  position: relative;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  float: left;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #efefef;
  padding: 5px !important;
  height: 20px;
  background-color: #fff;
  cursor: default;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filetree-checkbox {
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) -20px 0;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.tree-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filename {
  margin-top: 1px;
  margin-left: 2px;
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filesize {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #757575;
  margin-left: 6px;
  margin-top: 1px;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
  margin: 0;
  display: none;
  text-align: right;
  margin-left: auto;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group span.irx_btn_move {
  width: 16px;
  height: 16px;
  cursor: default;
  background: url(/img/innorix/img/move-blue.png) no-repeat;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group span.irx_btn_del {
  width: 15px;
  height: 15px;
  cursor: pointer;
  background: url(/img/innorix/img/close-blue.png) no-repeat;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper:hover .btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.is-removed > div.irx-file-inner-wrapper {
  color: #aaa;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper {
  background-color: #0c93dd;
  color: #fff;
  border-bottom: 1px solid #0c93dd;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.filesize {
  color: #fff;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.filename {
  color: #fff;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.filetree-checkbox {
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) 0 0;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.btn-group span.irx_btn_move {
  background: url(/img/innorix/img/move-white.png) no-repeat;
}

.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.btn-group span.irx_btn_del {
  background: url(/img/innorix/img/close-white.png) no-repeat;
}

.innorix_basic div.irx_infoBox {
  height: auto !important;
  min-height: 120px;
  max-height: 200px;
  background: #fafafa;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper {
  position: relative;
  width: 138px;
  float: left;
  height: 180px;
  padding: 10px;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-canvas-wrapper canvas.irx-chart-canvas {
  margin-top: 5px;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size.file-select {
  height: 50px;
  padding-top: 0;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size {
  height: 43px;
  padding-top: 7px;
  text-align: center;
  margin-top: -88px;
  width: 100%;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size div.selected-file-size {
  color: #2297c7;
  font-size: 14pt;
  height: 23px;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size div.total-file-size {
  color: #757575;
  font-size: 12px;
  border-top: 0 solid #d8d8d8;
  width: 100%;
  margin: auto;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size div.topBorder {
  border-top: 1px solid #d8d8d8;
  width: 30%;
  margin: auto;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-count {
  color: #757575;
  text-align: center;
  margin-top: 45px;
  width: 100%;
  font-size: 12.5px;
  line-height: 15px;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-chart-btn-group {
  position: absolute;
  overflow: hidden;
  right: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-chart-btn-group div.irx-chart-toggle {
  position: absolute;
  width: 15px;
  height: 15px;
  opacity: 1;
  background: url(/img/innorix/img/close-gray.png) no-repeat;
}

.innorix_basic div.irx_infoBox div.irx-preview-wrapper {
  position: relative;
  width: 138px;
  float: left;
  height: 180px;
  padding: 10px;
  display: none;
  background: #fff;
}

.innorix_basic div.irx_infoBox div.irx-preview-wrapper div.irx-preview-element {
  width: 100%;
  height: calc(100% - 30px);
  overflow: hidden;
}

.innorix_basic div.irx_infoBox div.irx-preview-wrapper div.irx-preview-element img.irx-preview-image {
  width: 100%;
  height: auto;
}

.innorix_basic div.irx_infoBox div.irx-preview-wrapper div.irx-preview-element .irx-preview-pdf {
  width: 158px;
  height: 177px;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  border: none;
  pointer-events: none;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
}

.innorix_basic div.irx_infoBox div.irx-preview-wrapper div.irx-preview-file-size {
  height: 15px;
  padding-top: 7px;
  text-align: center;
  margin-top: -5px;
  width: 100%;
  color: #2297c7;
}

.innorix_basic div.irx_infoBox div.irx-preview-wrapper div.irx-preview-file-name {
  color: #2297c7;
  text-align: center;
  margin-top: 2px;
  width: 138px;
  font-size: 12.5px;
  line-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.innorix_basic div.irx_infoBox div.irx-preview-wrapper div.irx-chart-btn-group {
  position: absolute;
  overflow: hidden;
  right: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.innorix_basic div.irx_infoBox div.irx-preview-wrapper div.irx-chart-btn-group div.irx-chart-toggle {
  position: absolute;
  width: 15px;
  height: 15px;
  opacity: 1;
  background: url(/img/innorix/img/close-gray.png) no-repeat;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper {
  position: absolute;
  width: 100%;
  float: left;
  height: 180px;
  padding: 10px;
  display: none;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-canvas-wrapper canvas.irx-chart-canvas {
  margin-top: 5px;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-title {
  padding-top: 7px;
  text-align: center;
  margin-top: 10px;
  color: #002060;
  font-size: 22px;
  font-weight: 700;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-content {
  padding-top: 7px;
  text-align: center;
  color: #002060;
  font-size: 18px;
  font-weight: 700;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-size {
  padding-top: 7px;
  text-align: center;
  margin-top: 50px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #002060;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-size span.massFileNumber {
  color: #00b0f0;
  font-size: 24px;
  height: 23px;
  font-weight: 700;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-size span.massFileText {
  color: #002060;
  font-size: 16px;
  font-weight: 700;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-chart-btn-group {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 16px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-size: 28px;
  font-weight: 700;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-chart-btn-group div.irx-mass-toggle {
  color: #aaafb1;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-chart-btn-group div.irx-mass-toggle:hover {
  color: #002060;
}

.innorix_basic div.irx_infoBox div.irx-mass-wrapper div.irx-mass-wrapper-paper-image {
  background: url(/img/innorix/img/paper-plane.png) left top no-repeat;
  width: 152px;
  height: 79px;
  background-size: 152px 79px;
  position: absolute;
  right: 46px;
  top: 27px;
  margin: auto;
}

.innorix_basic div.circle_loading_wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 1;
}

.innorix_basic div.circle_loading {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border: 5px solid #fff !important;
  border-top: 5px solid #1b89ff !important;
  border-radius: 50em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-animation-name: spinCircle;
          animation-name: spinCircle;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes spinCircle {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes spinCircle {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.innorix_basic.chart-hide div.irx_filetree {
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.innorix_basic.chart-hide div.irx-chart-wrapper {
  display: none;
}

.innorix_basic.preview-show div.irx_filetree {
  min-width: 0;
  width: calc(100% - 160px);
}

.innorix_basic.preview-show div.irx-preview-wrapper {
  display: block !important;
}

.innorix_basic.preview-show div.irx-file-header-list {
  width: calc(100% - 160px);
}

.innorix_basic.preview-show div.irx-chart-wrapper {
  display: none;
}

.__irx.context-menu-layer {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: #000;
  height: 100vw;
  width: 100vw;
  display: none;
  display: none;
}

ul.__irx.context-menu-list {
  margin: 0;
  padding: 2px;
  min-width: 120px;
  max-width: 250px;
  display: none;
  position: fixed;
  list-style-type: none;
  border: 1px solid #979797;
  background: #f0f0f0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  font-family: Dotum, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #333;
  z-index: 102;
}

ul.__irx.context-menu-list li.context-menu-item {
  cursor: pointer;
  padding: 2px 12px;
  background-color: #ebf0f6;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #f0f0f0;
}

ul.__irx.context-menu-list li:hover {
  border: 1px solid #aecff7;
}

.loading-layout {
  width: 100%;
  height: 100%;
  background: rgba(80, 80, 80, 0.2);
  display: none;
}

.loading-layout-file-processing {
  width: 100%;
  height: 100%;
  background: rgba(80, 80, 80, 0.2);
  display: none;
}

.sk-fading-circle {
  margin: auto;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.tree-icon.directory {
  background: url(/img/innorix/icon/directory.png) left top no-repeat;
}

.tree-icon.directory.open {
  background: url(/img/innorix/icon/folder_open.png) left top no-repeat;
}

.tree-icon.expanded {
  background: url(/img/innorix/icon/folder_open.png) left top no-repeat;
}

.tree-icon.wait {
  background: url(/img/innorix/icon/spinner.gif) left top no-repeat;
}

.tree-icon.file-icon {
  background: url(/img/innorix/icon/file.png) left top no-repeat;
}

.tree-icon.file-icon.ext_3gp {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_afp {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_afpa {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_asp {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_aspx {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_avi {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_bat {
  background: url(/img/innorix/icon/application.png) left top no-repeat;
}

.tree-icon.file-icon.ext_bmp {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_c {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_cfm {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_cgi {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_com {
  background: url(/img/innorix/icon/application.png) left top no-repeat;
}

.tree-icon.file-icon.ext_cpp {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_css {
  background: url(/img/innorix/icon/css.png) left top no-repeat;
}

.tree-icon.file-icon.ext_doc {
  background: url(/img/innorix/icon/doc.png) left top no-repeat;
}

.tree-icon.file-icon.ext_docx {
  background: url(/img/innorix/icon/doc.png) left top no-repeat;
}

.tree-icon.file-icon.ext_exe {
  background: url(/img/innorix/icon/application.png) left top no-repeat;
}

.tree-icon.file-icon.ext_gif {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_fla {
  background: url(/img/innorix/icon/flash.png) left top no-repeat;
}

.tree-icon.file-icon.ext_h {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_htm {
  background: url(/img/innorix/icon/html.png) left top no-repeat;
}

.tree-icon.file-icon.ext_html {
  background: url(/img/innorix/icon/html.png) left top no-repeat;
}

.tree-icon.file-icon.ext_jar {
  background: url(/img/innorix/icon/java.png) left top no-repeat;
}

.tree-icon.file-icon.ext_jpg {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_jpeg {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_js {
  background: url(/img/innorix/icon/script.png) left top no-repeat;
}

.tree-icon.file-icon.ext_lasso {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_log {
  background: url(/img/innorix/icon/txt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_m4p {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mov {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mp3 {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mp4 {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mpg {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mpeg {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ogg {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pcx {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pdf {
  background: url(/img/innorix/icon/pdf.png) left top no-repeat;
}

.tree-icon.file-icon.ext_php {
  background: url(/img/innorix/icon/php.png) left top no-repeat;
}

.tree-icon.file-icon.ext_png {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ppt {
  background: url(/img/innorix/icon/ppt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pptx {
  background: url(/img/innorix/icon/ppt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_psd {
  background: url(/img/innorix/icon/psd.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pl {
  background: url(/img/innorix/icon/script.png) left top no-repeat;
}

.tree-icon.file-icon.ext_py {
  background: url(/img/innorix/icon/script.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rb {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rbx {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rhtml {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rpm {
  background: url(/img/innorix/icon/linux.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ruby {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_sql {
  background: url(/img/innorix/icon/db.png) left top no-repeat;
}

.tree-icon.file-icon.ext_swf {
  background: url(/img/innorix/icon/flash.png) left top no-repeat;
}

.tree-icon.file-icon.ext_tif {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_tiff {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_txt {
  background: url(/img/innorix/icon/txt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_vb {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_wav {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_wmv {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_xls {
  background: url(/img/innorix/icon/xls.png) left top no-repeat;
}

.tree-icon.file-icon.ext_xlsx {
  background: url(/img/innorix/icon/xls.png) left top no-repeat;
}

.tree-icon.file-icon.ext_xml {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_zip {
  background: url(/img/innorix/icon/zip.png) left top no-repeat;
}

.tree-icon.file-icon.ext_directory {
  background: url(/img/innorix/icon/directory.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ms4 {
  background: url(/img/innorix/icon/ms4.png) left top no-repeat;
}

.innorix_base ol,
.innorix_base ul,
.innorix_basic ol,
.innorix_basic ul,
.innorix_compact ol,
.innorix_compact ul,
.innorix_input ol,
.innorix_input ul,
.innorix_tester ol,
.innorix_tester ul,
.irx_messageBox ol,
.irx_messageBox ul,
.irx_transferWin ol,
.irx_transferWin ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.innorix_base button,
.innorix_basic button,
.innorix_compact button,
.innorix_input button,
.innorix_tester button,
.irx_messageBox button,
.irx_transferWin button {
  outline: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.innorix_base blockquote,
.innorix_base q,
.innorix_basic blockquote,
.innorix_basic q,
.innorix_compact blockquote,
.innorix_compact q,
.innorix_input blockquote,
.innorix_input q,
.innorix_tester blockquote,
.innorix_tester q,
.irx_messageBox blockquote,
.irx_messageBox q,
.irx_transferWin blockquote,
.irx_transferWin q {
  quotes: none;
}

.innorix_compact {
  border: 2px solid #13a097;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #111;
  padding: 0;
  font-size: 12px;
  position: relative;
}

.innorix_compact .irx_inner {
  background: #fff;
  border: 2px solid #13a097;
}

.innorix_compact .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #13a097;
}

.innorix_compact .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #888;
}

.innorix_compact .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #ccc;
}

.innorix_compact .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_compact .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #13a097;
  color: #fff;
}

.innorix_compact .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #ebebeb;
}

.innorix_compact .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #d9d9d9;
}

.innorix_compact .irx_inner._irx_dragging {
  border: 2px solid #295388;
}

.innorix_compact .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_compact.irx_theme_blood {
  color: #000;
}

.innorix_compact.irx_theme_blood .irx_inner {
  background: red;
  border: 2px solid #8b2b3b;
}

.innorix_compact.irx_theme_blood .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #175676;
}

.innorix_compact.irx_theme_blood .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: maroon;
}

.innorix_compact.irx_theme_blood .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #900;
}

.innorix_compact.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_compact.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #175676;
  color: red;
}

.innorix_compact.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #d60000;
}

.innorix_compact.irx_theme_blood .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #b30000;
}

.innorix_compact.irx_theme_blood .irx_inner._irx_dragging {
  border: 2px solid #000;
}

.innorix_compact.irx_theme_blood .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_compact.irx_theme_darker-than-black {
  color: #aaa;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner {
  background: #333;
  border: 2px solid #333;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #ccc;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #6f6f6f;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #404040;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #ccc;
  color: #333;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #454545;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #262626;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner._irx_dragging {
  border: 2px solid #ff7518;
}

.innorix_compact.irx_theme_darker-than-black .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_compact.irx_theme_boombaya {
  color: #eee5e9;
}

.innorix_compact.irx_theme_boombaya .irx_inner {
  background: #492c1d;
  border: 2px solid #492c1d;
}

.innorix_compact.irx_theme_boombaya .irx_inner .irx_contents .irx_infoBox .irx_top .irx_size {
  color: #66b3ba;
}

.innorix_compact.irx_theme_boombaya .irx_inner .irx_contents .irx_infoBox .irx_top .irx_unit {
  color: #9c8983;
}

.innorix_compact.irx_theme_boombaya .irx_inner .irx_listGrid_wrap {
  border-left: 2px solid #5b3724;
}

.innorix_compact.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li {
  cursor: pointer;
}

.innorix_compact.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li .irx_remove {
  background: #66b3ba;
  color: #492c1d;
}

.innorix_compact.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li.irx_odd {
  background: #633b27;
}

.innorix_compact.irx_theme_boombaya .irx_inner .irx_listGrid_wrap .irx_listGrid li.selected {
  background: #372116;
}

.innorix_compact.irx_theme_boombaya .irx_inner._irx_dragging {
  border: 2px solid #66b3ba;
}

.innorix_compact.irx_theme_boombaya .irx_inner .irx_empty {
  color: #aaa;
}

.innorix_compact._irx_dragging {
  border: 2px solid #81c7fc;
}

.innorix_compact div {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  position: static;
  white-space: normal;
  overflow: visible;
}

.innorix_compact div.irx_filetree.empty-uploader {
  background: url(/img/innorix/img/dropzone.png) no-repeat center center;
  background-color: #fff;
}

.innorix_compact div.irx_filetree.empty-downloader {
  background-color: #fff;
}

.innorix_compact div.irx_filetree .irx-empty-download-text {
  color: #6c6c6c;
  position: absolute;
  margin: 0;
  top: 46%;
  width: 100%;
  text-align: center;
  font-size: 25px;
}

.innorix_compact div.irx_filetree {
  width: 100%;
  height: 120px;
  position: relative;
  border-right: 1px solid #dcdcdc;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  float: left;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #efefef;
  padding: 5px;
  padding-left: 5px;
  height: 20px;
  background-color: #fff;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div {
  float: left;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filetree-checkbox {
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) -20px 0;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.tree-icon {
  width: 18px;
  height: 18px;
  margin-left: 4px;
  margin-top: 2px;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filename {
  margin-top: 1px;
  margin-left: 2px;
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filesize {
  color: #757575;
  margin-left: 10px;
  margin-top: 1px;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filestatus {
  float: right;
  clear: both;
  padding: 0;
  margin: 0;
  margin-top: -20px;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
  display: none;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group {
  float: right;
  clear: both;
  padding: 0;
  margin: 0;
  margin-top: -20px;
  display: none;
  text-align: right;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group span.irx_btn_move {
  position: absolute;
  margin-left: -50px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  cursor: default;
  background: url(/img/innorix/img/move-blue.png) no-repeat;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group span.irx_btn_del {
  position: absolute;
  margin-left: -30px;
  margin-top: 3px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background: url(/img/innorix/img/close-blue.png) no-repeat;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper:hover .btn-group {
  display: block;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.is-removed > div.irx-file-inner-wrapper {
  color: #aaa;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper {
  background-color: #0c93dd;
  color: #fff;
  border-bottom: 1px solid #0c93dd;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.filesize {
  color: #fff;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.filetree-checkbox {
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) 0 0;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.btn-group span.irx_btn_move {
  background: url(/img/innorix/img/move-white.png) no-repeat;
}

.innorix_compact div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.btn-group span.irx_btn_del {
  background: url(/img/innorix/img/close-white.png) no-repeat;
}

.innorix_compact div.irx_infoBox {
  background: #fafafa;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper {
  position: relative;
  width: 138px;
  float: left;
  height: 180px;
  padding: 10px;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper div.irx-canvas-wrapper canvas.irx-chart-canvas {
  margin-top: 5px;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size.file-select {
  height: 50px;
  padding-top: 0;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size {
  height: 43px;
  padding-top: 7px;
  text-align: center;
  margin-top: -88px;
  width: 100%;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size div.selected-file-size {
  color: #2297c7;
  font-size: 14pt;
  height: 23px;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size div.total-file-size {
  color: #757575;
  font-size: 12px;
  border-top: 0 solid #d8d8d8;
  width: 100%;
  margin: auto;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size div.topBorder {
  border-top: 1px solid #d8d8d8;
  width: 30%;
  margin: auto;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-count {
  color: #757575;
  text-align: center;
  margin-top: 45px;
  width: 100%;
  font-size: 12.5px;
  line-height: 15px;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper div.irx-chart-btn-group {
  position: absolute;
  overflow: hidden;
  right: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.innorix_compact div.irx_infoBox div.irx-chart-wrapper div.irx-chart-btn-group div.irx-chart-toggle {
  position: absolute;
  width: 15px;
  height: 15px;
  opacity: 1;
  background: url(/img/innorix/img/close-gray.png) no-repeat;
}

.innorix_compact div.irx_infoBox div.irx-preview-wrapper {
  position: relative;
  width: 138px;
  float: left;
  height: 180px;
  padding: 10px;
  display: none;
  background: #fff;
}

.innorix_compact div.irx_infoBox div.irx-preview-wrapper div.irx-preview-element {
  width: 100%;
  height: calc(100% - 30px);
  overflow: hidden;
}

.innorix_compact div.irx_infoBox div.irx-preview-wrapper div.irx-preview-element img.irx-preview-image {
  width: 100%;
  height: auto;
}

.innorix_compact div.irx_infoBox div.irx-preview-wrapper div.irx-preview-element .irx-preview-pdf {
  width: 158px;
  height: 177px;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  border: none;
  pointer-events: none;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
}

.innorix_compact div.irx_infoBox div.irx-preview-wrapper div.irx-preview-file-size {
  height: 15px;
  padding-top: 7px;
  text-align: center;
  margin-top: -5px;
  width: 100%;
  color: #2297c7;
}

.innorix_compact div.irx_infoBox div.irx-preview-wrapper div.irx-preview-file-name {
  color: #2297c7;
  text-align: center;
  margin-top: 2px;
  width: 138px;
  font-size: 12.5px;
  line-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.innorix_compact div.irx_infoBox div.irx-preview-wrapper div.irx-chart-btn-group {
  position: absolute;
  overflow: hidden;
  right: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.innorix_compact div.irx_infoBox div.irx-preview-wrapper div.irx-chart-btn-group div.irx-chart-toggle {
  position: absolute;
  width: 15px;
  height: 15px;
  opacity: 1;
  background: url(/img/innorix/img/close-gray.png) no-repeat;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper {
  position: absolute;
  width: 100%;
  float: left;
  height: 180px;
  padding: 10px;
  display: none;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-canvas-wrapper canvas.irx-chart-canvas {
  margin-top: 5px;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-title {
  padding-top: 7px;
  text-align: center;
  margin-top: 10px;
  color: #002060;
  font-size: 22px;
  font-weight: 700;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-content {
  padding-top: 7px;
  text-align: center;
  color: #002060;
  font-size: 18px;
  font-weight: 700;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-size {
  padding-top: 7px;
  text-align: center;
  margin-top: 50px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #002060;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-size span.massFileNumber {
  color: #00b0f0;
  font-size: 24px;
  height: 23px;
  font-weight: 700;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-mass-file-size span.massFileText {
  color: #002060;
  font-size: 16px;
  font-weight: 700;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-chart-btn-group {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 16px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-size: 28px;
  font-weight: 700;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-chart-btn-group div.irx-mass-toggle {
  color: #aaafb1;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-chart-btn-group div.irx-mass-toggle:hover {
  color: #002060;
}

.innorix_compact div.irx_infoBox div.irx-mass-wrapper div.irx-mass-wrapper-paper-image {
  background: url(/img/innorix/img/paper-plane.png) left top no-repeat;
  width: 152px;
  height: 79px;
  background-size: 152px 79px;
  position: absolute;
  right: 46px;
  top: 27px;
  margin: auto;
}

.innorix_compact div.circle_loading_wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 1;
}

.innorix_compact div.circle_loading {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border: 5px solid #fff !important;
  border-top: 5px solid #1b89ff !important;
  border-radius: 50em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-animation-name: spinCircle;
          animation-name: spinCircle;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@keyframes spinCircle {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.innorix_compact.chart-hide div.irx_filetree {
  min-width: 100%;
}

.innorix_compact.chart-hide div.irx-chart-wrapper {
  display: none;
}

.innorix_basic.preview-show div.irx_filetree {
  min-width: 0;
  width: calc(100% - 160px);
}

.innorix_basic.preview-show div.irx-preview-wrapper {
  display: block !important;
}

.innorix_basic.preview-show div.irx-file-header-list {
  width: calc(100% - 160px);
}

.innorix_basic.preview-show div.irx-chart-wrapper {
  display: none;
}

.__irx.context-menu-layer {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: #000;
  height: 100vw;
  width: 100vw;
  display: none;
  display: none;
}

ul.__irx.context-menu-list {
  margin: 0;
  padding: 2px;
  min-width: 120px;
  max-width: 250px;
  display: none;
  position: fixed;
  list-style-type: none;
  border: 1px solid #979797;
  background: #f0f0f0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  font-family: Dotum, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #333;
  z-index: 102;
}

ul.__irx.context-menu-list li.context-menu-item {
  cursor: pointer;
  padding: 2px 12px;
  background-color: #ebf0f6;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #f0f0f0;
}

ul.__irx.context-menu-list li:hover {
  border: 1px solid #aecff7;
}

.loading-layout {
  width: 100%;
  height: 100%;
  background: rgba(80, 80, 80, 0.2);
  display: none;
}

.loading-layout-file-processing {
  width: 100%;
  height: 100%;
  background: rgba(80, 80, 80, 0.2);
  display: none;
}

.sk-fading-circle {
  margin: auto;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.tree-icon.directory {
  background: url(/img/innorix/icon/directory.png) left top no-repeat;
}

.tree-icon.directory.open {
  background: url(/img/innorix/icon/folder_open.png) left top no-repeat;
}

.tree-icon.expanded {
  background: url(/img/innorix/icon/folder_open.png) left top no-repeat;
}

.tree-icon.wait {
  background: url(/img/innorix/icon/spinner.gif) left top no-repeat;
}

.tree-icon.file-icon {
  background: url(/img/innorix/icon/file.png) left top no-repeat;
}

.tree-icon.file-icon.ext_3gp {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_afp {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_afpa {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_asp {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_aspx {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_avi {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_bat {
  background: url(/img/innorix/icon/application.png) left top no-repeat;
}

.tree-icon.file-icon.ext_bmp {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_c {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_cfm {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_cgi {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_com {
  background: url(/img/innorix/icon/application.png) left top no-repeat;
}

.tree-icon.file-icon.ext_cpp {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_css {
  background: url(/img/innorix/icon/css.png) left top no-repeat;
}

.tree-icon.file-icon.ext_doc {
  background: url(/img/innorix/icon/doc.png) left top no-repeat;
}

.tree-icon.file-icon.ext_docx {
  background: url(/img/innorix/icon/doc.png) left top no-repeat;
}

.tree-icon.file-icon.ext_exe {
  background: url(/img/innorix/icon/application.png) left top no-repeat;
}

.tree-icon.file-icon.ext_gif {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_fla {
  background: url(/img/innorix/icon/flash.png) left top no-repeat;
}

.tree-icon.file-icon.ext_h {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_htm {
  background: url(/img/innorix/icon/html.png) left top no-repeat;
}

.tree-icon.file-icon.ext_html {
  background: url(/img/innorix/icon/html.png) left top no-repeat;
}

.tree-icon.file-icon.ext_jar {
  background: url(/img/innorix/icon/java.png) left top no-repeat;
}

.tree-icon.file-icon.ext_jpg {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_jpeg {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_js {
  background: url(/img/innorix/icon/script.png) left top no-repeat;
}

.tree-icon.file-icon.ext_lasso {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_log {
  background: url(/img/innorix/icon/txt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_m4p {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mov {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mp3 {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mp4 {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mpg {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_mpeg {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ogg {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pcx {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pdf {
  background: url(/img/innorix/icon/pdf.png) left top no-repeat;
}

.tree-icon.file-icon.ext_php {
  background: url(/img/innorix/icon/php.png) left top no-repeat;
}

.tree-icon.file-icon.ext_png {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ppt {
  background: url(/img/innorix/icon/ppt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pptx {
  background: url(/img/innorix/icon/ppt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_psd {
  background: url(/img/innorix/icon/psd.png) left top no-repeat;
}

.tree-icon.file-icon.ext_pl {
  background: url(/img/innorix/icon/script.png) left top no-repeat;
}

.tree-icon.file-icon.ext_py {
  background: url(/img/innorix/icon/script.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rb {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rbx {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rhtml {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_rpm {
  background: url(/img/innorix/icon/linux.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ruby {
  background: url(/img/innorix/icon/ruby.png) left top no-repeat;
}

.tree-icon.file-icon.ext_sql {
  background: url(/img/innorix/icon/db.png) left top no-repeat;
}

.tree-icon.file-icon.ext_swf {
  background: url(/img/innorix/icon/flash.png) left top no-repeat;
}

.tree-icon.file-icon.ext_tif {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_tiff {
  background: url(/img/innorix/icon/picture.png) left top no-repeat;
}

.tree-icon.file-icon.ext_txt {
  background: url(/img/innorix/icon/txt.png) left top no-repeat;
}

.tree-icon.file-icon.ext_vb {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_wav {
  background: url(/img/innorix/icon/music.png) left top no-repeat;
}

.tree-icon.file-icon.ext_wmv {
  background: url(/img/innorix/icon/film.png) left top no-repeat;
}

.tree-icon.file-icon.ext_xls {
  background: url(/img/innorix/icon/xls.png) left top no-repeat;
}

.tree-icon.file-icon.ext_xlsx {
  background: url(/img/innorix/icon/xls.png) left top no-repeat;
}

.tree-icon.file-icon.ext_xml {
  background: url(/img/innorix/icon/code.png) left top no-repeat;
}

.tree-icon.file-icon.ext_zip {
  background: url(/img/innorix/icon/zip.png) left top no-repeat;
}

.tree-icon.file-icon.ext_directory {
  background: url(/img/innorix/icon/directory.png) left top no-repeat;
}

.tree-icon.file-icon.ext_ms4 {
  background: url(/img/innorix/icon/ms4.png) left top no-repeat;
}

.innorix_base ol,
.innorix_base ul,
.innorix_basic ol,
.innorix_basic ul,
.innorix_compact ol,
.innorix_compact ul,
.innorix_input ol,
.innorix_input ul,
.innorix_tester ol,
.innorix_tester ul,
.irx_messageBox ol,
.irx_messageBox ul,
.irx_transferWin ol,
.irx_transferWin ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.innorix_base button,
.innorix_basic button,
.innorix_compact button,
.innorix_input button,
.innorix_tester button,
.irx_messageBox button,
.irx_transferWin button {
  outline: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.innorix_base blockquote,
.innorix_base q,
.innorix_basic blockquote,
.innorix_basic q,
.innorix_compact blockquote,
.innorix_compact q,
.innorix_input blockquote,
.innorix_input q,
.innorix_tester blockquote,
.innorix_tester q,
.irx_messageBox blockquote,
.irx_messageBox q,
.irx_transferWin blockquote,
.irx_transferWin q {
  quotes: none;
}

.irx_transferWin_wrapper {
  background: 0 0;
  position: fixed;
  *position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1111111;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.irx_transferWin_wrapper div {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  overflow: visible;
  white-space: normal;
}

.irx_transferWin.show-graph .irx_container .irx_graph_wrapper {
  display: block;
}

.irx_transferWin.show-graph {
  height: 281px;
}

.irx_transferWin.show-qr .irx_container .irx_qr_wrapper {
  display: block;
}

.irx_transferWin.show-qr {
  height: 281px;
}

.irx_transferWin {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
  width: 500px;
  height: auto;
  background: #f5f5f5;
  color: #646464;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -250px;
  -webkit-box-shadow: 0 0 5px 2px #999;
          box-shadow: 0 0 5px 2px #999;
  border: none;
}

.irx_transferWin .irx_header {
  background: #53595f;
  color: #fff;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  position: static;
}

.irx_transferWin .irx_header .irx_close {
  background: url(/img/innorix/img/innorix_trnWindow_btn_close.png);
  border: 0;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  float: right;
  overflow: hidden;
}

.irx_transferWin .irx_container {
  border-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  height: auto;
  position: static;
}

.irx_transferWin .irx_container .irx_folderPath_wrapper,
.irx_transferWin .irx_container .irx_indicator,
.irx_transferWin .irx_container .irx_progress {
  margin-left: 20px;
  position: static;
}

.irx_transferWin .irx_container .irx_folderPath_wrapper .irx_folderPath,
.irx_transferWin .irx_container .irx_indicator .irx_folderPath,
.irx_transferWin .irx_container .irx_progress .irx_folderPath {
  width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.irx_transferWin .irx_container .irx_center {
  margin-right: 20px;
}

.irx_transferWin .irx_container .irx_center .irx_status {
  margin-left: 20px;
  text-align: left;
}

.irx_transferWin .irx_container .irx_speed_light {
  height: 6px;
}

.irx_transferWin .irx_container .irx_speed_light .irx_speed1,
.irx_transferWin .irx_container .irx_speed_light .irx_speed2,
.irx_transferWin .irx_container .irx_speed_light .irx_speed3 {
  float: left;
  background: url(/img/innorix/img/innorix_trnWindow_speed_colors.gif);
  display: block;
  width: 6px;
  height: 6px;
  margin-right: 2px;
}

.irx_transferWin .irx_container .irx_speed_light .innorix_on.irx_speed1,
.irx_transferWin .irx_container .irx_speed_light .innorix_on.irx_speed2,
.irx_transferWin .irx_container .irx_speed_light .innorix_on.irx_speed3 {
  background-position: 0 -30px;
}

.irx_transferWin .irx_container .irx_speed_light .irx_speed1 {
  background-position: 0 0;
}

.irx_transferWin .irx_container .irx_speed_light .irx_speed2 {
  background-position: 0 -10px;
}

.irx_transferWin .irx_container .irx_speed_light .irx_speed3 {
  background-position: 0 -20px;
}

.irx_transferWin .irx_container .irx_validate_progress_server {
  position: absolute;
  width: 0;
  background: #5fb321;
  top: 63px;
  left: 21px;
  height: 3px;
}

.irx_transferWin .irx_container .irx_progress {
  margin-top: 5px;
  position: relative;
  width: 458px;
  height: 30px;
  background: #c9cfd6;
}

.irx_thumb_progress .irx_transferWin .irx_container .irx_progress .irx_thumb_progressBar,
.irx_transferWin .irx_container .irx_progress .irx_progressBar,
.irx_transferWin .irx_container .irx_progress .irx_progressStr_left,
.irx_transferWin .irx_container .irx_progress .irx_progressStr_right,
.irx_transferWin .irx_container .irx_progress .irx_thumb_progress .irx_thumb_progressBar {
  position: absolute;
  width: 438px;
  height: 30px;
}

.irx_transferWin .irx_container .irx_progress .irx_progressStr_left,
.irx_transferWin .irx_container .irx_progress .irx_progressStr_right {
  text-align: left;
  line-height: 30px;
  left: 10px;
}

.irx_transferWin .irx_container .irx_progress .irx_progressStr_right {
  text-align: right;
}

.irx_transferWin .irx_container .irx_progress .irx_progressBar {
  width: 0;
  background: #0c93dd;
  overflow: hidden;
}

.irx_transferWin .irx_container .irx_progress .irx_progressBar > .irx_progressStr_left,
.irx_transferWin .irx_container .irx_progress .irx_progressBar > .irx_progressStr_right {
  color: #fff;
}

.irx_transferWin .irx_container .irx_progress .irx_progressBar .irx_validate_progress {
  position: absolute;
  width: 0;
  background: #5fb321;
  top: 26px;
  height: 3px;
}

.irx_transferWin .irx_container .irx_center .irx_btnGroup .enable,
.irx_transferWin .irx_container .irx_center .irx_qr_code,
.irx_transferWin .irx_container .irx_center .irx_toggle_graph,
.irx_transferWin .irx_container .irx_center .irx_trn_status,
.irx_transferWin .irx_container .irx_folderPath .irx_folderDialog {
  text-indent: -9999px;
  overflow: hidden;
  background: url(/img/innorix/img/innorix_trnWindow_icons.gif);
  width: 18px;
  height: 18px;
  margin-right: 3px;
  border: 0;
  vertical-align: middle;
}

.irx_transferWin .irx_container .irx_center {
  margin-top: 10px;
  height: 18px;
  position: relative;
}

.irx_transferWin .irx_container .irx_center .irx_btnGroup {
  position: absolute;
  top: 0;
  right: 0;
}

.irx_transferWin .irx_container .irx_center .irx_controller {
  background: #4aa3df;
  color: #fff;
  border: 0;
  width: 80px;
  height: 25px;
  vertical-align: middle;
  font-size: 12px;
}

.irx_transferWin .irx_container .irx_center .irx_controller.irx_on {
  background: #8bc4ea;
}

.irx_transferWin .irx_container .irx_center .irx_toggle_graph {
  background: url(/img/innorix/img/wp_graph.png);
}

.irx_transferWin .irx_container .irx_center .irx_trn_status {
  background-position: -36px -18px;
}

.irx_transferWin .irx_container .irx_center .irx_trn_status.irx_warn {
  background-position: -18px -18px;
}

.irx_transferWin .irx_container .irx_center .irx_trn_status.irx_error {
  background-position: 0 -18px;
}

.irx_transferWin .irx_container .irx_center .irx_qr_code {
  background: url(/img/innorix/img/qrcode2.png);
  display: none;
}

.irx_transferWin .irx_container .irx_center .irx_btnGroup .enable {
  background: url(/img/innorix/img/qrcode1.png);
}

.irx_transferWin .irx_container .irx_folderPath_wrapper {
  height: 20px;
}

.irx_transferWin .irx_container .irx_folderPath .irx_folderDialog {
  background-position: -36px 0;
}

.irx_transferWin .irx_container .irx_folderPath .irx_folderPath_str {
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
}

.irx_transferWin .irx_container .irx_message_wrapper {
  display: none;
  color: #646464;
  font-size: 12px;
  min-height: 20px;
  max-height: 60px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  word-break: break-all;
  overflow: hidden;
}

.irx_transferWin .irx_container .irx_bottom {
  position: absolute;
  bottom: 10px;
  left: 20px;
  color: #b6b6b6;
  font-size: 11px;
}

.irx_transferWin .irx_container .irx_bottom_policy {
  margin-left: 20px;
  margin-bottom: 10px;
  display: none;
}

.irx_transferWin .irx_container .irx_bottom_policy input[type=checkbox] {
  position: relative;
  top: 2px;
}

.irx_transferWin .irx_container .irx_trn_graph {
  background: url(/img/innorix/img/innorix_devTool_graph_close_btn.png);
}

.irx_transferWin .irx_container .irx_graph_wrapper {
  display: none;
  position: relative;
  width: 100%;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  background: url(/img/innorix/img/innorix_trnWindow_graph_bg.png);
  height: 100px;
  color: #b6b6b6;
  font-size: 11px;
  overflow: hidden;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.irx_transferWin .irx_container .irx_qr_wrapper {
  display: none;
  position: relative;
  width: 100%;
  border: 1px solid #53595f;
  border-top: 1px solid #b4b5b5;
  background-color: #f9f9f7;
  height: 165px;
  color: #b6b6b6;
  font-size: 11px;
  overflow: hidden;
  margin-top: 36px;
  margin-left: -1px;
  -webkit-box-shadow: 0 3px 5px 2px #999;
          box-shadow: 0 3px 5px 2px #999;
}

.irx_transferWin .irx_container .irx_qr_wrapper .gplayLogo {
  background: url(/img/innorix/img/google.png) no-repeat;
  background-size: 25%;
  background-color: #f9f9f7;
  height: 48px;
  margin-top: 30px;
  margin-left: 20px;
  display: none;
}

.irx_transferWin .irx_container .irx_qr_wrapper .desc {
  color: #646464;
  font-size: 12px;
  margin-left: 20px;
  width: 250px;
  display: none;
}

.irx_transferWin .irx_container .irx_qr_wrapper .qr_code img {
  position: absolute;
  top: 15px;
  padding: 3px;
  left: 0;
  right: 0;
  margin: auto;
}

.irx_transferWin .irx_container .irx_graph_wrapper .innorix_avg_trn_rate,
.irx_transferWin .irx_container .irx_graph_wrapper .innorix_trn_rate {
  position: absolute;
  height: 80px;
  top: 20px;
  width: 100%;
}

.irx_transferWin .irx_container .irx_avg_trn_rate_txt {
  position: absolute;
  left: 20px;
  top: 30px;
  color: #323232;
  font-size: 12px;
}

.irx_transferWin .irx_container .innorix_jqstooltip {
  background-color: rgba(0, 0, 0, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#80000000");
  position: absolute;
  padding: 5px;
  border: 1px solid #fff;
  z-index: 1111112;
  white-space: nowrap;
  text-align: left;
  color: #fff;
  font: 10px arial, san serif;
}

.irx_transferWin div.irx_filetree.empty-uploader {
  background: url(/img/innorix/img/dropzone.png) no-repeat center center;
  background-color: #fff;
}

.irx_transferWin div.irx_filetree.empty-downloader {
  background-color: #fff;
}

.irx_transferWin div.irx_filetree .irx-empty-download-text {
  color: #6c6c6c;
  position: absolute;
  margin: 0;
  top: 46%;
  width: 100%;
  text-align: center;
  font-size: 25px;
}

.irx_transferWin div.irx_filetree {
  width: 454px;
  height: 140px;
  border: 2px solid #13a097;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  left: 20px;
  right: 0;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  display: none;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #efefef;
  padding: 5px;
  padding-left: 5px;
  height: 20px;
  background-color: #fff;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div {
  float: left;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filetree-checkbox {
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) -20px 0;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.tree-icon {
  width: 18px;
  height: 18px;
  margin-left: 4px;
  margin-top: 2px;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filename {
  margin-top: 1px;
  margin-left: 2px;
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filesize {
  color: #757575;
  margin-left: 10px;
  margin-top: 1px;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filestatus {
  float: right;
  clear: both;
  padding: 0;
  margin: 0;
  margin-top: -20px;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group {
  float: right;
  clear: both;
  padding: 0;
  margin: 0;
  margin-top: -20px;
  display: none;
  text-align: right;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group span.irx_btn_move {
  position: absolute;
  margin-left: -50px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  cursor: default;
  background: url(/img/innorix/img/move-blue.png) no-repeat;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.btn-group span.irx_btn_del {
  position: absolute;
  margin-left: -30px;
  margin-top: 3px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background: url(/img/innorix/img/close-blue.png) no-repeat;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper:hover .btn-group {
  display: none;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.is-removed > div.irx-file-inner-wrapper {
  color: #aaa;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper {
  background-color: #0c93dd;
  color: #fff;
  border-bottom: 1px solid #0c93dd;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.filesize {
  color: #fff;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.filetree-checkbox {
  background: url(/img/innorix/img/innorix_control_list_checkbox.png) 0 0;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.btn-group span.irx_btn_move {
  background: url(/img/innorix/img/move-white.png) no-repeat;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper.selected > div.irx-file-inner-wrapper div.btn-group span.irx_btn_del {
  background: url(/img/innorix/img/close-white.png) no-repeat;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list .filetree-checkbox {
  display: none;
}

.irx_transferWin div.irx_filetree ul.irx_filetree_list .btn-group {
  display: none;
}

.transferCompact {
  margin-top: 0 !important;
  height: auto;
}

.transferCompact > .irx_container > .irx_graph_wrapper {
  margin-top: 28px;
}

.transferCompact.download > .irx_container > .irx_folderPath_wrapper {
  margin-top: -10px !important;
}

.transferCompact > .irx_container > .irx_folderPath_wrapper > .irx_folderPath {
  position: relative !important;
  top: -238px !important;
}

.transferCompact > .irx_container > .irx_validate_progress_server {
  top: 227px !important;
}

.transferCompact > .irx_container > .irx_message_wrapper {
  margin-top: 0;
}

.transferCompactP {
  margin-top: 0 !important;
  height: auto;
}

.transferCompactP > .irx_container > .irx_graph_wrapper {
  margin-top: 38px;
}

.transferCompactP.download > .irx_container > .irx_folderPath_wrapper {
  margin-top: -10px !important;
}

.transferCompactP > .irx_container > .irx_folderPath_wrapper > .irx_folderPath {
  position: relative !important;
  top: -238px !important;
}

.transferCompactP > .irx_container > .irx_validate_progress_server {
  top: 227px !important;
}

.transferCompactP > .irx_container > .irx_message_wrapper {
  margin-top: 0;
}

.irx_thumb_progress {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -150px;
  width: 258px;
  height: 15px;
  background: #c9cfd6;
  border-radius: 5px;
}

.irx_thumb_progress .irx_thumb_progressBar,
.irx_thumb_progress .irx_transferWin .irx_container .irx_progress .irx_progressBar,
.irx_thumb_progress .irx_transferWin .irx_container .irx_progress .irx_progressStr_left,
.irx_thumb_progress .irx_transferWin .irx_container .irx_progress .irx_progressStr_right,
.irx_transferWin .irx_container .irx_progress .irx_thumb_progress .irx_progressBar,
.irx_transferWin .irx_container .irx_progress .irx_thumb_progress .irx_progressStr_left,
.irx_transferWin .irx_container .irx_progress .irx_thumb_progress .irx_progressStr_right {
  position: absolute;
  width: 238px;
  height: 15px;
}

.irx_thumb_progress .irx_thumb_progressBar {
  border-radius: 5px;
  width: 0;
  background: #0c93dd;
  overflow: hidden;
}

.innorix_base ol,
.innorix_base ul,
.innorix_basic ol,
.innorix_basic ul,
.innorix_compact ol,
.innorix_compact ul,
.innorix_input ol,
.innorix_input ul,
.innorix_tester ol,
.innorix_tester ul,
.irx_messageBox ol,
.irx_messageBox ul,
.irx_transferWin ol,
.irx_transferWin ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.innorix_base button,
.innorix_basic button,
.innorix_compact button,
.innorix_input button,
.innorix_tester button,
.irx_messageBox button,
.irx_transferWin button {
  outline: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.innorix_base blockquote,
.innorix_base q,
.innorix_basic blockquote,
.innorix_basic q,
.innorix_compact blockquote,
.innorix_compact q,
.innorix_input blockquote,
.innorix_input q,
.innorix_tester blockquote,
.innorix_tester q,
.irx_messageBox blockquote,
.irx_messageBox q,
.irx_transferWin blockquote,
.irx_transferWin q {
  quotes: none;
}

.irx_messageBox_wrapper {
  background: 0 0;
  position: fixed;
  *position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

.irx_messageBox {
  position: absolute;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  top: 50%;
  height: 30px;
  margin-top: -15px;
  background: #282a36;
  border-radius: 8px;
  text-align: center;
  line-height: 30px;
  font-size: 11px;
  color: #fff;
}

.file-control-wrap .buttons {
  margin: 0;
  padding: 4px;
  border: 1px solid #d8d8d8;
  border-radius: 0 0 8px 8px;
  border-top: 0;
  gap: 0;
}
.file-control-wrap .buttons .button {
  min-width: 120px;
  padding: 0;
  height: 26px;
  border: 0;
  border-radius: 0;
}
.file-control-wrap .buttons .button + .button {
  border-left: 1px solid #d8d8d8;
}
@media screen and (max-width: 499px) {
  .file-control-wrap .buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .file-control-wrap .buttons .button {
    min-width: 110px;
    width: auto;
  }
}

.group-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.group-range {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.group-range-start, .group-range-end {
  padding-right: 25px;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNyA3LjdIMTcuM1YxNkMxNy4zIDE2LjcxOCAxNi43MTggMTcuMyAxNiAxNy4zSDRDMy4yODIwMyAxNy4zIDIuNyAxNi43MTggMi43IDE2VjcuN1oiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz4KPHJlY3QgeD0iNS43MDAyIiB5PSIxMS42MDAxIiB3aWR0aD0iMS44IiBoZWlnaHQ9IjEuOCIgcng9IjAuOSIgZmlsbD0iIzJEMkQyRCIvPgo8cmVjdCB4PSI5LjEwMDIyIiB5PSIxMS42MDAxIiB3aWR0aD0iMS44IiBoZWlnaHQ9IjEuOCIgcng9IjAuOSIgZmlsbD0iIzJEMkQyRCIvPgo8cmVjdCB4PSIxMi41MDAyIiB5PSIxMS42MDAxIiB3aWR0aD0iMS44IiBoZWlnaHQ9IjEuOCIgcng9IjAuOSIgZmlsbD0iIzJEMkQyRCIvPgo8cmVjdCB4PSI2LjM1IiB5PSIyLjM1IiB3aWR0aD0iMC43IiBoZWlnaHQ9IjEuMyIgcng9IjAuMzUiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KPHJlY3QgeD0iMTIuOTUiIHk9IjIuMzUiIHdpZHRoPSIwLjciIGhlaWdodD0iMS4zIiByeD0iMC4zNSIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjAuNyIvPgo8bWFzayBpZD0icGF0aC03LWluc2lkZS0xXzY2Nl8yNDg5OSIgZmlsbD0id2hpdGUiPgo8cGF0aCBkPSJNMiA1QzIgMy44OTU0MyAyLjg5NTQzIDMgNCAzSDE2QzE3LjEwNDYgMyAxOCAzLjg5NTQzIDE4IDVWOEgyVjVaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTAuNiA1QzAuNiAzLjEyMjIzIDIuMTIyMjMgMS42IDQgMS42SDE2QzE3Ljg3NzggMS42IDE5LjQgMy4xMjIyMyAxOS40IDVIMTYuNkMxNi42IDQuNjY4NjMgMTYuMzMxNCA0LjQgMTYgNC40SDRDMy42Njg2MyA0LjQgMy40IDQuNjY4NjMgMy40IDVIMC42Wk0xOCA4SDJIMThaTTAuNiA4VjVDMC42IDMuMTIyMjMgMi4xMjIyMyAxLjYgNCAxLjZWNC40QzMuNjY4NjMgNC40IDMuNCA0LjY2ODYzIDMuNCA1VjhIMC42Wk0xNiAxLjZDMTcuODc3OCAxLjYgMTkuNCAzLjEyMjIzIDE5LjQgNVY4SDE2LjZWNUMxNi42IDQuNjY4NjMgMTYuMzMxNCA0LjQgMTYgNC40VjEuNloiIGZpbGw9IiMyRDJEMkQiIG1hc2s9InVybCgjcGF0aC03LWluc2lkZS0xXzY2Nl8yNDg5OSkiLz4KPC9zdmc+Cg==) no-repeat center right 5px;
}

.input-time-wrap .flatpickr-input {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZWMTBIMTQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcuMyAxMEMxNy4zIDE0LjAzMTYgMTQuMDMxNiAxNy4zIDEwIDE3LjNDNS45NjgzMiAxNy4zIDIuNyAxNC4wMzE2IDIuNyAxMEMyLjcgNS45NjgzMiA1Ljk2ODMyIDIuNyAxMCAyLjdDMTQuMDMxNiAyLjcgMTcuMyA1Ljk2ODMyIDE3LjMgMTBaIiBzdHJva2U9IiMyRDJEMkQiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat center right 5px;
}
.input-time-wrap .flatpickr-input:not(:-moz-placeholder-shown) {
  padding-right: 50px;
}
.input-time-wrap .flatpickr-input:not(:-ms-input-placeholder) {
  padding-right: 50px;
}
.input-time-wrap .flatpickr-input:not(:placeholder-shown) {
  padding-right: 50px;
}
.input-time-wrap .flatpickr-input:not(:-moz-placeholder-shown) + .btn-clear {
  display: block;
  right: 28px;
}
.input-time-wrap .flatpickr-input:not(:-ms-input-placeholder) + .btn-clear {
  display: block;
  right: 28px;
}
.input-time-wrap .flatpickr-input:not(:placeholder-shown) + .btn-clear {
  display: block;
  right: 28px;
}
.input-time-wrap .flatpickr-input + .btn-clear {
  display: none;
}

.flatpickr-input.input-date, .flatpickr-input.input-datetime, .flatpickr-input.input-month, .flatpickr-input.input-range, .flatpickr-input.input-time {
  padding-right: 25px;
}
.flatpickr-input.input-date, .flatpickr-input.input-datetime, .flatpickr-input.input-range, .flatpickr-input.input-month {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNyA3LjdIMTcuM1YxNkMxNy4zIDE2LjcxOCAxNi43MTggMTcuMyAxNiAxNy4zSDRDMy4yODIwMyAxNy4zIDIuNyAxNi43MTggMi43IDE2VjcuN1oiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz4KPHJlY3QgeD0iNS43MDAyIiB5PSIxMS42MDAxIiB3aWR0aD0iMS44IiBoZWlnaHQ9IjEuOCIgcng9IjAuOSIgZmlsbD0iIzJEMkQyRCIvPgo8cmVjdCB4PSI5LjEwMDIyIiB5PSIxMS42MDAxIiB3aWR0aD0iMS44IiBoZWlnaHQ9IjEuOCIgcng9IjAuOSIgZmlsbD0iIzJEMkQyRCIvPgo8cmVjdCB4PSIxMi41MDAyIiB5PSIxMS42MDAxIiB3aWR0aD0iMS44IiBoZWlnaHQ9IjEuOCIgcng9IjAuOSIgZmlsbD0iIzJEMkQyRCIvPgo8cmVjdCB4PSI2LjM1IiB5PSIyLjM1IiB3aWR0aD0iMC43IiBoZWlnaHQ9IjEuMyIgcng9IjAuMzUiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KPHJlY3QgeD0iMTIuOTUiIHk9IjIuMzUiIHdpZHRoPSIwLjciIGhlaWdodD0iMS4zIiByeD0iMC4zNSIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjAuNyIvPgo8bWFzayBpZD0icGF0aC03LWluc2lkZS0xXzY2Nl8yNDg5OSIgZmlsbD0id2hpdGUiPgo8cGF0aCBkPSJNMiA1QzIgMy44OTU0MyAyLjg5NTQzIDMgNCAzSDE2QzE3LjEwNDYgMyAxOCAzLjg5NTQzIDE4IDVWOEgyVjVaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTAuNiA1QzAuNiAzLjEyMjIzIDIuMTIyMjMgMS42IDQgMS42SDE2QzE3Ljg3NzggMS42IDE5LjQgMy4xMjIyMyAxOS40IDVIMTYuNkMxNi42IDQuNjY4NjMgMTYuMzMxNCA0LjQgMTYgNC40SDRDMy42Njg2MyA0LjQgMy40IDQuNjY4NjMgMy40IDVIMC42Wk0xOCA4SDJIMThaTTAuNiA4VjVDMC42IDMuMTIyMjMgMi4xMjIyMyAxLjYgNCAxLjZWNC40QzMuNjY4NjMgNC40IDMuNCA0LjY2ODYzIDMuNCA1VjhIMC42Wk0xNiAxLjZDMTcuODc3OCAxLjYgMTkuNCAzLjEyMjIzIDE5LjQgNVY4SDE2LjZWNUMxNi42IDQuNjY4NjMgMTYuMzMxNCA0LjQgMTYgNC40VjEuNloiIGZpbGw9IiMyRDJEMkQiIG1hc2s9InVybCgjcGF0aC03LWluc2lkZS0xXzY2Nl8yNDg5OSkiLz4KPC9zdmc+Cg==) no-repeat center right 5px;
}
.flatpickr-input.input-time {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZWMTBIMTQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcuMyAxMEMxNy4zIDE0LjAzMTYgMTQuMDMxNiAxNy4zIDEwIDE3LjNDNS45NjgzMiAxNy4zIDIuNyAxNC4wMzE2IDIuNyAxMEMyLjcgNS45NjgzMiA1Ljk2ODMyIDIuNyAxMCAyLjdDMTQuMDMxNiAyLjcgMTcuMyA1Ljk2ODMyIDE3LjMgMTBaIiBzdHJva2U9IiMyRDJEMkQiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat center right 5px;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day:hover, .flatpickr-day:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover, .flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.flatpickr-monthSelect-months {
  margin: 10px 1px 3px 1px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flatpickr-monthSelect-month {
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin: 0.5px;
  justify-content: center;
  padding: 10px;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  width: 33%;
}
.flatpickr-monthSelect-month.flatpickr-disabled {
  color: #eee;
}
.flatpickr-monthSelect-month.flatpickr-disabled:hover, .flatpickr-monthSelect-month.flatpickr-disabled:focus {
  cursor: not-allowed;
  background: none !important;
}

.flatpickr-monthSelect-theme-dark {
  background: #3f4458;
}
.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
  color: #fff;
}
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
  color: #fff;
  fill: #fff;
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-monthSelect-month.today {
  border-color: #959ea9;
}
.flatpickr-monthSelect-month.inRange, .flatpickr-monthSelect-month.inRange.today, .flatpickr-monthSelect-month:hover, .flatpickr-monthSelect-month:focus {
  background: #e6e6e6;
  cursor: pointer;
  outline: 0;
  border-color: #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
  background: #646c8c;
  border-color: #646c8c;
}

.flatpickr-monthSelect-month.today:hover, .flatpickr-monthSelect-month.today:focus {
  background: #959ea9;
  border-color: #959ea9;
  color: #fff;
}
.flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-month.startRange, .flatpickr-monthSelect-month.endRange {
  background-color: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-monthSelect-month.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-monthSelect-month.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-monthSelect-month.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-monthSelect-month.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}

.input-time-wrap {
  position: relative;
}
.input-time-wrap > input {
  padding-right: 30px;
}
.input-time-wrap .btn-clear {
  position: absolute;
  top: 8px;
  right: 6px;
  width: 20px;
  height: 20px;
}
.input-time-wrap .btn-clear i {
  font-size: 20px;
  color: #ccc;
}

.input-date,
.input-datetime,
.input-time,
.input-month,
.input-range,
.group-range input {
  background-color: #fff;
}

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

:root {
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: #767676;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: #dcdee2;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-main-height: 36px;
  --ss-large-height: 42px;
  --ss-content-height: 300px;
  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 2px;
}

@-webkit-keyframes ss-valueIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ss-valueIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes ss-valueOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
@keyframes ss-valueOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #1d1d1d;
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color var(--ss-animation-timing);
  transition: background-color var(--ss-animation-timing);
  overflow: hidden;
}
.ss-main.is-large {
  min-height: var(--ss-large-height);
}
.ss-main:focus {
  border: 2px solid #1d1d1d;
}
.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
}
.ss-main.ss-disabled .ss-values .ss-disabled {
  color: #1d1d1d;
}
.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}
.ss-main.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.ss-main.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ss-main .ss-values {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.ss-main .ss-values .ss-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ss-main .ss-values .ss-max {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: #0085ff;
  border-radius: var(--ss-border-radius);
}
.ss-main .ss-values .ss-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto 0px auto var(--ss-spacing-s);
}
.ss-main .ss-values .ss-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #0085ff;
  border-radius: var(--ss-border-radius);
  -webkit-animation-name: ss-valueIn;
          animation-name: ss-valueIn;
  -webkit-animation-duration: var(--ss-animation-timing);
          animation-duration: var(--ss-animation-timing);
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ss-main .ss-values .ss-value.ss-value-out {
  -webkit-animation-name: ss-valueOut;
          animation-name: ss-valueOut;
  -webkit-animation-duration: var(--ss-animation-timing);
          animation-duration: var(--ss-animation-timing);
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}
.ss-main .ss-values .ss-value .ss-value-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}
.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-main .ss-deselect {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}
.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}
.ss-main .ss-deselect svg path {
  fill: none;
  stroke: #1d1d1d;
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-main .ss-arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}
.ss-main .ss-arrow path {
  fill: none;
  stroke: #1d1d1d;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition: var(--ss-animation-timing);
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  -webkit-transition: opacity var(--ss-animation-timing), -webkit-transform var(--ss-animation-timing);
  transition: opacity var(--ss-animation-timing), -webkit-transform var(--ss-animation-timing);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing), -webkit-transform var(--ss-animation-timing);
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  overflow: hidden;
  z-index: 10;
}
.ss-content.ss-relative {
  position: relative;
  height: 100%;
}
.ss-content.ss-open-above {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}
.ss-content.ss-open-below {
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}
.ss-content .ss-search {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}
.ss-content .ss-search input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ss-content .ss-search input::-webkit-input-placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input::-moz-placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input:-ms-input-placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input::-ms-input-placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input::placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input:focus {
  border: 2px solid #1d1d1d;
}
.ss-content .ss-search .ss-addable {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}
.ss-content .ss-search .ss-addable svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}
.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: #1d1d1d;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-content .ss-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}
.ss-content .ss-list .ss-searching {
  color: #1d1d1d;
  padding: var(--ss-spacing-l);
}
.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}
.ss-content .ss-list .ss-content .ss-list .ss-content .ss-list .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-weight: bold;
  color: #1d1d1d;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--ss-spacing-m);
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 13px;
  height: 13px;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 10px;
  height: 10px;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: #1d1d1d;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition: var(--ss-animation-timing);
  transition: var(--ss-animation-timing);
}
.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}
.ss-content .ss-list .ss-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  color: #1d1d1d;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: #0085ff;
}
.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: #0085ff;
}
.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}
.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: #1d1d1d;
}
.ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: var(--ss-highlight-color);
}

/*!
* 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 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
          animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
          animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
          animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
          animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
          animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
          animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
          animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
          animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
          animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
          animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
          animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
          animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
          animation-duration: calc(var(--animate-duration) * 3);
}

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
            animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
            transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
            transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
            transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
            transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
            transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
            transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
            transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
            transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
            transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
          animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
}

@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
          animation-name: shakeY;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
          animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
            transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
            transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
            transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
            transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
            transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
            transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
            transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
            transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
            transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
            transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
          animation-name: jello;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
          animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
          animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
            transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
            transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
            transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
            transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
          animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
            transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
            transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

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

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
            transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
            transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
            transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
            transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
          animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
            transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
            transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
            transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
            transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
          animation-name: backInUp;
}

@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
            transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
            transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}

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

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
            transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
            transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}

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

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
            transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
            transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}

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

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
            transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
            transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
            transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
            transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
          animation-name: backOutUp;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
          animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
            transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
            transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
            transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
            transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
            transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
            transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
            transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
            transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
            transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
            transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
            transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
            transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
            transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
            transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
            transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
            transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
            transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
            transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
            transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
            transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
            transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
            transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
            transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
            transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
            transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
            transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
            transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
            transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
            transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
            transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
            transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
            transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
          animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
            transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
            transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
            transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
            transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
            transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
            transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
            transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
            transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
            transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

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

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
          animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
          animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
          animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
          animation-name: fadeInBottomRight;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0);
  }
}

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
          animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0);
  }
}

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
          animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0);
  }
}

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
          animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0);
  }
}

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
          animation-name: fadeOutBottomLeft;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
            transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
            transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
            transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
            transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
            transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
            transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
            transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
            transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
            transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
            transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
            transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
            transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
            transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
            transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
          animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
          animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
            transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
            transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
            transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
            transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
          animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
            transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
          animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
          animation-name: hinge;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
          animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
            transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
            transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
            transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
            transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  20% {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
  }
  30% {
    -webkit-transform: translateY(12%);
            transform: translateY(12%);
  }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  50% {
    -webkit-transform: translateY(7%);
            transform: translateY(7%);
  }
  60% {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%);
  }
  70% {
    -webkit-transform: translateY(4%);
            transform: translateY(4%);
  }
  60% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  70% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
  }
  80% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
input[type=radio][disabled],
input[type=radio][disabled]:hover,
input[type=radio][disabled]:active,
input[type=radio][disabled]:focus,
input[type=checkbox][disabled],
input[type=checkbox][disabled]:hover,
input[type=checkbox][disabled]:active,
input[type=checkbox][disabled]:focus {
  cursor: not-allowed;
  opacity: 0.4;
}
input[type=radio][disabled] + label,
input[type=radio][disabled]:hover + label,
input[type=radio][disabled]:active + label,
input[type=radio][disabled]:focus + label,
input[type=checkbox][disabled] + label,
input[type=checkbox][disabled]:hover + label,
input[type=checkbox][disabled]:active + label,
input[type=checkbox][disabled]:focus + label {
  cursor: not-allowed;
  opacity: 0.4;
}

.radio,
.checkbox {
  position: relative;
  overflow: hidden;
  padding: 0;
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 0;
  line-height: 1;
  vertical-align: middle;
}
.radio [disabled] ::before,
.radio .disabled ::before,
.checkbox [disabled] ::before,
.checkbox .disabled ::before {
  background-color: #d9d9d9;
}

.radio:not(:last-child),
.checkbox:not(:last-child) {
  margin-right: 10px;
}

.checkbox input[type=checkbox] + label:active:before,
.checkbox input[type=checkbox]:checked + label:active:before,
.radio input[type=radio] + label:active:before,
.radio input[type=radio]:checked + label:active:before {
  background: #fff;
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.checkbox input[type=checkbox]:focus + label:before,
.radio input[type=radio]:focus + label:before {
  border-color: #1d1d1d;
  border-width: 2px;
}
.checkbox input[type=checkbox][disabled] + label,
.radio input[type=radio][disabled] + label {
  opacity: 1;
  color: #808ea9;
}
.checkbox input[type=checkbox][disabled] + label:before,
.radio input[type=radio][disabled] + label:before {
  color: #cdd3dd;
  background-color: #e6ebf1;
  border-color: #cdd3dd;
}
.checkbox input[type=checkbox][disabled]:checked + label,
.radio input[type=radio][disabled]:checked + label {
  color: #808ea9;
}
.checkbox input[type=checkbox][disabled]:checked + label:before,
.radio input[type=radio][disabled]:checked + label:before {
  color: #bfbfbf;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.checkbox input[type=checkbox] + label,
.radio input[type=radio] + label {
  cursor: pointer;
  display: block;
  float: left;
  position: relative;
  padding: 0px 0 0 24px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #7a8084;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checkbox input[type=checkbox] + label::before,
.radio input[type=radio] + label::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  overflow: hidden;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-left: -24px;
  margin-right: 4px;
  border: 1px solid #246beb;
  border-radius: 4px;
  background: #fff;
  line-height: 14px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.checkbox input[type=checkbox] + label::before:hover,
.radio input[type=radio] + label::before:hover {
  border-color: #003675;
}
.checkbox input[type=checkbox] + label:hover::before,
.radio input[type=radio] + label:hover::before {
  border-color: #003675;
}
.checkbox input[type=checkbox]:checked + label,
.radio input[type=radio]:checked + label {
  color: #1a233a;
}
.checkbox input[type=checkbox]:checked + label:before,
.radio input[type=radio]:checked + label:before {
  border-color: #0085ff;
}
.checkbox input[type=checkbox]:focus:checked + label:before,
.radio input[type=radio]:focus:checked + label:before {
  border-color: #1d1d1d;
}
.is-hidden-control .checkbox input[type=checkbox] + label,
.is-hidden-control .radio input[type=radio] + label {
  padding: 0;
}
.is-hidden-control .checkbox input[type=checkbox] + label:before,
.is-hidden-control .radio input[type=radio] + label:before {
  display: none;
}
.is-hidden-control .checkbox input[type=checkbox] + label:after,
.is-hidden-control .radio input[type=radio] + label:after {
  display: none;
}

.checkbox.is-small input[type=checkbox] + label,
.radio.is-small input[type=radio] + label {
  padding-top: 0px;
  padding-left: 30px;
  font-size: 14px;
}
.checkbox.is-small input[type=checkbox] + label::before,
.radio.is-small input[type=radio] + label::before {
  margin-top: 0px;
  margin-left: -30px;
}

.checkbox.is-xsmall input[type=checkbox] + label,
.radio.is-xsmall input[type=radio] + label {
  padding-top: 4px;
  padding-left: 28px;
  font-size: 12px;
}
.checkbox.is-xsmall input[type=checkbox] + label::before,
.radio.is-xsmall input[type=radio] + label::before {
  margin-top: -4px;
  margin-left: -28px;
}

.checkbox.is-xsmall input[type=checkbox] + label {
  line-height: 16px;
}

.radio input[type=radio][disabled] + label:after {
  color: #cdd3dd;
}
.radio input[type=radio][disabled] + label:before {
  color: #cdd3dd;
  border-color: #cdd3dd;
  background-color: #e6ebf1;
}
.radio input[type=radio][disabled]:checked + label:after {
  color: #cdd3dd;
  background-color: #bfbfbf;
}
.radio input[type=radio][disabled]:checked + label:before {
  color: #cdd3dd;
  border-color: #cdd3dd;
  background-color: #d9d9d9;
}
.radio input[type=radio] + label::before {
  position: relative;
  border-radius: 100%;
  line-height: 16px;
}
.radio input[type=radio] + label::after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 6px;
  left: 4px;
  width: 8px;
  height: 8px;
  margin: 0;
  border-radius: 100%;
  background: #fff;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.radio input[type=radio]:checked + label:after {
  opacity: 1;
  background: #246beb;
}

.checkbox input[type=checkbox] + label:before {
  margin-top: 1;
  width: 18px;
  height: 18px;
}

.checkbox input[type=checkbox]:checked + label:before {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e901";
  font-size: 10px;
  color: #ffffff;
  border-radius: 4px;
  background-color: #246beb;
}
.checkbox input[type=checkbox]:focus:checked + label:before {
  border-color: #246beb;
}

.checkbox__one.checkbox {
  display: inline-block;
  vertical-align: middle;
}
.checkbox__one.checkbox input[type=checkbox] + label {
  padding-left: 20px;
}
.checkbox__one.checkbox input[type=checkbox] + label::before {
  margin-left: -20px;
  margin-right: 0;
}

.label-checkbox {
  display: block;
  float: left;
  position: relative;
  padding: 0px 0 0 24px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #7a8084;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* ON/OFF Toggle Switch */
.switch-list .onoff-switch-container {
  display: inline-block;
}

.onoff-switch {
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 80%;
}
.onoff-switch-container {
  position: relative;
  width: 36px;
  height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onoff-switch-container input[type=checkbox] {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 0.01em;
  height: 0.01em;
  overflow: hidden;
  margin: -1px;
  clip: ret(0, 0, 0, 0);
}
.onoff-switch-container input[type=checkbox]:checked ~ .onoff-switch .onoff-switch-label .onoff-switch-inner {
  margin-left: 0;
}
.onoff-switch-container input[type=checkbox]:checked ~ .onoff-switch .onoff-switch-label .onoff-switch-switch {
  right: 2px;
  background-color: #ffffff;
}
.onoff-switch-container input[type=checkbox]:disabled ~ .onoff-switch {
  opacity: 0.5;
}
.onoff-switch-container input[type=checkbox]:focus ~ .onoff-switch {
  outline: 0;
}
.onoff-switch-container input[type=checkbox]:focus ~ .onoff-switch .onoff-switch-inner:before, .onoff-switch-container input[type=checkbox]:focus ~ .onoff-switch .onoff-switch-inner:after {
  border-color: #1d1d1d;
  border-width: 2px;
}
.onoff-switch-container label {
  display: inline-block;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  width: 100%;
  height: 20px;
  text-align: left;
  line-height: 20px;
  font-weight: 200;
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.onoff-switch-label {
  display: block;
  overflow: hidden;
  height: 20px;
  cursor: pointer;
  border-radius: 16px;
}
.onoff-switch-inner {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.15s ease-in-out;
  transition: margin 0.15s ease-in-out;
}
.onoff-switch-inner:before, .onoff-switch-inner:after {
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 20px;
  color: #fff;
  font-size: 100%;
  font-weight: 600;
  border-radius: 16px;
}
.onoff-switch-inner:before {
  content: "";
  padding-left: 8px;
  background-color: #246beb;
  border: 1px solid #246beb;
  color: hsl(0, 0%, 100%);
}
.onoff-switch-inner:after {
  content: "";
  padding-right: 6px;
  background-color: #ffffff;
  color: hsl(0, 0%, 80%);
  text-align: right;
  border: 1px solid #d9d9d9;
}
.onoff-switch-switch {
  position: absolute;
  top: 2px;
  right: 17px;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  background: #d9d9d9;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.switch-list.is-after {
  width: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.switch-list.is-after .onoff-switch-label__after {
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #737373;
  cursor: pointer;
  margin-right: 8px;
}
.switch-list.is-after .onoff-switch-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 44px;
  height: 24px;
  vertical-align: middle;
}
.switch-list.is-after .onoff-switch-container input[type=checkbox]:checked ~ .onoff-switch .onoff-switch-label .onoff-switch-switch {
  top: 2px;
  right: 2px;
}
.switch-list.is-after .onoff-switch-container input[type=checkbox]:checked + .onoff-switch + .onoff-switch-label__after {
  color: #1d1d1d;
}
.switch-list.is-after .onoff-switch-label {
  height: 24px;
  border-radius: 12px;
}
.switch-list.is-after .onoff-switch-inner::before, .switch-list.is-after .onoff-switch-inner::after {
  height: 24px;
}
.switch-list.is-after .onoff-switch-inner::after {
  border-color: #d9d9d9;
  background-color: #d9d9d9;
  color: #fff;
}
.switch-list.is-after .onoff-switch-inner::before {
  border-color: #1d1d1d;
  background-color: #1d1d1d;
}
.switch-list.is-after .onoff-switch-switch {
  top: 2px;
  right: 22px;
  width: 20px;
  height: 20px;
  border: 0 none;
  background-color: #fff;
}

.checkbox.is-checkbox-bold input[type=checkbox] + label {
  color: #333;
  font-weight: 600 !important;
}
.checkbox.is-checkbox-bold input[type=checkbox] + label::before {
  border-color: #333;
}

.select select {
  min-width: 100px;
  padding-right: 2.1em;
  font-family: "PretendardGOV", Roboto, "Malgun Gothic", "맑은 고딕", arial, sans-serif;
}
.select:not(.is-multiple):not(.is-loading)[readonly] select {
  pointer-events: none;
  cursor: not-allowed;
  border-color: #ececec;
  background-color: #f0f0f0;
  color: #333;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select:not(.is-multiple):not(.is-loading)[readonly]::after {
  color: #7a8084;
}
.select:not(.is-multiple):not(.is-loading)[disabled] select {
  pointer-events: none;
  cursor: not-allowed;
  border-color: #bcbcbc;
  background-color: #ececec;
  color: #7a8084;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select:not(.is-multiple):not(.is-loading)[disabled]::after {
  color: #7a8084;
}

.spinner-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  font-size: 0;
  vertical-align: middle;
}
.spinner-box__minus, .spinner-box__plus {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spinner-box__minus i, .spinner-box__plus i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 1px;
  margin: -1px 0 0 -5px;
  background-color: #aaa;
}
.spinner-box__minus i:nth-child(2), .spinner-box__plus i:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.spinner-box__number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 -1px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spinner-box__number input {
  width: 48px;
  height: 32px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.spinner-box__number input::-webkit-outer-spin-button,
.spinner-box__number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.spinner-box__number input[type=number] {
  -moz-appearance: textfield;
}
.spinner-box__minus, .spinner-box__plus, .spinner-box__number input {
  border: 1px solid #d6d6d6;
}
.spinner-box__minus:focus, .spinner-box__plus:focus, .spinner-box__number input:focus {
  z-index: 1;
}
.spinner-box-round {
  display: inline-block;
  border: 1px solid #ececec;
  border-radius: 50px;
  padding: 4px;
}
.spinner-box-round .spinner-box__number {
  margin: 0;
}
.spinner-box-round .spinner-box__number input {
  border-width: 0;
  height: 20px;
  font-size: 13px;
  font-weight: 300;
}
.spinner-box-round .spinner-box__minus,
.spinner-box-round .spinner-box__plus {
  border-width: 0;
  background-color: #ececec;
  border-radius: 100%;
  width: 20px;
  height: 20px;
}

.modal-calendar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 312px;
  min-height: 410px;
  margin-top: -205px;
  margin-left: -156px;
  padding: 16px;
}

.checkbox-list .checkbox {
  display: inline-block;
  font-size: 0;
  margin-right: 10px;
}
.checkbox-list .checkbox + .checkbox {
  margin-left: 0;
}
.checkbox-list .checkbox:last-child {
  margin-right: 0;
}
.checkbox-list__all input[type=checkbox] + label {
  padding-top: 4px;
  font-size: 12px;
  font-weight: 400;
}
.checkbox-list__all input[type=checkbox] + label::before {
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-right: 3px;
  border-radius: 50%;
}

.radio-list .radio {
  display: inline-block;
  font-size: 0;
  margin-right: 10px;
}
.radio-list .radio + .radio {
  margin-left: 0;
}
.radio-list .radio:last-child {
  margin-right: 0;
}

.radio-list-wrap {
  border: 1px solid #ebebeb;
}
.radio-list-wrap > .radio-list {
  padding: 16px;
}

.radio-view {
  border-top: 1px solid #ebebeb;
  padding: 16px;
}
.radio-view .radio + .radio {
  margin-left: 0;
}

.checkbox-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  margin-left: 0;
  background-color: #fff;
}
.checkbox-button label {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px 20px;
  line-height: 1.4;
  border: 1px solid #cdd3dd;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  min-width: 0;
}
.checkbox-button label > span {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.checkbox-button label::before {
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border: 2px solid #808ea9;
  border-radius: 50%;
  background: #fff;
  line-height: 14px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.checkbox-button input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.checkbox-button input[type=checkbox]:checked + label {
  border: 1px solid #0085ff;
  color: #0085ff;
}
.checkbox-button input[type=checkbox]:checked + label:before {
  content: "\e908";
  font-size: 20px;
  border: none;
  background-color: #0085ff;
  color: #fff;
  border: none;
  text-align: center;
}

.button-round.is-small {
  width: 32px;
  height: 32px;
  margin-top: -2px;
  padding: 0;
  border-radius: 50%;
}
.grid-holder .button-round.is-small {
  margin-left: 4px;
  margin-right: 4px;
}

.field.has-addons .control-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 7px;
}

.password-container {
  position: relative;
}
.password-container .btn-onoff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-color: transparent;
  background-color: transparent;
}
.password-container .btn-onoff [class^=icon-] {
  color: #0085ff;
}
.password-container .btn-onoff.is-active [class^=icon-]:before {
  content: "\e912";
  font-size: 17px;
}

.has-addons.is-toggle-radio input[type=radio] {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.has-addons.is-toggle-radio input[type=radio]:checked + label.button {
  background-color: #003675;
  color: #fff;
}

.radio-list-vertical,
.checkbox-list-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radio-list-vertical > .control,
.checkbox-list-vertical > .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
}

body.overHidn {
  overflow: hidden;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  min-width: 320px;
}
body::before {
  content: "";
  display: block;
  visibility: hidden;
  position: fixed;
  top: 136px;
  left: 0;
  z-index: 15;
  opacity: 0;
  width: 100%;
  -webkit-transition: all 0.1s cubic-bezier(0.16, 0.04, 0.03, 0.95);
  transition: all 0.1s cubic-bezier(0.16, 0.04, 0.03, 0.95);
}

#wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 100vh;
}

.aside {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
  width: 296px;
  padding: 0 40px 40px 0;
  overflow: hidden;
  border-right: 1px solid #d8d8d8;
}
.aside__title {
  padding: 35px 8px;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  border-bottom: 1px solid #8e8e8e;
}
.aside .lnb {
  position: relative;
  height: 100%;
}
.aside .lnb-list > li {
  border-bottom: 1px solid #d8d8d8;
}
.aside .lnb-list > li.is-active .lnb__trigger {
  color: #003675;
}
.aside .lnb-list > li.is-active .lnb__trigger:before {
  width: 100%;
}
.aside .lnb-list > li.is-active .lnb__trigger:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.aside .lnb-list > li.is-active .lnb-depth {
  max-height: 1000px;
}
.aside .lnb-list > li a,
.aside .lnb-list > li button {
  position: relative;
  display: block;
  width: 100%;
  padding: 22px 8px 19px;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: rgb(0, 0, 0);
}
.aside .lnb-list > li a:before,
.aside .lnb-list > li button:before {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background-color: #003675;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}
.aside .lnb-list > li button.lnb__trigger:after {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e902";
  font-size: 11px;
}
.aside .lnb-depth {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.aside .lnb-depth-list {
  padding: 16px 0;
}
.aside .lnb-depth-list > li.is-active .lnb-depth__link {
  background-color: #edf1f5;
}
.aside .lnb-depth-list.depth2 {
  padding-left: 10px;
}
.aside .lnb-depth-list.depth2 > li.is-active a {
  text-decoration: underline;
}
.aside .lnb-depth-list.depth2 > li a {
  padding: 8px 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #555;
}
.aside .lnb-depth-list.depth2 > li a:before {
  content: "-";
  display: inline-block;
  position: static;
  width: auto;
  height: auto;
  background-color: transparent;
  margin-right: 5px;
}
.aside .lnb-depth-list.depth2 > li a:hover {
  text-decoration: underline;
}
.aside .lnb-depth__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #1d1d1d;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.aside .lnb-depth__link:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #1d1d1d;
}
.aside .lnb-depth__link:focus, .aside .lnb-depth__link:hover {
  background-color: #edf1f5;
}
@media screen and (max-width: 1239px) {
  .aside {
    width: 271px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1038px), print {
  .aside {
    display: none;
  }
}

.container-inner {
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container-inner.width-full {
  max-width: 100%;
  padding: 0;
}
.container-inner.width-full .content-wrap {
  padding: 0;
}

.content-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 40px 0 80px 80px;
  max-width: 100%;
  width: calc(100% - 296px);
}
.content-header {
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d8d8d8;
}
.content-header__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #1d1d1d;
}
@media screen and (max-width: 1239px) {
  .content-wrap {
    max-width: 100%;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1038px), print {
  .content-wrap {
    padding: 40px 0;
  }
  .content-header {
    margin-bottom: 20px;
    padding-bottom: 13px;
  }
  .content-header__title {
    font-size: 22px;
    line-height: 28px;
  }
}

.shortcut-drop {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.shortcut-drop.is-active .drop-menu {
  display: block;
}
.shortcut-drop.is-active .btn-drop:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.shortcut-drop .btn-drop {
  position: relative;
  padding: 0 20px 0 2px;
}
.shortcut-drop .btn-drop:after {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e902";
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.shortcut-drop .drop-menu {
  display: none;
  margin-top: 8px;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 5rem;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.12);
  z-index: 6;
}
.shortcut-drop .drop-menu::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% - 4px);
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.shortcut-drop .drop-menu-list {
  width: 100%;
  word-break: keep-all;
  word-wrap: break-word;
}
.shortcut-drop .drop-menu-list > li a {
  display: block;
  padding: 3px 9px;
  border-radius: 4px;
  color: #1d1d1d;
}
.shortcut-drop .drop-menu-list > li a:hover {
  background-color: #f0f0f0;
}

.header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 0 16px;
  border-bottom: 1px solid rgba(60, 91, 111, 0.3);
  background-color: hsl(0, 0%, 100%);
  -webkit-box-shadow: 0 3px 10px 0 rgba(21, 52, 72, 0.05);
          box-shadow: 0 3px 10px 0 rgba(21, 52, 72, 0.05);
  z-index: 6;
}
.header-toggle {
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-toggle-wrap {
  position: relative;
  padding: 6px 0;
  background-color: #edf3ff;
}
.header-toggle .nuri-txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  color: #404040;
}
.header-toggle .nuri-txt::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 95.498392283% 70.5179282869%;
  width: 28px;
  height: 20px;
}
.header-toggle .nuri-txt:before {
  margin: 0;
}
.header-toggle .timeout {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.header-toggle .timeout > .button {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.header-toggle .timeout-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.header-toggle .timeout-link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: -8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.header-toggle .timeout-link > li {
  position: relative;
}
.header-toggle .timeout-link > li:not(:first-child):before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #d8d8d8;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header-toggle .timeout-link a {
  display: block;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #1d1d1d;
}
.header-util {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 25px;
}
.header-util-wrap {
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
}
.header-util .shortcut-drop .drop-menu {
  width: 230px;
}
.header-util .shortcut-drop .drop-menu-list > li a {
  line-height: 20px;
}
.header-util > li {
  position: relative;
}
.header-util > li:not(:first-child):before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background-color: #d8d8d8;
  position: absolute;
  top: 2px;
  left: -13px;
}
.header-util .btn-drop,
.header-util .btn-sitemap {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #1d1d1d;
}
.header-util .btn-sitemap {
  padding: 0 2px;
}
.header-nav {
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.header-nav-wrap {
  position: relative;
  padding-top: 16px;
}
.header-nav .logo {
  line-height: 0;
}
.header-nav .logo a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
}
.header-nav .logo .img img {
  display: block;
}
.header-nav .logo .text {
  position: relative;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
  color: #235b9f;
}
.header-nav .logo .text:before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 0;
  left: -13px;
  background-color: #d8d8d8;
}
.header-nav .btn-allmenu {
  display: none;
}
.header-nav .btn-allmenu i:before {
  margin: 0;
}
.header-nav .my-menu {
  margin-left: 76px;
}
.header-nav .my-menu-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.header-nav .my-menu__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #1d1d1d;
}
@media screen and (max-width: 1239px) {
  .header-nav .my-menu {
    margin: 0;
  }
}
@media screen and (max-width: 1038px), print {
  .header {
    padding: 0;
    z-index: unset;
  }
  .header-toggle .timeout {
    position: fixed;
    top: 4px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 8px 16px;
    background-color: #003675;
    border-radius: 100px;
    color: #fff;
    white-space: nowrap;
    z-index: 3;
  }
  .header-toggle .timeout-link {
    display: none;
  }
  .header-toggle .timeout-text .icon:before {
    -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(250deg) brightness(102%) contrast(102%);
            filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(250deg) brightness(102%) contrast(102%);
  }
  .header-toggle .timeout > .button {
    color: #fff;
  }
  .header-toggle .timeout > .button.is-text:after {
    background-color: #fff;
  }
  .header-util {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .header-util-wrap {
    position: fixed;
    top: 7px;
    right: -100%;
    width: calc(50% - 50px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 201;
  }
  .header-nav {
    padding: 15px;
  }
  .header-nav .logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .header-nav .logo > a {
    display: block;
    width: 178px;
    height: 32px;
    background: url(/img/svg/logo_mobile.svg) 0 0 no-repeat;
  }
  .header-nav .logo .img {
    overflow: hidden !important;
    margin: -1px;
    padding: 0 !important;
    position: absolute !important;
    width: 0.01em !important;
    height: 0.01em !important;
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
  .header-nav .logo .img-focusable:active, .header-nav .logo .img-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .header-nav .logo .text {
    overflow: hidden !important;
    margin: -1px;
    padding: 0 !important;
    position: absolute !important;
    width: 0.01em !important;
    height: 0.01em !important;
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
  .header-nav .logo .text-focusable:active, .header-nav .logo .text-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .header-nav .my-menu {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: auto;
  }
  .header-nav .my-menu__link span {
    overflow: hidden !important;
    margin: -1px;
    padding: 0 !important;
    position: absolute !important;
    width: 0.01em !important;
    height: 0.01em !important;
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
  .header-nav .my-menu__link span-focusable:active, .header-nav .my-menu__link span-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .header-nav .btn-allmenu {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .header-nav .logo .text {
    display: none;
  }
  .header-util-wrap {
    width: calc(70% - 50px);
  }
}
@media screen and (max-width: 469px) {
  .header-util-wrap {
    width: calc(95% - 50px);
  }
  .header-util .shortcut-drop .drop-menu {
    left: 125%;
  }
  .header-util .shortcut-drop .drop-menu:before {
    left: 22%;
  }
}

body.is-gnb-open {
  overflow: hidden;
}
body.is-gnb-open .gnb-bg {
  display: block;
}
body.is-gnb-open .header-util-wrap {
  right: 50px;
}
body.is-gnb-open .gnb {
  right: 0;
  visibility: visible;
}

.gnb {
  margin-left: auto;
}
.gnb > .btn-sitemap-mobile {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #d8d8d8;
  color: #1d1d1d;
}
.gnb .btn-close {
  display: none;
}
.gnb .btn-close i {
  position: relative;
  display: inline-block;
  width: 25px;
  max-width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  pointer-events: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0;
  vertical-align: top;
}
.gnb .btn-close i::before, .gnb .btn-close i::after {
  background-color: #606c88;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.gnb .btn-close i::before {
  height: 1px;
  width: 75%;
}
.gnb .btn-close i::after {
  height: 75%;
  width: 1px;
}
.gnb .btn-close i:hover, .gnb .btn-close i:focus {
  background-color: rgba(96, 108, 136, 0.2);
}
.gnb .btn-close i:hover::before, .gnb .btn-close i:hover::after, .gnb .btn-close i:focus::before, .gnb .btn-close i:focus::after {
  background-color: #fff;
}
.gnb .btn-close i:active {
  background-color: #606c88;
}
.gnb .btn-close i:active::before, .gnb .btn-close i:active::after {
  background-color: #fff;
}
.gnb .btn-close i.is-small {
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
.gnb .btn-close i.is-medium {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}
.gnb .btn-close i.is-large {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 46px;
  min-height: 46px;
  max-height: 46px;
}
@media screen and (max-width: 768px) {
  .gnb .btn-close i.is-large {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }
}
.gnb .btn-close i.is-xlarge {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}
.gnb-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 5;
}
.gnb-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
}
.gnb-list > li.is-active .gnb__trigger {
  color: #246beb;
}
.gnb-list > li.is-active .gnb__trigger:before {
  width: 100%;
}
.gnb-list > li.is-active .gnb-depth-wrap {
  visibility: visible;
  max-height: 500px;
  border-color: #d8d8d8;
}
.gnb__trigger {
  position: relative;
  padding: 15px 10px;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: #1d1d1d;
}
.gnb__trigger:before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background-color: #246beb;
  position: absolute;
  left: 0;
  bottom: -17px;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
}
.gnb__trigger:hover {
  color: #246beb;
}
.gnb__trigger:hover:before {
  width: 100%;
}
.gnb-depth {
  z-index: 1;
}
.gnb-depth-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 0;
  padding: 17px 0 0;
  visibility: hidden;
  overflow: hidden;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}
.gnb-depth-wrap:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 0;
}
.gnb-depth.depth1 {
  position: relative;
  height: 100%;
  background-color: #fff;
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
}
.gnb-depth.depth1 > .gnb-depth-list {
  width: 260px;
  padding: 16px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  background-color: #edf1f5;
}
.gnb-depth.depth1 > .gnb-depth-list > li.has-child > .gnb-depth__trigger {
  position: relative;
}
.gnb-depth.depth1 > .gnb-depth-list > li.has-child > .gnb-depth__trigger:after {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e902";
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gnb-depth.depth1 > .gnb-depth-list > li.has-child.is-active > .gnb-depth__trigger:after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.gnb-depth.depth1 > .gnb-depth-list > li.is-active .gnb-depth__trigger {
  color: #246beb;
  background-color: #fff;
}
.gnb-depth.depth1 > .gnb-depth-list > li.is-active .gnb-depth.depth2 {
  visibility: visible;
  opacity: 1;
}
.gnb-depth.depth1 > .gnb-depth-list > li .gnb-depth__trigger {
  display: block;
  width: 100%;
  padding: 18px 24px;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: #1d1d1d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gnb-depth.depth1 > .gnb-depth-list > li .gnb-depth__trigger:hover {
  color: #246beb;
  background-color: #fff;
}
.gnb-depth.depth2 {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 275px;
  right: 0;
  padding: 24px 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gnb-depth.depth2 > .gnb-depth__title {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  font-size: 25px;
  font-weight: 700;
  line-height: 56px;
}
.gnb-depth.depth2 > .gnb-depth__title:after {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e90f";
  font-size: 16px;
}
.gnb-depth.depth2 > .gnb-depth-list {
  margin: 0 -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gnb-depth.depth2 > .gnb-depth-list > li {
  width: 25%;
  padding: 20px 12px;
}
.gnb-depth.depth2 .gnb-depth-list-title a {
  display: block;
  padding: 8px 4px;
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
  border-radius: 6px;
}
.gnb-depth.depth2 .gnb-depth-list-title a:hover {
  background-color: #edf1f5;
}
.gnb-depth.depth2 .gnb-depth__desc {
  margin-top: 4px;
  padding: 12px 4px 0;
  border-top: 1px solid #d8d8d8;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #555;
}
.gnb-depth.depth3 {
  margin-top: 20px;
}
.gnb-depth.depth3 .gnb-depth-list {
  padding-left: 5%;
}
.gnb-depth.depth3 .gnb-depth-list > li:before {
  content: "-";
  display: inline-block;
  margin-right: 5px;
}
.gnb-depth.depth3 .gnb-depth-list > li:not(:first-child) {
  margin-top: 5px;
}
.gnb-depth.depth3 .gnb-depth-list > li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #1d1d1d;
}
.gnb-depth.depth3 .gnb-depth-list > li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1239px) {
  .gnb-list {
    gap: 5px;
  }
  .gnb-depth.depth2 > .gnb-depth__title {
    font-size: 21px;
    line-height: 48px;
  }
  .gnb-depth.depth2 .gnb-depth-list-title a {
    font-size: 16px;
    line-height: 20px;
  }
  .gnb-depth.depth2 .gnb-depth__desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1038px), print {
  .gnb {
    visibility: hidden;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 50%;
    padding: 50px 0 0;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 200;
  }
  .gnb > .btn-sitemap-mobile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .gnb .btn-close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .gnb-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    width: 100%;
    padding: 20px 0;
  }
  .gnb-list-wrap {
    position: relative;
    height: 100%;
    overflow-y: auto;
    border-top: 1px solid #d8d8d8;
  }
  .gnb-list > li {
    width: 100%;
  }
  .gnb-list > li.is-active .gnb__trigger:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
  }
  .gnb-list > li.is-active .gnb-depth-wrap {
    max-height: 800px;
  }
  .gnb-list > li.is-active .gnb-depth.depth2 {
    visibility: visible;
    opacity: 1;
  }
  .gnb__trigger {
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
    text-align: left;
    color: inherit;
  }
  .gnb__trigger:hover {
    color: inherit;
  }
  .gnb__trigger:hover:before {
    width: 0;
  }
  .gnb__trigger:before {
    bottom: 0;
  }
  .gnb__trigger:after {
    font-family: "icon-set" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "\e902";
    font-size: 11px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .gnb-depth-wrap {
    position: static;
    padding: 0;
    border-bottom: 0;
    background-color: transparent;
  }
  .gnb-depth-wrap:after {
    display: none;
  }
  .gnb-depth.depth1 {
    height: auto !important;
    padding: 10px 20px;
    background-color: #edf3ff;
  }
  .gnb-depth.depth1 > .gnb-depth-list {
    width: 100%;
    padding: 0;
    background-color: transparent;
  }
  .gnb-depth.depth1 > .gnb-depth-list > li .gnb-depth__trigger {
    display: none;
  }
  .gnb-depth.depth2 {
    position: static;
    display: block;
    max-height: auto;
    padding: 0;
  }
  .gnb-depth.depth2 > .gnb-depth__title {
    display: none;
  }
  .gnb-depth.depth2 > .gnb-depth-list {
    margin: 0 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gnb-depth.depth2 > .gnb-depth-list > li {
    width: 100%;
    padding: 0;
  }
  .gnb-depth.depth2 .gnb-depth-list-title a {
    padding: 10px 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
  }
  .gnb-depth.depth2 .gnb-depth-list-title a:hover {
    background-color: transparent;
  }
  .gnb-depth.depth2 .gnb-depth__desc {
    display: none;
  }
  .gnb-depth.depth3 {
    margin-top: 0;
  }
  .gnb-depth.depth3 .gnb-depth-list {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .gnb {
    width: 70%;
  }
}
@media screen and (max-width: 469px) {
  .gnb {
    width: 95%;
  }
}

.footer__logo img {
  display: block;
}
.footer-quick {
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
}
.footer-quick-wrap {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}
.footer-quick-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-quick-list > li {
  position: relative;
  max-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #d8d8d8;
}
.footer-quick-list > li:first-child {
  border-left: 1px solid #d8d8d8;
}
.footer-quick-list > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 54px;
  padding: 0 25px;
}
.footer-quick-list > li a:hover {
  background: #f8f8f8;
}
.footer-quick__link {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #1d1d1d;
  cursor: pointer;
}
.footer-quick__link strong {
  color: #003675;
}
.footer-quick__drop.is-active .btn-drop {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-quick__drop.is-active .drop-menu {
  max-height: 300px;
  visibility: visible;
}
.footer-quick__drop .btn-drop {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-quick__drop .drop-menu {
  display: block;
  width: 100%;
  visibility: hidden;
  position: absolute;
  max-height: 0;
  border: 1px solid #d8d8d8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-transform: unset;
          transform: unset;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  z-index: 1;
}
.footer-quick__drop .drop-menu-list > li > a {
  color: #1d1d1d;
}
.footer-quick__drop .drop-menu-list > li > a:hover {
  font-weight: 600;
  text-decoration: underline;
  background-color: #f0f0f0;
}
.footer-info {
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
}
.footer-info-wrap {
  padding: 40px 0;
  background-color: #f0f0f0;
}
.footer-info-cs {
  margin-top: 6px;
}
.footer-info-cs-group:not(:first-child) {
  margin-top: 6px;
}
.footer-info-cs dl {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  color: #1d1d1d;
}
.footer-info-cs dl:not(:first-child) {
  margin-left: 20px;
}
.footer-info-cs dl:not(:first-child):before {
  content: "";
  width: 1px;
  height: 15px;
  position: absolute;
  top: 0;
  left: -10px;
  background-color: #d8d8d8;
}
.footer-info-cs dl > dd:before {
  content: ":";
  margin: 0 3px;
}
.footer-info-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
.footer-info-inner .footer-info-contents {
  margin-left: 70px;
}
.footer-info-inner .shortcut-drop {
  margin-left: auto;
  width: 280px;
}
.footer-info-inner .shortcut-drop.is-active .btn-drop:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.footer-info-inner .shortcut-drop.is-active .drop-menu {
  max-height: 200px;
  visibility: visible;
}
.footer-info-inner .btn-drop {
  z-index: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 24px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #1d1d1d;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-info-inner .btn-drop:after {
  font-size: 12px;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.footer-info-inner .btn-drop:hover {
  background-color: #f8f8f8;
}
.footer-info-inner .drop-menu {
  display: block;
  width: 100%;
  visibility: hidden;
  margin: 0 -1px;
  padding: 0;
  max-height: 0;
  top: auto;
  left: 1px;
  right: 0;
  bottom: calc(100% - 9px);
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-transform: unset;
          transform: unset;
  border-radius: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  z-index: 1;
}
.footer-info-inner .drop-menu:before {
  display: none;
}
.footer-info-inner .drop-menu-list {
  max-height: 200px;
  padding: 10px 0 19px;
  border: 1px solid #d8d8d8;
  border-radius: 8px 8px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  overflow-y: auto;
}
.footer-info-inner .drop-menu-list::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.footer-info-inner .drop-menu-list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.footer-info-inner .drop-menu-list > li > a {
  display: block;
  padding: 6px 0 6px 24px;
  color: #1d1d1d;
}
.footer-info-inner .drop-menu-list > li > a:hover {
  font-weight: 600;
  text-decoration: underline;
  background-color: #f0f0f0;
}
.footer-btm {
  margin-top: 40px;
  padding: 16px 0 14px;
  text-align: right;
  border-top: 1px solid #d8d8d8;
}
.footer .address {
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  color: #1d1d1d;
}
.footer .copy {
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  color: #555;
  text-align: right;
}
.footer .to-top {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  right: 10px;
  bottom: 20px;
  width: 54px;
  height: 54px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 21px;
  border-radius: 100px;
  background-color: #246beb;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}
.footer .to-top.is-active {
  opacity: 1;
  visibility: visible;
}
.footer .to-top .icon,
.footer .to-top span {
  pointer-events: none;
}
.footer .to-top .icon {
  display: block;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-bottom: -5px;
}
@media screen and (max-width: 1279px) {
  .footer-info-inner .footer-info-contents {
    margin-left: 0;
  }
}
@media screen and (max-width: 949px) {
  .footer-info-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
}
@media screen and (max-width: 768px) {
  .footer__logo img {
    height: 40px;
  }
  .footer-info-wrap {
    padding: 20px 0;
  }
  .footer-info-cs {
    margin-top: 10px;
  }
  .footer-info-cs-group {
    margin: 0 !important;
  }
  .footer-info-cs dl {
    font-size: 16px;
  }
  .footer-menu {
    margin-top: 15px;
    padding: 12px 0;
  }
  .footer-menu__link {
    font-size: 16px;
  }
  .footer .address {
    font-size: 16px;
  }
  .footer .copy {
    font-size: 14px;
    text-align: left;
  }
  .footer-btm {
    margin-top: 20px;
  }
}
@media screen and (max-width: 559px) {
  .footer-info-cs dl {
    width: 100%;
  }
  .footer-info-cs dl:not(:first-child) {
    margin: 0;
  }
  .footer-info-cs dl:not(:first-child):before {
    display: none;
  }
  .footer-info-cs dl dt {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .footer-info-cs dl dd span {
    font-size: 14px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 425px) {
  .footer-quick {
    padding: 0;
  }
  .footer-quick-list {
    display: block;
  }
  .footer-quick-list > li {
    max-width: 100%;
    border: 0;
  }
  .footer-quick-list > li + li {
    border-top: 1px solid #d8d8d8;
  }
  .footer-info-inner .shortcut-drop {
    width: 100%;
  }
}

form.form {
  display: contents;
}

.radio-allow {
  margin-right: 20px;
}

.radio-position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radio-position .flex-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.radio-position .flex-box .radio {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.depth-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.depth-list .depth-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 300;
  line-height: 15px;
  color: #7a8084;
}
.depth-list .depth-list__item:not(:first-child):before {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e90f";
  font-size: 11px;
  font-weight: 400;
}
.depth-list .depth-list__item:last-child {
  font-weight: 600;
  color: #1d1d1d;
}

.input-with-label {
  position: relative;
}
.input-with-label:after {
  content: attr(data-label); /* data-label 속성의 값을 표시 */
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  color: #666;
}

.auth-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.expansion-search {
  padding: 10px 0;
  margin-bottom: 50px;
  border-top: 2px solid #333;
  border-bottom: 1px solid #d8d8d8;
}
.expansion-search .flex-box [class*=control-] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.expansion-search .field {
  border: 0 !important;
  margin: 0 !important;
}
.expansion-search .field.is-grouped {
  gap: 32px !important;
}
.expansion-search .field.is-grouped > .field {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.expansion-search .field.is-horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  min-height: auto;
}
.expansion-search .field.is-horizontal .field-label {
  padding: 8px 0;
  min-height: auto;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.expansion-search .field.is-horizontal .field-label .label {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}
.expansion-search .field.is-horizontal .field-label .label:before {
  display: none;
}
.expansion-search .field.is-horizontal .field-body {
  padding: 0;
  min-height: 48px;
}
.expansion-search .fieldset-body {
  border: 0;
}
.expansion-search .fieldset-body > .field + .field {
  margin-top: 6px !important;
}
.expansion-search .fieldset + .buttons {
  margin-top: 10px;
}
.expansion-search .fieldset + .buttons .button.is-xlarge {
  min-width: 100px;
}
@media screen and (max-width: 869px) {
  .expansion-search .fieldset {
    padding-bottom: 10px;
  }
  .expansion-search .fieldset + .buttons {
    margin-top: 0;
  }
  .expansion-search .fieldset-body > .field + .field {
    margin-top: 0 !important;
  }
  .expansion-search .field.is-grouped {
    display: block;
  }
  .expansion-search .field.is-grouped > .field + .field .field-label {
    margin: 0;
  }
  .expansion-search .field.is-horizontal.is-col-5, .expansion-search .field.is-horizontal.is-col-7 {
    width: 100%;
  }
  .expansion-search .group-date .control {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 599px) {
  .expansion-search .field.is-horizontal {
    display: block;
  }
  .expansion-search .field.is-horizontal .field-label {
    min-height: auto;
    padding: 10px 0 5px;
    border-bottom: 0;
  }
  .expansion-search .field.is-horizontal .field-body {
    padding: 0;
  }
}
@media screen and (max-width: 424px) {
  .expansion-search .group-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .expansion-search .group-date .control {
    width: 100%;
  }
  .expansion-search .buttons .button {
    width: 100%;
  }
}

.manager-login {
  padding: 40px 50px 68px;
  border-radius: 20px;
  background-color: #f7f8ff;
}
.manager-login-title,
.manager-login .button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}
.manager-login .icon {
  display: block;
  width: 52px;
  height: 52px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
}
.manager-login-title, .manager-login__text {
  word-break: keep-all;
  word-wrap: break-word;
}
.manager-login-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-bottom: 30px;
}
.manager-login-title__text {
  font-size: 26px;
  font-weight: 700;
  line-height: 42px;
}
.manager-login__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px 0 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
  border-top: 1px solid #d8d8d8;
}
.manager-login__text b {
  margin-top: 2px;
  display: block;
  font-weight: 600;
  color: #246beb;
}
.manager-login .button {
  width: 120px;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 40px;
}
.manager-login .button:hover {
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .manager-login__text br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .manager-login-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .manager-login .button {
    width: 150px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .manager-register {
    padding: 20px 15px;
    gap: 15px;
  }
  .manager-register .icon {
    margin-bottom: 5px;
  }
  .manager-register__text {
    padding-top: 15px;
  }
}
@media screen and (max-width: 424px) {
  .manager-login {
    padding: 20px 25px;
  }
  .manager-login-title {
    padding-bottom: 20px;
  }
  .manager-login__text {
    padding-top: 20px;
  }
}

.case-inspection-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  padding: 0 0 25px;
}
.case-inspection-info .user {
  font-size: 20px;
  font-weight: 400;
  line-height: 42px;
}
.case-inspection-info .user b {
  font-size: 26px;
}
.case-inspection-info .buttons {
  margin: 0;
}
.case-inspection-info .buttons .button {
  width: 200px;
}
.case-inspection .tbl-list .button {
  min-width: 80px;
}
.case-inspection-history {
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
}
.case-inspection-history .history-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: calc((100% - 24px) / 2);
  padding: 40px;
  border: 1px solid #d8d8d8;
  border-radius: 20px;
}
.case-inspection-history .history-box__title {
  margin: 0 0 28px;
  padding: 0 0 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  border-bottom: 1px solid #d8d8d8;
}
.case-inspection-history .history-box-content {
  min-height: 90px;
}
.case-inspection-history .history-box .list-dot > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
}
.case-inspection-history .history-box .list-dot > li:before {
  font-size: 12px;
}
.case-inspection-history .history-box .list-dot > li .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.case-inspection-history .history-box .list-dot > li .date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #787878;
}
@media screen and (max-width: 768px) {
  .case-inspection-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0 30px;
  }
  .case-inspection-history {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .case-inspection-history .history-box {
    max-width: 100%;
    padding: 25px;
  }
}
@media screen and (max-width: 424px) {
  .case-inspection-history .history-box {
    padding: 20px;
  }
  .case-inspection-history .history-box__title {
    padding: 0 0 15px;
    margin: 0 0 20px;
  }
  .case-inspection-history .history-box .list-dot > li .date {
    display: none;
  }
}

.sortable-ghost {
  opacity: 0.5;
}

.step {
  text-align: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 80px;
}
.step-container {
  margin-bottom: 50px;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.step-number {
  margin-top: 10px;
}
.step-title {
  font-size: 16px;
  font-weight: 800;
}
.step-icon {
  z-index: 1;
}
.step-icon-wrap {
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.step-header {
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #d8d8d8;
}
.step-header .current-step {
  font-weight: 700;
  color: #2768ff;
}
.step-header .final-step {
  color: #555;
}
.step:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: #ddd;
  z-index: 0;
}
.step:first-child:after, .step:last-child:after {
  -webkit-transform: none;
          transform: none;
  width: 50%;
}
.step:last-child:after {
  left: 0;
}
@media screen and (max-width: 768px) {
  .step-container {
    margin-bottom: 20px;
    padding-top: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
  }
  .step-container .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .step-container .step-icon-wrap {
    width: 20px;
    height: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .step-container .step-number {
    margin: 0;
  }
  .step-container .step-title {
    padding: 0;
  }
  .step-container .step:after {
    display: none;
  }
}

.content-body__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
}
.content-body__info-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.content-title {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  color: #1d1d1d;
}
@media screen and (max-width: 1038px), print {
  .content-title {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 24px;
  }
}

.dl-table-wrap {
  margin-bottom: 40px;
}
.dl-table-child {
  margin-bottom: 0;
}
.dl-table__dd .input-date {
  max-width: 170px;
}
.dl-table__dd .input-email {
  max-width: 330px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dl-table__dd .is-row-grp.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.dl-table__dd .is-row-grp .info {
  font-size: 14px;
  color: #8e8e8e;
}
@media screen and (max-width: 424px) {
  .dl-table__dd .input-email {
    max-width: 100%;
  }
  .dl-table__dd .select,
  .dl-table__dd .select select {
    width: 100%;
  }
}

.current-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

.text-point {
  min-width: 100px;
  font-weight: 800;
}
.text-point-blue {
  min-width: 100px;
  color: #2768ff;
}
.text-point-red {
  min-width: 100px;
  color: #ff3737;
}

.page-board .expansion-search .field-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.page-board .expansion-search .field-body .flex-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-board .expansion-search .field-body .control-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-board .tbl-list .table .link {
  color: inherit;
}
.page-board .text-content .content-area {
  min-height: 170px;
}
.page-board .dl-table-wrap.board-detail + .buttons {
  margin-top: 40px;
}
.page-board .dl-table-wrap.board-detail + .buttons .button {
  min-width: 200px;
}
.page-board .board-infobox {
  margin-bottom: 40px;
  padding: 30px 40px;
  text-align: center;
  background-color: #f7f8ff;
  border-radius: 8px;
}
.page-board .board-infobox__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 29px;
  color: #246beb;
}
.page-board .board-infobox__text {
  margin: 12px auto 0;
  max-width: 510px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  word-break: keep-all;
  word-wrap: break-word;
}
.page-board .board-infobox .buttons {
  margin-top: 30px;
}
.page-board .board-infobox .buttons .button {
  min-width: 233px;
}
@media screen and (max-width: 768px) {
  .page-board .expansion-search .field-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .page-board .expansion-search .field-body .flex-box {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
  .page-board .expansion-search .field-body .flex-box .control {
    width: 100%;
  }
  .page-board .expansion-search .field-body .buttons {
    width: 100%;
  }
}
@media screen and (max-width: 499px) {
  .page-board .expansion-search .field-body {
    gap: 10px;
  }
  .page-board .board-infobox {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 424px) {
  .page-board .text-content .content-area {
    min-height: auto;
  }
}

.sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 50px;
}
.sitemap-menu {
  width: 100%;
  max-width: 200px;
}
.sitemap-menu > dt {
  padding: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #246beb;
  border-bottom: 1px solid #d8d8d8;
}
.sitemap-menu > dd {
  padding: 40px 0 0;
}
.sitemap-sub > li:not(:first-child) {
  margin-top: 24px;
}
.sitemap-sub__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: #1d1d1d;
}
.sitemap-sub__title[href]:hover {
  color: #246beb;
}
.sitemap-sub .list-dash {
  margin-left: 10px;
  padding-top: 12px;
}
.sitemap-sub .list-dash > li {
  padding-left: 14px;
  font-size: 15px;
}
.sitemap-sub .list-dash > li:before {
  width: 12px;
}
.sitemap-sub .list-dash > li:not(:first-child) {
  margin-top: 6px;
}
.sitemap-sub .list-dash > li,
.sitemap-sub .list-dash a {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
}
.sitemap-sub .list-dash > li:hover,
.sitemap-sub .list-dash a:hover {
  color: #246beb;
}
@media screen and (max-width: 1038px), print {
  .sitemap {
    padding-top: 20px;
  }
  .sitemap-menu > dd {
    padding-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .sitemap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 30px;
  }
  .sitemap-menu {
    width: calc((100% - 60px) / 3);
    max-width: unset;
  }
  .sitemap-menu > dt {
    border: 1px solid #246beb;
    padding: 10px;
    text-align: center;
  }
  .sitemap-menu > dd {
    padding: 24px 10px 0;
  }
}
@media screen and (max-width: 599px) {
  .sitemap-menu {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (max-width: 374px) {
  .sitemap-menu {
    width: 100%;
  }
}

.tbl-file-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.tbl-file-wrap .tbl-file-delete {
  display: none;
}
.tbl-file-wrap .tbl-file-delete:before {
  font-family: "icon-set" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e909";
  font-size: 18px;
  color: #ff3737;
}
.tbl-file-wrap .tbl-file-delete.is-active {
  display: block;
}

.page-target .dl-table-wrap .dl-table__col3 {
  table-layout: fixed;
}
.page-target .dl-table-wrap .dl-table__col3 .dl-table__dt, .page-target .dl-table-wrap .dl-table__col3 .dl-table__dd {
  padding: 20px 18px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.page-target .dl-table-wrap .dl-table__col3 .dl-table__dt {
  width: 100px;
  text-align: center;
}
.page-target .dl-table-wrap .dl-table__col3 .dl-table__dd {
  width: calc((100% - 100px) / 2);
}
.page-target .dl-table-wrap .list-dot > li,
.page-target .dl-table-wrap .list-num > li {
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.page-target .dl-table-wrap .list-dot > li + li,
.page-target .dl-table-wrap .list-num > li + li {
  margin-top: 4px;
}
.page-target .dl-table-wrap .list-num > li + li {
  margin-top: 0;
}
.page-target .target-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 15px 20px;
  min-height: 154px;
  border: 2px solid #eee;
  border-radius: 20px;
  text-align: center;
}
.page-target .target-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.page-target .target-info .icon {
  width: 100px;
  text-align: center;
}
.page-target .target-info .button {
  min-width: 200px;
}
.page-target .target-info dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-target .target-info dl > dt {
  font-size: 26px;
  font-weight: 700;
  line-height: 42px;
}
.page-target .target-info dl > dd {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  word-break: keep-all;
}
.page-target .target-help {
  margin: 24px 0 0 3px;
}
.page-target .target-help > li {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  color: #246beb;
  letter-spacing: -0.5px;
}
.page-target .target-caution {
  margin-top: 14px;
  padding: 20px;
  background-color: #f7f8ff;
  border-radius: 8px;
}
.page-target .target-caution .list-dot > li {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.page-target .target-caution .list-dot > li + li {
  margin-top: 12px;
}
.page-target .target-select {
  margin-top: 55px;
}
.page-target .target-select .report-manual {
  font-weight: 700;
  line-height: 32px;
}
.page-target .target-select .report-link .button {
  min-width: 200px;
}
.page-target .target-select .dl-table-wrap .radio-desc {
  margin-top: 4px;
  padding: 0;
  line-height: 22px;
}
.page-target .target-select .dl-table-wrap .title-caution {
  display: block;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .page-target .dl-table-wrap .dl-table__col3 .dl-table__dd {
    width: 50%;
  }
}
@media screen and (max-width: 649px) {
  .page-target .target-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding: 20px;
    text-align: center;
  }
  .page-target .target-info dl > dd {
    word-break: keep-all;
  }
}
@media screen and (max-width: 529px) {
  .page-target .target-info-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.quick-link {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #dddddd;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
}
.quick-link-wrap {
  padding: 60px 0;
}
.quick-link > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #dddddd;
}
.quick-link > li a {
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #111;
}
.quick-link > li a:hover, .quick-link > li a:focus {
  color: #246beb;
}
.quick-link > li a .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  word-break: keep-all;
}
@media screen and (max-width: 1279px) {
  .quick-link {
    border-left: 0;
  }
  .quick-link > li:last-child {
    border-right: 0;
  }
  .quick-link > li a {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .quick-link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .quick-link-wrap {
    padding: 0;
  }
  .quick-link > li {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 50%;
    border: 0;
  }
  .quick-link > li:nth-child(-n+2) {
    border-bottom: 1px solid #ddd;
  }
  .quick-link > li:nth-child(even) {
    border-left: 1px solid #ddd;
  }
  .quick-link > li a {
    padding: 0 30px;
    min-height: 90px;
  }
}
@media screen and (max-width: 424px) {
  .quick-link > li {
    width: 100%;
    border: 0 !important;
  }
  .quick-link > li:not(:first-child) {
    border-top: 1px solid #ddd !important;
  }
  .quick-link > li a {
    min-height: 70px;
  }
}

.radio-desc {
  padding-left: 26px;
}

.tbl-list .table a:not([class]) {
  color: #246beb;
  text-align: center;
}

.report-manual {
  font-size: 18px;
  margin: 14px 0;
}
.report-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.report-link-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.report-link-download a {
  color: rgb(0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.report-link-download a:hover span {
  border-bottom: 1px solid #000;
}
.report-link-download a span {
  line-height: 1.2;
}
@media screen and (max-width: 459px) {
  .report-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .report-link .button {
    width: 100%;
  }
  .report-link-download {
    width: 100%;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.report-completion-title {
  margin-bottom: 24px;
  padding: 20px 0 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  color: #246beb;
  word-break: keep-all;
  word-wrap: break-word;
}
.report-completion-table {
  padding: 5% 10%;
  width: 100%;
  display: table;
  background-color: #f7f8ff;
  border-radius: 8px;
}
.report-completion-table + .buttons .button {
  min-width: 200px;
}
.report-completion__dl {
  display: table-row;
}
.report-completion__dt, .report-completion__dd {
  display: table-cell;
  padding: 10px 0;
}
.report-completion__dt {
  width: 120px;
  min-width: 80px;
  font-weight: 700;
}
.report-completion__dd {
  width: calc(100% - 150px);
}
@media screen and (max-width: 1038px), print {
  .report-completion-title {
    margin-top: 50px;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .report-completion-title {
    font-size: 28px;
  }
  .report-completion-table, .report-completion__dl, .report-completion__dt, .report-completion__dd {
    display: block;
    width: 100%;
  }
  .report-completion-table {
    padding: 40px;
  }
  .report-completion__dl:not(:first-child) {
    margin-top: 15px;
  }
  .report-completion__dt, .report-completion__dd {
    padding: 0;
  }
}

/* 유의사항 확인: 시작하기 전에 */
.notice-content {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 26px;
}
.notice-content .list-dash > li {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.notice-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.notice-icon {
  font-size: 18px;
  margin-right: 10px;
  color: #4a90e2;
}
.notice-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 29px;
  color: #333;
}
.notice-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
}

.additional-requirements {
  list-style: none;
  padding-left: 20px;
  border-top: 1px dashed #ddd;
  margin-top: 20px;
  padding-top: 15px;
}

.requirement-item {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 6px;
  color: #1d56bc;
}

/* 유의사항 확인: 신고 유의사항 (필독) */
.important-notice {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
.important-title {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.important-heading {
  font-size: 18px;
  font-weight: 700;
  line-height: 29px;
  color: #333;
}
.important-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
  margin: 0 0 12px;
}

.action-guidelines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
}
@media screen and (max-width: 599px) {
  .action-guidelines {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: auto;
    margin: 0 -20px;
  }
}

.guideline-wrong, .guideline-recommended {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
}
.guideline-recommended {
  border-left: 1px solid #d8d8d8;
}
.guideline-title {
  background-color: #edf1f5;
  border-bottom: 1px solid #d8d8d8;
  color: #000;
  padding: 16px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.guideline-right {
  background-color: #2768ff;
  color: #fff;
}
.guideline-list {
  list-style: none;
  padding: 10px 15px;
  margin: 0;
  color: #333;
}
.guideline-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding-left: 16px;
  position: relative;
}
.guideline-item:before {
  content: "\2022";
  position: absolute;
  left: 0;
  color: #007bff;
}
@media screen and (max-width: 599px) {
  .guideline-recommended {
    border-left: 0;
  }
}

.penalty-warning {
  margin-top: 12px;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  color: #007bff;
}
@media screen and (max-width: 599px) {
  .penalty-warning {
    padding: 0;
  }
}

.confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}
.confirmation-checkbox {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  accent-color: #007bff; /* 체크박스의 기본 색상을 파란색으로 변경 */
}
.confirmation-checkbox:last-of-type {
  margin-left: 10px;
}
.confirmation-text {
  font-size: 18px;
  color: #1d1d1d;
  font-weight: 800;
}
.confirmation-right {
  margin: 12px 0 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.confirmation-right .confirmation-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #787878;
}

.plnfo-guide {
  line-height: 200%;
}

.procedure {
  padding: 20px 0 30px;
}
.procedure__list {
  counter-reset: item; /* 여기서 'item'이라는 카운터를 초기화합니다. */
}
.procedure__title {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}
.procedure__item {
  position: relative;
  padding: 10px 10px 10px 62px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  background-color: #f7f8ff;
  border-radius: 8px;
}
.procedure__item:not(:first-child) {
  margin-top: 10px;
}
.procedure__item:before {
  content: counter(item) "";
  counter-increment: item;
  position: absolute;
  top: 12px;
  left: 30px;
  width: 20px;
  height: 20px;
  background-color: #007bff; /* 아이콘 배경색 */
  color: #fff; /* 아이콘 텍스트 색 */
  border-radius: 50%; /* 동그라미 모양 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px; /* 번호 크기 */
  font-weight: bold;
}
.procedure__item-title {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 1038px), print {
  .procedure__item {
    padding-left: 42px;
  }
  .procedure__item:before {
    left: 10px;
  }
}

.collapse-body-content {
  background: none;
}

.page-system .content-header {
  margin-bottom: 40px;
}
.page-system .content-header.flex-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #787878;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.page-system .top-info {
  padding: 20px;
  background: #f7f8ff;
  border-radius: 8px;
  color: #333;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}
.page-system .system {
  height: 100%;
}
.page-system .system.flex-box {
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .page-system .system.flex-box {
    display: block;
  }
}
.page-system .system-introduce {
  width: 150px;
  height: 100%;
  position: sticky;
  top: 0;
  padding-top: 80px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-system .system-introduce {
    width: 100%;
    padding-top: 40px;
  }
  .page-system .system-introduce-top {
    display: none;
  }
  .page-system .system-introduce-list {
    display: none;
  }
  .page-system .system-introduce .button {
    max-width: 200px;
  }
}
.page-system .system-introduce-top {
  color: #111;
  padding-bottom: 10px;
  border-bottom: 1px solid #000000;
  font-size: 18px;
  font-weight: 700;
  line-height: 29px;
}
.page-system .system-introduce-list {
  margin: 16px 0;
}
.page-system .system-introduce-list li {
  padding-left: 20px;
}
.page-system .system-introduce-list li a {
  color: #787878;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.page-system .system-introduce-list li + li {
  padding-top: 6px;
}
.page-system .system-introduce-list li:hover {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-system .system-introduce-list li:hover a {
  color: #246beb;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.page-system .system-introduce-list li:hover::before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  top: 20px;
  left: 0;
  background: #246beb;
}
.page-system .system-introduce-list li:hover + li {
  padding-top: 0;
}
.page-system .system-introduce-list li:hover:first-child {
  padding-top: 0;
}
.page-system .system-introduce-list li:hover:first-child::before {
  top: 10px;
}
.page-system .system-introduce-list li:hover:last-child {
  padding-bottom: 0;
}
.page-system .system-introduce button {
  width: 100%;
}
.page-system .system .use-summary .use-summary-box:first-child {
  padding-top: 80px;
}
@media screen and (max-width: 609px) {
  .page-system .use-summary-box .dl-border-box-wrap {
    display: block;
  }
  .page-system .use-summary-box .dl-border-box-wrap .dl-border-box + .dl-border-box {
    margin-top: 20px;
  }
}
@media screen and (max-width: 599px) {
  .page-system .content-header.flex-box.type-between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
  }
}

.use-summary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.use-summary-box + .use-summary-box {
  padding-top: 50px;
}
.use-summary-box .content-title + .buttons {
  margin-top: 24px;
}
.use-summary-box .content-title-sub {
  margin-top: 24px;
  color: #246beb;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}
.use-summary-box .content-title-sub + .use-summary-text {
  margin-top: 14px;
  word-break: keep-all;
}
.use-summary-box .how-report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.use-summary-box .how-report .button.is-xlarge {
  margin: 0;
  width: 100%;
  max-width: 233px;
}
.use-summary-box .dl-table {
  margin-top: 24px;
}
.use-summary-box .dl-table-wrap {
  margin-bottom: 0;
}
.use-summary-box .dl-table__col3 {
  margin-top: 24px;
}
.use-summary-box .dl-table__col3 .dl-table__dt {
  width: 100px;
  padding-left: 10px;
  padding-right: 10px;
}
.use-summary-box .dl-table__col3 .dl-table__dd {
  width: 50%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.use-summary-box .dl-table__dd .type-under {
  margin-top: 4px;
}
.use-summary-box .dl-table__dd .list-dot li,
.use-summary-box .dl-table__dd .list-num li {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.use-summary-box .text-big {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}
.use-summary-box .text-big + .text-blue {
  margin-top: 4px;
}
.use-summary-box .text-blue {
  color: #246beb;
}
.use-summary-box .text-danger {
  color: #df3b42;
}
.use-summary-box .buttons.flex-box {
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .use-summary-box .buttons:has(.btn-dwn-wide) {
    display: block;
  }
}
.use-summary-box .button.type-half {
  width: calc(50% - 10px);
}
.use-summary-box .button.btn-dwn-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 1038px), print {
  .use-summary-box .button.btn-dwn-wide {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .use-summary-box .button.btn-dwn-wide {
    padding-left: 40px;
    padding-right: 40px;
    min-width: 220px;
    width: 100%;
  }
  .use-summary-box .button.btn-dwn-wide + .button {
    margin-top: 10px;
  }
}
.use-summary-box .dl-border-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 32px 40px;
  border: 2px solid #eeeeee;
  border-radius: 20px;
}
.use-summary-box .dl-border-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.use-summary-box .dl-border-box dt {
  color: #246beb;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
.use-summary-box .dl-border-box dd {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d8d8d8;
}
.use-summary-box .dl-border-box dd .list-dot li {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.use-summary-box .wide-btn-area {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.use-summary-box .wide-btn-area .button {
  padding-left: 53px;
  padding-right: 53px;
}
.use-summary-box .dl-table__col3 + .list-ref,
.use-summary-box .dl-tabl + .list-ref {
  margin-top: 24px;
}
.use-summary-box .dl-table__col3 + .list-ref li,
.use-summary-box .dl-tabl + .list-ref li {
  word-break: keep-all;
  color: #787878;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.use-summary-box .dl-table + .list-dot {
  margin-top: 24px;
}
.use-summary-box .dl-table + .list-dot li {
  word-break: keep-all;
  color: #787878;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.use-summary-box-inner {
  margin-top: 40px;
  padding: 40px 40px 0;
  border-top: 1px solid #d8d8d8;
}
.use-summary-box-inner .procedure {
  padding-top: 40px;
  padding-bottom: 0;
}
@media screen and (max-width: 1038px), print {
  .use-summary-box-inner {
    padding: 30px 10px 0;
  }
  .use-summary-box-inner .procedure {
    padding-top: 30px;
  }
}
.use-summary-text {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.use-summary-text.f-large {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
@media screen and (max-width: 1038px), print {
  .use-summary-box .content-title-sub {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (max-width: 499px) {
  .use-summary-box .how-report .button.is-xlarge {
    max-width: 100%;
  }
}

.page-processing .content-header {
  margin-bottom: 40px;
}
.page-processing .processing {
  padding: 38px;
  border-radius: 8px;
  background: #f8f8f8;
}
.page-processing .processing-wrap + .use-summary .use-summary-box:first-child {
  padding-top: 50px;
}
.page-processing .processing ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 26px;
}
.page-processing .processing ol .precedure-step {
  position: relative;
}
.page-processing .processing ol .precedure-step-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.page-processing .processing ol .precedure-step-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 96px;
  padding: 8px 0;
  border: 1px solid #d8d8d8;
  background: #fff;
  border-radius: 8px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.page-processing .processing ol .precedure-step-box a:hover {
  color: #246beb;
  border-color: #246beb;
}
.page-processing .processing ol .precedure-step-box a.type-black {
  color: #fff;
  background-color: #333;
  border-color: transparent;
}
.page-processing .processing ol .precedure-step-box a.type-black:hover {
  background-color: #555;
}
.page-processing .processing ol .precedure-step-box a.type-blue {
  color: #fff;
  background-color: #003675;
  border-color: transparent;
}
.page-processing .processing ol .precedure-step-box a.type-blue:hover {
  background-color: #246beb;
}
.page-processing .processing ol .precedure-step-box a.type-gray {
  background-color: #eee;
}
.page-processing .processing ol .precedure-step::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 99.0990990991% 58.6206896552%;
  width: 6px;
  height: 10px;
}
.page-processing .processing ol .precedure-step::before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: -16px;
  width: 6px;
  height: 10px;
}
.page-processing .processing ol .precedure-step:first-child::before {
  content: none;
}
.page-processing .processing-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 18px;
  color: #787878;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
@media screen and (max-width: 323px) {
  .page-processing .processing {
    padding: 20px 38px;
  }
  .page-processing .processing ol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
  .page-processing .processing ol .precedure-step:first-child .precedure-step-box {
    padding-top: 0;
  }
  .page-processing .processing ol .precedure-step a {
    width: 100%;
  }
  .page-processing .processing ol .precedure-step-box {
    padding-top: 5px;
    gap: 5px;
  }
  .page-processing .processing ol .precedure-step::before {
    position: static;
    margin: 0 auto;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.page-institutionlink .content-header {
  margin-bottom: 40px;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
@media screen and (max-width: 1319px) {
  .page-institutionlink .use-summary-box .dl-border-box-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .page-institutionlink .use-summary-box .dl-border-box-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box {
  padding: 30px 26px 26px;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box dt {
  text-align: center;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box dt .logo-text {
  color: #235b9f;
  letter-spacing: -2%;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box dd {
  margin-top: 30px;
  padding-top: 30px;
  text-align: center;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box dd .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 60px;
  color: #111;
  letter-spacing: -0.5px;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box dd .tel {
  padding-top: 30px;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box dd .tel a {
  color: #246beb;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box dd .btn {
  padding-top: 30px;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box dd .btn .button {
  width: 100%;
}
.page-institutionlink .use-summary-box .dl-border-box-wrap .dl-border-box dd .btn .button:hover {
  color: #fff;
  background: #246beb;
}

.page-report-correction .tbl-list-title {
  padding: 0 0 20px;
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}
.page-report-correction .tbl-list .table {
  border-top: 1px solid #000;
}

.agreement {
  padding: 26px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
}
.agreement-wrap {
  margin-top: 40px;
}
.agreement-wrap .checkboxs {
  margin-top: 12px;
  text-align: right;
}
.agreement__title {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #111;
}
.agreement__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
}
.agreement .list-dash {
  margin-left: 10px;
}
.agreement .list-dash > li {
  font-size: 14px;
  line-height: 22px;
}
.agreement + .control {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.page-correction-detail .has-required {
  display: inline-block;
}
.page-correction-detail .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.page-correction-detail .buttons.type-wide .button {
  min-width: 200px;
}

.page-cancle-write .gray-box {
  color: #555;
  padding: 16px 12px;
  background: #f0f0f0;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.page-cancle-write .dl-table-wrap {
  padding-top: 24px;
}
.page-cancle-write .pdf-info {
  padding-left: 10px;
  color: #8e8e8e;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.page-cancle-detail .dl-table__dd.deatail-text {
  min-height: 200px;
}
.page-cancle-detail .deatail-text {
  min-height: 200px;
}
.page-cancle-detail .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.page-correction-detail .text-correction {
  min-height: 200px;
  min-height: auto;
}
.page-correction-detail .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.page-main .visual-area {
  position: relative;
  width: 100%;
}
.page-main .visual-area .system-link {
  z-index: 2;
  position: absolute;
  top: 96px;
  left: calc(50% + 640px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  max-width: 560px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
}
.page-main .visual-area .system-link-box {
  position: relative;
  height: 300px;
  border-radius: 10px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-main .visual-area .system-link-box a {
  color: #fff;
}
.page-main .visual-area .system-link-box:nth-child(1) {
  width: 180px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-main .visual-area .system-link-box:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-main .visual-area .system-link-box .outflow {
  height: 100%;
  padding: 35px 20px 50px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-main .visual-area .system-link-box .outflow-title {
  padding-top: 28px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.page-main .visual-area .system-link-box .outflow-sub {
  padding-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.page-main .visual-area .system-link-box .outflow-sub + .icon {
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-main .visual-area .system-link-box .declaration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0 36px;
}
.page-main .visual-area .system-link-box .declaration > div {
  width: 240px;
}
.page-main .visual-area .system-link-box .declaration-text {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.page-main .visual-area .system-link-box .declaration-info-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-main .visual-area .system-link-box .declaration-links {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-main .visual-area .system-link-box .declaration-links li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top: 1px solid rgba(186, 196, 218, 0.6);
}
.page-main .visual-area .system-link-box .declaration-links li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1379px) {
  .page-main .visual-area .system-link {
    right: 40px;
    left: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (max-width: 1099px) {
  .page-main .visual-area .system-link {
    max-width: 530px;
  }
  .page-main .visual-area .system-link-box:nth-child(1) {
    width: 140px;
  }
}
@media screen and (max-width: 1037px) {
  .page-main .visual-area .system-link {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 80px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0 20px;
  }
}
@media screen and (max-width: 529px) {
  .page-main .visual-area .system-link {
    gap: 0;
  }
  .page-main .visual-area .system-link-box {
    height: auto;
  }
  .page-main .visual-area .system-link-box:first-child {
    border-right: 0;
    border-radius: 20px 0 0 20px;
    width: auto;
  }
  .page-main .visual-area .system-link-box:first-child .outflow {
    padding: 40px 0 36px;
    min-width: 90px;
  }
  .page-main .visual-area .system-link-box:first-child .svg-arrow-right-contained {
    display: none;
  }
  .page-main .visual-area .system-link-box:last-child {
    border-radius: 0 20px 20px 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .page-main .visual-area .system-link-box:last-child .declaration {
    padding: 0 27px;
  }
  .page-main .visual-area .system-link-box:last-child .declaration > div {
    width: auto;
  }
  .page-main .visual-area .system-link-box:last-child .declaration-links .icon {
    display: none;
  }
  .page-main .visual-area .system-link-box:last-child .declaration .declaration-text {
    word-break: keep-all;
    font-size: 16px;
    line-height: 24px;
  }
  .page-main .visual-area .system-link-box .outflow .icon {
    margin: -8px auto;
  }
  .page-main .visual-area .system-link-box .outflow .icon:before {
    margin: 0;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  .page-main .visual-area .system-link-box .outflow-title {
    max-width: 50px;
    margin: 0 auto;
    padding: 17px 0;
    line-height: 24px;
  }
  .page-main .visual-area .system-link-box .outflow-sub {
    max-width: 70px;
    margin: 0 auto;
    padding: 0;
    word-break: keep-all;
  }
}
.page-main .main-swiper {
  max-width: 1920px;
}
.page-main .main-swiper .swiper-slide {
  width: 100%;
  padding: 0 40px;
  height: 540px;
}
.page-main .main-swiper .swiper-slide.main-visual01 {
  background: center url(../img/main01.png) no-repeat;
  background-size: cover;
  color: #fff;
}
.page-main .main-swiper .swiper-slide.main-visual01 .swiper-slide-inner {
  padding: 96px 0 132px;
}
@media screen and (max-width: 1038px), print {
  .page-main .main-swiper .swiper-slide.main-visual01 .swiper-slide-inner {
    display: block;
    padding: 45px 0 90px;
    height: auto;
  }
  .page-main .main-swiper .swiper-slide.main-visual01 .swiper-slide-inner .system-title {
    padding-top: 0;
    max-width: 530px;
    margin: 0 auto;
  }
  .page-main .main-swiper .swiper-slide.main-visual01 .swiper-slide-inner .system-title .text-system {
    font-size: 19px;
    font-weight: 700;
    line-height: 20px;
  }
  .page-main .main-swiper .swiper-slide.main-visual01 .swiper-slide-inner .system-title .text-info {
    font-size: 34px;
    line-height: 40px;
  }
  .page-main .main-swiper .swiper-slide.main-visual01 .swiper-slide-inner .system-title .text-info-detail {
    padding-top: 17px;
  }
}
@media screen and (max-width: 529px) {
  .page-main .main-swiper .swiper-slide.main-visual01 .swiper-slide-inner .system-title .text-info-detail {
    word-break: keep-all;
  }
  .page-main .main-swiper .swiper-slide.main-visual01 .swiper-slide-inner .system-title .text-info-detail br {
    display: none;
  }
}
.page-main .main-swiper .swiper-slide.main-visual01 .system-title {
  padding-top: 24px;
}
.page-main .main-swiper .swiper-slide.main-visual01 .system-title .text-system {
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 28px;
}
.page-main .main-swiper .swiper-slide.main-visual01 .system-title .text-info {
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  padding-top: 20px;
  font-size: 50px;
  font-weight: 700;
  line-height: 70px;
}
.page-main .main-swiper .swiper-slide.main-visual01 .system-title .text-info-detail {
  padding-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.page-main .main-swiper .swiper-slide.main-visual02 {
  background: center url(../img/main02.png) no-repeat;
  background-size: cover;
}
.page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner {
  max-width: 1280px;
  margin: 0 auto;
  color: #fff;
}
.page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .title {
  padding-top: 117px;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 70px;
}
.page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .sub {
  padding-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
}
.page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .buttons {
  gap: 20px;
}
.page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .buttons .button {
  width: 200px;
  background: none;
  color: #fff;
  border-color: #fff;
}
@media screen and (max-width: 1099px) {
  .page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .title {
    font-size: 45px;
    line-height: 65px;
  }
}
@media screen and (max-width: 1037px) {
  .page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .title {
    padding-top: 40px;
    max-width: 530px;
    margin: 0 auto;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
  }
  .page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .sub {
    max-width: 530px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
  }
}
@media screen and (max-width: 529px) {
  .page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .title {
    padding-top: 60px;
    font-size: 26px;
    line-height: 34px;
  }
  .page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .sub {
    padding-top: 16px;
    font-size: 16px;
    line-height: 28px;
    word-break: keep-all;
    word-wrap: break-word;
  }
  .page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .sub br {
    display: none;
  }
  .page-main .main-swiper .swiper-slide.main-visual02 .swiper-slide-inner .buttons {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 1038px), print {
  .page-main .main-swiper .swiper-slide {
    height: 650px;
  }
}
.page-main .main-swiper .swiper-slide-inner {
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .page-main .main-swiper .swiper-slide-inner {
    width: 100%;
  }
}
.page-main .main-swiper .swiper-util {
  position: absolute;
  bottom: 36px;
  left: calc(50% - 640px);
  width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-main .main-swiper .swiper-button-prev {
  position: static;
  width: 8px;
  height: 14px;
  margin-top: 0;
}
.page-main .main-swiper .swiper-button-prev::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 97.2809667674% 59.53307393%;
  width: 8px;
  height: 14px;
}
.page-main .main-swiper .swiper-button-prev::before {
  margin-top: 0;
}
.page-main .main-swiper .swiper-button-prev::after {
  font-size: 0;
}
.page-main .main-swiper .swiper-button-next {
  position: static;
  width: 8px;
  height: 14px;
  margin-top: 0;
}
.page-main .main-swiper .swiper-button-next::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 94.8640483384% 59.53307393%;
  width: 8px;
  height: 14px;
}
.page-main .main-swiper .swiper-button-next::before {
  margin-top: 0;
}
.page-main .main-swiper .swiper-button-next::after {
  font-size: 0;
}
.page-main .main-swiper .swiper-pagination {
  position: static;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
.page-main .main-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-left: 5px;
  margin-right: 5px;
  background: #fff;
  opacity: 1;
}
.page-main .main-swiper .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.page-main .main-swiper .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.page-main .main-swiper .swiper-pagination-bullet-active {
  width: 52px;
  background: #ff6262;
}
.page-main .board-area {
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  gap: 38px;
}
.page-main .board-area-wrap {
  padding: 60px 40px 80px;
  background-color: #f7f8ff;
}
.page-main .board-inner {
  width: calc(100% - 358px);
  padding: 0;
}
.page-main .board-inner .tabs,
.page-main .board-inner .tabpanel {
  max-width: 922px;
  margin: 0 auto;
}
.page-main .board-inner .tabs {
  padding-left: 10px;
}
.page-main .board-inner .tabs ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 40px;
}
.page-main .board-inner .tabs ul li button {
  color: #111;
  font-size: 26px;
  font-weight: 400;
  line-height: 42px;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
}
.page-main .board-inner .tabs ul li.is-active button {
  font-weight: 700;
}
.page-main .board-inner .tabs:not(:last-child) {
  margin-bottom: 40px;
}
.page-main .board-inner .tab-inner {
  position: relative;
}
.page-main .board-inner .tab-inner .btn-more {
  position: absolute;
  right: 10px;
  top: -69px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #111;
}
.page-main .board-inner .tab-inner .btn-more span {
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
}
.page-main .board-cs {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 320px;
  height: 402px;
  padding: 40px 30px 0;
  border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#246beb), to(#494cd8));
  background: linear-gradient(#246beb, #494cd8);
  position: relative;
}
.page-main .board-cs::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 100% 0;
  width: 105px;
  height: 128px;
}
.page-main .board-cs:before {
  position: absolute;
  right: 0;
  bottom: 103px;
}
.page-main .board-cs dt {
  padding-left: 10px;
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  margin-bottom: 26px;
}
.page-main .board-cs .cs-call {
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #246beb;
  background-color: #f8f8f8;
  border-radius: 8px;
}
.page-main .board-cs .cs-call-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-main .board-cs .cs-call span {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.page-main .board-cs .cs-call span.sub {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 400;
  position: relative;
}
.page-main .board-cs .cs-call span.sub:before {
  content: "...";
  display: block;
  position: absolute;
  top: -6px;
  left: -55%;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  color: #ddd;
}
.page-main .board-cs .cs-call a {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 22px;
}
.page-main .board-cs .list-others {
  margin-top: 30px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #bbd3ff;
}
.page-main .board-cs .list-others > li a {
  margin-top: 6px;
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
}
.page-main .board-cs .list-others > li + li {
  margin-top: 16px;
}
.page-main .notice-swiper .swiper-wrapper,
.page-main .review-swiper .swiper-wrapper,
.page-main .file-swiper .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.page-main .notice-swiper .swiper-slide,
.page-main .review-swiper .swiper-slide,
.page-main .file-swiper .swiper-slide {
  margin: 0 !important;
  height: 300px;
  width: calc((100% - 72px) / 4);
  border: 1px solid #d8d8d8;
  border-radius: 20px;
  background: #fff;
}
.page-main .notice-swiper .swiper-slide.no-data,
.page-main .review-swiper .swiper-slide.no-data,
.page-main .file-swiper .swiper-slide.no-data {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-main .notice-swiper .swiper-slide a,
.page-main .review-swiper .swiper-slide a,
.page-main .file-swiper .swiper-slide a {
  display: block;
  padding: 40px 30px 48px;
}
.page-main .notice-swiper .swiper-slide a:hover .title,
.page-main .notice-swiper .swiper-slide a:hover .cont,
.page-main .review-swiper .swiper-slide a:hover .title,
.page-main .review-swiper .swiper-slide a:hover .cont,
.page-main .file-swiper .swiper-slide a:hover .title,
.page-main .file-swiper .swiper-slide a:hover .cont {
  text-decoration: underline;
}
.page-main .notice-swiper .swiper-slide .title,
.page-main .review-swiper .swiper-slide .title,
.page-main .file-swiper .swiper-slide .title {
  height: 64px;
  color: #111;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-main .notice-swiper .swiper-slide .cont,
.page-main .review-swiper .swiper-slide .cont,
.page-main .file-swiper .swiper-slide .cont {
  height: 106px;
  padding-top: 28px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.page-main .notice-swiper .swiper-slide .date,
.page-main .review-swiper .swiper-slide .date,
.page-main .file-swiper .swiper-slide .date {
  padding-top: 20px;
  color: #787878;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.page-main .notice-swiper .swiper-util,
.page-main .review-swiper .swiper-util,
.page-main .file-swiper .swiper-util {
  display: none;
}
@media screen and (max-width: 1038px), print {
  .page-main .notice-swiper .swiper-slide,
  .page-main .review-swiper .swiper-slide,
  .page-main .file-swiper .swiper-slide {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: calc((100% - 24px) / 2);
    height: 276px;
  }
  .page-main .notice-swiper .swiper-slide a,
  .page-main .review-swiper .swiper-slide a,
  .page-main .file-swiper .swiper-slide a {
    padding: 32px 24px;
  }
  .page-main .notice-swiper .swiper-button-prev, .page-main .notice-swiper .swiper-button-next, .page-main .notice-swiper .swiper-pagination,
  .page-main .review-swiper .swiper-button-prev,
  .page-main .review-swiper .swiper-button-next,
  .page-main .review-swiper .swiper-pagination,
  .page-main .file-swiper .swiper-button-prev,
  .page-main .file-swiper .swiper-button-next,
  .page-main .file-swiper .swiper-pagination {
    display: block;
  }
  .page-main .board-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-main .board-inner {
    width: 100%;
  }
  .page-main .board-inner .swiper-wrapper {
    padding-bottom: 40px;
  }
  .page-main .board-inner .swiper-util {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5px;
    width: 100%;
  }
  .page-main .board-inner .swiper-button-prev {
    position: static;
    width: 24px;
    height: 24px;
    margin-top: 0;
  }
  .page-main .board-inner .swiper-button-prev::before {
    content: "";
    display: inline-block;
    margin-top: -2.5px;
    background: url("../img/sprites/sprite_svg.svg") no-repeat;
    vertical-align: middle;
    background-position: 66.3492063492% 58.7044534413%;
    width: 24px;
    height: 24px;
  }
  .page-main .board-inner .swiper-button-prev::before {
    margin-top: 0;
  }
  .page-main .board-inner .swiper-button-prev::after {
    font-size: 0;
  }
  .page-main .board-inner .swiper-button-next {
    position: static;
    width: 24px;
    height: 24px;
    margin-top: 0;
  }
  .page-main .board-inner .swiper-button-next::before {
    content: "";
    display: inline-block;
    margin-top: -2.5px;
    background: url("../img/sprites/sprite_svg.svg") no-repeat;
    vertical-align: middle;
    background-position: 16.5079365079% 99.1902834008%;
    width: 24px;
    height: 24px;
  }
  .page-main .board-inner .swiper-button-next::before {
    margin-top: 0;
  }
  .page-main .board-inner .swiper-button-next::after {
    font-size: 0;
  }
  .page-main .board-inner .swiper-pagination {
    position: static;
    width: auto;
    color: #959595;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-family: "ONE-Mobile", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  }
  .page-main .board-inner .swiper-pagination-current {
    color: #000;
    font-weight: 700;
  }
  .page-main .board-cs {
    width: 100%;
    height: auto;
    padding-bottom: 40px;
  }
  .page-main .board-cs .list-others {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
  .page-main .board-cs .list-others > li {
    margin: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .page-main .board-area {
    margin: 0 auto;
    padding: 0;
  }
  .page-main .board-area-wrap {
    padding: 50px 0;
  }
  .page-main .board-inner {
    border-radius: 0;
  }
  .page-main .board-inner .tabs ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-main .board-inner .swiper-wrapper {
    padding-bottom: 60px;
  }
  .page-main .board-inner .tab-inner .btn-more {
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-main .board-cs {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .page-main .notice-swiper,
  .page-main .review-swiper,
  .page-main .file-swiper {
    padding: 0 20px;
  }
  .page-main .notice-swiper .swiper-wrapper,
  .page-main .review-swiper .swiper-wrapper,
  .page-main .file-swiper .swiper-wrapper {
    gap: 15px;
  }
  .page-main .notice-swiper .swiper-slide,
  .page-main .review-swiper .swiper-slide,
  .page-main .file-swiper .swiper-slide {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: calc(100% - 15px - 20%);
  }
  .page-main .notice-swiper .swiper-util,
  .page-main .review-swiper .swiper-util,
  .page-main .file-swiper .swiper-util {
    display: none;
  }
}
@media screen and (max-width: 499px) {
  .page-main .board-inner .tabs ul {
    gap: 15px;
  }
  .page-main .board-inner .tabs ul li button {
    font-size: 21px;
    letter-spacing: -1px;
  }
  .page-main .board-inner .tabs:not(:last-child) {
    margin-bottom: 25px;
  }
  .page-main .board-inner .swiper-wrapper {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 424px) {
  .page-main .main-swiper .swiper-slide {
    padding: 0 20px;
  }
  .page-main .notice-swiper,
  .page-main .review-swiper,
  .page-main .file-swiper {
    padding: 0 20px;
  }
}
/*# sourceMappingURL=maps/style.css.map */