@charset "UTF-8";
.header .allmenu-box .allmenu-btn__close, .alrm-pop .alrm-header__close, .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-add-down-round::before {
  background-position: 60.0811123986% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-add-empty::before {
  background-position: 95.0289017341% 27.0588235294%;
  width: 22px;
  height: 22px;
}

.icon.svg-add-round::before {
  background-position: 61.5874855156% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-add-square::before {
  background-position: 36.9033760186% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-add-square-20::before {
  background-position: 96.3005780347% 27.0588235294%;
  width: 22px;
  height: 22px;
}

.icon.svg-air-all::before {
  background-position: 84.6338535414% 32.0490367776%;
  width: 86px;
  height: 46px;
}

.icon.svg-air-cloudlevel::before {
  background-position: 63.0938586327% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-cloudlevel-36::before {
  background-position: 0 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-air-cloudlevel-red::before {
  background-position: 64.6002317497% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-dust::before {
  background-position: 66.1066048667% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-dust-red::before {
  background-position: 67.6129779838% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-etc::before {
  background-position: 69.1193511008% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-etc-red::before {
  background-position: 70.6257242178% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-lgt::before {
  background-position: 72.1320973349% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-lgt-36::before {
  background-position: 2.2170361727% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-air-lgt-red::before {
  background-position: 73.6384704519% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-lowvisibility::before {
  background-position: 75.1448435689% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-lowvisibility-36::before {
  background-position: 4.4340723454% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-air-lowvisibility-red::before {
  background-position: 76.651216686% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-rain::before {
  background-position: 78.157589803% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-rain-36::before {
  background-position: 6.6511085181% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-air-rain-red::before {
  background-position: 79.66396292% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-snow::before {
  background-position: 81.1703360371% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-snow-36::before {
  background-position: 8.8681446908% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-air-snow-red::before {
  background-position: 82.6767091541% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-typhoon::before {
  background-position: 84.1830822711% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-typhoon-36::before {
  background-position: 11.0851808635% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-air-typhoon-red::before {
  background-position: 85.6894553882% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-wind::before {
  background-position: 87.1958285052% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-wind-36::before {
  background-position: 13.3022170362% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-air-wind-red::before {
  background-position: 88.7022016222% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-windshear::before {
  background-position: 90.2085747393% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-air-windshear-36::before {
  background-position: 15.5192532089% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-air-windshear-red::before {
  background-position: 91.7149478563% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-airplane-a::before {
  background-position: 17.7362893816% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-airplane-a-sm::before {
  background-position: 31.9976771196% 82.9642248722%;
  width: 30px;
  height: 30px;
}

.icon.svg-airplane-w::before {
  background-position: 19.9533255543% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-airplane-w-sm::before {
  background-position: 95.0058072009% 76.6211604096%;
  width: 30px;
  height: 31px;
}

.icon.svg-airplane-white::before {
  background-position: 93.2213209733% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-airport-gray::before {
  background-position: 99.8846597463% 91.959798995%;
  width: 18px;
  height: 20px;
}

.icon.svg-airport-off::before {
  background-position: 28.7711124054% 77.147766323%;
  width: 35px;
  height: 35px;
}

.icon.svg-airport-on::before {
  background-position: 30.8095515434% 77.147766323%;
  width: 35px;
  height: 35px;
}

.icon.svg-airport_20::before {
  background-position: 33.7398373984% 82.9642248722%;
  width: 30px;
  height: 30px;
}

.icon.svg-airport_24::before {
  background-position: 49.1888760139% 82.5423728814%;
  width: 26px;
  height: 27px;
}

.icon.svg-airportnew-off::before {
  background-position: 38.8824214203% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-airports-off::before {
  background-position: 97.5722543353% 27.0588235294%;
  width: 22px;
  height: 22px;
}

.icon.svg-airports-on::before {
  background-position: 98.8439306358% 27.0588235294%;
  width: 22px;
  height: 22px;
}

.icon.svg-airports-yellow::before {
  background-position: 0 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-alert-triangle::before {
  background-position: 34.0828402367% 56.7567567568%;
  width: 62px;
  height: 62px;
}

.icon.svg-arrow-12::before {
  background-position: 41.2543153049% 99.0049751244%;
  width: 14px;
  height: 14px;
}

.icon.svg-arrow-24::before {
  background-position: 50.7246376812% 82.4027072758%;
  width: 27px;
  height: 26px;
}

.icon.svg-arrow-box-left::before {
  background-position: 35.4819976771% 82.9642248722%;
  width: 30px;
  height: 30px;
}

.icon.svg-arrow-down::before {
  background-position: 99.9424626007% 95.9933222037%;
  width: 14px;
  height: 18px;
}

.icon.svg-arrow-down-contained::before {
  background-position: 1.2716763006% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-arrow-left-contained::before {
  background-position: 94.7276940904% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-arrow-right::before {
  background-position: 96.2340672074% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-arrow20::before {
  background-position: 2.5433526012% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-arw-square::before {
  background-position: 100% 44.4821731749%;
  width: 28px;
  height: 28px;
}

.icon.svg-arw-up::before {
  background-position: 10.4838709677% 71.7138103161%;
  width: 16px;
  height: 16px;
}

.icon.svg-arwnew-up::before {
  background-position: 97.7404403244% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-badge-etc::before {
  background-position: 37.7514792899% 56.7567567568%;
  width: 62px;
  height: 62px;
}

.icon.svg-badge-etc_80::before {
  background-position: 34.4910179641% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-badge-information::before {
  background-position: 41.4201183432% 56.7567567568%;
  width: 62px;
  height: 62px;
}

.icon.svg-badge-information_80::before {
  background-position: 39.4011976048% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-badge-nodata::before {
  background-position: 45.0887573964% 56.7567567568%;
  width: 62px;
  height: 62px;
}

.icon.svg-badge-operate::before {
  background-position: 48.7573964497% 56.7567567568%;
  width: 62px;
  height: 62px;
}

.icon.svg-badge-operate_80::before {
  background-position: 44.3113772455% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-badge-safety::before {
  background-position: 52.426035503% 56.7567567568%;
  width: 62px;
  height: 62px;
}

.icon.svg-badge-safety_80::before {
  background-position: 49.2215568862% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-badge-smart::before {
  background-position: 56.0946745562% 56.7567567568%;
  width: 62px;
  height: 62px;
}

.icon.svg-badge-smart_80::before {
  background-position: 54.1317365269% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-bag-question::before {
  background-position: 93.2322053676% 65.2249134948%;
  width: 38px;
  height: 39px;
}

.icon.svg-bang-o::before {
  background-position: 59.7633136095% 56.7567567568%;
  width: 62px;
  height: 62px;
}

.icon.svg-bar-chart-square-up::before {
  background-position: 40.8614668219% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-bar-group::before {
  background-position: 0 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-bar-group-blue::before {
  background-position: 99.2468134415% 82.4027072758%;
  width: 26px;
  height: 26px;
}

.icon.svg-bg-timeline::before {
  background-position: 0 0;
  width: 1752px;
  height: 141px;
}

.icon.svg-bg-timeline02::before {
  background-position: 0 26.8571428571%;
  width: 1410px;
  height: 92px;
}

.icon.svg-board::before {
  background-position: 42.8405122235% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-bookmark-off::before {
  background-position: 96.8041836142% 76.6211604096%;
  width: 31px;
  height: 31px;
}

.icon.svg-bookmark-on::before {
  background-position: 98.6054619407% 76.6211604096%;
  width: 31px;
  height: 31px;
}

.icon.svg-bookmark-sm::before {
  background-position: 99.1334488735% 96.3149078727%;
  width: 21px;
  height: 20px;
}

.icon.svg-btn-del-circle::before {
  background-position: 16.5701042874% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-building::before {
  background-position: 95.4492415403% 65.2249134948%;
  width: 38px;
  height: 39px;
}

.icon.svg-bx-search::before {
  background-position: 52.2898550725% 82.4027072758%;
  width: 27px;
  height: 26px;
}

.icon.svg-calendar::before {
  background-position: 27.6816608997% 99.6661101836%;
  width: 18px;
  height: 18px;
}

.icon.svg-calendar-check::before {
  background-position: 66.7844522968% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-calendar-check-white::before {
  background-position: 18.0764774044% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-calendar-check_20::before {
  background-position: 37.2241579559% 82.9642248722%;
  width: 30px;
  height: 30px;
}

.icon.svg-calendar-plus-white::before {
  background-position: 19.5828505214% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-calendar-to::before {
  background-position: 3.8150289017% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-cancelled-grey::before {
  background-position: 59.0419161677% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-car::before {
  background-position: 24.4521337947% 99.8327759197%;
  width: 18px;
  height: 19px;
}

.icon.svg-car-gray::before {
  background-position: 38.9663182346% 82.9642248722%;
  width: 30px;
  height: 30px;
}

.icon.svg-car-green::before {
  background-position: 5.0867052023% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-car-red::before {
  background-position: 6.3583815029% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-car-yellow::before {
  background-position: 7.6300578035% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-check-broken::before {
  background-position: 21.0892236385% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-check-gray::before {
  background-position: 98.5074626866% 35.960591133%;
  width: 10px;
  height: 8px;
}

.icon.svg-chevron-left::before {
  background-position: 22.5955967555% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-chevron-right::before {
  background-position: 69.964664311% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-chevron-right18::before {
  background-position: 7.2748267898% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-circle-e::before {
  background-position: 0 100%;
  width: 21px;
  height: 20px;
}

.icon.svg-circle-w::before {
  background-position: 8.4295612009% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-clip::before {
  background-position: 24.1019698725% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-clip20::before {
  background-position: 8.901734104% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-clock::before {
  background-position: 22.170361727% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-clock-dark::before {
  background-position: 28.7197231834% 99.6661101836%;
  width: 18px;
  height: 18px;
}

.icon.svg-clock-forward::before {
  background-position: 10.1734104046% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-clock-forwardw::before {
  background-position: 11.4055299539% 71.7138103161%;
  width: 16px;
  height: 16px;
}

.icon.svg-clock-grey::before {
  background-position: 1.2131715771% 100%;
  width: 21px;
  height: 20px;
}

.icon.svg-clock-grey-30::before {
  background-position: 11.4450867052% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-clock-mid::before {
  background-position: 25.6083429896% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-clock-sm::before {
  background-position: 12.7167630058% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-clock-white::before {
  background-position: 9.584295612% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-close-x::before {
  background-position: 1.506373117% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-close-x-mid::before {
  background-position: 40.7084785134% 82.9642248722%;
  width: 30px;
  height: 30px;
}

.icon.svg-close-x-white::before {
  background-position: 27.1147161066% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-cloud::before {
  background-position: 73.1448763251% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-cloud-rain::before {
  background-position: 76.3250883392% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-cloud-rain-sometimes::before {
  background-position: 79.5053003534% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-cloudburst::before {
  background-position: 63.9520958084% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-cloudceiling::before {
  background-position: 68.8622754491% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-config::before {
  background-position: 25.5049047894% 99.8327759197%;
  width: 19px;
  height: 19px;
}

.icon.svg-copy-empty::before {
  background-position: 13.9884393064% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-copy-left-20::before {
  background-position: 15.2601156069% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-counter::before {
  background-position: 78.7134502924% 65.5652173913%;
  width: 42px;
  height: 42px;
}

.icon.svg-counter-on::before {
  background-position: 81.1695906433% 65.5652173913%;
  width: 42px;
  height: 42px;
}

.icon.svg-create-add::before {
  background-position: 12.3271889401% 71.7138103161%;
  width: 16px;
  height: 16px;
}

.icon.svg-create-delete::before {
  background-position: 98.099078341% 23.0016313214%;
  width: 16px;
  height: 4px;
}

.icon.svg-danger::before {
  background-position: 10.7390300231% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-dash::before {
  background-position: 42.0598388953% 99.0049751244%;
  width: 14px;
  height: 14px;
}

.icon.svg-data-lawdoc::before {
  background-position: 53.8550724638% 82.4027072758%;
  width: 27px;
  height: 26px;
}

.icon.svg-data-lawetc::before {
  background-position: 28.6210892236% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-data-lawhwp::before {
  background-position: 30.1274623407% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-data-lawpdf::before {
  background-position: 31.6338354577% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-data-lawxls::before {
  background-position: 33.1402085747% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-dot-horizontal::before {
  background-position: 16.5317919075% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-dot-vertical::before {
  background-position: 17.8034682081% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-download::before {
  background-position: 19.0751445087% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-download-excel::before {
  background-position: 44.8195576251% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-download-sm::before {
  background-position: 29.7235023041% 99.6661101836%;
  width: 16px;
  height: 18px;
}

.icon.svg-drag::before {
  background-position: 11.8937644342% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-dust::before {
  background-position: 82.6855123675% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-earthquake-red::before {
  background-position: 46.7986030268% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-edit::before {
  background-position: 2.4263431542% 100%;
  width: 21px;
  height: 20px;
}

.icon.svg-edit-20::before {
  background-position: 9.4579008074% 71.7138103161%;
  width: 18px;
  height: 16px;
}

.icon.svg-error::before {
  background-position: 20.3468208092% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-explosive-w::before {
  background-position: 21.6184971098% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-eye-open::before {
  background-position: 8.3140877598% 71.7138103161%;
  width: 20px;
  height: 16px;
}

.icon.svg-file-excel::before {
  background-position: 34.6465816918% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-file-excel-green::before {
  background-position: 55.4202898551% 82.4027072758%;
  width: 27px;
  height: 26px;
}

.icon.svg-file-plus::before {
  background-position: 22.8901734104% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-filter::before {
  background-position: 89.7628687102% 27.0588235294%;
  width: 23px;
  height: 22px;
}

.icon.svg-filter-depth::before {
  background-position: 14.1379310345% 71.2396694215%;
  width: 12px;
  height: 12px;
}

.icon.svg-fireblue-28::before {
  background-position: 4.0650406504% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-firegray-28::before {
  background-position: 5.8105752469% 83.1058020478%;
  width: 31px;
  height: 31px;
}

.icon.svg-firegreen-28::before {
  background-position: 7.6074332172% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-flammability-w::before {
  background-position: 24.161849711% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-fog::before {
  background-position: 85.8657243816% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-folder-close::before {
  background-position: 36.1529548088% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-folder-open::before {
  background-position: 37.6593279258% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-full-ar::before {
  background-position: 36.802760207% 99.5%;
  width: 13px;
  height: 17px;
}

.icon.svg-full-marker::before {
  background-position: 42.7914991384% 99.0049751244%;
  width: 11px;
  height: 14px;
}

.icon.svg-full-plane01::before {
  background-position: 97.1757925072% 23.2673267327%;
  width: 17px;
  height: 11px;
}

.icon.svg-full-plane02::before {
  background-position: 13.2488479263% 71.357615894%;
  width: 16px;
  height: 13px;
}

.icon.svg-gale::before {
  background-position: 73.7724550898% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-gender-blue::before {
  background-position: 25.4335260116% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-globe-error::before {
  background-position: 63.4319526627% 56.7567567568%;
  width: 62px;
  height: 62px;
}

.icon.svg-haze::before {
  background-position: 89.0459363958% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-header-admin::before {
  background-position: 32.8479906814% 77.147766323%;
  width: 35px;
  height: 35px;
}

.icon.svg-header-alrm::before {
  background-position: 34.8864298195% 77.0154373928%;
  width: 35px;
  height: 34px;
}

.icon.svg-header-calendar-plus::before {
  background-position: 48.7776484284% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-header-folder-search::before {
  background-position: 50.75669383% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-header-grid::before {
  background-position: 52.7357392317% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-header-line-chart-up::before {
  background-position: 54.7147846333% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-header-menu::before {
  background-position: 0 83.676975945%;
  width: 35px;
  height: 35px;
}

.icon.svg-header-message-chat::before {
  background-position: 56.6938300349% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-header-my::before {
  background-position: 2.038439138% 83.676975945%;
  width: 35px;
  height: 35px;
}

.icon.svg-header-my-logout::before {
  background-position: 26.7052023121% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-header-noti-folder::before {
  background-position: 58.6728754366% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-header-search::before {
  background-position: 99.7685185185% 48.9038785835%;
  width: 24px;
  height: 24px;
}

.icon.svg-header-search-del::before {
  background-position: 27.9768786127% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-help-circle-black::before {
  background-position: 30.6805074971% 99.6661101836%;
  width: 18px;
  height: 18px;
}

.icon.svg-help-circle-contained::before {
  background-position: 29.2485549133% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-help-circle-contained-fill::before {
  background-position: 30.5202312139% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-help-circle-gray::before {
  background-position: 31.7919075145% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-help-circlemessage-contained::before {
  background-position: 60.6519208382% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-home::before {
  background-position: 13.0484988453% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-home-20::before {
  background-position: 33.063583815% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-home-empty::before {
  background-position: 34.3352601156% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-home-round::before {
  background-position: 39.1657010429% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-hourglass-grey::before {
  background-position: 91.0931174089% 27.0588235294%;
  width: 23px;
  height: 22px;
}

.icon.svg-ico-add-form::before {
  background-position: 87.5878220141% 31.9371727749%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-doc::before {
  background-position: 90.1639344262% 31.9371727749%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-hwp::before {
  background-position: 92.7400468384% 31.9371727749%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-img::before {
  background-position: 95.3161592506% 31.9371727749%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-jpg::before {
  background-position: 97.8922716628% 31.9371727749%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-pdf::before {
  background-position: 60.7728337237% 65.7940663176%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-png::before {
  background-position: 63.3489461358% 65.7940663176%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-ppt::before {
  background-position: 65.925058548% 65.7940663176%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-txt::before {
  background-position: 68.5011709602% 65.7940663176%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-upload::before {
  background-position: 35.6069364162% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-ico-data-xls::before {
  background-position: 71.0772833724% 65.7940663176%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-data-zip::before {
  background-position: 73.6533957845% 65.7940663176%;
  width: 44px;
  height: 44px;
}

.icon.svg-ico-del-column::before {
  background-position: 92.4233661076% 27.0588235294%;
  width: 23px;
  height: 22px;
}

.icon.svg-ico-excel-detail::before {
  background-position: 62.6309662398% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-ico-form-write::before {
  background-position: 36.8786127168% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-ico-home::before {
  background-position: 40.6720741599% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-ico-minus-del::before {
  background-position: 38.1502890173% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-ico-pop-file-excel::before {
  background-position: 64.6100116414% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-ico-upload-excel::before {
  background-position: 93.7536148062% 27.0588235294%;
  width: 23px;
  height: 22px;
}

.icon.svg-ico-upload-file01::before {
  background-position: 14.1950375072% 100%;
  width: 19px;
  height: 20px;
}

.icon.svg-icon-lost01::before {
  background-position: 78.3720930233% 76.7521367521%;
  width: 32px;
  height: 32px;
}

.icon.svg-icon-lost02::before {
  background-position: 80.2325581395% 76.7521367521%;
  width: 32px;
  height: 32px;
}

.icon.svg-information-blue::before {
  background-position: 3.6395147314% 100%;
  width: 21px;
  height: 20px;
}

.icon.svg-information-circle-contained::before {
  background-position: 42.1784472769% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-is-explosive::before {
  background-position: 82.0930232558% 76.7521367521%;
  width: 32px;
  height: 32px;
}

.icon.svg-is-flammability::before {
  background-position: 83.9534883721% 76.7521367521%;
  width: 32px;
  height: 32px;
}

.icon.svg-is-knife::before {
  background-position: 85.8139534884% 76.7521367521%;
  width: 32px;
  height: 32px;
}

.icon.svg-is-light::before {
  background-position: 87.6744186047% 76.7521367521%;
  width: 32px;
  height: 32px;
}

.icon.svg-is-liquid::before {
  background-position: 89.5348837209% 76.7521367521%;
  width: 32px;
  height: 32px;
}

.icon.svg-is-toolbox::before {
  background-position: 91.3953488372% 76.7521367521%;
  width: 32px;
  height: 32px;
}

.icon.svg-is-tools::before {
  background-position: 93.2558139535% 76.7521367521%;
  width: 32px;
  height: 32px;
}

.icon.svg-kac::before {
  background-position: 87.5776397516% 24.5217391304%;
  width: 142px;
  height: 42px;
}

.icon.svg-kiast-off::before {
  background-position: 66.5890570431% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-kiast-on::before {
  background-position: 68.5681024447% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-knife-w::before {
  background-position: 39.4219653179% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-legend-menu::before {
  background-position: 43.684820394% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-light-w::before {
  background-position: 40.6936416185% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-lightning::before {
  background-position: 92.2261484099% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-lightning-blue::before {
  background-position: 42.4506387921% 82.9642248722%;
  width: 30px;
  height: 30px;
}

.icon.svg-lightning-strike::before {
  background-position: 44.1927990708% 82.9642248722%;
  width: 30px;
  height: 30px;
}

.icon.svg-lightning-white::before {
  background-position: 41.9653179191% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-like-off-sm::before {
  background-position: 4.8526863085% 100%;
  width: 21px;
  height: 20px;
}

.icon.svg-line-falling::before {
  background-position: 56.9855072464% 82.4027072758%;
  width: 27px;
  height: 26px;
}

.icon.svg-line-rising::before {
  background-position: 58.5507246377% 82.4027072758%;
  width: 27px;
  height: 26px;
}

.icon.svg-link::before {
  background-position: 43.2369942197% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-link-external::before {
  background-position: 44.5086705202% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-liquid-w::before {
  background-position: 45.7803468208% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-lnb-arrow-control::before {
  background-position: 45.191193511% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-lnb-community::before {
  background-position: 9.3495934959% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-lnb-dash-depth2::before {
  background-position: 43.498273878% 99.0049751244%;
  width: 14px;
  height: 14px;
}

.icon.svg-lnb-dash-depth3::before {
  background-position: 16.7623421355% 71.0049423394%;
  width: 10px;
  height: 10px;
}

.icon.svg-lnb-dashboard::before {
  background-position: 11.0917537747% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-lnb-datasearch::before {
  background-position: 12.8339140534% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-lnb-dataservice::before {
  background-position: 14.5760743322% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-lnb-home::before {
  background-position: 16.3182346109% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-lnb-info::before {
  background-position: 18.0603948897% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-lnb-mymenu::before {
  background-position: 19.8025551684% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-lnb-report::before {
  background-position: 21.5447154472% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-lnb-selfbi::before {
  background-position: 23.2868757259% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-lnb-star-off::before {
  background-position: 97.5722543353% 92.4242424242%;
  width: 22px;
  height: 23px;
}

.icon.svg-lnb-star-on::before {
  background-position: 98.8439306358% 92.4242424242%;
  width: 22px;
  height: 23px;
}

.icon.svg-lnb-workdata::before {
  background-position: 25.0290360046% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-loacation::before {
  background-position: 46.697566628% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-location-white::before {
  background-position: 47.0520231214% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-logo-kac::before {
  background-position: 91.7257683215% 23.6180904523%;
  width: 60px;
  height: 20px;
}

.icon.svg-lowvisibility::before {
  background-position: 78.6826347305% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-man-blue::before {
  background-position: 37.6152073733% 99.3344425957%;
  width: 16px;
  height: 16px;
}

.icon.svg-man-dark::before {
  background-position: 31.7185697809% 99.6661101836%;
  width: 18px;
  height: 18px;
}

.icon.svg-man-green::before {
  background-position: 38.5368663594% 99.3344425957%;
  width: 16px;
  height: 16px;
}

.icon.svg-man-line::before {
  background-position: 6.0658578856% 100%;
  width: 21px;
  height: 20px;
}

.icon.svg-man-red::before {
  background-position: 39.4585253456% 99.3344425957%;
  width: 16px;
  height: 16px;
}

.icon.svg-man-white::before {
  background-position: 15.3002309469% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-man-yellow::before {
  background-position: 40.3801843318% 99.3344425957%;
  width: 16px;
  height: 16px;
}

.icon.svg-map::before {
  background-position: 3.0127462341% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-mark-etc-off::before {
  background-position: 48.2039397451% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-mark-etc-on::before {
  background-position: 49.7103128621% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-mark-off::before {
  background-position: 70.5471478463% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-mark-on::before {
  background-position: 72.526193248% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-marker::before {
  background-position: 47.6218097448% 82.6825127334%;
  width: 28px;
  height: 28px;
}

.icon.svg-marker-on::before {
  background-position: 100% 39.6258503401%;
  width: 28px;
  height: 29px;
}

.icon.svg-maximise::before {
  background-position: 51.2166859791% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-maximise-18::before {
  background-position: 16.454965358% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-maximise-gray::before {
  background-position: 48.323699422% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-megaphone::before {
  background-position: 52.7230590962% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-ai::before {
  background-position: 54.2294322132% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-airportweather::before {
  background-position: 55.7358053302% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-airstatistics::before {
  background-position: 57.2421784473% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-alert-circle::before {
  background-position: 58.7485515643% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-archive::before {
  background-position: 60.2549246813% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-bar-group::before {
  background-position: 4.5191193511% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-menu-barchart-squareup::before {
  background-position: 6.0254924681% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-menu-briefcase::before {
  background-position: 61.7612977984% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-calendar-plus::before {
  background-position: 7.5318655852% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-menu-cancel::before {
  background-position: 63.2676709154% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-category::before {
  background-position: 64.7740440324% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-clock-man::before {
  background-position: 66.2804171495% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-copy::before {
  background-position: 67.7867902665% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-data-box::before {
  background-position: 69.2931633835% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-datasearch::before {
  background-position: 70.7995365006% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-file-edit::before {
  background-position: 72.3059096176% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-file-multiple::before {
  background-position: 73.8122827346% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-flow::before {
  background-position: 75.3186558517% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-folder-search::before {
  background-position: 76.8250289687% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-folder-search2::before {
  background-position: 78.3314020857% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-folderalrm::before {
  background-position: 9.0382387022% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-menu-help-circlemessage::before {
  background-position: 79.8377752028% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-home::before {
  background-position: 81.3441483198% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-hourglass::before {
  background-position: 82.8505214368% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-information-circlemessage::before {
  background-position: 84.3568945539% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-keyword::before {
  background-position: 85.8632676709% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-law::before {
  background-position: 26.7711962834% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-menu-lightning::before {
  background-position: 10.5446118192% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-menu-line-chart::before {
  background-position: 12.0509849363% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-menu-list::before {
  background-position: 87.3696407879% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-manual::before {
  background-position: 88.876013905% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-map::before {
  background-position: 90.382387022% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-megaphone::before {
  background-position: 91.888760139% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-message-chat::before {
  background-position: 93.3951332561% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-myboard::before {
  background-position: 94.9015063731% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-order::before {
  background-position: 96.4078794902% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-performance::before {
  background-position: 97.9142526072% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-pie-chart::before {
  background-position: 99.4206257242% 88.3248730964%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-plane-grey::before {
  background-position: 49.5953757225% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-menu-plane01::before {
  background-position: 0 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-plane02::before {
  background-position: 13.5573580533% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-menu-plane02-grey::before {
  background-position: 50.8670520231% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-menu-press::before {
  background-position: 1.506373117% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-report::before {
  background-position: 3.0127462341% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-search::before {
  background-position: 4.5191193511% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-service::before {
  background-position: 6.0254924681% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-barchart-squareup::before {
  background-position: 7.5318655852% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-calendar-plus::before {
  background-position: 9.0382387022% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-category::before {
  background-position: 10.5446118192% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-datasearch::before {
  background-position: 12.0509849363% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-flow::before {
  background-position: 13.5573580533% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-folder-search::before {
  background-position: 15.0637311703% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-folderalrm::before {
  background-position: 16.5701042874% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-help-circlemessage::before {
  background-position: 18.0764774044% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-hourglass::before {
  background-position: 19.5828505214% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-information-circlemessage::before {
  background-position: 21.0892236385% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-lightning::before {
  background-position: 22.5955967555% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-line-chart::before {
  background-position: 24.1019698725% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-list::before {
  background-position: 25.6083429896% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-manual::before {
  background-position: 27.1147161066% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-map::before {
  background-position: 28.6210892236% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-megaphone::before {
  background-position: 30.1274623407% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-myboard::before {
  background-position: 31.6338354577% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-plane01::before {
  background-position: 33.1402085747% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-plane02::before {
  background-position: 34.6465816918% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-search::before {
  background-position: 36.1529548088% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-sm-video::before {
  background-position: 37.6593279258% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-star::before {
  background-position: 39.1657010429% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-video::before {
  background-position: 40.6720741599% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-warning::before {
  background-position: 42.1784472769% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-menu-xsm-file-edit::before {
  background-position: 52.1387283237% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-minus-white-18::before {
  background-position: 17.6096997691% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-mob::before {
  background-position: 83.6257309942% 65.5652173913%;
  width: 42px;
  height: 42px;
}

.icon.svg-mob-on::before {
  background-position: 86.081871345% 65.5652173913%;
  width: 42px;
  height: 42px;
}

.icon.svg-modify::before {
  background-position: 18.7644341801% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-moon::before {
  background-position: 95.406360424% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-moon-cloud::before {
  background-position: 98.5865724382% 55.9502664298%;
  width: 54px;
  height: 54px;
}

.icon.svg-moon-cloud-lot::before {
  background-position: 8.480565371% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-moreplus::before {
  background-position: 19.9076745528% 100%;
  width: 19px;
  height: 20px;
}

.icon.svg-mydata-off::before {
  background-position: 53.4104046243% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-mydata-on::before {
  background-position: 54.6820809249% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-mymenu-star-off::before {
  background-position: 55.9537572254% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-mymenu-star-on::before {
  background-position: 57.225433526% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-negative::before {
  background-position: 46.5334900118% 66.4902998236%;
  width: 50px;
  height: 50px;
}

.icon.svg-neutral::before {
  background-position: 49.4712103408% 66.4902998236%;
  width: 50px;
  height: 50px;
}

.icon.svg-new::before {
  background-position: 100% 27.0134228188%;
  width: 20px;
  height: 21px;
}

.icon.svg-news-blue::before {
  background-position: 58.4971098266% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-news-off::before {
  background-position: 59.7687861272% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-news-on::before {
  background-position: 61.0404624277% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-no-data::before {
  background-position: 94.7121034078% 23.4608985025%;
  width: 50px;
  height: 16px;
}

.icon.svg-none-gate::before {
  background-position: 100% 31.4974182444%;
  width: 36px;
  height: 36px;
}

.icon.svg-notam::before {
  background-position: 43.684820394% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-parking::before {
  background-position: 45.191193511% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-parking-black::before {
  background-position: 46.697566628% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-pause::before {
  background-position: 62.3121387283% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-pause-black::before {
  background-position: 63.5838150289% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-pay-gray::before {
  background-position: 45.9349593496% 82.9642248722%;
  width: 30px;
  height: 30px;
}

.icon.svg-ph_siren-light::before {
  background-position: 32.7566320646% 99.6661101836%;
  width: 18px;
  height: 18px;
}

.icon.svg-plane-dwn::before {
  background-position: 48.2039397451% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-plane-max-off::before {
  background-position: 55.2816901408% 66.3732394366%;
  width: 48px;
  height: 49px;
}

.icon.svg-plane-max-on::before {
  background-position: 58.0985915493% 66.3732394366%;
  width: 48px;
  height: 49px;
}

.icon.svg-plane-mid-off::before {
  background-position: 97.7232924694% 65.2249134948%;
  width: 39px;
  height: 39px;
}

.icon.svg-plane-mid-on::before {
  background-position: 100% 65.2249134948%;
  width: 39px;
  height: 39px;
}

.icon.svg-plane-min-off::before {
  background-position: 28.5133565621% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-plane-min-on::before {
  background-position: 30.2555168409% 83.1058020478%;
  width: 30px;
  height: 31px;
}

.icon.svg-plane-up::before {
  background-position: 49.7103128621% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-play::before {
  background-position: 64.8554913295% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-play-24::before {
  background-position: 51.2166859791% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-play-black::before {
  background-position: 66.1271676301% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-play-w::before {
  background-position: 52.7230590962% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-plus-white-18::before {
  background-position: 21.0161662818% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-pointer-00::before {
  background-position: 99.8277841561% 81.9865319865%;
  width: 10px;
  height: 23px;
}

.icon.svg-police::before {
  background-position: 76.2295081967% 65.7940663176%;
  width: 44px;
  height: 44px;
}

.icon.svg-positive::before {
  background-position: 52.4089306698% 66.4902998236%;
  width: 50px;
  height: 50px;
}

.icon.svg-power-caution::before {
  background-position: 33.7946943483% 99.6661101836%;
  width: 18px;
  height: 18px;
}

.icon.svg-power-danger::before {
  background-position: 34.8327566321% 99.6661101836%;
  width: 18px;
  height: 18px;
}

.icon.svg-power-normal::before {
  background-position: 26.6012694749% 99.6661101836%;
  width: 19px;
  height: 18px;
}

.icon.svg-power-warning::before {
  background-position: 35.8708189158% 99.6661101836%;
  width: 18px;
  height: 18px;
}

.icon.svg-rain::before {
  background-position: 11.6607773852% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-rain-snow::before {
  background-position: 14.8409893993% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-rain-snow-sometimes::before {
  background-position: 18.0212014134% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-rainfall::before {
  background-position: 44.2274554854% 99.0049751244%;
  width: 11px;
  height: 14px;
}

.icon.svg-rainfall-full::before {
  background-position: 14.8190695003% 71.2396694215%;
  width: 11px;
  height: 12px;
}

.icon.svg-ranking-blue::before {
  background-position: 67.3988439306% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-rankingmarker-blue::before {
  background-position: 68.6705202312% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-reddot::before {
  background-position: 17.3363949483% 71.0049423394%;
  width: 10px;
  height: 10px;
}

.icon.svg-report-dn::before {
  background-position: 54.2294322132% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-rotatearrow::before {
  background-position: 16.1401493395% 71.0049423394%;
  width: 11px;
  height: 10px;
}

.icon.svg-schedule-green::before {
  background-position: 69.9421965318% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-schedule-off::before {
  background-position: 71.2138728324% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-schedule-on::before {
  background-position: 72.4855491329% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-search-20::before {
  background-position: 73.7572254335% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-search-b-s::before {
  background-position: 75.0289017341% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-search-more::before {
  background-position: 15.0637311703% 88.4745762712%;
  width: 26px;
  height: 27px;
}

.icon.svg-search-more-24::before {
  background-position: 55.7358053302% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-search-w-s::before {
  background-position: 22.1709006928% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-search-white::before {
  background-position: 24.3873978996% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-self::before {
  background-position: 88.5380116959% 65.5652173913%;
  width: 42px;
  height: 42px;
}

.icon.svg-self-on::before {
  background-position: 90.9941520468% 65.5652173913%;
  width: 42px;
  height: 42px;
}

.icon.svg-send::before {
  background-position: 57.2421784473% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-send-sm::before {
  background-position: 76.3005780347% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-share-20::before {
  background-position: 77.5722543353% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-share-empty::before {
  background-position: 78.8439306358% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-shevron-right::before {
  background-position: 58.7485515643% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-snow::before {
  background-position: 21.2014134276% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-snow-36::before {
  background-position: 26.6044340723% 77.5474956822%;
  width: 38px;
  height: 38px;
}

.icon.svg-snow-major::before {
  background-position: 83.5928143713% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-snow-or-rain::before {
  background-position: 24.3816254417% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-snow-sometimes::before {
  background-position: 27.5618374558% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-snow-sometimes-rain::before {
  background-position: 30.74204947% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-source::before {
  background-position: 60.2549246813% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-square-minus::before {
  background-position: 100% 53.1197301855%;
  width: 24px;
  height: 24px;
}

.icon.svg-square-plus::before {
  background-position: 100% 57.1669477234%;
  width: 24px;
  height: 24px;
}

.icon.svg-status-cold::before {
  background-position: 61.7612977984% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-status-dry::before {
  background-position: 63.2676709154% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-status-dust::before {
  background-position: 64.7740440324% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-status-hot::before {
  background-position: 66.2804171495% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-status-rain::before {
  background-position: 67.7867902665% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-status-snow::before {
  background-position: 69.2931633835% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-status-storm::before {
  background-position: 70.7995365006% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-status-tsunami::before {
  background-position: 72.3059096176% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-status-typhoon::before {
  background-position: 73.8122827346% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-status-wind::before {
  background-position: 75.3186558517% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-std-default::before {
  background-position: 76.8250289687% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-stop-24::before {
  background-position: 78.3314020857% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-stop-w::before {
  background-position: 79.8377752028% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-streamline-q::before {
  background-position: 81.3441483198% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-streamline-search::before {
  background-position: 82.8505214368% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-sub-line::before {
  background-position: 15.4597701149% 71.2396694215%;
  width: 12px;
  height: 12px;
}

.icon.svg-sun::before {
  background-position: 33.9222614841% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-sun-cloud::before {
  background-position: 37.1024734982% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-sun-cloud-lot::before {
  background-position: 40.2826855124% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-system-step01::before {
  background-position: 0 49.2600422833%;
  width: 144px;
  height: 144px;
}

.icon.svg-system-step02::before {
  background-position: 8.9552238806% 49.2600422833%;
  width: 144px;
  height: 144px;
}

.icon.svg-system-step03::before {
  background-position: 17.9104477612% 49.2600422833%;
  width: 144px;
  height: 144px;
}

.icon.svg-system-step04::before {
  background-position: 26.8656716418% 49.2600422833%;
  width: 144px;
  height: 144px;
}

.icon.svg-temp::before {
  background-position: 80.1156069364% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-temp-full::before {
  background-position: 81.387283237% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-temp-grey::before {
  background-position: 82.6589595376% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-thin-mist::before {
  background-position: 43.4628975265% 66.9626998224%;
  width: 54px;
  height: 54px;
}

.icon.svg-thumbs-up::before {
  background-position: 83.9306358382% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-thumbs-up-on::before {
  background-position: 85.2023121387% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-time-bio::before {
  background-position: 74.5052386496% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-time-face::before {
  background-position: 76.4842840512% 77.0154373928%;
  width: 34px;
  height: 34px;
}

.icon.svg-toolbox-w::before {
  background-position: 86.4739884393% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-tools-w::before {
  background-position: 87.7456647399% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-trash::before {
  background-position: 89.0173410405% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-trash-20::before {
  background-position: 90.289017341% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-trash-empty::before {
  background-position: 91.5606936416% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-trash-sm::before {
  background-position: 92.8323699422% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-triangle::before {
  background-position: 96.1805555556% 23.3830845771%;
  width: 24px;
  height: 14px;
}

.icon.svg-typhoon::before {
  background-position: 88.502994012% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-typhoon-24::before {
  background-position: 84.3568945539% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-upload::before {
  background-position: 94.1040462428% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-user-add::before {
  background-position: 100% 75.7166947723%;
  width: 24px;
  height: 24px;
}

.icon.svg-user-bg::before {
  background-position: 0 69.1743119266%;
  width: 72px;
  height: 72px;
}

.icon.svg-user-check::before {
  background-position: 95.3757225434% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-user-right::before {
  background-position: 96.2962962963% 92.5801011804%;
  width: 24px;
  height: 24px;
}

.icon.svg-user-x::before {
  background-position: 23.3256351039% 100%;
  width: 20px;
  height: 20px;
}

.icon.svg-warning-grey::before {
  background-position: 96.6473988439% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-warning-red::before {
  background-position: 97.9190751445% 96.6386554622%;
  width: 22px;
  height: 22px;
}

.icon.svg-weather-air-off::before {
  background-position: 85.8632676709% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-weather-air-on::before {
  background-position: 87.3696407879% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-weather-etc::before {
  background-position: 93.4131736527% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-weather-etc-off::before {
  background-position: 88.876013905% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-weather-etc-on::before {
  background-position: 90.382387022% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-weather-none::before {
  background-position: 4.2857142857% 69.1743119266%;
  width: 72px;
  height: 72px;
}

.icon.svg-windshear::before {
  background-position: 98.3233532934% 43.5514018692%;
  width: 82px;
  height: 82px;
}

.icon.svg-write::before {
  background-position: 91.888760139% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-zoom-minus::before {
  background-position: 93.3951332561% 92.8934010152%;
  width: 26px;
  height: 26px;
}

.icon.svg-zoom-plus::before {
  background-position: 94.9015063731% 92.8934010152%;
  width: 26px;
  height: 26px;
}

/* **************************************************************************
	Freesentation Web Font
************************************************************************** */
@font-face {
  font-family: "Freesentation";
  font-weight: 100;
  font-style: normal;
  src: url("../../fonts/freesentation-1thin.woff") format("woff"), url("../../fonts/freesentation-1thin.woff") format("opentype");
}
@font-face {
  font-family: "Freesentation";
  font-weight: 200;
  font-style: normal;
  src: url("../../fonts/freesentation-2extralight.woff") format("woff"), url("../../fonts/freesentation-2extralight.woff") format("opentype");
}
@font-face {
  font-family: "Freesentation";
  font-weight: 300;
  font-style: normal;
  src: url("../../fonts/freesentation-3light.woff") format("woff"), url("../../fonts/freesentation-3light.woff") format("opentype");
}
@font-face {
  font-family: "Freesentation";
  font-weight: 400;
  font-style: normal;
  src: url("../../fonts/freesentation-4regular.woff") format("woff"), url("../../fonts/freesentation-4regular.woff") format("opentype");
}
@font-face {
  font-family: "Freesentation";
  font-weight: 500;
  font-style: normal;
  src: url("../../fonts/freesentation-5medium.woff") format("woff"), url("../../fonts/freesentation-5medium.woff") format("opentype");
}
@font-face {
  font-family: "Freesentation";
  font-weight: 600;
  font-style: normal;
  src: url("../../fonts/freesentation-6semibold.woff") format("woff"), url("../../fonts/freesentation-6semibold.woff") format("opentype");
}
@font-face {
  font-family: "Freesentation";
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/freesentation-7bold.woff") format("woff"), url("../../fonts/freesentation-7bold.woff") format("opentype");
}
@font-face {
  font-family: "Freesentation";
  font-weight: 800;
  font-style: normal;
  src: url("../../fonts/freesentation-8extrabold.woff") format("woff"), url("../../fonts/freesentation-8extrabold.woff") format("opentype");
}
@font-face {
  font-family: "Freesentation";
  font-weight: 900;
  font-style: normal;
  src: url("../../fonts/freesentation-9black.woff") format("woff"), url("../../fonts/freesentation-9black.woff") format("opentype");
}
/* **************************************************************************
	PretendardGOV Web Font
************************************************************************** */
@font-face {
  font-family: "PretendardGOV";
  font-weight: 780;
  font-style: normal;
  src: url("../../fonts/PretendardGOV-ExtraBold.woff") format("woff"), url("../../fonts/PretendardGOV-ExtraBold.woff") format("opentype");
}
@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");
}
/* **************************************************************************
	GmarketSan Web Font
************************************************************************** */
@font-face {
  font-family: "GmarketSan";
  font-weight: 300;
  font-style: normal;
  src: url("../../fonts/GmarketSansLight.woff") format("woff"), url("../../fonts/GmarketSansLight.woff") format("opentype");
}
@font-face {
  font-family: "GmarketSan";
  font-weight: 500;
  font-style: normal;
  src: url("../../fonts/GmarketSansMedium.woff") format("woff"), url("../../fonts/GmarketSansMedium.woff") format("opentype");
}
@font-face {
  font-family: "GmarketSan";
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/GmarketSansBold.woff") format("woff"), url("../../fonts/GmarketSansBold.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-style: inherit;
  vertical-align: baseline;
}

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

html {
  font-size: 0.5208333333vw;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 14px;
  letter-spacing: -0.7px;
}

/* 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;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

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

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

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

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

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

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

::placeholder {
  color: #7a8084;
  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,
.is-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,
.is-sr-only-focusable:active,
.is-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;
  z-index: 9999;
  left: 50%;
  width: auto;
  border-radius: 10em;
  background: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.skipnav a:hover, .skipnav a:active, .skipnav a:focus {
  top: 5px;
  padding: 0.7em 3em;
  color: #fff;
}

.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;
}

.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;
}

.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%;
  min-width: 100%;
}

.link {
  display: inline-block;
  position: relative;
  line-height: 1.2;
  color: #0085ff;
  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;
}

.word-wrap {
  word-break: keep-all;
  word-wrap: break-word;
}

.list-dot > li {
  padding-left: 11px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}
.list-dot > li button {
  line-height: 1.2;
  vertical-align: text-top;
}
.list-dot > li:before {
  display: block;
  float: left;
  content: "\2022";
  width: 11px;
  margin-left: -14px;
  font-size: 28px;
}
.list-dot > li > ul > li {
  font-size: 13px;
  margin-top: 0.5em;
  padding-left: 10px;
}
.list-dot > li > ul > li:before {
  display: block;
  float: left;
  content: "-";
  width: 10px;
  margin-left: -10px;
}
.list-dash > li {
  padding-left: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}
.list-dash > li button {
  line-height: 1.2;
  vertical-align: text-top;
}
.list-dash > li:before {
  display: block;
  float: left;
  content: "-";
  width: 8px;
  margin-left: -10px;
}
.list-dash > li > ul > li {
  font-size: 13px;
  padding-left: 10px;
}
.list-dash > li > ul > li:before {
  display: block;
  float: left;
  content: "-";
  width: 11px;
  margin-left: -10px;
}
.list-ref > li {
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}
.list-ref > li button {
  line-height: 1.2;
  vertical-align: text-top;
}
.list-ref > li:before {
  display: block;
  float: left;
  content: "\203b";
  width: 11px;
  margin-left: -20px;
}
.list-ref > li > ul > li {
  font-size: 13px;
  padding-left: 10px;
}
.list-ref > li > ul > li:before {
  display: block;
  float: left;
  content: "-";
  width: 10px;
  margin-left: -10px;
}
.list-num {
  counter-reset: number 0;
}
.list-num > li {
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}
.list-num > li:before {
  content: counter(number) ".";
  counter-increment: number 1;
  display: block;
  float: left;
  margin-left: -20px;
}
.list-crnum {
  counter-reset: number 0;
}
.list-crnum > li {
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}
.list-crnum > li:before {
  content: counter(number);
  counter-increment: number 1;
  display: block;
  width: 15px;
  height: 15px;
  float: left;
  margin-left: -20px;
  margin-top: 7px;
  border: 1px solid #222;
  border-radius: 100%;
  text-align: center;
  line-height: 15px;
  font-size: 12px;
}
.list-hangul > li {
  list-style: hangul;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.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.gap-20 {
  gap: 20px;
}
.flex-box.is-fullwidth {
  width: 100%;
}
.flex-box.is-align-c {
  -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: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  border-width: 5px;
  border-left-color: #0085ff;
  border-bottom-color: #0085ff;
  border-top-color: #f2f4f7;
  border-right-color: #f2f4f7;
}
.loading-container .loading-text {
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: 55px;
  color: #ddd;
  font-size: 12px;
  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: 15px;
  font-weight: 500;
  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: 36px;
  -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: 2px;
  color: #222;
  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: #222;
}
.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: #f2f2f2;
  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: #222;
}
.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(34, 34, 34, 0.25);
          box-shadow: 0 0 0 0.125em rgba(34, 34, 34, 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: #98a3aa;
}
.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(152, 163, 170, 0.25);
          box-shadow: 0 0 0 0.125em rgba(152, 163, 170, 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: #153448;
}
.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(21, 52, 72, 0.25);
          box-shadow: 0 0 0 0.125em rgba(21, 52, 72, 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-small.textarea, .is-small.input {
  height: 32px;
  border-radius: 2px;
}
.is-medium.textarea, .is-medium.input {
  height: 40px;
}
.is-large.textarea, .is-large.input {
  height: 45px;
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.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;
}

.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: 14px;
  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;
}

.radio, .checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.radio input, .checkbox input {
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  color: #222;
}
[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: 36px;
}
.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: #222;
}
.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: #f2f2f2;
}
.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: #222;
}
.select.is-black select {
  border-color: #222;
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: #151515;
}
.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(34, 34, 34, 0.25);
          box-shadow: 0 0 0 0.125em rgba(34, 34, 34, 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: #ececec;
}
.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: #98a3aa;
}
.select.is-gray select {
  border-color: #98a3aa;
}
.select.is-gray select:hover, .select.is-gray select.is-hovered {
  border-color: #8a979e;
}
.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(152, 163, 170, 0.25);
          box-shadow: 0 0 0 0.125em rgba(152, 163, 170, 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: #7b7b7b;
}
.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: #153448;
}
.select.is-primary select {
  border-color: #153448;
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: #0f2634;
}
.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(21, 52, 72, 0.25);
          box-shadow: 0 0 0 0.125em rgba(21, 52, 72, 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: #0078e6;
}
.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: #3c7aa9;
}
.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: #2d8e42;
}
.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: #ff1e1e;
}
.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: #d58900;
}
.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: #ff1e1e;
}
.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-small {
  border-radius: 2px;
  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.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth 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: 36px;
  border-radius: 4px;
  border-color: #153448;
  border-width: 1px;
  background-color: #fff;
  color: #153448;
  cursor: pointer;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  -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: #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: #153448;
}
.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: #153448;
  -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: #f2f2f2;
  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: #222;
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #222;
}
.button.is-white:focus, .button.is-white.is-focused {
  color: #222;
}
.button.is-white:active, .button.is-white.is-active {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #222;
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: #828282;
}
.button.is-white {
  border-color: #222;
}
.button.is-white:hover {
  background-color: #222;
  border-color: #222;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted {
  background-color: #222;
  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: #151515;
}
.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 #222 #222 !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%);
  border-color: hsl(0, 0%, 100%);
  color: #222;
}
.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 #222 #222 !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: #222;
  color: #222;
}
.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: #222;
  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: #222;
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: #1c1c1c;
  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: #151515;
  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: #e5e5e5;
  border-color: #e5e5e5;
  color: #828282;
}
.button.is-black:hover, .button.is-black:focus {
  background-color: hsl(0, 0%, 100%);
  border-color: #222;
  color: #222;
}
.button.is-black.is-inverted {
  background-color: hsl(0, 0%, 100%);
  color: #222;
}
.button.is-black.is-inverted:hover, .button.is-black.is-inverted:focus, .button.is-black.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.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: #222;
  color: #222;
}
.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: #222;
  border-color: #222;
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent #222 #222 !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: #222;
}
.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 #222 #222 !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: #f3f3f3;
  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: #ececec;
  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: #e5e5e5;
  border-color: #e5e5e5;
  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: rgba(0, 0, 0, 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;
  border-color: #f9f9f9;
  color: rgba(0, 0, 0, 0.7);
}
.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: #98a3aa;
  border-color: transparent;
  color: #fff;
}
.button.is-gray:hover, .button.is-gray.is-hovered {
  background-color: #919da4;
  border-color: transparent;
  color: #fff;
}
.button.is-gray:focus, .button.is-gray.is-focused {
  color: #fff;
}
.button.is-gray:active, .button.is-gray.is-active {
  background-color: #8a979e;
  border-color: transparent;
  color: #fff;
}
.button.is-gray[disabled], fieldset[disabled] .button.is-gray {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: #828282;
}
.button.is-gray.is-inverted {
  background-color: #fff;
  color: #98a3aa;
}
.button.is-gray.is-inverted:hover, .button.is-gray.is-inverted:focus, .button.is-gray.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.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 #fff #fff !important;
}
.button.is-gray.is-outlined {
  background-color: transparent;
  border-color: #98a3aa;
  color: #98a3aa;
}
.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: #98a3aa;
  border-color: #98a3aa;
  color: #fff;
}
.button.is-gray.is-outlined.is-loading::after {
  border-color: transparent transparent #98a3aa #98a3aa !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 #fff #fff !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: #fff;
  color: #fff;
}
.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: #fff;
  color: #98a3aa;
}
.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 #98a3aa #98a3aa !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: #828282;
  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: #7b7b7b;
  border-color: transparent;
  color: #fff;
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  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: #f2f2f2;
}
.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;
  border-color: #888;
  color: #fff;
}
.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: #153448;
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: #122d3e;
  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: #0f2634;
  border-color: transparent;
  color: #fff;
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: #828282;
}
.button.is-primary.is-inverted {
  background-color: #fff;
  color: #153448;
}
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted:focus, .button.is-primary.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.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: #153448;
  color: #153448;
}
.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: #153448;
  border-color: #153448;
  color: #fff;
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent #153448 #153448 !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: #153448;
}
.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 #153448 #153448 !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: #007ef2;
  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: #0078e6;
  border-color: transparent;
  color: #fff;
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  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: #f2f2f2;
}
.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;
  border-color: #0085ff;
  color: #fff;
}
.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: #4081b3;
  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: #3c7aa9;
  border-color: transparent;
  color: #fff;
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  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: #f2f2f2;
}
.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;
  border-color: #4388bc;
  color: #fff;
}
.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: #309746;
  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: #2d8e42;
  border-color: transparent;
  color: #fff;
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  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: #f2f2f2;
}
.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;
  border-color: #33a14b;
  color: #fff;
}
.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: #ff2a2a;
  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: #ff1e1e;
  border-color: transparent;
  color: #fff;
}
.button.is-error[disabled], fieldset[disabled] .button.is-error {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  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: #f2f2f2;
}
.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;
  border-color: #ff3737;
  color: #fff;
}
.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: #e19100;
  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: #d58900;
  border-color: transparent;
  color: #fff;
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  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: #f2f2f2;
}
.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;
  border-color: #ee9900;
  color: #fff;
}
.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: #ff2a2a;
  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: #ff1e1e;
  border-color: transparent;
  color: #fff;
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  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: #f2f2f2;
}
.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;
  border-color: #ff3737;
  color: #fff;
}
.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-primary:hover, .button.is-primary:focus, .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: #0085ff;
  border-color: #0085ff;
  color: #fff;
}
.button.is-point:hover, .button.is-point:focus, .button.is-point.is-hovered {
  background-color: #153448 !important;
  border-color: #153448 !important;
  color: #ffffff !important;
}
.button.is-point:active, .button.is-point.is-active {
  background-color: #153448 !important;
  border-color: #153448 !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: #222;
}
.button.is-light:active, .button.is-light.is-active {
  background-color: #fff;
  border-color: #222;
}
.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 {
  height: 34px;
}
.button.is-medium {
  height: 42px;
}
.button.is-large {
  min-width: 100px;
  font-size: 17px;
  height: 42px;
}
.button.is-xlarge {
  font-size: 17px;
  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.is-fullwidth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  border-color: transparent transparent #153448 #153448;
  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: #e5e5e5;
  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;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  height: 34px;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  height: 42px;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 17px;
  height: 42px;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 17px;
  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.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 3px;
  margin-right: 3px;
}
.buttons + .buttons {
  margin-top: 10px;
}

.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;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.is-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tags.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.tags.has-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: #bcbcbc;
  font-size: 12px;
}
.tagsinput.field.is-grouped.is-grouped-multiline input::-moz-placeholder {
  color: #bcbcbc;
  font-size: 12px;
}
.tagsinput.field.is-grouped.is-grouped-multiline input:-ms-input-placeholder {
  color: #bcbcbc;
  font-size: 12px;
}
.tagsinput.field.is-grouped.is-grouped-multiline input::-ms-input-placeholder {
  color: #bcbcbc;
  font-size: 12px;
}
.tagsinput.field.is-grouped.is-grouped-multiline input::placeholder {
  color: #bcbcbc;
  font-size: 12px;
}

.tag:not(body) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #153448;
  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: 13px;
  font-weight: 400;
  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: #222;
}
.tag:not(body).tag-black {
  background-color: #222;
  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: #98a3aa;
  color: #fff;
}
.tag:not(body).tag-dark {
  background-color: #888;
  color: #fff;
}
.tag:not(body).tag-primary {
  background-color: #153448;
  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).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: #0f2634;
}
.tag:not(body).is-delete:active {
  background-color: #091721;
}
.tag:not(body).is-rounded {
  border-radius: 9999px;
}
.tag:not(body).is-bordered {
  border: 1px solid #222;
  background: #fff;
  color: #222;
}

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 .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: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #222;
}
.file-save-list-item .volume {
  font-size: 13px;
  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: 13px;
  font-weight: 400;
  color: #153448;
  border: 1px solid #888;
  background-color: transparent;
}
.file-save-list-item .btn-download:hover {
  color: #0085ff;
  border-color: #0085ff;
}
.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: 17px;
  font-weight: 300;
  line-height: 22px;
  color: #222;
}
.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: 13px;
  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: #f2f2f2;
  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: 17px;
  font-weight: 300;
  line-height: 26px;
  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: 19px;
  margin-right: 5px;
}
.file-zone__message b {
  margin-left: 3px;
  font-weight: 400;
  color: #222;
  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: #222;
  display: block;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.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: #222;
}
.help.is-light {
  color: #f9f9f9;
}
.help.is-gray {
  color: #98a3aa;
}
.help.is-dark {
  color: #888;
}
.help.is-primary {
  color: #153448;
}
.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;
}

.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: #222;
}
.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: #153448;
  height: 36px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 36px;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 36px;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 36px;
}
.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: #222;
  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 #e5e5e5;
  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: #222;
}
.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: #222;
}
.content-area table tfoot td,
.content-area table tfoot th {
  border-width: 2px 0 0;
  color: #222;
}
.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;
}

.fieldset-header {
  padding-bottom: 10px;
}
.fieldset-header__title, .fieldset-header__info {
  vertical-align: middle;
}
.fieldset-header__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  color: #153448;
}
.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: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #808080;
}
.fieldset-header__info.is-file {
  font-size: 15px;
  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 #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.fieldset-body.no-border {
  border: 0;
}

.field:not(:last-child) {
  margin-bottom: 10px;
}
.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;
}
.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: 52px;
  padding: 8px 10px;
  color: #000;
  font-size: 18px;
  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;
}
.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: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.control-60 {
  width: 60px;
}
.control-60 .input {
  padding: 5px 7px;
}
.control-70 {
  width: 70px;
}
.control-70 .select select {
  min-width: 70px;
}
.control-100 {
  width: 100px;
}
.control-120 {
  width: 120px;
}
.control-140 {
  width: 140px;
}
.control-150 {
  width: 150px;
}
.control-160 {
  width: 160px;
}
.control-180 {
  width: 180px;
}
.control-200 {
  width: 200px;
}
.control-240 {
  width: 240px;
}
.control-300 {
  width: 300px;
}
.control-400 {
  width: 400px;
}
.control-850 {
  width: 850px;
}
.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: #222;
}
.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: #153448;
  height: 36px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 36px;
  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: 13px;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 36px;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 36px;
}
.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;
}

.dropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.dropdown .dropdown-trigger {
  min-width: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropdown .dropdown-trigger .button {
  min-width: inherit;
  padding-left: 12px;
  padding-right: 12px;
  border-color: #e5e5e5;
  border-radius: 2px;
  color: #707070;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dropdown .dropdown-trigger .button [class^=icon-] {
  margin-left: 6px;
  margin-right: -6px;
  font-size: 13px;
  color: #bdbdbd;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -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);
}
.dropdown .dropdown-menu {
  margin-top: -1px;
  padding-top: 0;
  width: 100%;
}
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu, .dropdown.is-hoverable.is-hover .dropdown-menu {
  display: block;
}
.dropdown.is-active .dropdown-trigger .button, .dropdown.is-hoverable:hover .dropdown-trigger .button, .dropdown.is-hoverable.is-hover .dropdown-trigger .button {
  border-color: #222;
  background-color: #fff;
}
.dropdown.is-active .dropdown-trigger .button .ico, .dropdown.is-hoverable:hover .dropdown-trigger .button .ico, .dropdown.is-hoverable.is-hover .dropdown-trigger .button .ico {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.dropdown.is-active .dropdown-trigger .button:focus, .dropdown.is-active .dropdown-trigger .button.is-focused, .dropdown.is-hoverable:hover .dropdown-trigger .button:focus, .dropdown.is-hoverable:hover .dropdown-trigger .button.is-focused, .dropdown.is-hoverable.is-hover .dropdown-trigger .button:focus, .dropdown.is-hoverable.is-hover .dropdown-trigger .button.is-focused {
  background-color: #fff;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: inherit;
  top: auto;
}
.dropdown--round .dropdown-trigger .button {
  min-width: 150px;
  border-radius: 150px;
  border-color: #bcbcbc;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 130px;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}
.dropdown-menu--round {
  width: 100%;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.dropdown-content {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  padding-bottom: 12px;
  padding-top: 12px;
  border: 1px solid #dde2ea;
}
.dropdown-content::-webkit-scrollbar {
  width: 5px;
}
.dropdown-content::-webkit-scrollbar-track {
  background-color: #e9e9e9;
}
.dropdown-content::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c9c9c9;
}
.dropdown-content--round {
  width: 100%;
  border-radius: 10px;
}

.dropdown-item {
  color: #606c88;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.1;
  padding: 11px 20px 9px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

a.dropdown-item,
button.dropdown-item {
  text-align: left;
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}
a.dropdown-item.--small,
button.dropdown-item.--small {
  font-size: 12px;
}
a.dropdown-item:hover, a.dropdown-item:focus,
button.dropdown-item:hover,
button.dropdown-item:focus {
  background-color: #e6ebf1;
  color: #1a233a;
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: #e6ebf1;
  color: #1a233a;
}

.dropdown-divider {
  background-color: #fff;
  border: none;
  display: block;
  height: 1px;
  margin: 5px 0;
}

.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%;
  padding: 30px 25px;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -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-large {
  max-width: 1200px;
}
.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-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 {
  margin-bottom: 30px;
  -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 {
  margin-right: -10px;
}
.modal-card-head .delete::before, .modal-card-head .delete::after {
  background-color: #373f41;
}
.modal-card-title {
  width: calc(100% - 60px);
  margin: 0;
  font-size: 21px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0;
  color: #153448;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.modal-card-foot {
  padding-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-card-foot .button {
  min-width: 104px;
}
.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  color: #1a233a;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  z-index: 1;
  overflow-y: auto;
}
.modal-card-body::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.modal-card-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-card-body > .content {
  height: 100%;
}
.modal-card-body > .content > .dx-widget {
  height: 100%;
}
.modal-card-body > .content.height-auto > .dx-widget {
  height: auto;
}
.modal-inspection .modal-card, .modal-delay .modal-card, .modal-error .modal-card {
  padding: 40px 25px;
}
.modal-inspection .modal-card-title, .modal-delay .modal-card-title, .modal-error .modal-card-title {
  color: #222;
}
.modal-inspection .modal-card-head, .modal-delay .modal-card-head, .modal-error .modal-card-head {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
  margin-bottom: 24px;
}
.modal-inspection .modal-card-body > .content, .modal-delay .modal-card-body > .content, .modal-error .modal-card-body > .content {
  color: #444;
}
.modal-inspection .modal-card-foot, .modal-delay .modal-card-foot, .modal-error .modal-card-foot {
  padding-top: 24px;
}
.modal-guide .modal-card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.modal-guide .modal-card-body .table th,
.modal-guide .modal-card-body .table td {
  padding: 10px;
}
.modal-guide .modal-card-body .table th {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.modal-guide .modal-card-body .table td,
.modal-guide .modal-card-body .table .list-dot > li {
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
}
.modal-guide .modal-card-body .table td b,
.modal-guide .modal-card-body .table .list-dot > li b {
  font-weight: 300;
  color: #ff3737;
}

.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: 23px;
  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: 15px;
  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: 15px;
  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: 25px auto;
  text-align: center;
}
.pagination-wrap.type-1 {
  margin-bottom: 0;
}

.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: 15px;
  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: 14px;
  font-weight: 400;
  border-radius: 0;
}
.pagination-link {
  padding: 0 3px;
  color: #333;
  border: 1px solid transparent;
  border-radius: 2px;
  min-width: 24px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
.pagination-link:hover, .pagination-link:focus, .pagination-link:active {
  color: #0085ff;
  font-weight: 700;
}
.pagination-link[disabled] {
  border-color: #f2f2f2;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #828282;
  opacity: 0.5;
}
.pagination-link.is-current {
  border-color: #0085ff;
  color: #0085ff;
  font-weight: 700;
}
.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: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 2px;
}
.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: #0085ff;
  font-weight: 700;
}
.paging_align > li strong {
  font-weight: 700;
  color: #0085ff;
  border-color: #0085ff;
}
.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: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #153448;
}
.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 #e5e5e5;
}
.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 #e5e5e5;
}
.collapse-body-content {
  padding: 1em;
  background-color: #f7f7f7;
}

.table {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-collapse: collapse;
}
.table th,
.table td {
  padding: 10px;
  font-size: 15px;
  font-weight: 400;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5;
}
.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: 42px;
  line-height: 1;
}
.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: 13px;
  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: #222;
  vertical-align: middle;
  background-color: #f5f7fa;
}
.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-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 {
  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 #e5e5e5;
}
.dl-table-wrap .dl-table__dl {
  display: table-row;
}
.dl-table-wrap .dl-table__dt, .dl-table-wrap .dl-table__dd {
  display: table-cell;
  font-weight: 400;
  color: #333;
  border-color: #d9d9d9;
  padding: 10px 8px;
  border-bottom: 1px solid #e5e5e5;
}
.dl-table-wrap .dl-table__dt {
  width: 25%;
  background-color: #f5f5f5;
}
.dl-table-wrap .dl-table__dd {
  width: 75%;
}
.dl-table-wrap .dl-table__col4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.dl-table-wrap .dl-table__col4 .dl-table__dl {
  display: table;
  width: 50%;
}
.dl-table-wrap .dl-table__col4 .dl-table__dt {
  width: 50%;
}
.dl-table-wrap .dl-table__col4 .dl-table__dd {
  width: 50%;
}

.tbl-list {
  width: 100%;
  height: auto;
}
.tbl-list .table {
  table-layout: fixed;
  border-top: 1px solid #a7a7a7;
}
.tbl-list .table.no-border {
  border: 0;
}
.tbl-list .table .icon.svg-megaphone {
  margin: 0;
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  width: 18px;
  height: 18px;
}
.tbl-list .table .icon.svg-megaphone:before {
  position: absolute;
  top: -1px;
  left: -4px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.tbl-list .table .flex-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.tbl-list .table .flex-addon > a {
  width: auto !important;
}
.tbl-list .table thead tr:first-child th {
  border-top: 0;
}
.tbl-list .table thead th {
  padding: 5px 8px;
  min-height: 42px;
  border-top: 1px solid #e5e5e5;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
  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: 16px;
}
.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 tr:last-child td {
  border-bottom: 1px solid #a7a7a7;
}
.tbl-list .table tbody td {
  padding: 5px 8px;
  min-height: 41px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  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: #ebf4ff;
}
.tbl-list .table a:not([class]) {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  max-width: 100%;
  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: #222;
  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: #ebf4ff;
}
.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 #153448;
  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 #153448 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 #153448;
}
.tabs.is-black a,
.tabs.is-black .tab {
  background-color: none;
  border-bottom: 1px solid #000;
  font-size: 14px;
  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: #f2f2f2;
  background-color: #f2f2f2;
  font-size: 16px;
  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: #153448;
  background-color: #fff;
  font-weight: 600;
  color: #222;
}
.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.is-fullwidth li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tabs.is-fullwidth .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: 13px;
  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: 17px;
}
.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: 16px;
  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: #153448;
}
.steps-group.steps-horizontal ol li.active span.step-state {
  font-size: 20px;
}
.steps-group.steps-horizontal ol li span.step-state {
  font-size: 14px;
}
.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: 14px;
  font-weight: 400;
  color: #1c1c1c;
}
.steps-group .steps li span.step {
  margin: 0 auto;
  width: 36px;
  height: 36px;
  font-size: 14px;
  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 #153448;
  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: #153448;
}
.steps-group .steps li.active .step {
  background-color: #153448;
  color: #fff;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  position: relative;
  overflow: hidden !important;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
.scroll-wrapper > .scroll-content {
  max-height: none;
  max-width: none !important;
  width: auto !important;
  height: auto;
  margin: 0 auto !important;
  overflow: scroll !important;
  overflow-x: hidden;
  padding: 0;
  position: relative !important;
  border: none !important;
  top: 0;
  left: 0;
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
  -ms-overflow-style: none;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}
.scroll-element,
.scroll-element div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.custom-scrollbar {
  padding: 20px;
  border: 1px solid #ccc;
}

/*************** simplebar JS ***************/
[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.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: #cccccc;
}
.alert.is-black,
.notification.is-black {
  background-color: rgba(34, 34, 34, 0.5);
  border-color: #222;
  color: black;
}
.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(152, 163, 170, 0.5);
  border-color: #98a3aa;
  color: #637079;
}
.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(21, 52, 72, 0.5);
  border-color: #153448;
  color: black;
}
.alert.is-link,
.notification.is-link {
  background-color: rgba(0, 133, 255, 0.5);
  border-color: #0085ff;
  color: #005099;
}
.alert.is-info,
.notification.is-info {
  background-color: rgba(67, 136, 188, 0.5);
  border-color: #4388bc;
  color: #285271;
}
.alert.is-success,
.notification.is-success {
  background-color: rgba(51, 161, 75, 0.5);
  border-color: #33a14b;
  color: #1a5427;
}
.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: #885700;
}
.alert.is-danger,
.notification.is-danger {
  background-color: rgba(255, 55, 55, 0.5);
  border-color: #ff3737;
  color: #d00000;
}
.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 {
  display: none;
  width: 1200px;
  margin: 0 auto;
}
.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: 8px;
}
.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__link {
  cursor: pointer;
  pointer-events: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: #7a8084;
}
.breadcrumb__link:hover {
  color: #153448;
}
.breadcrumb__active {
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  color: #153448;
}

.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 .cell-past {
  background: #f5f5f5;
  color: #9e9e9e;
  pointer-events: none;
}
.dx-scheduler .dx-scheduler-header {
  height: 50px;
  padding-top: 2px;
  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: 13px;
  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: 106px;
}
.dx-scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  height: 31px;
  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: 7px 10px;
  font-size: 15px;
  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: #0085ff;
  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: 15px;
  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 #0085ff;
  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: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #0085ff;
}
.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: 23px;
  font-weight: 600;
  line-height: 25px;
  color: #222;
}
.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: #222;
  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: 15px;
  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: 15px;
  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: 2px;
  font-size: 15px;
  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: 15px;
  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: 17px;
  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: 15px;
  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 {
  min-width: 195px;
}
.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: 13px;
  font-weight: 500;
  line-height: 15px;
  color: #222;
}
.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: #222;
}
.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: #153448;
}
.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: #153448;
}
.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: 15px;
  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: 13px;
  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: 13px;
  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: 15px;
  font-weight: 500;
  line-height: 17px;
}
.scheduler-day .day-preview-body-title .management,
.sc-popup-day .day-preview-body-title .management {
  font-size: 13px;
  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: 13px;
  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 #e5e5e5;
}
.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: 15px;
  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: 15px;
}
.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: 21px;
  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: 17px;
  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.type-sc-popup.popup-second .dx-popup-bottom .dx-toolbar-items-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 28px;
  height: auto;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .dx-toolbar-items-container .dx-toolbar-center,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .dx-toolbar-items-container .dx-toolbar-after {
  position: static;
  margin: 0 !important;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .add-field-body {
  padding: 40px 0 20px;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .add-field-bottom {
  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;
  gap: 10px;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-change .field,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-manual .field,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-cancel .field,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .field.select-reject {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-change .field .field-label,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-manual .field .field-label,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-cancel .field .field-label,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .field.select-reject .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 136px;
          flex: 0 0 136px;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-change .field .field-label .label,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-manual .field .field-label .label,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-cancel .field .field-label .label,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .field.select-reject .field-label .label {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-change .field .field-body .checkboxs__title,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-manual .field .field-body .checkboxs__title,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-cancel .field .field-body .checkboxs__title,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .field.select-reject .field-body .checkboxs__title {
  margin: 6px 0 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-change .field .field-body .checkboxs .checkbox + .checkbox,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-manual .field .field-body .checkboxs .checkbox + .checkbox,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-cancel .field .field-body .checkboxs .checkbox + .checkbox,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .field.select-reject .field-body .checkboxs .checkbox + .checkbox {
  margin-top: 12px;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-reject {
  display: none;
  border-top: 1px solid #e5e5e5;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-reject.is-active {
  display: block;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-radio,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result {
  display: none;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-radio.is-active,
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result.is-active {
  display: block;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-radio {
  padding: 16px 0;
  border-top: 1px solid #e5e5e5;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-radio .dx-collection {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-radio .dx-radiobutton {
  margin: 0;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-change, .dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-manual, .dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-cancel {
  display: none;
  border-top: 1px solid #e5e5e5;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-change.is-active, .dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-manual.is-active, .dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-cancel.is-active {
  display: block;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-change, .dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-cancel {
  border-bottom: 1px solid #e5e5e5;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-manual__title {
  padding: 16px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-caution {
  padding-top: 6px;
}
.dx-popup-wrapper.type-sc-popup.popup-second .dx-popup-bottom .select-result-caution .icon {
  margin-right: 6px;
}
.dx-popup-wrapper.type-sc-popup.popup-second.is-fullscroll .dx-popup-content-scrollable {
  max-height: inherit !important;
}
.dx-popup-wrapper.type-sc-popup.popup-second.is-fullscroll > .dx-overlay-content {
  overflow-y: auto;
}
.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: 15px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper .dx-sendgroup__title {
  padding-top: 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.dx-popup-wrapper .dx-sendgroup-radio .dx-item-content {
  font-size: 15px;
  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-control-box {
  background-color: yellow;
}
.swiper-next, .swiper-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.swiper-next::before, .swiper-prev::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 35.4819976771% 82.9642248722%;
  width: 30px;
  height: 30px;
}
.swiper-next.swiper-button-disabled, .swiper-prev.swiper-button-disabled {
  opacity: 0.5;
  cursor: inherit;
}
.swiper-next {
  right: 25px;
}
.swiper-next:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.swiper-prev {
  left: 25px;
}

.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%;
  height: 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: 50%;
  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;
}

.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;
}

@keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.datetimepicker-dummy-wrapper {
  position: relative;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 24px;
  padding-top: 5px;
  border: 1px solid transparent;
  font-size: 1rem;
  line-height: 1.5;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.datetimepicker-dummy-wrapper:active, .datetimepicker-dummy-wrapper:focus, .datetimepicker-dummy-wrapper.is-active, .datetimepicker-dummy-wrapper.is-focused {
  outline: 0;
}
.datetimepicker-dummy-wrapper[disabled] {
  cursor: not-allowed;
}
fieldset[disabled] .datetimepicker-dummy-wrapper {
  cursor: not-allowed;
}

@-webkit-keyframes decrement-prev {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes decrement-prev {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes decrement-next {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}
@keyframes decrement-next {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}
@-webkit-keyframes increment-prev {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes increment-prev {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes increment-next {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
}
@keyframes increment-next {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
}
.datetimepicker {
  overflow: hidden;
  display: none;
  z-index: 11;
  max-width: 280px;
  min-width: 280px;
  margin-top: 1px;
  border-radius: 2px;
  background: #fff;
  -webkit-box-shadow: 0 2px 3px #d9d9d9, 0 0 0 1px #d9d9d9;
          box-shadow: 0 2px 3px #d9d9d9, 0 0 0 1px #d9d9d9;
  -webkit-transition: width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease;
  transition: width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease;
}
.datetimepicker.is-active {
  display: block;
}
.datetimepicker .datetimepicker-header {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  position: relative;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  -webkit-box-shadow: 0 0.2rem 0.2rem -0.2rem rgba(10, 10, 10, 0.1);
          box-shadow: 0 0.2rem 0.2rem -0.2rem rgba(10, 10, 10, 0.1);
}
.datetimepicker .datetimepicker-header.is-date-only {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.datetimepicker .datetimepicker-header.is-date-only .datetimepicker-selection-end .datetimepicker-selection-wrapper {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-from,
.datetimepicker .datetimepicker-header .datetimepicker-selection-to {
  font-size: 0.65rem;
  color: #b5b5b5;
  text-transform: uppercase;
  padding: 0;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -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;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-wrapper,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 2.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 2rem;
          flex: 1 1 2rem;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-day,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-day {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  text-transform: capitalize;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-right: 0.5rem;
  color: #00d1b2;
  font-weight: 100;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-date,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-date {
  font-size: 0.85rem;
  line-height: 0.85rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 300;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-month,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-month {
  color: #4a4a4a;
  text-transform: capitalize;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-weekday,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-weekday {
  font-size: 0.75em;
  color: #b6b4b6;
  text-transform: capitalize;
  text-align: left;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-hour,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-hour {
  border: 1px solid #dcdcdc;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-hour.editable .datetimepicker-selection-input-hours,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-hour.editable .datetimepicker-selection-input-hours {
  width: 31px;
  font-size: 1.5rem;
  font-weight: 100;
  color: #4a4a4a;
  border: 0;
  text-align: right;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-hour.editable .datetimepicker-selection-input-minutes,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-hour.editable .datetimepicker-selection-input-minutes {
  width: 31px;
  font-size: 1.5rem;
  font-weight: 100;
  color: #4a4a4a;
  border: 0;
  margin-left: -5px;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-end.is-centered .datetimepicker-selection-wrapper,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start.is-centered .datetimepicker-selection-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-time {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.datetimepicker .datetimepicker-header .datetimepicker-selection-time-icon {
  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;
  padding: 0 1rem;
  color: #b5b5b5;
}

.datetimepicker .datepicker-nav {
  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;
  background: #e5e5e5;
  color: #222;
  padding: 5px 10px;
}
.datetimepicker .datepicker-nav .datepicker-nav-month-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.datetimepicker .datepicker-nav .datepicker-nav-month,
.datetimepicker .datepicker-nav .datepicker-nav-year {
  text-decoration: none;
}
.datetimepicker .datepicker-nav .datepicker-nav-month:hover,
.datetimepicker .datepicker-nav .datepicker-nav-year:hover {
  cursor: pointer;
}
.datetimepicker .datepicker-nav .datepicker-nav-month {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 700;
  margin-left: 8px;
}
.datetimepicker .datepicker-nav .datepicker-nav-year {
  font-size: 16px;
  font-weight: 400;
}
.datetimepicker .datepicker-nav .datepicker-nav-next,
.datetimepicker .datepicker-nav .datepicker-nav-previous {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-decoration: none;
  color: #000;
  padding: 5px 6px;
  height: 30px;
}
.datetimepicker .datepicker-nav .datepicker-nav-next svg,
.datetimepicker .datepicker-nav .datepicker-nav-previous svg {
  stroke: currentColor;
  width: 7.1px;
  height: 0.75rem;
}
.datetimepicker .datepicker-nav .datepicker-nav-next:focus,
.datetimepicker .datepicker-nav .datepicker-nav-previous:focus {
  background-color: transparent;
}
.datetimepicker .datepicker-nav .datepicker-nav-next:hover,
.datetimepicker .datepicker-nav .datepicker-nav-previous:hover {
  background-color: transparent;
}
.datetimepicker .datepicker-nav .datepicker-nav-next:hover svg,
.datetimepicker .datepicker-nav .datepicker-nav-previous:hover svg {
  stroke-width: 1em;
}

.datetimepicker .datepicker-body {
  overflow: hidden;
  padding: 0 5px 5px;
}
.datetimepicker .datepicker-body .datepicker-dates {
  display: none;
}
.datetimepicker .datepicker-body .datepicker-dates.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.datetimepicker .datepicker-body .datepicker-months {
  display: none;
}
.datetimepicker .datepicker-body .datepicker-months.is-active {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.datetimepicker .datepicker-body .datepicker-years {
  display: none;
}
.datetimepicker .datepicker-body .datepicker-years.is-active {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.datetimepicker .datepicker-body .datepicker-weekdays {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0.4rem 0;
  background: 0 0;
  color: #fff;
  font-size: 0.81rem;
}
.datetimepicker .datepicker-body .datepicker-weekdays .datepicker-date {
  background: 0 0 !important;
  color: #000;
}
.datetimepicker .datepicker-body .datepicker-weekdays .datepicker-date:first-child {
  color: #ff3737;
}
.datetimepicker .datepicker-body .datepicker-weekdays .datepicker-date:last-child {
  color: #0085ff;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 14.28571%;
      -ms-flex: 14.28571%;
          flex: 14.28571%;
  margin: 0.12rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item {
  margin: 0 auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #ececec;
  border-radius: 2px;
  color: #bcbcbc;
  cursor: pointer;
  width: 2.2rem;
  height: 1.4rem;
  outline: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 0.88rem;
  -webkit-animation: bounce-button-in 0.45s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
          animation: bounce-button-in 0.45s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month {
  background: 0;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item {
  background-color: #fff;
  color: #333;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item.is-today {
  background: #fff;
  border: 0.1rem solid #153448;
  color: #153448;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item.is-today.is-active {
  border-color: #c5dcfa;
  background-color: #c5dcfa;
  color: #17205b;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item.is-active {
  border-color: #c5dcfa;
  background-color: #c5dcfa;
  color: #17205b;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item.is-highlighted {
  background: #fff;
  border: 0.1rem solid #153448;
  color: #153448;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item.is-warning {
  background-color: #fbf3d0;
  color: #7f4c0a;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item.is-success {
  background-color: #c5f2c7;
  color: #155d18;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item.is-danger {
  background-color: #fcd0cf;
  color: #910b08;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item:focus {
  background: #fff;
  border-color: #fff;
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month .date-item:hover {
  background: #fff;
  border: 0.1rem solid #153448;
  color: #153448;
  text-decoration: none;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-disabled .date-item {
  background-color: #ececec;
  color: #bcbcbc;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-disabled .calendar-event,
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-disabled .date-item {
  cursor: default;
  pointer-events: none;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range {
  position: relative;
  background-color: #c5dcfa;
  z-index: 1;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item, .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
  background: #c5dcfa;
  border: 0.1rem solid #c5dcfa;
  color: #17205b;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item:hover, .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item:hover {
  background: #fff;
  border: 0.1rem solid #153448;
  color: #153448;
  text-decoration: none;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before {
  background-color: #ff3737;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
  background-color: #c5dcfa;
}
.datetimepicker .datepicker-body .datepicker-months,
.datetimepicker .datepicker-body .datepicker-years {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5rem;
  max-height: 17rem;
  overflow-y: auto;
  background-color: #fff;
  color: #333;
}
.datetimepicker .datepicker-body .datepicker-months .datepicker-month,
.datetimepicker .datepicker-body .datepicker-months .datepicker-year,
.datetimepicker .datepicker-body .datepicker-years .datepicker-month,
.datetimepicker .datepicker-body .datepicker-years .datepicker-year {
  padding: 0.5rem;
  margin: 0.5rem;
  font-size: 0.88rem;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 25%;
          flex: 1 25%;
  text-transform: capitalize;
  border: 0.1rem solid transparent;
}
.datetimepicker .datepicker-body .datepicker-months .datepicker-month.is-active,
.datetimepicker .datepicker-body .datepicker-months .datepicker-year.is-active,
.datetimepicker .datepicker-body .datepicker-years .datepicker-month.is-active,
.datetimepicker .datepicker-body .datepicker-years .datepicker-year.is-active {
  background: #fff;
  border-color: #153448;
  color: #153448;
}
.datetimepicker .datepicker-body .datepicker-months .datepicker-month:hover,
.datetimepicker .datepicker-body .datepicker-months .datepicker-year:hover,
.datetimepicker .datepicker-body .datepicker-years .datepicker-month:hover,
.datetimepicker .datepicker-body .datepicker-years .datepicker-year:hover {
  cursor: pointer;
  background: #c5dcfa;
  border-color: #c5dcfa;
  color: #17205b;
}

.datetimepicker.is-primary .datetimepicker-header .datetimepicker-selection-day {
  color: #153448;
}
.datetimepicker.is-primary .datepicker-nav {
  background: #e5e5e5;
  color: #000;
}
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
  border-color: #c5dcfa;
  color: #17205b;
}
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
  color: #17205b;
}
.datetimepicker .datetimepicker-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: 0;
  border-top: 1px solid #d9d9d9;
}
.datetimepicker .datetimepicker-footer > * {
  height: 30px;
  text-decoration: none !important;
}
.datetimepicker.is-datetimepicker-default .datetimepicker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.datetimepicker.is-datetimepicker-default .datetimepicker-container:after, .datetimepicker.is-datetimepicker-default .datetimepicker-container:before {
  bottom: calc(100% + 1px);
  left: 15%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.datetimepicker.is-datetimepicker-default .datetimepicker-container:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 0.75rem;
  margin-left: -0.75rem;
}
.datetimepicker.is-datetimepicker-default .datetimepicker-container:before {
  border-color: rgba(74, 74, 74, 0);
  border-bottom-color: #4a4a4a;
  border-width: 0.75rem;
  margin-left: -0.75rem;
}
.datetimepicker.is-datetimepicker-default .datetimepicker-container.has-header-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.datetimepicker.is-large {
  max-width: 100%;
}
.datetimepicker.is-large .datepicker-body .datepicker-date {
  border-bottom: 0.1rem solid #f5f5f5;
  border-right: 0.1rem solid #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 11rem;
  padding: 0;
}
.datetimepicker.is-large .datepicker-body .datepicker-date:nth-child(7n) {
  border-right: 0;
}
.datetimepicker.is-large .datepicker-body .datepicker-date:nth-last-child(-n+7) {
  border-bottom: 0;
}
.datetimepicker.is-large .date-item {
  -ms-flex-item-align: end;
      align-self: flex-end;
  height: 2.2rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}
.datetimepicker.is-large .datepicker-range::before {
  top: 1.9rem;
}
.datetimepicker.is-large .datepicker-range.datepicker-range-start::before {
  left: auto;
  width: 1.9rem;
}
.datetimepicker.is-large .datepicker-range.datepicker-range-end::before {
  right: 1.9rem;
}
.datetimepicker.is-large .datepicker-events {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1;
  overflow-y: auto;
  padding: 0.5rem;
}
.datetimepicker.is-large .datepicker-event {
  background-color: #7a7a7a;
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 1rem;
  margin: 0.2rem auto;
  overflow: hidden;
  padding: 0.3rem 0.4rem;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: baseline;
  white-space: nowrap;
}
.datetimepicker.is-large .datepicker-event.is-white {
  background-color: #fff;
  color: #0a0a0a;
}
.datetimepicker.is-large .datepicker-event.is-black {
  background-color: #0a0a0a;
  color: #fff;
}
.datetimepicker.is-large .datepicker-event.is-light {
  background-color: #f5f5f5;
  color: #363636;
}
.datetimepicker.is-large .datepicker-event.is-dark {
  background-color: #363636;
  color: #f5f5f5;
}
.datetimepicker.is-large .datepicker-event.is-primary {
  background-color: #00d1b2;
  color: #fff;
}
.datetimepicker.is-large .datepicker-event.is-link {
  background-color: #0085ff;
  color: #fff;
}
.datetimepicker.is-large .datepicker-event.is-info {
  background-color: #209cee;
  color: #fff;
}
.datetimepicker.is-large .datepicker-event.is-success {
  background-color: #33a14b;
  color: #fff;
}
.datetimepicker.is-large .datepicker-event.is-warning {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}
.datetimepicker.is-large .datepicker-event.is-danger {
  background-color: #ff3860;
  color: #fff;
}
.datetimepicker .timepicker {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
.datetimepicker .timepicker .timepicker-end,
.datetimepicker .timepicker .timepicker-start {
  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-flex: 1;
      -ms-flex: 1 50%;
          flex: 1 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.datetimepicker .timepicker .timepicker-end .timepicker-input-number,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  font-weight: 300;
}
.datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-increment-hide,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-increment-hide {
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-animation: increment-prev 0.1s ease-in;
          animation: increment-prev 0.1s ease-in;
}
.datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-increment-visible,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-increment-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation: increment-next 0.1s ease-out;
          animation: increment-next 0.1s ease-out;
}
.datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-decrement-hide,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-decrement-hide {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-animation: decrement-prev 0.1s ease-in;
          animation: decrement-prev 0.1s ease-in;
}
.datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-decrement-visible,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-decrement-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation: decrement-next 0.1s ease-out;
          animation: decrement-next 0.1s ease-out;
}
.datetimepicker .timepicker .timepicker-end .timepicker-hours,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes,
.datetimepicker .timepicker .timepicker-start .timepicker-hours,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes {
  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;
}
.datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input,
.datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input {
  position: relative;
  color: #00d1b2;
  text-align: center;
  overflow: hidden;
  font-size: 2rem;
  font-weight: 400;
}
.datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input.is-input .timepicker-input-number,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input.is-input .timepicker-input-number,
.datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input.is-input .timepicker-input-number,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input.is-input .timepicker-input-number {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}
.datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input.is-input input,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input.is-input input,
.datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input.is-input input,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input.is-input input {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}
.datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input input,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input input,
.datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input input,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input input {
  width: 4rem;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
  border: none;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}
.datetimepicker .timepicker .timepicker-end {
  margin-left: 1rem;
  padding-left: 1rem;
}
.datetimepicker .timepicker .timepicker-end::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 50%;
  width: 0.1rem;
  background-color: #f5f5f5;
}
.datetimepicker .timepicker .timepicker-next,
.datetimepicker .timepicker .timepicker-previous {
  line-height: 1rem;
  display: block;
  color: #adbcda;
  text-align: center;
  margin: 1rem 0 0;
  font-size: 1rem;
  padding: 0.5rem;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.datetimepicker .timepicker .timepicker-next:hover,
.datetimepicker .timepicker .timepicker-previous:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}
.datetimepicker .timepicker .timepicker-previous {
  margin: 0 0 1rem;
}
.datetimepicker .timepicker .timepicker-time-divider {
  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;
  font-size: 1.5rem;
  color: #00d1b2;
}

.datetimepicker-dummy {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 36px;
}
.datetimepicker-dummy.is-disabled {
  pointer-events: none;
}
.datetimepicker-dummy.is-disabled .datetimepicker-dummy-wrapper {
  border-color: #bcbcbc;
  background-color: #ececec;
}
.datetimepicker-dummy.is-disabled .datetimepicker-dummy-wrapper .datetimepicker-dummy-input {
  color: #737373;
}
.datetimepicker-dummy .datetimepicker-clear-button {
  display: none;
  position: absolute;
  top: 50%;
  right: 32px;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
  padding: 0;
  border: 0;
  background: 0 0;
  outline: 0;
  cursor: pointer;
  font-size: 0;
}
.datetimepicker-dummy .datetimepicker-clear-button: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: 18px;
  font-weight: 300;
}
.datetimepicker-dummy-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  height: 100%;
  background-color: #fff;
  border-color: #d9d9d9;
  border-radius: 2px;
  color: #434343;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.datetimepicker-dummy-wrapper::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 27.6816608997% 99.6661101836%;
  width: 18px;
  height: 18px;
}
.datetimepicker-dummy-wrapper::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.datetimepicker-dummy-wrapper::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.datetimepicker-dummy-wrapper:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.datetimepicker-dummy-wrapper:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.datetimepicker-dummy-wrapper.is-hovered, .datetimepicker-dummy-wrapper:hover {
  border-color: #222;
}
.datetimepicker-dummy-wrapper.is-active, .datetimepicker-dummy-wrapper.is-focused, .datetimepicker-dummy-wrapper:active, .datetimepicker-dummy-wrapper:focus {
  border-color: #222;
}
.datetimepicker-dummy-wrapper[disabled] {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #7a7a7a;
}
.datetimepicker-dummy-wrapper[disabled]::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.datetimepicker-dummy-wrapper[disabled]::-webkit-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.datetimepicker-dummy-wrapper[disabled]::-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.datetimepicker-dummy-wrapper[readonly] {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.datetimepicker-dummy-wrapper::before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.datetimepicker-dummy-wrapper .datetimepicker-dummy-input {
  width: 50%;
  height: 100%;
  text-align: left;
  text-indent: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #222;
  font-size: 16px;
  font-weight: 400;
}
.datetimepicker-dummy-wrapper .datetimepicker-dummy-input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #bcbcbc;
}
.datetimepicker-dummy-wrapper .datetimepicker-dummy-input::-moz-placeholder {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #bcbcbc;
}
.datetimepicker-dummy-wrapper .datetimepicker-dummy-input:-ms-input-placeholder {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #bcbcbc;
}
.datetimepicker-dummy-wrapper .datetimepicker-dummy-input::-ms-input-placeholder {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #bcbcbc;
}
.datetimepicker-dummy-wrapper .datetimepicker-dummy-input::placeholder {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #bcbcbc;
}
.datetimepicker-dummy-wrapper .datetimepicker-dummy-input:first-child {
  text-indent: 0;
  padding-left: 0;
}
.datetimepicker-dummy-wrapper .datetimepicker-dummy-input.is-datetimepicker-range {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjY0MjIgOS4zMTU2M0wxMS4wNzk3IDYuMDY1NjNDMTEuMDMzIDYuMDA2MjkgMTAuOTczNCA1Ljk1ODMyIDEwLjkwNTUgNS45MjUzMUMxMC44Mzc1IDUuODkyMjkgMTAuNzYzIDUuODc1MDkgMTAuNjg3NSA1Ljg3NUg5LjY3NUM5LjU3MDMxIDUuODc1IDkuNTEyNSA1Ljk5NTMxIDkuNTc2NTYgNi4wNzgxMkwxMS44MzEzIDguOTM3NUgyLjM3NUMyLjMwNjI1IDguOTM3NSAyLjI1IDguOTkzNzUgMi4yNSA5LjA2MjVWMTBDMi4yNSAxMC4wNjg3IDIuMzA2MjUgMTAuMTI1IDIuMzc1IDEwLjEyNUgxMy4yNDg0QzEzLjY2NzIgMTAuMTI1IDEzLjkgOS42NDM3NSAxMy42NDIyIDkuMzE1NjNaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=) 100%/16px no-repeat;
  max-width: 50%;
  padding-right: 15px;
}
.datetimepicker-dummy-wrapper input {
  background: 0 0;
  outline: 0;
  word-spacing: 0.5rem;
  border: 0;
}

.datetimepicker-wrapper.modal .datetimepicker {
  display: block;
  max-height: 95vh;
  width: 22rem;
  max-width: 95vw;
  overflow-y: auto;
}

.datetimepicker-dummy-wrapper .datetimepicker-dummy-input:focus {
  border-bottom: 1px solid #000;
}

.datetimepicker .datepicker-nav .datepicker-nav-next:focus,
.datetimepicker .datepicker-nav .datepicker-nav-previous:focus {
  outline: 1px solid #000;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:focus {
  outline: 1px solid #000;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month.is-disabled .date-item:focus {
  color: #bdbdbd;
  background-color: #e0e0e0;
}
.datetimepicker .button.is-text:after {
  content: none;
}

.date-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

:root {
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: #8d8d8d;
  --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: #222;
  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 #222;
}
.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
}
.ss-main.ss-disabled .ss-values .ss-disabled {
  color: #222;
}
.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: #222;
  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: #222;
  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 #222;
}
.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: #222;
  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: #222;
  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: #222;
}
.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: #222;
  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: #222;
  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: #222;
}
.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: #222;
  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 #0085ff;
  border-radius: 0;
  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: #153448;
}
.checkbox input[type=checkbox] + label:hover::before,
.radio input[type=radio] + label:hover::before {
  border-color: #153448;
}
.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: #222;
}
.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: 12px;
}
.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: #0085ff;
}

.checkbox input[type=checkbox] + label:before {
  margin-top: 0;
  width: 20px;
  height: 20px;
}

.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: 2px;
  background-color: #0085ff;
}
.checkbox input[type=checkbox]:focus:checked + label:before {
  border-color: #0085ff;
}

.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: #222;
  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: #0085ff;
  border: 1px solid #0085ff;
  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: 12px;
  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: #222;
}
.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-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", "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: #f2f2f2;
  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: 12px;
  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: 12px;
  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: 18px;
  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: #153448;
  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;
}
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 {
  min-width: 1518px;
  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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
}
.aside-nav {
  width: 78px;
  height: calc(100vh - 76px);
  padding: 40px 0 20px;
  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;
}
.aside-nav-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 78px;
  background-color: #153448;
  z-index: 1;
}
.aside .gnb__trigger {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 76px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.aside .gnb__trigger > i:before {
  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(130%) contrast(100%);
          filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(130%) contrast(100%);
}
.aside .gnb__trigger:hover {
  background-color: #f2f2f2;
}
.aside .gnb__trigger:hover > span {
  color: #153448;
}
.aside .gnb__trigger > .icon,
.aside .gnb__trigger span {
  pointer-events: none;
}
.aside .gnb__trigger > .icon {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.aside .gnb__trigger > .icon:before {
  margin: 0;
}
.aside .gnb__trigger > span {
  margin-top: 7px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #fff;
  word-break: keep-all;
  word-wrap: break-word;
}
.aside .gnb-list {
  -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;
  text-align: center;
}
.aside .gnb-list > li {
  position: relative;
}
.aside .gnb-list > li.is-depth-active .gnb__trigger, .aside .gnb-list > li.is-active .gnb__trigger {
  background-color: #f2f2f2;
}
.aside .gnb-list > li.is-depth-active .gnb__trigger > i:before, .aside .gnb-list > li.is-active .gnb__trigger > i:before {
  -webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(15%) saturate(4078%) hue-rotate(170deg) brightness(91%) contrast(86%);
          filter: brightness(0) saturate(100%) invert(13%) sepia(15%) saturate(4078%) hue-rotate(170deg) brightness(91%) contrast(86%);
}
.aside .gnb-list > li.is-depth-active .gnb__trigger > span, .aside .gnb-list > li.is-active .gnb__trigger > span {
  color: #153448;
}
.aside .gnb-list > li.cur-page .gnb__trigger {
  background-color: #f2f2f2;
}
.aside .gnb-list > li.cur-page .gnb__trigger > i:before {
  -webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(15%) saturate(4078%) hue-rotate(170deg) brightness(91%) contrast(86%);
          filter: brightness(0) saturate(100%) invert(13%) sepia(15%) saturate(4078%) hue-rotate(170deg) brightness(91%) contrast(86%);
}
.aside .gnb-list > li.cur-page .gnb__trigger > span {
  color: #153448;
}
.aside .gnb-list > li.is-active .gnb-depth-list.depth2 {
  left: 70px;
  visibility: visible;
  opacity: 1;
}
.aside .gnb-list > li.type-bottom {
  position: relative;
  margin-top: auto;
  padding-top: 20px;
}
.aside .gnb-list > li.type-bottom:before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #9daeb9;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.aside .gnb-list > li .gnb-depth-list.depth2 {
  position: absolute;
  left: 60px;
  bottom: 20px;
  width: 300px;
  max-height: 300px;
  overflow-y: auto;
  padding: 12px 0;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  background-color: #fff;
  z-index: 999999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.aside .gnb-list > li .gnb-depth-list.depth2 > li {
  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;
}
.aside .gnb-list > li .gnb-depth-list.depth2 > li:hover {
  background-color: #f5f5f5;
}
.aside .gnb-list > li .gnb-depth-list.depth2 > li .gnb-depth__trigger {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 10px 0 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #153448;
  text-align: left;
}
.aside .gnb-list > li .gnb-depth-list.depth2 > li .gnb-depth__trigger .icon:before {
  margin: 0;
}
.aside .gnb-list > li .gnb-depth-list.depth3 {
  position: fixed;
  top: 76px;
  left: 78px;
}
.aside .bookmark-lnb {
  padding: 10px 16px 10px 0;
}
.aside .bookmark-lnb.is-on .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 98.8439306358% 92.4242424242%;
  width: 22px;
  height: 23px;
}
.aside .depth3 {
  display: none;
  width: 280px;
}
.aside .depth3-wrap {
  position: relative;
  width: 0;
  overflow: hidden;
  background-color: #f2f2f2;
  z-index: 0;
}
.aside .depth3-wrap.is-active.is-collapse .btn-depth-menu .icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.aside .depth3-wrap.is-active.is-collapse .depth3.is-active {
  display: none;
}
.aside .depth3-wrap .btn-depth-menu {
  margin: 20px 7px 20px auto;
  display: block;
}
.aside .depth3-wrap .btn-depth-menu .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.aside .depth3.is-active {
  display: block;
}
.aside .depth3__title {
  padding: 10px 16px;
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
}
.aside .depth3-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.aside .depth3-list > li.is-active {
  background-color: #e2e2e2;
}
.aside .depth3-list > li:hover {
  background-color: #e2e2e2;
}
.aside .depth3-list > li a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  padding: 10px 0 10px 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #153448;
}
.aside .depth3-list > li .bookmark-lnb {
  padding: 8px 16px 8px 0;
}

#container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#content {
  margin-top: 20px;
}

.content-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding: 20px 30px;
}
.content-wrap.width-full {
  min-width: auto;
}
.content-wrap.width-full .breadcrumb,
.content-wrap.width-full .content-box-wrap {
  width: 100%;
  min-width: 1000px;
}
.content-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.content-box.is-nobg {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
.content-box-wrap {
  min-width: 1000px;
  max-width: 1440px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 20px;
}
.content-box-wrap.is-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.content-box-header {
  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;
  padding-bottom: 15px;
}
.content-box-header__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px 0 2px;
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
  color: #153448;
}
.content-box-body.is-large {
  max-width: 1087px;
}
.content-box-body-info {
  margin-bottom: 28px;
  padding: 20px;
  border-radius: 6px;
  background-color: #fffff4;
  -webkit-box-shadow: 0 4px 6px 4px rgba(21, 52, 72, 0.03);
          box-shadow: 0 4px 6px 4px rgba(21, 52, 72, 0.03);
}

.header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 200;
  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;
  height: 76px;
  padding: 14px 20px 14px;
  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);
}
.header__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  gap: 8px;
}
.header .header-search {
  position: relative;
  width: 600px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .header-search .input.search {
  width: 100%;
  height: 48px;
  max-width: 800px;
  padding: 10px 86px 10px 20px;
  border: 1px solid #3C5B6F;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.7px;
}
.header .header-search .input.search::-webkit-input-placeholder {
  color: #94a2bc;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.7px;
}
.header .header-search .input.search::-moz-placeholder {
  color: #94a2bc;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.7px;
}
.header .header-search .input.search:-ms-input-placeholder {
  color: #94a2bc;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.7px;
}
.header .header-search .input.search::-ms-input-placeholder {
  color: #94a2bc;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.7px;
}
.header .header-search .input.search::placeholder {
  color: #94a2bc;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.7px;
}
.header .header-search .button-box {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header .header-search .button-box.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.header .header-search .button-box.is-flex .btn-del {
  visibility: hidden;
}
.header .header-search .header-pop {
  opacity: 0;
  position: absolute;
  top: 47px;
  width: 600px;
  height: 0;
  border: 1px solid #d4dff3;
  border-radius: 0 0 6px 6px;
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 5;
}
.header .header-search .header-pop__title {
  padding: 10px 28px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}
.header .header-search .header-pop-list > li {
  position: relative;
}
.header .header-search .header-pop-list > li:hover a {
  background-color: #f5f5f5;
}
.header .header-search .header-pop-list > li.no-data,
.header .header-search .header-pop-list > li a {
  padding: 18px 28px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #444;
}
.header .header-search .header-pop-list > li.no-data {
  padding: 24px 0 66px;
  font-weight: 300;
  text-align: center;
}
.header .header-search .header-pop-list > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.header .header-search .header-pop-list > li .btn-del {
  position: absolute;
  top: 50%;
  right: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header .header-search .header-pop-list > li .btn-del i {
  font-size: 18px;
  color: #888;
}
.header .header-search .header-pop-list .icon.type-service {
  width: 22px;
  height: 22px;
  -webkit-transform: scale(0.8462);
          transform: scale(0.8462);
  -webkit-filter: invert(30%) sepia(58%) saturate(311%) hue-rotate(160deg) brightness(94%) contrast(89%);
          filter: invert(30%) sepia(58%) saturate(311%) hue-rotate(160deg) brightness(94%) contrast(89%);
}
.header .header-search .header-pop-desc {
  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;
  gap: 12px;
  padding: 19px 28px;
  background-color: #e3e3e3;
}
.header .header-search .header-pop-desc span,
.header .header-search .header-pop-desc .btn-view {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.header .header-search .header-pop-desc .btn-view {
  color: #0085ff;
}
.header .header-search .header-pop-desc .btn-view:after {
  background-color: #0085ff;
}
.header .header-search.is-active {
  width: 800px;
}
.header .header-search.is-active .input.search {
  border-radius: 6px 6px 0 0;
}
.header .header-search.is-active .header-pop {
  width: 800px;
  height: auto;
  opacity: 1;
}
.header .header-util.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.header .header-util .header-util-box.has-alrm {
  position: relative;
}
.header .header-util .header-util-box.has-alrm .float-num {
  height: 18px;
  padding: 0 4px;
  position: absolute;
  left: 16px;
  top: 0;
  background-color: #ff3737;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  border-radius: 9px;
  pointer-events: none;
}
.header .header-util .header-util-box.has-alrm .alrm-pop {
  display: none;
  position: fixed;
  top: 84px;
  right: 30px;
  width: 600px;
  max-height: 900px;
  z-index: 5;
}
.header .header-util .header-util-box.has-alrm .alrm-pop.is-active {
  display: block;
}
.header .header-util .header-util-box.has-my:hover .my-info-pop {
  display: block;
}
.header .header-util .header-util-box.has-my .my-info-pop {
  display: none;
  position: fixed;
  top: 50px;
  right: 30px;
  padding-top: 30px;
  z-index: 5;
}
.header .header-util .header-util-box.has-my .my-info-pop-area {
  width: 260px;
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1490196078);
}
.header .header-util .header-util-box.has-my .my-info-pop-area .my-info__sm {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.header .header-util .header-util-box.has-my .my-info-pop-area .my-info__name {
  padding-top: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.header .header-util .header-util-box.has-my .my-info-pop-area .my-webinfo {
  padding-top: 16px;
  color: #888;
}
.header .header-util .header-util-box.has-my .my-info-pop-area .my-webinfo-txt {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}
.header .header-util .header-util-box.has-my .my-info-pop-area .my-webinfo-txt + .my-webinfo-txt {
  padding-top: 4px;
}
.header .header-util .header-util-box.has-my .my-info-pop-area .buttons {
  padding-top: 16px;
  gap: 20px;
}
.header .header-util .header-util-box.has-my .my-info-pop-area .buttons .button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header .header-util .header-util-box.has-my .my-info-pop-area .buttons .button:hover i {
  -webkit-filter: brightness(0) saturate(100%) invert(64%) sepia(9%) saturate(6518%) hue-rotate(188deg) brightness(106%) contrast(102%);
          filter: brightness(0) saturate(100%) invert(64%) sepia(9%) saturate(6518%) hue-rotate(188deg) brightness(106%) contrast(102%);
}
.header .header-util .header-util-box.has-my .my-info-pop-area .buttons .button:focus i {
  -webkit-filter: brightness(0) saturate(100%) invert(15%) sepia(46%) saturate(737%) hue-rotate(159deg) brightness(97%) contrast(93%);
          filter: brightness(0) saturate(100%) invert(15%) sepia(46%) saturate(737%) hue-rotate(159deg) brightness(97%) contrast(93%);
}
.header .allmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 50px;
}
.header .allmenu a {
  color: inherit;
}
.header .allmenu a:hover {
  text-decoration: underline;
}
.header .allmenu-box {
  max-width: 1730px;
  margin: 0 auto;
  padding: 50px 10px 10px;
}
.header .allmenu-box-wrap {
  position: fixed;
  top: 76px;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 100vw;
  background: #fff;
  -webkit-box-shadow: 0 3px 10px 0 rgba(136, 136, 136, 0.05);
          box-shadow: 0 3px 10px 0 rgba(136, 136, 136, 0.05);
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .allmenu-box-wrap.is-active {
  max-height: 700px;
  visibility: visible;
}
.header .allmenu-box-wrap.is-mymenu__on .allmenu ul li {
  display: none;
}
.header .allmenu-box-wrap.is-mymenu__on .allmenu ul li.is-mymenu {
  display: block;
}
.header .allmenu-box .allmenu-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 43px;
}
.header .allmenu-box .allmenu-header h5 {
  color: #153448;
  font-size: 31px;
  font-weight: 600;
  line-height: 38.58px;
}
.header .allmenu-box .allmenu-header .mymenu-control-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.header .allmenu-box .allmenu-header .mymenu-control-wrap .mymenu-control__tit {
  padding-left: 3px;
  color: #3c5b6f;
  font-size: 17px;
  font-weight: 600;
  line-height: 22.21px;
}
.header .allmenu-box .allmenu-header .mymenu-control-wrap .tooltip {
  padding-left: 5px;
}
.header .allmenu-box .allmenu-btn__close {
  position: absolute !important;
  top: 0;
  right: 0;
  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;
}
.header .allmenu-box .allmenu-btn__close::before, .header .allmenu-box .allmenu-btn__close::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;
}
.header .allmenu-box .allmenu-btn__close::before {
  height: 1px;
  width: 75%;
}
.header .allmenu-box .allmenu-btn__close::after {
  height: 75%;
  width: 1px;
}
.header .allmenu-box .allmenu-btn__close:hover, .header .allmenu-box .allmenu-btn__close:focus {
  background-color: rgba(96, 108, 136, 0.2);
}
.header .allmenu-box .allmenu-btn__close:hover::before, .header .allmenu-box .allmenu-btn__close:hover::after, .header .allmenu-box .allmenu-btn__close:focus::before, .header .allmenu-box .allmenu-btn__close:focus::after {
  background-color: #fff;
}
.header .allmenu-box .allmenu-btn__close:active {
  background-color: #606c88;
}
.header .allmenu-box .allmenu-btn__close:active::before, .header .allmenu-box .allmenu-btn__close:active::after {
  background-color: #fff;
}
.header .allmenu-box .allmenu-btn__close.is-small {
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
.header .allmenu-box .allmenu-btn__close.is-medium {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}
.header .allmenu-box .allmenu-btn__close.is-large {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 46px;
  min-height: 46px;
  max-height: 46px;
}
@media screen and (max-width: 768px) {
  .header .allmenu-box .allmenu-btn__close.is-large {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }
}
.header .allmenu-box .allmenu-btn__close.is-xlarge {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}
.header .allmenu-cate {
  width: 260px;
}
.header .allmenu-cate__tit {
  margin-bottom: 20px;
  height: 41px;
  color: #153448;
  border-bottom: 2px solid #e5e5e5;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
}
.header .allmenu-cate__tit a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.header .allmenu-cate__tit [class*=svg-menu]:before {
  -webkit-transform: scale(1.16);
          transform: scale(1.16);
}
.header .allmenu-cate .bookmark-sm.is-on .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 57.225433526% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.header .allmenu-cate .depth1-box {
  padding: 0 10px;
  max-height: 500px;
  overflow-y: auto;
}
.header .allmenu-cate .depth1-box::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.header .allmenu-cate .depth1-box::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.header .allmenu-cate .depth1-box-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.header .allmenu-cate .depth1-box-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-height: 40px;
  word-break: keep-all;
  word-wrap: break-word;
}
.header .allmenu-cate .depth1-box-link .bookmark-sm {
  margin-left: auto;
}
.header .allmenu-cate .depth1-box > li {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #153448;
}
.header .allmenu-cate .depth1-box > li:not(:first-child) {
  margin-top: 12px;
}
.header .allmenu-cate .depth2-box-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .allmenu-cate .depth2-box-link a {
  padding-left: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-height: 32px;
  word-break: keep-all;
  word-wrap: break-word;
}
.header .allmenu-cate .depth2-box-link .bookmark-sm {
  margin-left: auto;
}
.header .allmenu-cate .depth2-box > li {
  font-size: 13px;
  font-weight: 300;
  line-height: 16px;
  color: #444;
}
.header .allmenu-cate .depth2-box > li:not(:first-child) {
  margin-top: 4px;
}

.alrm-pop {
  width: 600px;
  padding: 30px 0 0;
  background: #fff;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
          box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
  border-radius: 6px;
}
.alrm-pop.is-active {
  display: block;
}
.alrm-pop .alrm-header {
  padding: 0 25px;
}
.alrm-pop .alrm-header__tit {
  font-size: 21px;
  font-weight: 500;
  line-height: 27px;
  color: #153448;
}
.alrm-pop .alrm-cont {
  padding-top: 30px;
}
.alrm-pop .alrm-cont-top {
  padding: 0 25px 15px;
}
.alrm-pop .alrm-cont-top button {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #888;
}
.alrm-pop .alrm-cont-top button.list-yet em {
  display: inline-block;
  margin-left: 5px;
  padding: 0 4.5px;
  vertical-align: top;
  margin-top: 2px;
  background-color: #ff3737;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #fff;
}
.alrm-pop .alrm-cont-top button.is-active {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.alrm-pop .alrm-cont-top button + button {
  position: relative;
  margin-left: 10px;
  padding-left: 11px;
}
.alrm-pop .alrm-cont-top button + button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  background-color: #ccc;
}
.alrm-pop .alrm-cont-wrap {
  max-height: 574px;
  overflow-x: auto;
}
.alrm-pop .alrm-cont-wrap::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.alrm-pop .alrm-cont-wrap::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.alrm-pop .alrm-cont__nodata {
  position: relative;
  height: 173px;
  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;
  padding-bottom: 31px;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.alrm-pop .alrm-cont__nodata:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 25px;
  width: calc(100% - 50px);
  height: 1px;
  background: #e5e5e5;
}
.alrm-pop .alrm-cont__list .alrm-item {
  position: relative;
}
.alrm-pop .alrm-cont__list .alrm-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 15px 25px;
}
.alrm-pop .alrm-cont__list .alrm-item.type-read {
  background: #f2f2f2;
}
.alrm-pop .alrm-cont__list .alrm-item:last-child {
  padding-bottom: 30px;
}
.alrm-pop .alrm-cont__list .alrm-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 25px;
  width: calc(100% - 50px);
  height: 1px;
  background: #e5e5e5;
}
.alrm-pop .alrm-cont__list .alrm-item-icon {
  width: 50px;
}
.alrm-pop .alrm-cont__list .alrm-item-icon i {
  display: block;
  text-align: center;
}
.alrm-pop .alrm-cont__list .alrm-item-icon img {
  display: block;
  margin: 0 auto;
}
.alrm-pop .alrm-cont__list .alrm-item-icon span {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  text-align: center;
  color: #888;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
}
.alrm-pop .alrm-cont__list .alrm-item-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont-inner .alrm-item-tit {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont-inner .alrm-item-cont {
  padding-top: 10px;
  color: #444;
  font-size: 13px;
  font-weight: 300;
  line-height: 22.5px;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont .count {
  max-width: 112px;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont .count em {
  color: #ff3737;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont .reply {
  position: relative;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont .reply.is-active .reply-btn-box {
  display: block;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont .reply-btn-box {
  display: none;
  position: absolute;
  top: 20px;
  right: 0;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  width: 150px;
  height: 72px;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont .reply-btn-box .reply-btn {
  height: 36px;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont .reply-btn-box .reply-btn:first-child {
  border-bottom: 1px solid #e5e5e5;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont .reply-btn-box .reply-btn a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 8px 12px;
  color: #444;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-cont .reply-btn-box .reply-btn a .icon {
  padding-right: 8px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #888;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-info .type-time {
  min-width: 200px;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-info .type-info {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.alrm-pop .alrm-cont__list .alrm-item-area .alrm-item-info .type-info a {
  color: #888;
}
.alrm-pop .alrm-header__close {
  position: absolute !important;
  top: 31px;
  right: 25px;
  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;
}
.alrm-pop .alrm-header__close::before, .alrm-pop .alrm-header__close::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;
}
.alrm-pop .alrm-header__close::before {
  height: 1px;
  width: 75%;
}
.alrm-pop .alrm-header__close::after {
  height: 75%;
  width: 1px;
}
.alrm-pop .alrm-header__close:hover, .alrm-pop .alrm-header__close:focus {
  background-color: rgba(96, 108, 136, 0.2);
}
.alrm-pop .alrm-header__close:hover::before, .alrm-pop .alrm-header__close:hover::after, .alrm-pop .alrm-header__close:focus::before, .alrm-pop .alrm-header__close:focus::after {
  background-color: #fff;
}
.alrm-pop .alrm-header__close:active {
  background-color: #606c88;
}
.alrm-pop .alrm-header__close:active::before, .alrm-pop .alrm-header__close:active::after {
  background-color: #fff;
}
.alrm-pop .alrm-header__close.is-small {
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
.alrm-pop .alrm-header__close.is-medium {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}
.alrm-pop .alrm-header__close.is-large {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 46px;
  min-height: 46px;
  max-height: 46px;
}
@media screen and (max-width: 768px) {
  .alrm-pop .alrm-header__close.is-large {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }
}
.alrm-pop .alrm-header__close.is-xlarge {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

form.form {
  display: contents;
}

.radio-allow {
  margin-right: 20px;
}

.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: 13px;
  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: #222;
}

.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;
}

.page-permission .added-user__name, .page-permission .added-user__delete {
  vertical-align: middle;
}
.page-permission .added-user__delete {
  margin-left: 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #ff3737;
}
.page-permission .added-user__delete > i {
  width: 18px;
  height: 18px;
}

.dx-toolbar-before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dx-toolbar-before .custom-total {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.dx-toolbar-before .custom-total b {
  color: #0085ff;
}

.dx-texteditor.dx-editor-underlined .dx-texteditor-input {
  border: 1px solid #ccc;
  border-radius: 2px;
}

.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child {
  margin: 0;
  position: absolute;
  top: 0;
  right: 8px;
}

.dx-pager {
  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;
}

.dx-htmleditor.dx-htmleditor-outlined {
  -webkit-box-shadow: inset 0 0 0 1px #d9d9d9;
          box-shadow: inset 0 0 0 1px #d9d9d9;
  border-radius: 2px;
}
.dx-htmleditor.dx-htmleditor-outlined.dx-state-readonly, .dx-htmleditor.dx-htmleditor-outlined.dx-state-readonly:hover {
  border-color: transparent;
  border-bottom: 1px solid #a7a7a7;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dx-htmleditor-toolbar-wrapper:first-child {
  border-color: #d9d9d9 !important;
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper {
  padding: 0 10px;
}
.dx-htmleditor .dx-toolbar.dx-toolbar-multiline .dx-toolbar-item {
  height: 47px;
}
.dx-htmleditor .dx-popup-wrapper > .dx-overlay-content {
  padding: 0;
}
.dx-htmleditor-content.ql-blank:before {
  font-style: normal;
  color: #bcbcbc;
}

.datacatalog-wrap .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable,
.datacatalog-wrap .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable,
.popup-catalog .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable,
.popup-catalog .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable,
.popup-usergroup .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable,
.popup-usergroup .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  max-height: 420px;
}
.datacatalog-wrap .dx-row.dx-data-row.dx-row-lines[aria-level="2"], .datacatalog-wrap .dx-row.dx-data-row.dx-row-lines[aria-level="3"],
.popup-catalog .dx-row.dx-data-row.dx-row-lines[aria-level="2"],
.popup-catalog .dx-row.dx-data-row.dx-row-lines[aria-level="3"],
.popup-usergroup .dx-row.dx-data-row.dx-row-lines[aria-level="2"],
.popup-usergroup .dx-row.dx-data-row.dx-row-lines[aria-level="3"] {
  color: #888;
}
.datacatalog-wrap .dx-treelist-icon-container .dx-treelist-empty-space.dx-treelist-collapsed:before, .datacatalog-wrap .dx-treelist-icon-container .dx-treelist-empty-space.dx-treelist-expanded:before,
.popup-catalog .dx-treelist-icon-container .dx-treelist-empty-space.dx-treelist-collapsed:before,
.popup-catalog .dx-treelist-icon-container .dx-treelist-empty-space.dx-treelist-expanded:before,
.popup-usergroup .dx-treelist-icon-container .dx-treelist-empty-space.dx-treelist-collapsed:before,
.popup-usergroup .dx-treelist-icon-container .dx-treelist-empty-space.dx-treelist-expanded:before {
  display: none !important;
}
.datacatalog-wrap .dx-treelist-icon-container .dx-treelist-empty-space:first-child:last-child:before,
.popup-catalog .dx-treelist-icon-container .dx-treelist-empty-space:first-child:last-child:before,
.popup-usergroup .dx-treelist-icon-container .dx-treelist-empty-space:first-child:last-child:before {
  display: none;
}
.datacatalog-wrap .dx-treelist-icon-container .dx-treelist-empty-space:last-child,
.popup-catalog .dx-treelist-icon-container .dx-treelist-empty-space:last-child,
.popup-usergroup .dx-treelist-icon-container .dx-treelist-empty-space:last-child {
  width: 18px;
}
.datacatalog-wrap .dx-treelist-icon-container .dx-treelist-empty-space:last-child::before,
.popup-catalog .dx-treelist-icon-container .dx-treelist-empty-space:last-child::before,
.popup-usergroup .dx-treelist-icon-container .dx-treelist-empty-space:last-child::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 15.4597701149% 71.2396694215%;
  width: 12px;
  height: 12px;
}
.datacatalog-wrap .dx-treelist-icon-container .dx-treelist-empty-space:last-child:before,
.popup-catalog .dx-treelist-icon-container .dx-treelist-empty-space:last-child:before,
.popup-usergroup .dx-treelist-icon-container .dx-treelist-empty-space:last-child:before {
  margin-top: 1px;
  margin-left: 2px;
  visibility: hidden;
  display: none;
}

.content-box-header-util {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}

.alim-notice {
  max-width: 700px;
  padding: 4px 9px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
  border-radius: 4px;
  background: #f0f0f0;
}
.alim-notice__title {
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  color: #888;
}
.alim-notice__write {
  margin-left: 50px;
}

.scheduler-info {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.scheduler-info .select {
  min-width: 320px;
}
.scheduler-info .select select {
  width: 100%;
}
.scheduler-info .ss-main {
  min-width: 320px;
}
.scheduler-info .select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.scheduler-info .single-select .ss-main {
  min-width: 200px;
  width: 200px;
}
.scheduler-info-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;
}
.scheduler-info-list > li {
  padding: 7px 10px 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  color: #153448;
}
.scheduler-info-list > li > span {
  font-weight: 700;
  margin-left: 7px;
}
.scheduler-info > .buttons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.scheduler-info > .buttons .btn-status:hover i,
.scheduler-info > .buttons .btn-reservation:hover i,
.scheduler-info > .buttons .btn-transfer:hover i {
  -webkit-filter: brightness(0) saturate(100%) invert(79%) sepia(34%) saturate(6296%) hue-rotate(185deg) brightness(102%) contrast(103%);
          filter: brightness(0) saturate(100%) invert(79%) sepia(34%) saturate(6296%) hue-rotate(185deg) brightness(102%) contrast(103%);
}
.scheduler-info > .buttons .btn-status:focus i,
.scheduler-info > .buttons .btn-reservation:focus i,
.scheduler-info > .buttons .btn-transfer:focus i {
  -webkit-filter: brightness(0) saturate(100%) invert(16%) sepia(13%) saturate(2667%) hue-rotate(161deg) brightness(93%) contrast(91%);
          filter: brightness(0) saturate(100%) invert(16%) sepia(13%) saturate(2667%) hue-rotate(161deg) brightness(93%) contrast(91%);
}
.scheduler-info > .buttons .btn-status i {
  -webkit-filter: brightness(0) saturate(100%) invert(16%) sepia(13%) saturate(2667%) hue-rotate(161deg) brightness(93%) contrast(91%);
          filter: brightness(0) saturate(100%) invert(16%) sepia(13%) saturate(2667%) hue-rotate(161deg) brightness(93%) contrast(91%);
}

.button.is-icon.btn-user-add {
  padding-left: 4px;
  padding-right: 4px;
}

.btn-user-right:hover .icon {
  -webkit-filter: brightness(0) saturate(100%) invert(60%) sepia(54%) saturate(438%) hue-rotate(172deg) brightness(98%) contrast(107%);
          filter: brightness(0) saturate(100%) invert(60%) sepia(54%) saturate(438%) hue-rotate(172deg) brightness(98%) contrast(107%);
}
.btn-user-right:focus .icon {
  -webkit-filter: brightness(0) saturate(100%) invert(15%) sepia(46%) saturate(737%) hue-rotate(159deg) brightness(97%) contrast(93%);
          filter: brightness(0) saturate(100%) invert(15%) sepia(46%) saturate(737%) hue-rotate(159deg) brightness(97%) contrast(93%);
}

.popup-worklist .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  max-height: 420px;
}

.popup-worktransfer .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  max-height: 270px;
  border-bottom: 0;
}
.popup-worktransfer .field .field-body.pb-0 {
  padding-bottom: 0;
  border-bottom: 0;
}
.popup-worktransfer .buttons.is-flex-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.popup-worktransfer .box-tags {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.popup-worktransfer .box-tags .tag {
  border-color: #ccc;
}

.page-askmerge .list-search-form {
  margin-top: 25px;
}
.page-askmerge table {
  table-layout: fixed;
}
.page-askmerge table td.type-workflow {
  color: #888;
}
.page-askmerge table td.type-workflow.state-alldone {
  color: #444;
}
.page-askmerge table td a {
  color: #444;
}
.page-askmerge table td a[data-text] {
  position: relative;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.page-askmerge table td a[data-text] span {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.page-askmerge table td a[data-text]:hover:after {
  z-index: 1;
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 500px;
  height: auto;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  background-color: #fff;
}
.page-askmerge table td .state-done {
  color: #0085ff;
}
.page-askmerge table td .state-danger {
  color: #ff3737;
}
.page-askmerge table td.state-alldone {
  color: #444;
}
.page-askmerge table td.state-alldone span {
  color: #444;
}
.page-askmerge table td.type-num__now {
  color: #222;
  font-weight: 600;
}
.page-askmerge .collapse.is-collapse {
  margin-top: 25px;
}
.page-askmerge .collapse.is-collapse > .fieldset + .fieldset {
  margin-top: 40px;
}
.page-askmerge .collapse.is-collapse .collapse-item {
  border-top: none;
}
.page-askmerge .collapse.is-collapse .collapse-item:last-child {
  border-bottom: 0;
}
.page-askmerge .collapse.is-collapse .collapse-item.is-active .collapse-header a > i {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.page-askmerge .collapse.is-collapse .collapse-item.type-excelform.is-active .collapse-header, .page-askmerge .collapse.is-collapse .collapse-item.type-fileform.is-active .collapse-header {
  border-bottom-color: #e5e5e5;
}
.page-askmerge .collapse.is-collapse .collapse-item.type-excelform .collapse-header, .page-askmerge .collapse.is-collapse .collapse-item.type-fileform .collapse-header {
  border-bottom-color: #a7a7a7;
}
.page-askmerge .collapse.is-collapse .collapse-item.type-excelform .collapse-header-group, .page-askmerge .collapse.is-collapse .collapse-item.type-fileform .collapse-header-group {
  border-bottom: 1px solid #a7a7a7;
}
.page-askmerge .collapse.is-collapse .collapse-item.type-excelform .collapse-header > .field, .page-askmerge .collapse.is-collapse .collapse-item.type-fileform .collapse-header > .field {
  border: 0;
}
.page-askmerge .collapse.is-collapse .collapse-item.type-excelform .collapse-body, .page-askmerge .collapse.is-collapse .collapse-item.type-fileform .collapse-body {
  border-bottom: 1px solid #a7a7a7;
}
.page-askmerge .collapse.is-collapse .collapse-item.type-excelform .collapse-body-content, .page-askmerge .collapse.is-collapse .collapse-item.type-fileform .collapse-body-content {
  padding: 10px 0;
}
.page-askmerge .collapse.is-collapse .collapse-item.type-excelform .collapse-body .file, .page-askmerge .collapse.is-collapse .collapse-item.type-fileform .collapse-body .file {
  border: 0;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-header {
  border-bottom: 1px solid #a7a7a7;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-header:after {
  display: none;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-header-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 10px;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-header-group .buttons {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-header-drag {
  width: 30px;
  padding-top: 1px;
  cursor: move;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-header__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-header a {
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
  width: 24px;
  height: 24px;
  padding: 0;
  color: #153448;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-header a > i {
  pointer-events: none;
  font-size: 22px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-body.fieldset-body {
  border-top: none;
  border-bottom: 1px solid #a7a7a7;
  padding: 0;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-body.fieldset-body .type-text {
  color: #222;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-body.fieldset-body .box-explain {
  min-height: 150px;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-body.fieldset-body .box-explain .textarea {
  min-height: 150px;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-body .box-tags {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-body .box-tags .tag {
  border-color: #ccc;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-body-content {
  padding: 0;
  background: none;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-body-content .has-btm-line {
  border-bottom: 1px solid #a7a7a7;
  margin-bottom: 8px;
}
.page-askmerge .collapse.is-collapse .collapse-item .collapse-body-content .tbl-list .table.bt0 {
  border-top: 0;
}
.page-askmerge .btm-btn-box {
  position: relative;
  margin-top: 40px;
}
.page-askmerge .btm-btn-box .button.btn-delete {
  position: absolute;
  top: 0;
  left: 0;
}

.work-template + .collapse-item {
  margin-top: 40px;
}
.work-template-result > .fieldset {
  margin-top: 40px;
}
.work-template-buttons {
  margin-top: 20px;
  padding: 40px 0;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.work-template .btn-upload:hover i, .work-template .btn-upload:focus i {
  -webkit-filter: invert(99%) sepia(7%) saturate(11%) hue-rotate(120deg) brightness(120%) contrast(100%);
          filter: invert(99%) sepia(7%) saturate(11%) hue-rotate(120deg) brightness(120%) contrast(100%);
}
.work-template .btn-add-excel,
.work-template .btn-add-file {
  color: #fff;
  border-color: transparent;
  background-color: #3c5b6f;
}
.work-template .btn-add-excel:hover,
.work-template .btn-add-file:hover {
  background-color: #4388bc;
}
.work-template .btn-add-row .dx-button-text {
  font-size: 15px;
}
.work-template .btn-column-config .dx-button-has-icon.dx-state-hover .dx-icon-preferences,
.work-template .btn-column-config .dx-button-has-icon.dx-state-hover .dx-button-text {
  color: #fff;
}
.work-template .btn-column-config .dx-icon-preferences,
.work-template .btn-column-config .dx-button-text {
  font-size: 15px;
}

.collapse-item.type-excelform .type-excelform-info > .field-body {
  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;
}
.collapse-item.type-excelform .type-excelform-info > .field-body > .field.is-grouped {
  margin: 0;
}
.power-usage {
  position: absolute;
  right: 0;
  bottom: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 14px;
  background-color: #fff;
  border: 1px solid #d4dff3;
  border-radius: 6px;
  -webkit-box-shadow: 6px 4px 14px 0 rgba(238, 238, 238, 0.8);
          box-shadow: 6px 4px 14px 0 rgba(238, 238, 238, 0.8);
}
.power-usage-wrap {
  position: relative;
  height: 45px;
}
.power-usage > li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  text-align: center;
}
.power-usage > li:not(:first-child) {
  border-left: 1px solid #e5e5e5;
}
.power-usage > li.power-usage-latest {
  padding-right: 14px;
}
.power-usage > li.power-usage-today {
  padding-right: 14px;
}
.power-usage > li.power-usage-today:nth-child(2) {
  padding-left: 14px;
}
.power-usage > li.power-usage-month {
  padding-left: 14px;
}
.power-usage-box {
  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;
  gap: 4px;
  height: 24px;
}
.power-usage__number, .power-usage__unit {
  font-size: 17px;
  font-weight: 900;
  line-height: 22px;
  color: #153448;
}
.power-usage__desc {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  color: #8c97a8;
}
.power-usage__title {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #444;
}

.buttons.type-options .button {
  width: 36px;
  padding: 5px;
  border: 0;
}
.buttons.type-options .button:hover {
  background-color: #ececec;
}
.buttons.type-options .button.btn-more i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.section-power {
  padding: 25px 25px 27px;
  background-color: #fff;
  border: 1px solid #d4dff3;
  border-radius: 6px;
  -webkit-box-shadow: 6px 4px 14px 0 rgba(238, 238, 238, 0.8);
          box-shadow: 6px 4px 14px 0 rgba(238, 238, 238, 0.8);
}
.section-power-header {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-power-header__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 19px;
  color: #153448;
}
.section-power-header__info {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  color: #444;
}
.section-power-header .buttons {
  margin-left: auto;
}
.section-power-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.section-power-body .power-map {
  width: 330px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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: 15px;
}
.section-power-body .power-map__title {
  font-size: 21px;
  font-weight: 600;
  line-height: 23px;
}
.section-power-body .power-map-status {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.section-power-body .power-map-status .status-info {
  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;
  text-align: center;
  gap: 20px;
  margin-top: 4px;
}
.section-power-body .power-map-status .status-info b {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.section-power-body .power-map-status .status-info__label i,
.section-power-body .power-map-status .status-info__label > span {
  vertical-align: middle;
}
.section-power-body .power-map-status .status-info__label i {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.section-power-body .power-map-status .status-info__label i img {
  display: block;
  width: 100%;
  height: 100%;
}
.section-power-body .power-map-status .status-info__label > span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.section-power-body .power-map-status-board {
  width: 320px;
  height: 500px;
  position: relative;
  background-size: 100%;
}
.section-power-body .power-map-status-board .status-item {
  position: absolute;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.section-power-body .power-map-status-board .status-item i {
  display: inline-block;
  width: 38px;
  height: 38px;
}
.section-power-body .power-map-status-board .status-item i img {
  display: block;
  width: 100%;
  height: 100%;
}
.section-power-body .power-map-status-board .status-item__area {
  margin-top: 2px;
  width: 48px;
  height: 15px;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  text-align: center;
  border-radius: 2px;
  background-color: #ccc;
}
.section-power-body .power-map-status-board .status-item.type-international .status-item__area {
  color: #fff;
  background-color: #3c5b6f;
}
.section-power-body .power-map-status-board .status-map {
  z-index: 0;
}
.section-power-body .power-map-status-board .status-map img {
  display: block;
}
.section-power-body .power-map-airport {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 55px;
}
.section-power-body .power-map-airport.type-international {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.section-power-body .power-map-airport.type-international > li {
  border-color: #0085ff;
}
.section-power-body .power-map-airport > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  width: 115px;
  height: 70px;
  padding: 3px 7px 2px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.section-power-body .power-map-airport > li:not(:first-child) {
  margin-top: 10px;
}
.section-power-body .power-map-airport__status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.section-power-body .power-map-airport__status i {
  width: 20px;
  height: 20px;
}
.section-power-body .power-map-airport__status i img {
  display: block;
  width: 100%;
  height: 100%;
}
.section-power-body .power-map-airport__status b {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.section-power-body .power-map-airport__name {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #153448;
}
.section-power-body .power-map-airport__temperature {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.section-power-body .power-map .type-normal .status-info__label {
  color: #10980c;
}
.section-power-body .power-map .type-caution .status-info__label {
  color: #ffd000;
}
.section-power-body .power-map .type-warning .status-info__label {
  color: #faa925;
}
.section-power-body .power-map .type-danger b,
.section-power-body .power-map .type-danger .status-info__label {
  color: #ff3737;
}
.section-power-body .power-table {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.section-power-body .power-table .table {
  table-layout: fixed;
}
.section-power-body .power-table .table .type-prev {
  color: #888;
}
.section-power-body .power-table .table thead th.type-prev {
  color: inherit;
}
.section-power-body .power-table thead tr,
.section-power-body .power-table thead tr th {
  height: 32px;
}
.section-power-body .power-table thead tr:first-child th:first-child {
  border-left: 0;
}
.section-power-body .power-table thead tr th {
  border-left: 1px solid #e5e5e5;
  font-size: 15px;
  word-break: keep-all;
  word-wrap: break-word;
}
.section-power-body .power-table tbody tr,
.section-power-body .power-table tbody td {
  height: 38px;
}
.section-power-body .power-table tbody td {
  font-size: 15px;
}
.section-power-body .power-table td.type-target {
  color: #888;
}
.section-power-body .power-table td.type-realtime {
  color: #10980c;
}
.section-power-body .power-table td.type-realtime.type-caution {
  color: #f7be00;
}
.section-power-body .power-table td.type-realtime.type-warning {
  color: #ff8a0c;
}
.section-power-body .power-table td.type-realtime.type-danger {
  color: #ff3737;
}
.section-power-body .power-table .tag {
  min-width: 60px;
  color: #10980c;
  background-color: #e9ffd9;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.section-power-body .power-table .tag.type-caution {
  color: #f7be00;
  background-color: #fff7e5;
}
.section-power-body .power-table .tag.type-warning {
  color: #ff8a0c;
  background-color: #ffe9d1;
}
.section-power-body .power-table .tag.type-danger {
  color: #ff3737;
  background-color: #ffdddd;
}

.public-search .field.is-grouped {
  margin: 0;
}
.public-search .field-label {
  padding: 0;
}
.public-search .field-body.radio-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.dx-datebox {
  background-color: #fff;
}
.dx-datebox .dx-texteditor-input {
  padding: 8px 0 8px 5px !important;
  font-size: 17px;
}
.dx-datebox.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.dx-datebox.dx-datebox-date .dx-dropdowneditor-icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 27.6816608997% 99.6661101836%;
  width: 18px;
  height: 18px;
}
.dx-datebox.dx-datebox-date .dx-dropdowneditor-icon:before {
  top: 9px;
}

.realtime {
  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: 20px;
}
.realtime-wrap .search-option {
  margin-bottom: 18px;
}
.realtime-wrap .search-option .field.is-grouped {
  margin: 0;
}
.realtime-wrap .search-option .btn-excel {
  background-color: #fff;
}
.realtime-wrap .search-option .btn-excel:hover i:before, .realtime-wrap .search-option .btn-excel:focus i:before {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
}
.realtime-box {
  width: calc((100% - 20px) / 2);
  padding: 25px;
  border: 1px solid #d4dff3;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-shadow: 6px 4px 14px 0 rgba(238, 238, 238, 0.8);
          box-shadow: 6px 4px 14px 0 rgba(238, 238, 238, 0.8);
}
.realtime-box.is-fullwidth {
  width: 100%;
}
.realtime-box-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.realtime-box-option .date-box {
  gap: 0;
}
.realtime-box-option .date-box .control {
  width: 120px;
}
.realtime-box-option .datetimepicker-dummy {
  height: 32px;
}
.realtime-box-option .datetimepicker-dummy-wrapper {
  padding-left: 7px;
  padding-right: 21px;
}
.realtime-box-option .datetimepicker-dummy-wrapper:before {
  right: 3px;
}
.realtime-box-option .field.is-horizontal {
  min-height: auto;
  border: 0;
}
.realtime-box-option .field.is-horizontal .field-label,
.realtime-box-option .field.is-horizontal .field-body {
  padding-top: 0;
  padding-bottom: 0;
}
.realtime-box-option .field.is-horizontal .field-label {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  width: auto;
  min-height: 32px;
  padding-left: 5px;
  padding-right: 5px;
}
.realtime-box-option .field.is-horizontal .field-label .label,
.realtime-box-option .field.is-horizontal .field-label label {
  font-size: 15px;
}
.realtime-box-option .field.is-horizontal .field-body {
  padding-right: 0;
}
.realtime-box-option .field.is-horizontal .label:before {
  display: none;
}
.realtime-box-option .select select {
  min-width: 70px;
}
.realtime-box-option .buttons .button {
  margin: 0 0 0 10px;
  min-width: 60px;
  height: 32px;
}
.realtime-box-header {
  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;
}
.realtime-box__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 19px;
}
.realtime-box__status {
  margin: 0 auto 0 20px;
}
.realtime-box__status i {
  margin-right: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.realtime-box__status i,
.realtime-box__status strong {
  color: #ff3737;
  vertical-align: middle;
}
.realtime-box-body {
  margin-top: 16px;
  min-height: 270px;
}
.realtime .select-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.realtime .dx-datebox .dx-texteditor-input {
  font-size: 15px;
}

.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%);
}

.sortable-ghost {
  opacity: 0.5;
}

#container.is-centered {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.caution {
  text-align: center;
}
.caution .logo {
  margin: 0 auto;
  width: 230px;
}
.caution .logo img {
  display: block;
  width: 100%;
}
.caution .icon {
  margin: 80px auto 32px;
  display: block;
  width: 80px;
  height: 80px;
}
.caution .icon:before {
  position: relative;
  margin: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.3);
          transform: translate(-50%, -50%) scale(1.3);
}
.caution__title {
  font-size: 27px;
  font-weight: 600;
  line-height: 34px;
  color: #222;
}
.caution__text {
  margin-top: 16px;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
}

.component.fids {
  background-color: #000;
}

.fids-header {
  padding: 25px 25px 20px;
}
.fids-header .button {
  color: #fff;
  border-color: #fff;
  background-color: #000;
}
.fids-header .button:hover {
  border-color: #0085ff;
  background-color: #0775da !important;
}
.fids-header .button.is-selected {
  border-color: #0085ff;
  background-color: #0085ff;
}
.fids-header .button.is-selected + .is-selected {
  border-left-color: #0775da;
}
.fids-header .select:not(.is-multiple):not(.is-loading):after {
  border-color: #fff;
}
.fids-header .select select {
  color: #fff;
  border-color: #fff;
  border-radius: 4px;
  background-color: #000;
}
.fids-header .starting-arrival {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.fids-header .starting-arrival .icon:before {
  margin: 0;
}
.fids-header .starting-arrival-tit {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}
.fids-header .domestic-international {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.fids-header .domestic-international button {
  width: 60px;
}
.fids-header .domestic-international .buttons + .buttons {
  margin-top: 0;
}
.fids-header .time-filter {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: right;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.fids-header .time-filter .onoff-switch-container {
  padding-left: 4px;
}
.fids-header .switch-list.is-after {
  width: 160px;
  padding-left: 10px;
}
.fids-header .switch-list.is-after .onoff-switch-label__after {
  color: #fff;
  font-family: "PretendardGOV", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.fids-body {
  padding: 0 25px 18px;
}
.fids-table .table-time {
  width: 80px;
}
.fids-table .table-change-time {
  width: 80px;
}
.fids-table .table-destination {
  width: 140px;
}
.fids-table .table-flight {
  width: 120px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
}
.fids-table .table-flight-number {
  width: 100px;
}
.fids-table .table-gate {
  width: 70px;
}
.fids-table .table-note {
  width: 100px;
}
.fids-table .table-time,
.fids-table .table-change-time,
.fids-table .table-destination,
.fids-table .table-flight-number,
.fids-table .table-gate,
.fids-table .table-note {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
}
.fids-table-header {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #fff;
  border-radius: 4px 4px 0 0;
  background-color: #6b6c6c;
}
.fids-table-header > ul {
  display: table-row;
}
.fids-table-header > ul > li {
  display: table-cell;
  height: 44px;
  text-align: center;
  vertical-align: middle;
}
.fids-table-body .ul-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.fids-table-body .ul-table .table-time,
.fids-table-body .ul-table .table-change-time,
.fids-table-body .ul-table .table-destination {
  font-size: 13px;
}
.fids-table-body .ul-table .table-change-time {
  color: #ffeb00;
}
.fids-table-body .ul-table .table-logo {
  width: 120px;
}
.fids-table-body .ul-table .table-logo img {
  display: inherit !important;
  margin: 0 auto;
}
.fids-table-body .ul-table .table-flight-number {
  width: 100px;
}
.fids-table-body .ul-table .tag-cancelled, .fids-table-body .ul-table .tag-hold {
  color: #ff3737;
}
.fids-table-body .ul-table .tag-delay, .fids-table-body .ul-table .tag-gatechange {
  color: #ffeb00;
}
.fids-table-body .ul-table .tag-processing, .fids-table-body .ul-table .tag-boarding {
  color: #00ff0c;
}
.fids-table-body .ul-table > li {
  display: table-row;
}
.fids-table-body .ul-table > li:nth-child(even) {
  background-color: #6b6c6c;
}
.fids-table-body .ul-table > li > div {
  display: table-cell;
  height: 40px;
  text-align: center;
  vertical-align: middle;
}
.fids-table-body .ul-table > li > div.table-destination {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  display: table-cell;
}
.fids .swiper-control {
  padding-top: 12px;
  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: 8px;
}
.fids .swiper-control .btn-control {
  display: none;
}
.fids .swiper-control .btn-control.is-active {
  display: block;
}
.fids .swiper-control .swiper-arw {
  position: static;
  width: auto;
  height: auto;
  margin-top: 0;
}
.fids .swiper-control .swiper-arw::after {
  font-family: none;
  font-size: 0;
}
.fids .swiper-control .swiper-arw.swiper-btn-prev .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.fids .swiper-control .swiper-pagination {
  position: static;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
.fids .swiper-control .swiper-pagination-current {
  color: #fff;
  font-weight: 600;
}
.fids .swiper-control .swiper-pagination-area {
  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: 8px;
}
.fids.w1x2 .fids-header {
  padding: 15px 20px 8px;
}
.fids.w1x2 .fids-header .starting-arrival {
  width: 100%;
}
.fids.w1x2 .fids-header .starting-arrival-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.fids.w1x2 .fids-header .starting-arrival-tit {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.fids.w1x2 .fids-header .starting-arrival .control .select {
  width: 100%;
}
.fids.w1x2 .fids-header .starting-arrival .control .select select {
  width: 100%;
}
.fids.w1x2 .fids-header .domestic-international {
  width: 100%;
  gap: 8px;
  padding-top: 10px;
}
.fids.w1x2 .fids-header .domestic-international .buttons + .buttons {
  margin-left: 0;
}
.fids.w1x2 .fids-body {
  padding: 0 20px 15px;
}
.fids.w1x2 .fids-body .ul-table li {
  height: 52px;
}
.fids.w1x2 .fids-body .table-time {
  width: 60px;
}
.fids.w1x2 .fids-body .table-change-time {
  width: 100%;
  color: #ccc;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.fids.w1x2 .fids-body .table-destination {
  display: table-cell !important;
  width: 113px;
  height: 52px;
}
.fids.w1x2 .fids-body .table-destination-inner {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fids.w1x2 .fids-body .table-flight-number {
  width: 151px;
}
.fids.w1x2 .fids-body .table-logo {
  width: 151px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 0 10px;
}
.fids.w1x2 .fids-body .table-logo img {
  margin: 0;
}
.fids.w1x2 .fids-body .table-logo .flight {
  text-align: left;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
.fids.w1x2 .fids-body .table-logo .flight-num {
  font-weight: 400;
}
.fids.w1x2 .fids-body .table-gate {
  width: 67px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
.fids.w1x2 .fids-body .table-gate .gate-num {
  padding-top: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.fids.w1x2 .fids-body .swiper-control {
  padding-top: 6px;
  gap: 10px;
}

.main-popup-list {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.main-popup-item {
  display: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.main-popup-item-body img {
  display: block;
  max-width: unset;
}
.main-popup-item-footer {
  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: 12px 10px;
  background: #f8f8f8;
}
.main-popup-item-footer .checkbox input[type=checkbox] + label {
  font-size: 17px;
}
.main-popup-item-footer .button {
  height: 24px;
  padding: 0;
  font-size: 17px;
  font-weight: 400;
  color: #222;
  border: 0;
  background-color: transparent;
}
.main-popup-item-footer .button:hover {
  color: #666;
}
.main-popup-item-footer .button .icon-cross {
  font-size: 12px;
}

.bookmark.is-on .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 98.6054619407% 76.6211604096%;
  width: 31px;
  height: 31px;
}

.toast-alert {
  color: #fff;
  background-color: #003675;
}
.toast-alert.save-modal {
  gap: 8px;
}

.collabo-wrap .content-box-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  color: #222;
  font-size: 23px;
  font-weight: 500;
  line-height: 30px;
}
.collabo-wrap .content-box-header__title .icon-prefix {
  width: 25px;
  font-size: 13px;
  text-align: center;
}
.collabo-wrap .content-box-header__title .icon-prefix::before {
  content: "\e915";
}
.collabo-wrap .content-box-header__title .icon-prefix__dot::before {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #153448;
  border-radius: 50%;
  vertical-align: super;
  content: "";
}
.collabo-wrap .content-box-header__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.collabo-wrap .content-box-header__buttons {
  gap: 10px;
}
.collabo-wrap .content-box-header .card-icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
}
.collabo-wrap .content-box-header .card-icons .button-copy {
  margin: 0 12px 0 0;
}
.collabo-wrap .content-box-header + .content-box-body:not(:has(.list-search)) > .list-table {
  margin: 25px 0 0;
}

.card-tabs {
  margin-top: 5px;
}
.card-tabs-box {
  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: 10px;
}
.card-tabs-box button {
  padding: 10px 35px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
  background: #F2F4F7;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.card-tabs-box li.is-active button {
  background: #0085ff;
  color: hsl(0, 0%, 100%);
  border-color: #0085ff;
}

.list-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 25px 0 15px;
}
.list-search form {
  margin-left: auto;
}
.list-search__alarm {
  margin-top: 25px;
}
.list-search .field.has-addons .control:not(:first-child):not(:last-child) .input {
  border-radius: 4px 0 0 4px;
}
.list-search .search-select {
  width: 180px;
}
.list-search .search-text {
  position: relative;
}
.list-search .search-text .input {
  width: 310px;
}
.list-search .search-text .input:hover {
  border-right: transparent;
}
.list-search .search-button {
  border-color: #d9d9d9;
  border-left: 0 none;
}
.list-search .search-delete {
  position: absolute;
  top: 50%;
  right: 2px;
  z-index: 5;
  display: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: #153448;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  background: #fff;
}
.list-search .search-delete.is-on {
  display: block;
}
.list-search + .view-wrap {
  margin: 5px 0 0;
}
.list-search-form.no-summary .fieldset-body {
  margin-top: 25px;
}
.list-search-form .list-summary {
  margin: 25px 0 15px;
}
.list-search-form .field-label {
  max-width: 130px;
}
.list-search-form .search__input {
  width: 640px;
}
.list-search-form .semi-col2-box {
  width: 780px;
}
.list-search-form + .buttons {
  position: relative;
  margin: 10px 0 40px;
}
.list-search-form + .buttons .button-right {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.list-search-type .list-summary__title {
  margin: 0 16px 0 0;
}
.list-search-type .list-summary__cont {
  margin: 0 0 0 6px;
}
.list-search-type .list-summary__cont span {
  font-weight: 500;
}
.list-summary {
  color: #153448;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.list-summary + .list-sort {
  margin: 0 0 0 20px;
}
.list-summary__point {
  color: #0085ff;
}
.list-summary__cont {
  font-weight: 400;
}
.list-summary .checkbox {
  margin: 0 0 0 10px;
}
.list-summary .state-green, .list-summary .state-blue {
  font-weight: 500;
}
.list-table {
  margin: 0 0 40px;
}
.list-table tbody .item-highlight td {
  background-color: #edeeef;
}
.list-table tbody td .icon {
  position: static;
  -webkit-transform: none;
          transform: none;
}
.list-table-data .box-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.list-table-data .button.is-text {
  font-weight: 300;
}
.list-table-data [class^=status-] {
  padding: 3px 8px;
  border-radius: 4px;
}
.list-table-data .status-begin {
  background: #fff5e0;
}
.list-table-data .status-ing {
  background: #e9ffd9;
}
.list-table-data .status-error {
  background: #ffdddd;
}
.list-table-data .status-done {
  color: #444;
  background: #f2f2f2;
}
.list-table-data .status-success {
  color: #246beb;
  background: #e9f1ff;
}
.list-table-data .badge-text__only [class^=status-] {
  background: transparent;
}
.list-tabs {
  margin: 5px 0 0;
}
.list-tabs > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list-tabs > ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
  height: 42px;
  border: 1px solid #ccc;
  background: #f2f4f7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.list-tabs > ul li button {
  color: #888;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.list-tabs > ul li.is-active {
  background: #0085ff;
}
.list-tabs > ul li.is-active button {
  color: #fff;
}
.list-tabs > ul li + li {
  border-left: none;
}
.list-tabs > ul li button {
  width: 100%;
  height: 100%;
}
.list-accordion {
  margin: 17px 0 40px;
}
.list-accordion-header {
  padding: 18px 12px;
  color: #222;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  border-top: 1px solid #3c5b6f;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.list-accordion .is-best .collapse-header,
.list-accordion .is-active.is-best .collapse-header {
  background: #f5f7fa;
}
.list-accordion .collapse .is-active .collapse-header {
  background: #fff;
}
.list-accordion .collapse .is-active .collapse-header .collapse-title__prefix,
.list-accordion .collapse .is-active .collapse-header .collapse-title__subject {
  color: #0085ff;
}
.list-accordion .collapse .is-active .collapse-body-content {
  background: #f2f4f7;
  border-top: 1px solid #e5e5e5;
}
.list-accordion .collapse .is-active.collapse-item:last-child {
  border-bottom: 1px solid #a7a7a7;
}
.list-accordion .collapse .is-active + .collapse-item {
  border-top: 1px solid #a7a7a7;
}
.list-accordion .collapse-item:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.list-accordion .collapse-item.is-active {
  border-top: 1px solid #a7a7a7;
}
.list-accordion .collapse-header {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.list-accordion .collapse-header::after {
  color: #153448;
  margin-right: 20px;
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
}
.list-accordion .collapse-header > a {
  height: 50px;
  padding: 0 20px;
}
.list-accordion .collapse-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.list-accordion .collapse-title__prefix {
  color: #153448;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}
.list-accordion .collapse-title__subject {
  color: #3c5b6f;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.list-accordion .collapse .is-best {
  color: #3c5b6f;
}
.list-accordion .collapse-body-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 22px 40px;
}
.list-accordion .collapse-cont__prefix {
  color: #153448;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.list-accordion .collapse-cont__cont {
  color: #3c5b6f;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.list-sort__tab {
  color: #ccc;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.list-sort__tab + .list-sort__tab {
  margin: 0 0 0 8px;
  padding: 0 0 0 8px;
  border-left: 1px solid #ccc;
}
.list-sort__tab.is-active {
  color: #0085ff;
  font-weight: 500;
}
.list-cards {
  margin: 20px 0 0;
}
.list-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px 20px;
  width: 100%;
}
.list-card.is-best > li {
  border-width: 2px;
  border-color: #0085ff;
}
.list-card + .list-card {
  margin: 30px 0 0;
}
.list-card + .pagination-wrap {
  margin-top: 40px;
}
.list-card li {
  position: relative;
  width: calc(25% - 15px);
  height: 251px;
  border: 1px solid #ccc;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.list-card li .card-icons {
  position: absolute;
  bottom: 20px;
  right: 16px;
}

.write-wrap {
  margin: 25px 0 0;
}
.write-wrap .fieldset-body > .file {
  border: none;
}
.write-wrap .fieldset + .buttons {
  position: relative;
  margin-top: 40px;
}
.write-wrap .fieldset + .buttons .is-delete {
  position: absolute;
  top: 0;
  left: 0;
}
.write-wrap .fieldset + .fieldset {
  margin-top: 40px;
}
.write-wrap .is-file .txt__point {
  color: #0085ff;
}
.write-wrap .field-desc {
  color: #a7a7a7;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.write-wrap .field-desc__txt {
  color: #222;
}
.write-wrap .control:not(:has(.checkbox)) {
  color: #222;
  line-height: 25px;
}
.write-wrap .buttons {
  position: relative;
}
.write-wrap .buttons .is-comment {
  position: absolute;
  top: 0;
  right: 0;
}
.write-wrap .board-link-box {
  margin: 20px 0 0;
}
.write-wrap .board-link-box + .buttons {
  margin: 0;
}
.write-wrap .board-link-box + .comment-box {
  margin: 40px 0 0;
  border-top: 1px solid #a7a7a7;
}
.write-wrap .board-link-box + .comment-box .comment-body {
  padding: 20px 12px 0;
}
.write-wrap .board-link-box + .comment-box .comment-cont {
  margin: 5px 0 0;
}
.write-wrap__alarm .fieldset + .fieldset {
  margin: 0;
}
.write-wrap__alarm .field.is-horizontal .field-body-duplicate {
  padding-right: 0;
  border-right: 1px solid #e5e5e5;
}
.write-wrap__alarm .tooltip-txt {
  padding: 12px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
}
.write-wrap__alarm .tooltip-txt::before {
  border-color: transparent #e3e3e3 transparent transparent;
}
.write-wrap__alarm .tooltip-txt__title {
  display: block;
  color: #222;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.write-wrap__alarm .tooltip-txt__cont {
  display: block;
  margin: 6px 0 0;
  color: #444;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.write-wrap__alarm .label-prefix {
  min-width: 77px;
  color: #888;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.write-wrap__alarm .label-prefix__auto {
  min-width: unset;
}
.write-wrap__alarm .search-desc {
  color: #a7a7a7;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.write-wrap__alarm .box-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 0;
}
.write-wrap__alarm .box-tags .tag {
  height: 32px;
  padding: 0 12px 0 8px;
  border-color: #ccc;
  color: #444;
  font-size: 13px;
  font-weight: 300;
  line-height: 15px;
}
.write-wrap__alarm .box-tags .tag button {
  color: #888;
  font-size: 10px;
}
.write-wrap__alarm .fieldset-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.write-wrap__alarm .fieldset-header .btn-preview {
  margin-left: auto;
}
.write-wrap__alarm .fieldset-header__info {
  margin-left: 10px;
  color: #444;
  font-weight: 400;
}
.write-wrap__alarm .fieldset-header__info .icon-info-o {
  color: #0085ff;
}
.write-wrap__alarm .fieldset-header__info .icon-info-o:before {
  vertical-align: middle;
}
.write-wrap__alarm .fieldset-header__info .txt__point {
  color: #0085ff;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.write-wrap__alarm .txt-alarm {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 256px;
}
.write-wrap__alarm .txt-alarm__cont {
  color: #222;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
}
.write-wrap__alarm .search-text input {
  border-right: 1px solid transparent;
}
.write-wrap__alarm .search-button {
  border-left: none;
  border-color: #d9d9d9;
}
.write-wrap__alarm .wrap-lists {
  counter-reset: section;
  border-top: 0;
  border-bottom: 0;
}
.write-wrap__alarm .wrap-lists .label__count::after {
  counter-increment: section;
  content: " " counter(section);
}
.write-wrap__alarm .wrap-lists .box-delete {
  width: 88px;
  text-align: center;
}
.write-wrap__alarm .wrap-lists .buttons {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 20px;
  margin: 8px 0 50px;
}
.write-wrap__alarm .wrap-lists .wrap-items {
  margin: 30px 0 0;
}
.write-wrap__alarm .wrap-lists .wrap-items-box:first-of-type .add-condition {
  display: none;
}
.write-wrap__alarm .wrap-lists .wrap-items-box > .field {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.write-wrap__alarm .wrap-lists .wrap-items-box > .field > .field-body {
  padding-top: 0;
  padding-bottom: 0;
}
.write-wrap__alarm .wrap-lists .wrap-items .add-condition {
  padding: 8px 0;
  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;
}
.write-wrap__alarm .wrap-lists .input-center {
  text-align: center;
}
.write-wrap__alarm .wrap-items .box-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-right: 30px;
}
.write-wrap__alarm .wrap-items .box-btn .button {
  width: 26px;
  border-radius: 4px;
}
.write-wrap__alarm .wrap-items .box-btn .button .icon {
  pointer-events: none;
}
.write-wrap__alarm .wrap-items__data {
  counter-reset: section;
  border-top: 1px solid #e5e5e5;
}
.write-wrap__alarm .wrap-items__data.is-diabled {
  pointer-events: none;
}
.write-wrap__alarm .wrap-items__item .label-prefix__count::after {
  counter-increment: section;
  content: " " counter(section);
}
.write-wrap__alarm .wrap-items__item .btn-add {
  display: none;
}
.write-wrap__alarm .wrap-items__item .btn-delete {
  margin-right: 36px;
}
.write-wrap__alarm .wrap-items__item:last-of-type .btn-add {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.write-wrap__alarm .wrap-items__item:last-of-type .btn-delete {
  margin-right: 0;
}
.write-wrap__alarm .wrap-items__item:only-of-type .btn-add {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.write-wrap__alarm .wrap-items__item:only-of-type .btn-delete {
  margin-right: 0;
  pointer-events: none;
  display: none;
}
.write-wrap__alarm .wrap-items .search-text {
  background-color: hsl(0, 0%, 100%);
  border-color: #d9d9d9;
  color: #222;
  border-right: none;
}

.view-wrap .buttons .is-pending {
  color: #888;
  border-color: #888;
}
.view-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 12px 10px;
  background: #f6f9fa;
  border-top: 1px solid #a7a7a7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.view-header__title {
  margin-right: auto;
  color: #222;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.view-header__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #a7a7a7;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.view-body__cont {
  min-height: 347px;
  padding: 12px;
  border-bottom: 1px solid #a7a7a7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.view-body__file {
  margin: 40px 0 0;
}
.view-body__file .file {
  border: none;
}
.view-body__file .file-save {
  width: 100%;
  max-width: 100%;
}
.view-body__file .file-save-list-item {
  gap: 0;
}
.view-body__file .name {
  max-width: calc(100% - 200px);
}
.view-body__file .size {
  margin: 0 9px 0 5px;
  color: #6e6e6e;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.view-body .buttons {
  position: relative;
  margin: 40px 0 0;
}
.view-body + .buttons {
  margin: 40px 0 0;
}
.view-body + .comment-box {
  margin: 40px 0 0;
  border-bottom: 1px solid #a7a7a7;
}
.view-footer {
  margin: 40px 0 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #e5e5e5;
}
.view-footer dl {
  display: table-row;
}
.view-footer dt,
.view-footer dd {
  display: table-cell;
  border-bottom: 1px solid #e5e5e5;
}
.view-footer dt {
  text-align: center;
  width: 150px;
  padding: 10px 0;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  background: #f6f9fa;
}
.view-footer dt .icon-chevron-down {
  margin-right: 11px;
  display: inline-block;
  font-size: 11px;
}
.view-footer dt > span {
  vertical-align: middle;
}
.view-footer dd {
  padding: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.view-footer dd .title {
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.view-footer dd.is-nodata {
  color: #a7a7a7;
}
.view-footer__prev span {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.view-collapse {
  margin: 10px 0 0;
}
.view-collapse .collapse-item {
  border: 0;
}
.view-collapse .collapse-item.is-active .collapse-header::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.view-collapse .collapse-header::after {
  color: #153448;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  content: "\e90c";
}
.view-collapse .collapse-header > a {
  color: #153448;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}
.view-collapse .collapse-body-content {
  padding: 0;
  background-color: transparent;
}
.view-collapse .table th {
  color: #222;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.view-collapse .table td {
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.view-collapse .table td .txt-box {
  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;
  gap: 10px;
}
.view-collapse .table td .txt-box strong {
  color: #0085ff;
}
.view-collapse .table td .txt-box .link {
  text-decoration: underline;
}
.view-detail {
  margin: 20px 0 0;
}
.view-detail + .buttons {
  margin: 40px 0 0;
}

.comment-box {
  margin: 18px 0 0;
}
.comment-box .buttons .is-icon {
  gap: 7px;
}
.comment-box + .buttons.is-centered {
  margin: 40px 0 0;
}
.comment-header {
  margin: 20px 0 0;
  padding: 10px 8px;
  color: #153448;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  background: #f6f9fa;
  border-top: 1px solid #a7a7a7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.comment-body {
  padding: 16px 12px;
}
.comment-body + .comment-body {
  border-top: 1px solid #a7a7a7;
}
.comment-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.comment-summary .buttons {
  margin-left: auto;
}
.comment-summary .select {
  max-width: 180px;
}
.comment-summary__user {
  color: #222;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.comment-summary__date {
  color: #a7a7a7;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.comment-summary__status {
  padding: 3px 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 4px;
}
.comment-summary__status.status-begin {
  background: #fff5e0;
}
.comment-summary__status.status-ing {
  background: #e9ffd9;
}
.comment-summary__status.status-done {
  color: #444;
  background: #f2f2f2;
}
.comment-summary__status.status-error {
  background: #ffdddd;
}
.comment-cont {
  margin: 10px 0 0;
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}
.comment-cont:not(:has(.textarea)) {
  padding: 10px 0;
}
.comment-count {
  color: #153448;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.comment-collapse {
  margin: 40px 0 0;
}
.comment-collapse .collapse-item {
  border-top: 0;
}
.comment-collapse .collapse-item:last-child {
  border-bottom: 0;
}
.comment-collapse .collapse-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 10px;
  border-bottom: 1px solid #a7a7a7;
}
.comment-collapse .collapse-header > a {
  width: unset;
  margin-left: auto;
}
.comment-collapse .collapse-header > a:focus {
  border-color: transparent;
}
.comment-collapse .collapse-header::after {
  content: none;
}
.comment-collapse .collapse-body-content {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
  background: transparent;
}
.comment-collapse .collapse-body-content .comment-body {
  border-bottom: 0;
}
.comment-collapse .collapse-body-content .comment-body:last-child {
  border-bottom: 0;
}
.comment-collapse .comment-body {
  padding: 16px 12px 6px;
  border-bottom: 1px solid #e5e5e5;
}
.comment-collapse .comment-body:has(.textarea) {
  padding-bottom: 24px;
}
.comment-collapse .comment-body + .comment-body {
  border-top: 0;
}
.comment-collapse .comment-body:last-child {
  border-bottom: 1px solid #a7a7a7;
}
.comment-collapse .comment-body.is-nodata {
  padding: 40px 0;
  text-align: center;
}
.comment-collapse .comment-body.is-nodata .comment-cont {
  padding: 0;
}
.comment-collapse .comment-cont {
  margin: 0;
  color: #444;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
}
.comment-collapse .comment-cont .textarea {
  margin: 16px 0 0;
}
.comment-collapse .comment-cont .button {
  margin: 8px 0 0;
}

.status-begin {
  color: #ffb724;
}
.status-ing {
  color: #56ca00;
}
.status-done {
  color: #246beb;
}
.status-danger, .status-error {
  color: #d50136;
}

.board-link-box {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.board-link-box .txt_point {
  color: #0085ff;
}
.board-link-box i {
  line-height: 22px;
}
.board-link-box a {
  font-weight: 600;
}

.faq-wrap .pagination-wrap {
  position: relative;
}
.faq-wrap .pagination-link-box {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.faq-wrap .pagination-link-box i {
  margin: 0 4px 0 0;
}
.faq-wrap .pagination-link-box a {
  margin: 0 0 0 4px;
}
.faq-wrap .box-nodata {
  padding: 100px 0;
  color: #a7a7a7;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
}

.content-box-search .fieldset + .fieldset {
  margin: 10px 0 0;
}
.content-box-search .collapse-item.is-active .icon-up-o {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.content-box-search .collapse-item.is-active .search-re {
  margin: 30px 0 0;
}
.content-box-search .label {
  color: #555555;
}
.content-box-search .field-label + .field-body {
  margin: 0 0 0 30px;
}
.content-box-search .field + .field {
  margin: 16px 0 0;
}
.content-box-search .pagination-wrap {
  margin: 40px auto 0;
}
.content-box-search .txt-point {
  color: #0085ff;
}
.content-box-search .search-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.content-box-search .search-text .input {
  height: 56px;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  border: 2px solid #3c5b6f;
  border-radius: 4px;
}
.content-box-search .search-text .input:hover {
  border-right: transparent;
}
.content-box-search .search-text:focus-within .search-auto {
  display: block;
}
.content-box-search .search-text .search-auto {
  position: absolute;
  top: calc(100% - 1px);
  z-index: 6;
  width: 100%;
  display: none;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  background-color: #fff;
  border: 2px solid #3c5b6f;
  border-radius: 0 0 4px 4px;
  border-top: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-box-search .search-auto {
  position: relative;
}
.content-box-search .search-auto:focus-within {
  display: block;
}
.content-box-search .search-auto .btn-delete {
  position: absolute;
  right: 28px;
  top: 10px;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}
.content-box-search .search-auto-wrap {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #444;
}
.content-box-search .search-auto-wrap:hover {
  text-decoration: underline;
}
.content-box-search .search-auto-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  padding: 0 28px;
}
.content-box-search .search-auto-box li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-box-search .search-auto-box li > a {
  height: 56px;
  padding: 0 28px;
}
.content-box-search .search-auto-box li > a:focus {
  background: #f2f4f7;
}
.content-box-search .search-auto-box li .search-delete {
  position: absolute;
  top: 50%;
  right: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent;
}
.content-box-search .search-auto-box li.nodata {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  font-weight: 300;
}
.content-box-search .search-auto__icon {
  margin: 0 12px 0 0;
}
.content-box-search .search-auto__keyword {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 21px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  display: inline-block;
  white-space: nowrap;
}
.content-box-search .search-button {
  width: 56px;
  height: 56px;
  color: #fff;
  border-width: 2px;
  border-color: #3c5b6f;
  border-left: 0 none;
  border-right: none;
  background-color: #3c5b6f;
}
.content-box-search .search-delete {
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 5;
  display: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: #153448;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  background: #fff;
}
.content-box-search .search-delete.is-on {
  display: block;
}
.content-box-search .search-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0 0 10px;
}
.content-box-search .search-summary__keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-right: auto;
}
.content-box-search .search-summary__keyword dt {
  color: #153448;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
.content-box-search .search-summary__keyword dd {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
}
.content-box-search .search-summary__keyword dd .txt-link {
  color: #3c5b6f;
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
}
.content-box-search .search-summary__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.content-box-search .search-summary__option .txt-guide {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #888;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.content-box-search .search-summary__option .txt-guide i {
  font-weight: 600;
}
.content-box-search .search-summary__option .checkbox {
  margin: 0;
}
.content-box-search .search-summary__option .button-deatil {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #3c5b6f;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.content-box-search .search-summary__option .button-deatil::before {
  position: absolute;
  left: -11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: #e5e5e5;
  content: "";
}
.content-box-search .search-summary__option .button-deatil i {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  pointer-events: none;
}
.content-box-search .search-summary__option .button-deatil.collapse-header::after {
  content: none;
}
.content-box-search .search-detail {
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-box-search .search-detail .field {
  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;
}
.content-box-search .search-detail .field-label {
  padding: 0;
}
.content-box-search .search-detail .buttons {
  margin: 20px 0 0;
}
.content-box-search .search-re {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-box-search .search-re dt {
  width: 150px;
  color: #153448;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.content-box-search .search-re dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  padding: 20px;
  border-left: 1px solid #cccccc;
}
.content-box-search .search-re dd .btn-delete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
  height: 26px;
  padding: 0 8px 0 0;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.content-box-search .search-re dd .btn-delete .icon-cross {
  color: #888;
  font-size: 8px;
}
.content-box-search .search-tabs {
  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: 6px;
}
.content-box-search .search-result {
  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 40px;
  color: #888;
  font-size: 19px;
  font-weight: 500;
  line-height: 22px;
}
.content-box-search .search-result dd {
  color: #222;
}
.content-box-search .search-result-tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-box-search .search-result-tabs > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 200px;
}
.content-box-search .search-result-tabs > li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 100%;
  height: 70px;
  padding: 10px 16px;
  border-bottom: 1px solid #ccc;
  color: #888;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.content-box-search .search-result-tabs > li button span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.content-box-search .search-result-tabs > li button b {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.content-box-search .search-result-tabs > li button.is-active {
  font-weight: 600;
}
.content-box-search .search-result-tabs > li.all button.is-active {
  color: #153448;
  border-bottom: 2px solid #153448;
}
.content-box-search .search-result-tabs > li.dataport button.is-active {
  color: #dd6949;
  border-bottom: 2px solid #dd6949;
}
.content-box-search .search-result-tabs > li.skynet button {
  position: relative;
}
.content-box-search .search-result-tabs > li.skynet button::before {
  content: "SKYNET";
  width: 64px;
  height: 22px;
  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;
  position: absolute;
  top: 10px;
  left: 16px;
  border: 1px solid #0092df;
  border-radius: 11px;
  color: #0092df;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.content-box-search .search-result-tabs > li.skynet button.is-active {
  color: #0092df;
  border-bottom: 2px solid #0092df;
}
.content-box-search .search-result-tabs > li.skynet button.is-active::before {
  background: #0092df;
  color: #fff;
}
.content-box-search .search-result-conts article {
  margin: 20px 0 0;
}
.content-box-search .search-result-conts article + article {
  margin: 40px 0 0;
}
.content-box-search .search-result-conts article:last-of-type li:last-of-type {
  margin-bottom: 0;
}
.content-box-search .search-result-conts article .list-card {
  margin: 15px 0 0;
}
.content-box-search .search-result-conts.has-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
  margin: 20px 0 0;
}
.content-box-search .search-result-conts.has-filter article {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.content-box-search .search-result__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-box-search .search-result__header .txt-title {
  position: relative;
  padding: 0 0 0 12px;
  color: #222;
  font-size: 21px;
  font-weight: 500;
  line-height: 27px;
}
.content-box-search .search-result__header .txt-title::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #153448;
  content: "";
}
.content-box-search .search-result__header .txt-link {
  margin-left: auto;
  color: #153448;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.content-box-search .search-result__filter {
  margin-left: auto;
}
.content-box-search .search-result__list {
  margin: 15px 0 0;
}
.content-box-search .search-result__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-box-search .search-result__list li + li {
  margin: 12px 0 0;
}
.content-box-search .search-result__list li:last-of-type {
  margin-bottom: 40px;
}
.content-box-search .search-result__list li.box-nodata {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #222;
  font-size: 17px;
  font-weight: 300;
  line-height: 22px;
}
.content-box-search .search-result__list .search-badges {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  width: 100px;
}
.content-box-search .search-result__list .search-badges.type2 {
  width: 110px;
}
.content-box-search .search-result__list .search-badges.type2 .card-summary__badge {
  width: 90px;
}
.content-box-search .search-result__list .search-badges.type2 .tooltip-badge {
  position: relative;
}
.content-box-search .search-result__list .search-badges.type2 .tooltip-badge .card-summary__badge:hover {
  cursor: default;
}
.content-box-search .search-result__list .search-badges.type2 .tooltip-badge .card-summary__badge:hover + .tooltip-txt {
  display: block !important;
  color: #444;
}
.content-box-search .search-result__list .search-cont {
  -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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.content-box-search .search-result__list .search-cont__title {
  color: #222;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.content-box-search .search-result__list .search-cont__con {
  margin: 4px 0 0;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.content-box-search .search-result__list .search-cont__con.type1 {
  font-weight: 300;
}
.content-box-search .search-result__list .search-cont__desc {
  margin: 12px 0 0;
  color: #888;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.content-box-search .search-result__list .search-cont__desc.type1 {
  font-weight: 500;
}
.content-box-search .search-result__list .search-cont__desc.type2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
}
.content-box-search .search-result__list .search-cont__desc.type2 .name {
  color: #444;
  font-weight: 500;
}
.content-box-search .search-result__list .search-cont__desc.type2 .desc {
  color: #a7a7a7;
}
.content-box-search .search-result__list .search-cont__desc.type3 {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.content-box-search .search-result__list .search-cont__desc.type3 .txt_block {
  display: block;
}
.content-box-search .search-result__list .search-cont__desc.type3 .txt_block + .txt_block {
  margin: 4px 0 0;
}
.content-box-search .search-result__list .search-cont__author {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 20px;
  color: #444;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.content-box-search .search-result__list .search-cont__author.type1 {
  color: #888;
}
.content-box-search .search-result__list .search-cont__author.type2 {
  gap: 10px;
}
.content-box-search .search-result__list .search-cont__author .size {
  color: #888;
  font-weight: 400;
}
.content-box-search .search-result__list .search-buttons {
  position: relative;
  min-width: 153px;
  text-align: right;
}
.content-box-search .search-result__list .search-buttons.type1 {
  min-width: unset;
}
.content-box-search .search-result__list .search-buttons .btn-preview {
  width: 80px;
}
.content-box-search .search-result__list .search-buttons .card-icons {
  position: absolute;
  right: 0;
  bottom: 0;
}
.content-box-search .search-result__list .search-buttons .card-icons__item {
  font-weight: 400;
}
.content-box-search .search-sort {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 auto;
  gap: 17px;
}
.content-box-search .search-sort button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #888;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.content-box-search .search-sort button.is-active {
  color: #0085ff;
  font-weight: 500;
}
.content-box-search .search-sort button + button {
  position: relative;
}
.content-box-search .search-sort button + button::before {
  position: absolute;
  left: -9px;
  top: 0;
  width: 1px;
  height: 20px;
  background: #ccc;
  content: "";
}
.content-box-search .search-sort + .search-result {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 20px 0;
}
.content-box-search .search-edit {
  margin: 40px 0 0 6px;
  color: #888;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.content-box-search .search-edit-replace {
  margin: 10px 0 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.content-box-search .search-filter {
  width: 350px;
  padding: 30px 20px 27px;
  border: 1px solid #ccc;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-box-search .search-filter__header {
  color: #222;
  font-size: 21px;
  font-weight: 600;
  line-height: 27px;
}
.content-box-search .search-filter-wrap {
  overflow-y: auto;
  max-height: 550px;
}
.content-box-search .search-filter-type__title {
  padding: 15px 0;
  margin-top: 15px;
  border-top: 1px solid #a7a7a7;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
}
.content-box-search .search-filter .collapse-item {
  border-top: none;
}
.content-box-search .search-filter .collapse-item .icon-chevron-down {
  pointer-events: none;
}
.content-box-search .search-filter .collapse-item.is-active .icon-chevron-down {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.content-box-search .search-filter .collapse-item .checkbox {
  padding: 12px 10px;
}
.content-box-search .search-filter .collapse-item:last-child {
  border-bottom: none;
}
.content-box-search .search-filter .collapse-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-box-search .search-filter .collapse-header .checkbox input[type=checkbox]:checked + label {
  font-weight: 500;
}
.content-box-search .search-filter .collapse-header .checkbox input[type=checkbox] + label {
  color: #222;
}
.content-box-search .search-filter .collapse-header > a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  margin-left: auto;
  padding: 0;
}
.content-box-search .search-filter .collapse-header::after {
  content: none;
}
.content-box-search .search-filter .collapse-body-content {
  padding: 0;
  background: transparent;
}
.content-box-search .search-filter .filter-depth > li {
  display: block;
  padding-left: 15px;
}
.content-box-search .search-filter .filter-depth > li .icon {
  width: 12px;
  height: 12px;
  margin-top: 9px;
}
.content-box-search .search-filter .filter-depth > li .checkbox {
  padding-left: 3px;
  padding-right: 0;
}
.content-box-search .search-filter .filter-depth > li .checkbox input[type=checkbox] + label {
  font-size: 14px;
}
.content-box-search .search-filter .filter-depth > li .checkbox input[type=checkbox] + label::before {
  width: 17px;
  height: 17px;
  margin-top: 1px;
}
.content-box-search .search-filter .filter-depth > li .filter-check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.content-box-search .search-filter .filter-depth .filter-depth > li {
  padding-left: 20px;
}
.content-box-search .search-filter-buttons {
  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 0;
  margin: 40px 0 0;
}
.content-box-search .search-filter-buttons .button {
  width: 100%;
}

.result-summary {
  margin: 5px 0 0;
  padding: 1px 10px 16px;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #e5e5e5;
}
.result-summary .search-result__list .search-badges {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  margin: 0 0 20px;
}
.result-summary .search-result__list .search-cont__desc {
  margin: 15px 0 0;
  font-weight: 500;
}
.result-summary .search-result__list .search-cont__author {
  margin: 30px 0 0;
  font-size: 15px;
}
.result-view {
  margin: 0 0 40px;
}
.result-view__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0 0;
  color: #153448;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}
.result-view__header > a {
  height: 24px;
  padding: 0;
}
.result-view__header::after {
  margin-top: -13px;
}
.result-view__header .btn-download {
  position: absolute;
  top: -5px;
  right: 44px;
  z-index: 1;
}
.result-view__cont {
  margin: 15px 0 0;
}
.result-view__cont.scroll {
  max-height: 247px;
  overflow: auto;
}
.result-view__cont.scroll::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.result-view__cont.scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.result-view__cont.scroll .table {
  table-layout: fixed;
}
.result-view .table {
  border-top: 1px solid #a7a7a7;
}
.result-view .table tbody tr:last-of-type th,
.result-view .table tbody tr:last-of-type td {
  border-bottom: 1px solid #a7a7a7;
}

.modal-user {
  width: 1190px;
  max-width: 1190px;
}
.modal-user__2depth {
  width: 750px;
  max-width: 750px;
}

.user-search {
  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: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  width: 340px;
  height: 522px;
}
.user-search-wrap {
  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;
}
.user-search-wrap .dx-treelist-headers {
  display: none;
}
.user-search-wrap .selected-data {
  width: 340px;
}
.user-search-wrap .btn-final {
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 45px;
  background: #cdcdcd;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-search-wrap .btn-final::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  margin-left: 1px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 11px solid #fff;
  border-radius: 4px;
  content: "";
}
.user-search-wrap .btn-final:hover {
  background: #0085ff;
}
.user-search-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px 10px 12px;
  background-color: #3c5b6f;
  border-radius: 4px 4px 0 0;
}
.user-search-header .field {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
}
.user-search-header .field .control:has(.input) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-search-header .field input {
  border: none;
}
.user-search-header .buttons {
  margin-left: 15px;
}
.user-search-header .buttons .button {
  width: 24px;
  color: #fff;
  border-color: transparent;
  background-color: transparent;
}
.user-search-header + .user-search-body {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
}
.user-search-body {
  height: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.user-search-body .final-data {
  height: 100%;
}
.user-search-body .final-data .dx-pager {
  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: 15px 0 0;
}
.user-search-body .final-data .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  max-height: 100%;
  overflow: hidden;
}
.user-search-body .dx-datagrid .dx-datagrid-table .dx-header-row > td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.user-search-body .dx-datagrid .dx-row > td {
  padding: 7.5px 7px;
  line-height: 20px;
}
.user-search-body .img__user {
  display: block;
}
.user-search .box-nodata {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #888;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.user-search__user .dx-datagrid-borders > .dx-datagrid-headers {
  border-top: 0;
  padding-right: 0 !important;
}
.user-search__final {
  width: 370px;
}
.user-search__final .dx-datagrid-borders > .dx-datagrid-headers {
  padding-right: 0 !important;
}
.user-search .dx-treelist-table .dx-row {
  border: 0;
}
.user-search .dx-treelist-table .dx-row:not([aria-expanded=true]) .dx-checkbox {
  display: inline-block;
  padding-right: 3px;
}
.user-search .dx-treelist-table .dx-row > td {
  padding: 5px 0;
  color: #222;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}
.user-search .dx-treelist-table .dx-row.row-inner.dx-selection .dx-treelist-text-content {
  font-weight: 600;
  color: #0085ff;
}
.user-search .dx-treelist-table .dx-row.row-inner > td {
  overflow: unset;
  color: #7a8084;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.user-search .dx-treelist-table .dx-row.row-inner > td .dx-treelist-empty-space {
  position: relative;
}
.user-search .dx-treelist-table .dx-row.row-inner > td .dx-treelist-empty-space:nth-child(2):before {
  content: none;
}
.user-search .dx-treelist-table .dx-row.row-inner:has(+ :not(.row-inner) + tr) td .dx-treelist-empty-space:nth-child(2):after, .user-search .dx-treelist-table .dx-row.row-inner:has(+ tr.dx-freespace-row) td .dx-treelist-empty-space:nth-child(2):after {
  content: none;
}
.user-search .dx-treelist-table .dx-row:not(.row-inner) + tr td {
  padding-bottom: 10px;
}
.user-search .dx-treelist-table .dx-row:not(.row-inner) + tr .dx-treelist-empty-space {
  position: relative;
}
.user-search .dx-treelist-table .dx-row:not(.row-inner) + tr .dx-treelist-empty-space:nth-child(2):after {
  content: none;
}
.user-search .dx-treelist-table .dx-row:not(.row-inner) + tr.dx-data-row:last-child {
  background-color: red;
}
.user-search .dx-treelist-table .dx-row:not(.row-inner) + tr:has(+ tr.dx-freespace-row) .dx-treelist-empty-space:nth-child(2):after {
  content: none;
}
.user-search .dx-treelist-icon-container {
  padding-right: 6px;
}
.user-search .dx-treelist-icon-container .dx-checkbox {
  position: static;
  margin: 0 0 0 3px;
}
.user-search .dx-treelist-icon-container .dx-checkbox-icon {
  width: 18px;
  height: 18px;
}
.user-search .dx-treelist-icon-container .dx-treelist-empty-space {
  width: 24px !important;
}
.user-search .dx-treelist-rowsview .dx-treelist-collapsed {
  height: 24px;
}
.user-search .dx-treelist-rowsview .dx-treelist-collapsed span::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 100% 57.1669477234%;
  width: 24px;
  height: 24px;
}
.user-search .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  top: 0;
  margin: 0;
}
.user-search .dx-treelist-rowsview .dx-treelist-expanded {
  height: 24px;
}
.user-search .dx-treelist-rowsview .dx-treelist-expanded span::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 100% 53.1197301855%;
  width: 24px;
  height: 24px;
}
.user-search .dx-treelist-rowsview .dx-treelist-expanded span:before {
  top: 0;
  margin: 0;
}
.user-search .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td {
  background-color: #fff;
  border: 0;
}
.user-search .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.box-text {
  color: #0085ff;
  font-weight: 600;
}
.user-search .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td:hover {
  border: 0;
}
.user-search .dx-checkbox.dx-state-active .dx-checkbox-icon::after,
.user-search .dx-checkbox.dx-state-focused .dx-checkbox-icon::after {
  content: none;
}
.user-search .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td,
.user-search .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  background-color: #fff;
  border: 0;
}

.selected-data {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.selected-data:has(.box-nodata) {
  -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;
}
.selected-data .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  height: 426px;
  max-height: unset;
  border-bottom: 0;
}

.modal-manager {
  width: 600px;
}
.modal-manager .field-label {
  max-width: 136px;
}
.modal-manager .textarea {
  height: 150px;
}
.modal-manager .box-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 0;
}
.modal-manager .box-tags .tag {
  border-color: #ccc;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.modal-manager .box-tags .tag button {
  font-size: 10px;
}
.modal-analysis .fieldset-body__summary {
  padding: 8px 0;
}
.modal-analysis .fieldset-body__summary + .fieldset-body {
  border-top: 0;
  border-bottom: 0;
}
.modal-analysis .fieldset-body__summary + .fieldset-body__border {
  border-bottom: 1px solid #a7a7a7;
}
.modal-analysis .fieldset-body__summary .field.is-horizontal {
  min-height: 36px;
}
.modal-analysis .fieldset-body__summary .field.is-horizontal .field-label {
  min-height: 20px;
}
.modal-analysis .fieldset-body__summary .field.is-horizontal:not(:first-child) {
  border-top: 0;
}
.modal-analysis .fieldset-body__footer {
  padding: 16px 0;
}
.modal-analysis .fieldset-body__footer .field-label {
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.modal-analysis .fieldset-body__footer .field + .field {
  margin: 8px 0 0;
}
.modal-analysis .fieldset-body__footer .field.is-horizontal {
  min-height: unset;
}
.modal-analysis .fieldset-body__footer .field.is-horizontal .field-label {
  min-height: unset;
  padding: 0 10px;
}
.modal-analysis .fieldset-body__footer .field.is-horizontal:not(:first-child) {
  border-top: 0;
}
.modal-analysis .field-label {
  max-width: 140px;
}
.modal-analysis .btn-preview {
  width: 90px;
}
.modal-analysis .button-add:hover .icon::before, .modal-analysis .button-add:focus .icon::before {
  -webkit-filter: saturate(0%) brightness(220%) contrast(100%);
          filter: saturate(0%) brightness(220%) contrast(100%);
}
.modal-analysis .button-delete {
  border-color: #a7a7a7;
}
.modal-measure {
  max-width: 800px;
}
.modal-measure .collapse-item {
  border-color: #a7a7a7;
}
.modal-measure .collapse-item .collapse-header {
  border-bottom: 1px solid #e5e5e5;
}
.modal-measure .collapse-item .collapse-header > a {
  gap: 4px;
  height: 45px;
  padding: 12px 10px;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  background: #f5f7fa;
}
.modal-measure .collapse-item .collapse-header > a .txt-desc {
  margin-left: 11px;
  font-weight: 400;
}
.modal-measure .collapse-item .collapse-header > a .txt-desc::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 41.2543153049% 99.0049751244%;
  width: 14px;
  height: 14px;
}
.modal-measure .collapse-item .collapse-header > a .txt-desc::before {
  margin-right: 2px;
}
.modal-measure .collapse-item .collapse-header::after {
  right: 5px;
}
.modal-measure .collapse-item.is-active .collapse-body {
  max-height: 270px;
  overflow: auto;
}
.modal-measure .collapse-item + .collapse-item.is-active .collapse-body {
  max-height: 450px;
}
.modal-measure .collapse-item + .collapse-item {
  border-bottom: none;
}
.modal-measure .collapse-item + .collapse-item .dx-datagrid-borders > .dx-datagrid-headers {
  border-top: none;
}
.modal-measure .collapse-item + .collapse-item .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  background: #f6f9fa;
}
.modal-measure .collapse .collapse-body {
  max-height: 0;
}
.modal-measure .collapse-body-content {
  padding: 0;
  background: #fff;
}
.modal-measure .collapse .dx-treelist-borders > .dx-treelist-headers {
  border-top: none;
}
.modal-measure .collapse .dx-treelist-borders > .dx-treelist-rowsview {
  border-bottom: none;
}
.modal-measure .collapse .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.modal-measure .collapse .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td {
  color: #0085ff;
  background: #e9f1ff;
}
.modal-measure .collapse .dx-treelist-rowsview .dx-treelist-expanded span::before {
  left: 50%;
  width: 2px;
  height: 2px;
  margin: -2px 0 0;
  background: #222;
  border-radius: 50%;
  content: "";
}
.modal-measure .collapse .dx-treelist-rowsview .dx-row {
  border-top: none;
  border-bottom: none;
}
.modal-measure .collapse .dx-treelist-icon-container .dx-treelist-empty-space.dx-treelist-collapsed:before, .modal-measure .collapse .dx-treelist-icon-container .dx-treelist-empty-space.dx-treelist-expanded:before {
  display: none !important;
}
.modal-measure .collapse .dx-treelist-icon-container .dx-treelist-empty-space:first-child:last-child:before {
  display: none;
}
.modal-measure .collapse .dx-treelist-icon-container .dx-treelist-empty-space:last-child {
  width: 18px;
}
.modal-measure .collapse .dx-treelist-icon-container .dx-treelist-empty-space:last-child::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 15.4597701149% 71.2396694215%;
  width: 12px;
  height: 12px;
}
.modal-measure .collapse .dx-treelist-icon-container .dx-treelist-empty-space:last-child:before {
  margin-top: 1px;
  margin-left: 2px;
  visibility: hidden;
  display: none;
}
.modal-measure .collapse .dx-treelist-rowsview.dx-scrollable {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.modal-measure .collapse .dx-widget .btn-onoff {
  width: 15px;
  height: 15px;
  -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: 12px;
  color: #8492ae;
}
.modal-measure .collapse .dx-widget.is-collapsed .btn-onoff {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.modal-measure .collapse .dx-widget.is-collapsed .dx-treelist-rowsview.dx-scrollable {
  max-height: 0;
}
.modal-measure .collapse .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  padding: 11px 0;
  line-height: 20px;
}
.modal-measure .collapse table thead th {
  padding: 10px 0;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.modal-measure .collapse table tbody td {
  padding: 10px 8px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.modal-measure .collapse table tbody td .count {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.modal-measure .collapse .dx-treelist-rowsview .dx-row > td {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 716px;
}
.modal-measure .collapse .dx-treelist-rowsview .dx-row > td + td {
  width: 100%;
}
.modal-alarm {
  max-width: 410px;
}
.modal-alarm .content {
  width: 360px;
}
.modal-alarm .content .db-data .dx-gridbase-container > .dx-bordered-bottom-view {
  max-height: 365px;
}
.modal-alarm .is-false > td {
  color: #ff3737;
}
.modal-alarm .dx-datagrid-rowsview.dx-empty {
  border-bottom: 0;
}
.modal-alarm .dx-datagrid-nodata {
  position: static;
  -webkit-transform: none;
          transform: none;
  margin: 40px 0 0;
}
.modal-alarm .box-nodata {
  color: #444;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.modal-alarm-list {
  max-width: 500px;
}
.modal-alarm-list .content {
  width: 450px;
}
.modal-alarm-list .content .db-data .dx-gridbase-container > .dx-bordered-bottom-view {
  max-height: 450px;
}
.modal-alarm-list .dx-toolbar .dx-toolbar-items-container {
  height: 38px;
  margin: 0 0 16px;
}
.modal-alarm-list .dx-datagrid-search-panel {
  margin: 0;
}
.modal-alarm-list .dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child {
  right: 36px;
}
.modal-alarm-list .dx-show-clear-button .dx-icon-clear {
  margin-top: -14px;
  background: transparent;
}
.modal-alarm-list .dx-icon-clear:before {
  color: #153448;
  font-family: "icon-set" !important;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  content: "\e909";
}
.modal-alarm-list .dx-searchbox .dx-icon-search::before {
  color: #153448;
  font-family: "icon-set" !important;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  content: "\e90e";
}
.modal-alarm-list .dx-command-select.is-none .dx-checkbox {
  display: none;
}
.modal-alarm-table {
  max-width: 800px;
}
.modal-alarm-table .content {
  width: unset;
}
.modal-alarm-table .collapse-item.is-active .collapse-body {
  max-height: 408px;
}
.modal-alarm-table .dx-datagrid-borders > .dx-datagrid-headers {
  border-top: none;
}
.modal-alarm-table .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  background: #f6f9fa;
}
.modal-preview .summary {
  padding: 16px 10px;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #e5e5e5;
}
.modal-preview .summary-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.modal-preview .summary-title {
  margin: 20px 0 15px;
  color: #222;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}
.modal-preview .summary-desc {
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.modal-preview .summary-update {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0 0;
  color: #444;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.modal-preview .table {
  margin: 12px 0 0;
}
.modal-preview .table-title {
  margin: 40px 0 0;
  color: #153448;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.modal-preview .table tr:first-of-type th,
.modal-preview .table tr:first-of-type td {
  border-top: 1px solid #a7a7a7;
}
.modal-preview .table tr:last-of-type th,
.modal-preview .table tr:last-of-type td {
  border-bottom: 1px solid #a7a7a7;
}
.modal-preview .table tr,
.modal-preview .table th {
  height: 45px;
}
.modal-preview .table th,
.modal-preview .table td {
  padding: 12px 10px;
  color: #222;
}
.modal-preview .table th {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  background-color: #f5f7fa;
}
.modal-preview .table td {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.modal-preview .modal-card-foot {
  padding-top: 40px;
}
.modal-characters .modal-card-body {
  line-height: 25px;
}
.modal-search-guide .modal-card {
  max-width: 564px;
}
.modal-search-guide .modal-card-title i {
  font-size: 18px;
}
.modal-search-guide .table {
  border-top: 1px solid #a7a7a7;
}
.modal-search-guide .table tr:last-of-type th,
.modal-search-guide .table tr:last-of-type td {
  border-bottom: 1px solid #a7a7a7;
}
.modal-search-guide .table th {
  height: 45px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f5f7fa;
  text-align: center;
}
.modal-search-guide .table td {
  height: 40px;
  color: #222;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  text-align: center;
}
.modal-search-guide .table td.list-box {
  padding: 12px 10px;
  line-height: 17px;
  text-align: left;
}
.modal-search-guide .table td.list-box ul > li::before {
  content: "\b7";
  padding: 0 7px 0 7px;
}
.modal-search-guide .table td.list-box .txt-error {
  color: #ff3737;
}
.modal-download {
  max-width: 942px;
}
.modal-download .control-body {
  width: calc(100% - 1px);
}
.modal-download .field.is-horizontal .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
}
.modal-download .field.is-horizontal .field-label.is-full {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  color: #444;
}
.modal-download .radio:not(:last-child) {
  margin-right: 20px;
}
.modal-download .date-box {
  margin-left: auto;
}
.modal-download .date-box .control {
  width: 150px;
}
.modal .alarm-query {
  padding: 15px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #434343;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}

.card-item {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  padding: 20px 16px 50px;
}
.card-item.type1 .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 52.426035503% 56.7567567568%;
  width: 62px;
  height: 62px;
}
.card-item.type2 .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 48.7573964497% 56.7567567568%;
  width: 62px;
  height: 62px;
}
.card-item.type3 .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 56.0946745562% 56.7567567568%;
  width: 62px;
  height: 62px;
}
.card-item.type4 .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 41.4201183432% 56.7567567568%;
  width: 62px;
  height: 62px;
}
.card-item.type5 .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 37.7514792899% 56.7567567568%;
  width: 62px;
  height: 62px;
}
.card-item.type6 .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 45.0887573964% 56.7567567568%;
  width: 62px;
  height: 62px;
}
.card-summary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  width: 100%;
}
.card-summary__badge {
  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;
  width: 80px;
  height: 24px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header__thumb {
  overflow: hidden;
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 6px;
}
.card-header__thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
}
.card-header__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #222;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card-body {
  width: 100%;
}
.card-body__cont {
  height: 69px;
  color: #444;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card-body__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  margin: 9px 0 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.card-body__user .name {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #444;
}
.card-body__user .desc {
  color: #a7a7a7;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.card-footer {
  position: relative;
  width: 100%;
  color: #888;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.card-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.card-icons__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #444;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.card-icons__item.button-recomm.is-on .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 85.2023121387% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.card-icons__item.button-mydata.is-on .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 54.6820809249% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.card-icons .icon {
  max-width: 20px;
  max-height: 20px;
}
.card-icons button .icon {
  pointer-events: none;
}

.is-best {
  counter-reset: section;
}
.is-best .card-item {
  counter-increment: section;
}
.is-best .card-summary__best {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  color: #0085ff;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  font-family: "Freesentation";
}
.is-best .card-summary__best:after {
  color: #0085ff;
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  content: counter(section);
}

.badge-type1 {
  background-color: #0ba360;
}
.badge-type2 {
  background-color: #f9a11b;
}
.badge-type3 {
  background-color: #fb5251;
}
.badge-type4 {
  background-color: #09bfff;
}
.badge-type5 {
  background-color: #4f709c;
}
.badge-type6 {
  background-color: #263959;
}
.badge-type7 {
  color: #263959;
  border: 1px solid #263959;
}
.badge-type8 {
  color: #444;
  background-color: #ccc;
}
.badge-type9 {
  color: #444;
  background-color: #f2f4f7;
  border: 1px solid #cccccc;
}
.badge-type10 {
  background-color: #148cfa;
}
.badge-type11 {
  background-color: #3c5b6f;
}
.badge-type12 {
  color: #153448;
  background-color: #e8ebed;
}
.badge-type13 {
  color: #444444;
  background-color: #F2F2F2;
}

.summary__waring {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #ff3737;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.treeviewmenu-wrap {
  padding: 25px 0 10px;
  border-top: 1px solid #a7a7a7;
}
.treeviewmenu-wrap .dx-scrollable-content > .dx-treeview-node-container.dx-treeview-node-container-opened:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 12px;
  bottom: 17px;
  width: 1px;
  background-color: #3c5b6f;
  z-index: 0;
}
.treeviewmenu-wrap .dx-scrollable-content > .dx-treeview-node-container.dx-treeview-node-container-opened > li {
  position: relative;
  z-index: 1;
}
.treeviewmenu-wrap .dx-scrollable-content > .dx-treeview-node-container.dx-treeview-node-container-opened > li:first-child:last-child:before {
  content: none;
}
.treeviewmenu-wrap .dx-scrollable-content > .dx-treeview-node-container.dx-treeview-node-container-opened > li:first-child:before, .treeviewmenu-wrap .dx-scrollable-content > .dx-treeview-node-container.dx-treeview-node-container-opened > li:last-child:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 12px;
  width: 10px;
  height: 1px;
  background-color: #3c5b6f;
  z-index: 0;
}
.treeviewmenu-wrap .dx-scrollable-content > .dx-treeview-node-container.dx-treeview-node-container-opened > li .dx-item.dx-treeview-item {
  position: relative;
  z-index: 1;
}
.treeviewmenu-wrap .dx-scrollable-content > .dx-treeview-node-container.dx-treeview-node-container-opened > li > .dx-treeview-node-container.dx-treeview-node-container-opened {
  padding: 5px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #7a8084;
}
.treeviewmenu-wrap .dx-scrollable-content > .dx-treeview-node-container.dx-treeview-node-container-opened > li > .dx-treeview-node-container.dx-treeview-node-container-opened > li .dx-treeview-expander-icon-stub {
  width: 20px;
  height: 20px;
}
.treeviewmenu-wrap .dx-treeview-node-container.dx-treeview-node-container-opened {
  position: relative;
}
.treeviewmenu-wrap .dx-widget {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.treeviewmenu-wrap .dx-treeview-item {
  gap: 6px;
  padding: 5px 0;
}
.treeviewmenu-wrap .dx-treeview-node.dx-treeview-item-without-checkbox.dx-treeview-node-is-leaf .type-group .dx-treeview-expander-icon-stub {
  font: unset;
  background-color: #fff;
}
.treeviewmenu-wrap .dx-treeview-node.dx-treeview-item-without-checkbox.dx-treeview-node-is-leaf .type-group .dx-treeview-expander-icon-stub::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 100% 53.1197301855%;
  width: 24px;
  height: 24px;
}
.treeviewmenu-wrap .dx-treeview-node.dx-treeview-item-without-checkbox.dx-treeview-node-is-leaf .type-group .dx-treeview-expander-icon-stub:before {
  margin: 0;
}
.treeviewmenu-wrap .type-group .dx-treeview-toggle-item-visibility {
  font: unset;
  background-color: #fff;
}
.treeviewmenu-wrap .type-group .dx-treeview-toggle-item-visibility::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 100% 57.1669477234%;
  width: 24px;
  height: 24px;
}
.treeviewmenu-wrap .type-group .dx-treeview-toggle-item-visibility:before {
  margin: 0;
}
.treeviewmenu-wrap .type-group .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 100% 53.1197301855%;
  width: 24px;
  height: 24px;
}
.treeviewmenu-wrap .type-group .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
  margin: 0;
}
.treeviewmenu-wrap .type-group + ul .type-group + ul {
  position: relative;
}
.treeviewmenu-wrap .type-group + ul .type-group + ul:before {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  bottom: 14px;
  width: 1px;
  background-color: #3c5b6f;
  z-index: 0;
}
.treeviewmenu-wrap .type-group + ul .type-group + ul > li {
  position: relative;
}
.treeviewmenu-wrap .type-group + ul .type-group + ul > li:last-child:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 12px;
  width: 10px;
  height: 1px;
  background-color: #3c5b6f;
  z-index: 0;
}
.treeviewmenu-wrap .dx-treeview-item.dx-state-hover,
.treeviewmenu-wrap .dx-treeview-item-without-checkbox.dx-state-active > .dx-treeview-item {
  color: #0085ff;
  background-color: rgba(0, 0, 0, 0.04);
}
.treeviewmenu-wrap .dx-treeview-item.dx-state-hover .dx-treeview-toggle-item-visibility,
.treeviewmenu-wrap .dx-treeview-item-without-checkbox.dx-state-active > .dx-treeview-item .dx-treeview-toggle-item-visibility {
  background-color: transparent;
}

.group-listview-wrap .dx-gridbase-container .dx-datagrid-header-panel {
  display: none;
}

.select.type-readonly {
  padding: 5px 12px;
  border: 1px solid #ececec;
  background-color: #f2f2f2;
  border-radius: 2px;
  font-weight: 400;
  color: #bcbcbc;
  font-size: 14px;
}
.select.type-readonly:not(.is-multiple):not(.is-loading):after {
  border-color: #bcbcbc;
}
.select.type-value {
  color: #333;
  font-size: 15px;
  font-weight: 400;
}

.btn-download-ex:hover .icon,
.btn-download-ex:hover .dx-icon, .btn-download-ex:focus .icon,
.btn-download-ex:focus .dx-icon {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(157deg) brightness(102%) contrast(102%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(157deg) brightness(102%) contrast(102%);
}

.dx-popup-wrapper.type-sc-popup-all .button.is-success.is-outlined.btn-download-ex {
  padding: 0;
  border: 1px solid #33a14b;
  background-color: #fff;
}
.dx-popup-wrapper.type-sc-popup-all .button.is-success.is-outlined.btn-download-ex .dx-button {
  padding: 0 10px;
  border-radius: 0;
}
.dx-popup-wrapper.type-sc-popup-all .button.is-success.is-outlined.btn-download-ex .dx-button-text {
  color: #33a14b;
}
.dx-popup-wrapper.type-sc-popup-all .button.is-success.is-outlined.btn-download-ex:hover .dx-button, .dx-popup-wrapper.type-sc-popup-all .button.is-success.is-outlined.btn-download-ex:focus .dx-button {
  background: #33a14b;
}
.dx-popup-wrapper.type-sc-popup-all .button.is-success.is-outlined.btn-download-ex:hover .dx-button-text, .dx-popup-wrapper.type-sc-popup-all .button.is-success.is-outlined.btn-download-ex:focus .dx-button-text {
  color: #fff;
}

.page-stepinfo .content-box .content-box-body .stepinfo-box .stepinfo__title {
  margin-top: 113px;
  font-size: 48px;
  font-weight: 700;
  line-height: 58.45px;
  color: #222;
}
.page-stepinfo .content-box .content-box-body .stepinfo-box .stepinfo__title i {
  line-height: 1;
  vertical-align: top;
  padding-right: 10px;
}
.page-stepinfo .content-box .content-box-body .stepinfo__text {
  margin-top: 40px;
  font-size: 19px;
  font-weight: 300;
  line-height: 30px;
}
.page-stepinfo .content-box .content-box-body .buttons {
  margin-top: 40px;
  gap: 20px;
}
.page-stepinfo .content-box .content-box-body .buttons .button.btn-shortcuts {
  width: 214px;
}
.page-stepinfo .content-box .content-box-body .buttons .button.btn-reservation {
  width: 196px;
}
.page-stepinfo .content-box .content-box-body .stepinfo-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 80px;
}
.page-stepinfo .content-box .content-box-body .stepinfo-list-wrap .stepinfo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 35px;
}
.page-stepinfo .content-box .content-box-body .stepinfo-list-wrap .stepinfo-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
}
.page-stepinfo .content-box .content-box-body .stepinfo-list-wrap .stepinfo-list li .btn-chevron-right {
  margin-top: 41px;
}
.page-stepinfo .content-box .content-box-body .stepinfo-list-wrap .stepinfo-list li dl dt b {
  display: inline-block;
  margin-top: 27px;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
  color: #0d5cec;
}
.page-stepinfo .content-box .content-box-body .stepinfo-list-wrap .stepinfo-list li dl dd {
  margin-top: 16px;
  font-size: 17px;
  font-weight: 400;
  line-height: 24.7px;
  color: #7a8084;
}

.mypagelnb {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 280px;
  min-height: calc(100vh - 76px);
  height: 100%;
  padding: 30px 25px;
  background: #f8f8f8;
  border-right: 1px solid #e5e5e5;
}
.mypagelnb-info dl .mypagelnb-info__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mypagelnb-info dl .mypagelnb-info__name .img-area {
  width: 70px;
  height: 70px;
}
.mypagelnb-info dl .mypagelnb-info__name .name-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
}
.mypagelnb-info dl .mypagelnb-info__name .name-area .name {
  color: #153448;
  font-size: 19px;
  font-weight: 600;
  line-height: 24.55px;
  padding-right: 4px;
}
.mypagelnb-info dl .mypagelnb-info__name .name-area .rank {
  color: #3c5b6f;
  font-size: 15px;
  font-weight: 300;
  line-height: 19.87px;
  opacity: 0.8;
  padding-right: 4px;
}
.mypagelnb-info dl .mypagelnb-info__detail {
  padding-top: 20px;
}
.mypagelnb-info dl .mypagelnb-info__detail .group {
  color: #3c5b6f;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.mypagelnb-info dl .mypagelnb-info__detail .group + .group {
  margin-top: 4px;
}
.mypagelnb-menu {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.mypagelnb-menu .depth-area {
  padding-top: 16px;
}
.mypagelnb-menu .depth-area:first-child {
  padding-top: 0;
}
.mypagelnb-menu .depth-area .depth1 {
  padding: 10px;
}
.mypagelnb-menu .depth-area .depth1.is-active a {
  color: #0085ff;
}
.mypagelnb-menu .depth-area .depth1 a {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.mypagelnb-menu .depth-area .depth1 a:hover, .mypagelnb-menu .depth-area .depth1 a:focus {
  color: #0085ff;
}
.mypagelnb-menu .depth-area .depth2-box .depth2 {
  padding: 6px 24px;
  position: relative;
}
.mypagelnb-menu .depth-area .depth2-box .depth2.is-active a {
  color: #0085ff;
  font-weight: 500;
}
.mypagelnb-menu .depth-area .depth2-box .depth2.is-active a::before {
  background-color: #0085ff;
}
.mypagelnb-menu .depth-area .depth2-box .depth2 a::before {
  content: "";
  position: absolute;
  top: 15.5px;
  left: 12px;
  width: 4.8px;
  height: 1px;
  background-color: #888;
}
.mypagelnb-menu .depth-area .depth2-box .depth2 a:hover, .mypagelnb-menu .depth-area .depth2-box .depth2 a:focus {
  font-weight: 500;
  color: #0085ff;
}
.mypagelnb-menu .depth-area .depth2-box .depth2 a:hover::before, .mypagelnb-menu .depth-area .depth2-box .depth2 a:focus::before {
  background-color: #0085ff;
}
.mypagelnb-menu .depth-area .depth2-box .depth2 a {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: #888;
}

.page-mypagecontent .field-sel-top {
  margin-bottom: 20px;
  gap: 20px;
}
.page-mypagecontent .field-sel-top .field.is-horizontal {
  gap: 10px;
}
.page-mypagecontent .field-sel-top .field.is-horizontal .field-label {
  padding: 0;
  width: auto;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.page-mypagecontent .field-sel-top .field.is-horizontal:not(:first-child) {
  border-top: 0;
}
.page-mypagecontent .field-sel-top .field.is-horizontal .field-body {
  padding: 0;
}
.page-mypagecontent .btn-inquiry {
  font-weight: 300;
  color: #153448;
}

.list-table .status-state {
  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;
  margin: auto;
  width: 100px;
  height: 26px;
  border-radius: 4px;
  background: #f2f2f2;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.list-table .status-state .icon {
  padding-left: 10px;
}
.list-table .status-state-yellow {
  background: #fff5e0;
  color: #ffb724;
}
.list-table .status-state-blue {
  background: #e9f1ff;
  color: #246beb;
}
.list-table .status-state-red {
  background: #ffdddd;
  color: #d50136;
}
.list-table .status-state-yellowgreen {
  background: #e9ffd9;
  color: #56ca00;
}
.list-table .status-state.is-small {
  width: 70px;
}
.list-table .status-state.is-xsmall {
  width: 42px;
}

.page-mypagemain .content-box {
  padding-bottom: 30px;
}

.mymain-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
.mymain-wrap .mydata-area {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 600px;
}
.mymain-wrap .mydata-area .mydata {
  width: 100%;
  height: 162px;
  padding: 30px 25px;
  border-radius: 6px;
  color: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
          box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
  background: #3c5b6f;
}
.mymain-wrap .mydata-area .mydata-tit {
  font-size: 19px;
  font-weight: 500;
  line-height: 25px;
}
.mymain-wrap .mydata-area .mydata ul {
  padding: 20px 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mymain-wrap .mydata-area .mydata ul .mydata-info {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mymain-wrap .mydata-area .mydata ul .mydata-info + .mydata-info {
  position: relative;
}
.mymain-wrap .mydata-area .mydata ul .mydata-info + .mydata-info::before {
  content: "";
  display: block;
  position: absolute;
  top: 3.5px;
  left: 0;
  width: 1px;
  height: 50px;
  background: #fff;
}
.mymain-wrap .mydata-area .mydata ul .mydata-info__num {
  font-size: 23px;
  font-weight: 500;
  line-height: 29px;
}
.mymain-wrap .mydata-area .mydata ul .mydata-info__name {
  padding-top: 10px;
}
.mymain-wrap .mydata-area .mydata ul .mydata-info__name .icon {
  padding-right: 6px;
}
.mymain-wrap .mydata-area .mydata ul .mydata-info__name span {
  font-size: 13px;
  font-weight: 300;
  line-height: 17.54px;
}
.mymain-wrap .mydata-area .mydata-list__item {
  margin-top: 24px;
}
.mymain-wrap .mydata-area .mydata-list__item a {
  padding: 30px 25px;
  height: 92px;
  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;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}
.mymain-wrap .mydata-area .mydata-list__item a:hover {
  position: relative;
  overflow: hidden;
  border-color: #0085ff;
}
.mymain-wrap .mydata-area .mydata-list__item a:hover::after {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  background-color: #0085ff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mymain-wrap .mydata-area .mydata-list__item .item-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.mymain-wrap .mydata-area .mydata-list__item .item-tit span {
  font-size: 19px;
  font-weight: 500;
  line-height: 24.55px;
  color: #153448;
}
.mymain-wrap .mydata-area .mydata-list__item .item-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.mymain-wrap .mydata-area .mydata-list__item .item-detail .detail-num .num__name {
  padding-right: 10px;
  color: #444;
  font-size: 15px;
  font-weight: 300;
  line-height: 25.5px;
}
.mymain-wrap .mydata-area .mydata-list__item .item-detail .detail-num .num {
  color: #ff3737;
  font-size: 17px;
  font-weight: 600;
  line-height: 28px;
}
.mymain-wrap .mydata-area .mydata-list__item .item-detail .detail-num .num__txt {
  color: #153448;
  font-size: 17px;
  font-weight: 600;
  line-height: 28px;
}
.mymain-wrap .alrm-pop {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mymain-wrap .alrm-pop .alrm-cont-wrap {
  min-height: 472px;
  max-height: 612px;
}

.page-analysis .collapse-header::after {
  content: "\e90c";
  font-size: 22px;
  color: #153448;
}
.page-analysis .collapse-body-content {
  padding: 0;
  background: #fff;
}

.page-kpiview .semi-col2-box {
  width: 830px;
}
.page-kpiview .semi-col2-box > .field .field-body {
  min-width: 130px;
}
.page-kpiview .btn-open-graph:hover .icon, .page-kpiview .btn-open-graph:focus .icon {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(157deg) brightness(102%) contrast(102%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(157deg) brightness(102%) contrast(102%);
}
.page-kpiview input::-webkit-input-placeholder {
  color: #a7a7a7;
}
.page-kpiview input::-moz-placeholder {
  color: #a7a7a7;
}
.page-kpiview input:-ms-input-placeholder {
  color: #a7a7a7;
}
.page-kpiview input::-ms-input-placeholder {
  color: #a7a7a7;
}
.page-kpiview input::placeholder {
  color: #a7a7a7;
}
.page-kpiview .btn-open-pop {
  margin: 8px 0 0 9px;
}
.page-kpiview .dx-dropdowneditor-icon: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: "\e902";
  font-size: 12px;
  font-weight: 400;
}
.page-kpiview .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::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: "\e902";
  font-size: 12px;
  font-weight: 400;
}
.page-kpiview .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
  position: relative;
  text-align: left;
  max-width: 100px;
  width: 100px;
  height: 36px;
  line-height: 35px !important;
  padding: 0 23px !important;
  background: #0085ff;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 36px;
  border-radius: 4px;
}
.page-kpiview .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand.open::before {
  content: "";
  display: block;
  position: absolute;
  right: 23px;
  width: 12px;
  height: 12px;
  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;
}
.page-kpiview .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand.close::before {
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  right: 23px;
  width: 12px;
  height: 12px;
  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;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-kpiview .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
  padding: 20px 10px 0;
  background-color: #f8fafa;
}
.page-kpiview .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell .fieldset .fieldset-body {
  border-top: 1px solid #e5e5e5;
  border-bottom: 0;
}
.page-kpiview .dx-datagrid-text-content {
  width: 100%;
}
.page-kpiview .dx-datagrid-text-content .text-left,
.page-kpiview .dx-datagrid-text-content .text-center {
  width: 100%;
}
.page-kpiview .has-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.page-kpiview .flex-box .btn-open-pop {
  margin-left: 0;
}
.page-kpiview .table-wrap .type-radio-show {
  display: none;
}
.page-kpiview .table-wrap .type-radio-show.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-kpiview .graph-wrap {
  height: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.page-kpiview .graph-wrap.is-active {
  height: 200px;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.page-kpiview .graph-wrap.is-active + form .type-result-table {
  margin-top: 20px;
}
.page-kpiview .top-area__subinfo {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 200;
  line-height: 20px;
  color: #888;
}
.page-kpiview .public-search .top-area__subinfo {
  margin-top: 0;
}
.page-kpiview .fieldset.has-result-table .fieldset-header {
  padding-bottom: 15px;
}
.page-kpiview .fieldset.has-result-table + .fieldset {
  margin-top: 40px;
}
.page-kpiview .desc-wrap {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  background: #f8f8f8;
}
.page-kpiview .desc-wrap::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 58.7485515643% 88.3248730964%;
  width: 26px;
  height: 26px;
}
.page-kpiview .desc-wrap:before {
  margin-top: 2px;
}
.page-kpiview .desc-wrap .list-number {
  list-style: decimal;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}
.page-kpiview .desc-wrap .list-number b {
  font-weight: 400;
  color: #0085ff;
}
.page-kpiview .result-graph-wrap {
  margin-top: 25px;
}
.page-kpiview .result-graph__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 22.21px;
  color: #153448;
}
.page-kpiview .result-graph-box {
  padding-top: 15px;
}
.page-kpiview .result-area .result-analysis {
  margin-top: 15px;
}
.page-kpiview .result-area .result-analysis table tbody td.dx-last-cell {
  border-left: 0;
}
.page-kpiview .result-area .result-analysis-btm {
  margin-top: 40px;
}
.page-kpiview .result-area .result-analysis-btm thead th {
  color: #222;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.page-kpiview .result-area .result-analysis-btm tbody td {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.page-kpiview .institution-chart-wrap {
  position: relative;
  padding: 20px;
  background-color: #f8f8f8;
}
.page-kpiview .institution-chart-wrap .option-selector {
  width: 250px;
}
.page-kpiview .institution-chart-wrap .option-selector-wrap {
  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;
  gap: 10px;
  margin-bottom: 12px;
}
.page-kpiview .institution-chart-wrap .option-selector .dx-texteditor-input-container.dx-tag-container {
  padding: 4px 5px;
  background-color: #fff;
}
.page-kpiview .institution-chart-wrap .option-selector .dx-texteditor-input-container.dx-tag-container: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;
  font-weight: 400;
  line-height: 26px;
  margin: 0 8px 0 auto;
}
.page-kpiview .has-borderbox {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.page-kpiview .has-borderbox .cont-border-box {
  border: 1px solid #d4dff3;
  -webkit-box-shadow: 6px 4px 14px 0px rgba(238, 238, 238, 0.8);
          box-shadow: 6px 4px 14px 0px rgba(238, 238, 238, 0.8);
  border-radius: 6px;
  padding: 27px 25px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-kpiview .has-borderbox .cont-border-box .box-right {
  margin-top: 20px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-kpiview .has-borderbox .cont-border-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.page-kpiview .has-borderbox .cont-border-title span {
  font-size: 17px;
  font-weight: 600;
  line-height: 22.21px;
  color: #153448;
}
.page-kpiview .has-borderbox .cont-border-title span em {
  font-size: 15px;
  font-weight: 600;
  line-height: 19.87px;
  color: #888;
}

.popup-beforecopy .content {
  position: relative;
}
.popup-beforecopy .content .field .semi-col2-box {
  width: 570px;
}
.popup-beforecopy .content .field .semi-col2-box > .field .field-body {
  min-width: 190px;
}
.popup-beforecopy .content .help-area .btn-help {
  position: absolute;
  top: 17px;
  right: 0;
}
.popup-beforecopy .content .help-area .btn-help span {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #3c5b6f;
}
.popup-beforecopy .content .help-area.is-on .help-area__inner {
  overflow: visible;
  height: auto;
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.popup-beforecopy .content .help-area.is-on .btn-help .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 30.5202312139% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.popup-beforecopy .content .help-area .help-area__inner {
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.popup-beforecopy .content .help-area .help-area__inner .help-box {
  margin: 8px 0 12px;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
}
.popup-beforecopy .content .help-area .help-area__inner .help-box .type-color {
  font-size: 13px;
  font-weight: 400;
  line-height: 17.54px;
  color: #3c5b6f;
}
.popup-beforecopy .content .help-area .help-area__inner .help-box .type-normal {
  font-size: 13px;
  font-weight: 300;
  line-height: 17.54px;
  color: #222;
}

.public-search {
  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-top: 25px;
  padding-bottom: 15px;
}
.public-search-inner {
  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;
}
.public-search-inner .public-search__title {
  padding-bottom: 0;
}
.public-search-inner .public-search__title .label {
  color: #153448;
  font-size: 17px;
  font-weight: 500;
  line-height: 22.21px;
}
.public-search-inner .filed-direct {
  display: none;
}
.public-search-inner.is-active .filed-direct {
  display: block;
}
.public-search .total {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: #222;
}

.public-result {
  position: relative;
}
.public-result .type-sorting {
  position: absolute;
  top: -51px;
  right: 0;
  margin-bottom: 0;
}
.public-result .type-sorting .field-label {
  padding-bottom: 0;
}
.public-result .type-sorting .field-label .label {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  color: #153448;
}
.public-result .graph-wrap.is-active + .type-result-table {
  margin-top: 20px;
}
.public-result .type-result-table thead th {
  border-right: 1px solid #e5e5e5;
}
.public-result .type-result-table thead th:last-child {
  border-right: 0;
}
.public-result .type-result-table thead th:last-child.bd-right {
  border-right: 1px solid #e5e5e5;
}
.public-result .type-result-table tbody th {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border-right: 1px solid #e5e5e5;
  font-size: 13px;
  font-weight: 500;
  line-height: 17.54px;
  color: #222;
}
.public-result .type-result-table tbody td .control {
  margin: auto;
}
.public-result .type-result-table tbody.type-last {
  border-bottom: 1px solid #a7a7a7;
}
.public-result .type-result-table tbody.has-midfont td {
  font-size: 15px;
}
.public-result .type-result-table.tbl-list .table .type-wide {
  padding-left: 0;
  padding-right: 0;
}
.public-result .type-result-table.tbl-list .table tbody.has-midfont td {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.public-result .type-result-table.tbl-list .table tbody.has-midfont td input {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.public-result .type-result-table.tbl-list .table tbody td {
  color: #222;
  font-size: 13px;
  font-weight: 300;
  line-height: 17.54px;
}
.public-result .type-result-table.tbl-list .table tbody td input {
  font-size: 13px;
  font-weight: 300;
  line-height: 17.54px;
}
.public-result .type-result-table.tbl-list .table tbody td select {
  font-size: 13 300px;
  font-weight: 17.54;
  line-height: normal;
}
.public-result .type-result-table.tbl-list .table tbody tr.type-highlight td {
  background: #d1e3f0;
  font-size: 13 500px;
  font-weight: 17.54;
  line-height: normal;
}
.public-result .type-result-table.tbl-list .table tbody tr.type-bg td {
  background: #f2f2f2;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.public-result .type-result-table.tbl-list .table tbody tr:last-child td {
  border-bottom: 0;
}
.public-result .type-result-table.tbl-list .table tbody tr .bdb-0 {
  border-bottom: 0;
}
.public-result .type-result-table.tbl-list .table tfoot tr td {
  background: #3c5b6f;
  border-bottom: 1px solid #f2f2f2;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 17.54px;
}
.public-result .type-result-table + .fieldset {
  padding-top: 25px;
}

.flex-box.type-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-box .fieldset-header__info {
  color: #888;
  font-size: 13px;
  font-weight: 400;
  line-height: 17.54px;
}

.popup-addfile .fieldset-header__info .txt__point {
  color: #0085ff;
}
.popup-addfile .bd-0 {
  border: 0;
}

.page-resultmanage .dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td {
  vertical-align: middle;
}
.page-resultmanage table.table.type-auto {
  width: auto;
}
.page-resultmanage .data-detail-wrap {
  margin-top: 40px;
}
.page-resultmanage .data-detail-wrap .data-table-box .data-title {
  font-size: 17px;
  font-weight: 500;
  line-height: 22.21px;
  color: #153448;
  padding-bottom: 15px;
}
.page-resultmanage .data-detail-wrap .data-table-box .data-table .table thead th {
  color: #222;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.87px;
}
.page-resultmanage .data-detail-wrap .data-table-box .data-table .table tbody td {
  color: #222;
  font-size: 15px;
  font-weight: 300;
  line-height: 19.87px;
}
.page-resultmanage .data-detail-wrap .data-table-box .data-table .table tbody td .state-red {
  color: #ff3737;
}
.page-resultmanage .data-detail-wrap .data-table-box .data-table .table tbody td .state-blue {
  color: #0085ff;
}
.page-resultmanage .data-detail-wrap .data-table-box .data-table .table tbody .row-all td {
  background: #f2f2f2;
  font-weight: 500;
}
.page-resultmanage .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td {
  background: #e9f1ff;
}

#ratingPop {
  max-width: 100% !important;
}

.dx-icon-add {
  width: 22px;
  height: 22px;
}
.dx-icon-add: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: "\e90b";
  font-size: 18px;
  color: #ccc;
}

.dx-icon-edit:before {
  font-size: 18px;
  color: #ccc;
}

.dx-icon-trash {
  width: 22px;
  height: 22px;
}
.dx-icon-trash::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 89.0173410405% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.dx-icon-trash:before {
  margin-top: -8px;
}

.page-lost .tab-wrap {
  margin-top: 25px;
}
.page-lost .tab-wrap-info {
  margin-bottom: 15px;
  padding: 12px 20px;
  background: #f2f4f7;
  color: #3c5b6f;
  border-radius: 6px;
}
.page-lost .tab-wrap-info span {
  font-weight: 700;
}
.page-lost .tab-wrap-info .link {
  text-decoration: underline;
}
.page-lost .tab-wrap .tab-top {
  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;
}
.page-lost .tab-wrap .tab-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-lost .tab-wrap .tab-top ul .tab-index {
  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;
}
.page-lost .tab-wrap .tab-top ul .tab-index:last-child button {
  border-radius: 4px 4px 0 0;
}
.page-lost .tab-wrap .tab-top ul .tab-index button {
  width: 230px;
  height: 42px;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #f2f4f7;
  border-radius: 4px 0 0 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 22.21px;
  color: #888;
}
.page-lost .tab-wrap .tab-top ul .tab-index.is-active button {
  color: #fff;
  border: 0;
  background: #0085ff;
}
.page-lost .tab-wrap .tab-top ul .tab-index.is-active button span em {
  padding-left: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.page-lost .tab-wrap .tab-top .sub-info {
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-lost .tab-wrap .tab-top .sub-info .icon-info-o {
  margin-top: 1px;
  padding-right: 4px;
}
.page-lost .tab-wrap .tab-top .sub-info span {
  font-size: 15px;
  font-weight: 300;
  line-height: 19.87px;
  word-break: keep-all;
  word-wrap: break-word;
}
.page-lost .tab-wrap .fieldset + .buttons {
  margin: 10px 0 40px;
  position: relative;
}
.page-lost .tab-wrap .fieldset + .buttons .button-right {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-lost .tab-wrap .fieldset .no-border {
  border: none;
}
.page-lost .tab-wrap .table-wrap .table-top {
  padding-bottom: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-lost .tab-wrap .table-wrap .table-top .sub-info {
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-lost .tab-wrap .table-wrap .table-top .sub-info .icon-info-o {
  margin-top: 1px;
  padding-right: 4px;
}
.page-lost .tab-wrap .table-wrap .table-top .sub-info span {
  font-size: 15px;
  font-weight: 300;
  line-height: 19.87px;
  word-break: keep-all;
  word-wrap: break-word;
}
.page-lost .tab-wrap .table-wrap .table-top.excel-box {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-lost .tab-wrap .table-wrap .btn-download-ex:hover .icon, .page-lost .tab-wrap .table-wrap .btn-download-ex:focus .icon {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(157deg) brightness(102%) contrast(102%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(157deg) brightness(102%) contrast(102%);
}
.page-lost .tab-wrap .table thead th {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.page-lost .tab-wrap .table tbody td {
  color: #222;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.page-lost .tab-wrap .table tbody td .icon.svg-clip {
  right: 16px;
}
.page-lost .flex-box.type-gap30 {
  gap: 30px;
}

.page-flyway .content-box-wrap.type-block .content-box,
.page-notam .content-box-wrap.type-block .content-box {
  position: relative;
}
.page-flyway .flyway-header .timeflag,
.page-flyway .notam-header .timeflag,
.page-notam .flyway-header .timeflag,
.page-notam .notam-header .timeflag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 10px;
}
.page-flyway .flyway-header .timeflag-item + .timeflag-item,
.page-flyway .notam-header .timeflag-item + .timeflag-item,
.page-notam .flyway-header .timeflag-item + .timeflag-item,
.page-notam .notam-header .timeflag-item + .timeflag-item {
  margin-left: 15px;
  padding-left: 15px;
  position: relative;
}
.page-flyway .flyway-header .timeflag-item + .timeflag-item::before,
.page-flyway .notam-header .timeflag-item + .timeflag-item::before,
.page-notam .flyway-header .timeflag-item + .timeflag-item::before,
.page-notam .notam-header .timeflag-item + .timeflag-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 15px;
  background: #d4dff3;
}
.page-flyway .flyway-header .timeflag-title,
.page-flyway .notam-header .timeflag-title,
.page-notam .flyway-header .timeflag-title,
.page-notam .notam-header .timeflag-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 19.87px;
  color: #153448;
  padding-right: 8px;
}
.page-flyway .flyway-header .timeflag-item,
.page-flyway .notam-header .timeflag-item,
.page-notam .flyway-header .timeflag-item,
.page-notam .notam-header .timeflag-item {
  font-size: 15px;
  font-weight: 400;
  line-height: 17.87px;
  color: #444;
}

.page-flyway#content {
  margin-top: 10px;
}
.page-flyway .content-box-wrap.type-block .content-box-body {
  max-height: calc(100vh - 150px);
  padding: 37px 25px 25px;
  border-radius: 6px;
  border: 1px solid #d4dff3;
  -webkit-box-shadow: 6px 4px 14px 0px rgba(238, 238, 238, 0.8);
          box-shadow: 6px 4px 14px 0px rgba(238, 238, 238, 0.8);
}
.page-flyway .flyway-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-flyway .flyway-header-title {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #153448;
  font-size: 23px;
  font-weight: 700;
  line-height: 42px;
}
.page-flyway .flyway-header .timeflag {
  padding: 0;
  cursor: pointer;
}
.page-flyway .flyway-header .timeflag-title {
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
}
.page-flyway .flyway-header .timeflag-item {
  font-size: 19px;
  font-weight: 500;
  line-height: 25px;
}
.page-flyway .flyway-header .timeflag-item + .timeflag-item::before {
  top: 7px;
}
.page-flyway .flyway-header .timeflag-tooltip {
  top: 60px;
  left: auto;
  right: 0;
  border: none;
  background: rgba(255, 255, 255, 0.4);
}
.page-flyway .flyway-header .timeflag-tooltip-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-flyway .flyway-header .location-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-flyway .flyway-header .location-tabs .location-tab {
  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: 120px;
  height: 36px;
  font-size: 17px;
  font-weight: 400;
  line-height: 22.21px;
  color: #888;
}
.page-flyway .flyway-header .location-tabs .location-tab.is-active {
  color: #0085ff;
  padding-top: 2px;
  border-bottom: 2px solid #0085ff;
}
.page-flyway .flyway-header .header-utility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-flyway .flyway-header .header-utility .btn-maximise {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-flyway .flyway-cont {
  padding-top: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.page-flyway .flyway-cont .toggle-buttons {
  z-index: 1;
  position: absolute;
  top: 43px;
  left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button {
  width: 80px;
  height: 36px;
  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;
  border-top: 1px solid #153448;
  border-bottom: 1px solid #153448;
  border-left: 1px solid #153448;
  color: #153448;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.87px;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button:first-child {
  border-radius: 6px 0 0 6px;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button:first-child.is-active {
  border-left: 0;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button:last-child {
  border-radius: 0 6px 6px 0;
  border-right: 1px solid #153448;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button:last-child.is-active {
  border-right: 0;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button.is-active {
  border-top: 0;
  border-bottom: 0;
  color: #fff;
  font-weight: 500;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button.is-active.btn-start {
  background: #ff3737;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button.is-active.btn-arrive {
  background: #0085ff;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button.is-active.btn-etc {
  background: #0ba360;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button.is-active.btn-parking {
  background: #e5d0ac;
}
.page-flyway .flyway-cont .toggle-buttons .toggle-button.is-active + .is-active {
  border-left: 0;
}
.page-flyway .flyway-cont .infopop-plane {
  display: none;
  z-index: 1;
  position: absolute;
  top: 99px;
  left: 25px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 30px 25px;
  width: 410px;
  height: 503px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
          box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
}
.page-flyway .flyway-cont .infopop-plane.is-active {
  display: block;
}
.page-flyway .flyway-cont .infopop-plane-header .plane__name {
  color: #153448;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
}
.page-flyway .flyway-cont .infopop-plane-header .plane__name .btn-plane-marker {
  margin-left: 8px;
}
.page-flyway .flyway-cont .infopop-plane-header .plane__name .btn-plane-marker.is-active .icon {
  margin-top: -1px;
}
.page-flyway .flyway-cont .infopop-plane-header .plane__name .btn-plane-marker.is-active .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 100% 39.6258503401%;
  width: 28px;
  height: 29px;
}
.page-flyway .flyway-cont .infopop-plane-header .plane-inner {
  margin-top: 8px;
  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;
  height: 20px;
}
.page-flyway .flyway-cont .infopop-plane-header .plane-inner__company {
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.page-flyway .flyway-cont .infopop-plane-img {
  margin-top: 10px;
  height: 140px;
  overflow: hidden;
}
.page-flyway .flyway-cont .infopop-plane-img img {
  width: 100%;
  height: 140px;
  margin-top: 70px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-flyway .flyway-cont .infopop-plane-course {
  padding: 20px 32px 0;
  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;
}
.page-flyway .flyway-cont .infopop-plane-course .course {
  min-width: 100px;
  text-align: center;
  color: #153448;
  font-size: 21px;
  font-weight: 600;
  line-height: 30px;
}
.page-flyway .flyway-cont .infopop-plane-time {
  margin-top: 20px;
}
.page-flyway .flyway-cont .infopop-plane-time .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e5e5e5;
}
.page-flyway .flyway-cont .infopop-plane-time .info dl {
  width: 50%;
  height: 41px;
  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: 0 22.5px;
  color: #444;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}
.page-flyway .flyway-cont .infopop-plane-time .info dl dt {
  width: 45px;
  text-align: center;
}
.page-flyway .flyway-cont .infopop-plane-time .info dl dd {
  width: 70px;
  text-align: center;
}
.page-flyway .flyway-cont .infopop-plane-time .info-speed {
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.page-flyway .flyway-cont .infopop-plane .button-close {
  position: absolute;
  top: 30px;
  right: 25px;
}
.page-flyway .flyway-cont .img-wrap {
  position: relative;
  width: 100%;
  max-height: calc(100vh - 240px);
  overflow: hidden;
}
.page-flyway .flyway-cont .img-wrap .img-map {
  width: 100%;
}
.page-flyway .flyway-cont .img-wrap .img-airport {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-flyway .flyway-cont .img-wrap .marks .mark {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 0;
}
.page-flyway .flyway-cont .img-wrap .marks .mark .mark-info {
  position: absolute;
  top: -22px;
  left: -50%;
  word-break: keep-all;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  background: #ff3737;
  -webkit-transform: translateX(calc(-50% + 12px));
          transform: translateX(calc(-50% + 12px));
}
.page-flyway .flyway-cont .img-wrap .marks .mark .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff3737;
}
.page-flyway .flyway-cont .img-wrap .marks .mark-start {
  cursor: pointer;
}
.page-flyway .flyway-cont .img-wrap .marks .mark-arrive {
  cursor: pointer;
}
.page-flyway .flyway-cont .img-wrap .marks .mark-arrive .mark-info {
  background: #0085ff;
}
.page-flyway .flyway-cont .img-wrap .marks .mark-arrive .dot {
  background: #0085ff;
}
.page-flyway .flyway-cont .img-wrap .marks .mark-etc .mark-info {
  background: #0ba360;
}
.page-flyway .flyway-cont .img-wrap .marks .mark-etc .dot {
  background: #0ba360;
}
.page-flyway .flyway-cont .airport {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 320px;
}
.page-flyway .flyway-cont .airport .dl-table__dt, .page-flyway .flyway-cont .airport .dl-table__dd {
  padding: 5px 0;
}
.page-flyway .flyway-cont .airport .dl-table__dt {
  width: 120px;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.page-flyway .flyway-cont .airport .dl-table__dd {
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  background: #fff;
}
.page-flyway .flyway-cont .airport .dl-table__dd .col-1 {
  width: 120px;
  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;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.page-flyway .flyway-cont .airport .dl-table__dd .col-2 {
  width: 80px;
  text-align: center;
  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;
}
.page-flyway .flyway-info {
  width: 320px;
  position: absolute;
  bottom: 25px;
  left: 30px;
}
.page-flyway .flyway-info.tbl-list .table .tbody tr:last-child th {
  border-bottom: 1px solid #a7a7a7;
}
.page-flyway .flyway-info.tbl-list .table .tbody tr td {
  background: #fff;
}

.tab-point {
  width: 180px;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.tab-point button {
  color: #888;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.tab-point.is-active {
  padding: 10px 0 9px;
  border-bottom: 2px solid #0085ff;
}
.tab-point.is-active button {
  font-weight: 500;
  color: #0085ff;
}

.airplane-pop .modal-card-head {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.popup-airplane {
  position: relative;
}
.popup-airplane .has-innerscroll {
  height: 462px;
  overflow-y: scroll;
}
.popup-airplane .has-innerscroll::-webkit-scrollbar {
  width: 6px;
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-button {
  display: block;
  width: 6px;
  height: 6px;
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-button:-webkit-decrement:-webkit-start {
  background-color: lightblue;
  border: 2px solid black;
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-button:-webkit-increment:-webkit-start {
  background-color: lightgreen;
  border: 2px solid black;
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-button:-webkit-decrement:-webkit-end {
  background-color: orange;
  border: 2px solid black;
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-button:-webkit-increment:-webkit-end {
  background-color: brown;
  border: 2px solid black;
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-button:hover {
  background-color: black !important;
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-thumb {
  margin: 3px 0;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.9);
}
.popup-airplane .has-innerscroll::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.05);
}
.popup-airplane .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 500;
  line-height: 22.21px;
}
.popup-airplane .total .type-point {
  color: #0085ff;
  padding: 0 2px;
}
.popup-airplane .btn-download {
  position: absolute;
  top: 0;
  right: 0;
}

.page-notam .content-box {
  padding: 0;
}
.page-notam .content-box .notam-wrap {
  position: relative;
}
.page-notam .content-box .notam-cont {
  position: relative;
  overflow: hidden;
  border: 1px solid #d4dff3;
  border-radius: 6px;
}
.page-notam .content-box .notam-cont .floating-plane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-notam .content-box .notam-cont .floating-plane .plane-name {
  background: rgba(21, 52, 72, 0.8);
  padding: 2.5px 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  color: #fff;
}
.page-notam .content-box .notam-cont .floating-plane.is-active.plane-min .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 30.2555168409% 83.1058020478%;
  width: 30px;
  height: 31px;
}
.page-notam .content-box .notam-cont .floating-plane.is-active.plane-mid .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 100% 65.2249134948%;
  width: 39px;
  height: 39px;
}
.page-notam .content-box .notam-cont .floating-plane.is-active.plane-max .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 58.0985915493% 66.3732394366%;
  width: 48px;
  height: 49px;
}
.page-notam .content-box .notam-cont .floating-plane.is-active .plane-name {
  background: #fff;
  border: 1px solid #153448;
  color: #153448;
}
.page-notam .content-box .notam-cont .floating-airport {
  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: 2px;
}
.page-notam .content-box .notam-cont .floating-airport .notam-num {
  border: 1px solid #0085ff;
  color: #0085ff;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 15.2px;
  border-radius: 4px;
  padding: 2.5px 5px;
}
.page-notam .content-box .notam-cont .floating-airport .airport-name {
  padding: 1.5px 6px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 700;
  line-height: 15.2px;
}
.page-notam .content-box .notam-cont .floating-airport.is-active .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 30.8095515434% 77.147766323%;
  width: 35px;
  height: 35px;
}
.page-notam .content-box .notam-cont .floating-airport.is-active .notam-num {
  background: #0085ff;
  color: #fff;
}
.page-notam .content-box .notam-cont .floating-airport.is-active .airport-name {
  color: #fff;
  background: #153448;
}
.page-notam .content-box .notam-cont .floating-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-notam .content-box .notam-cont .floating-mark .mark-num {
  border: 1px solid #0085ff;
  color: #0085ff;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 15.2px;
  border-radius: 4px;
  padding: 2.5px 5px;
}
.page-notam .content-box .notam-cont .floating-mark .mark-name {
  padding: 1.5px 6px;
  border-radius: 4px;
  color: #153448;
  font-size: 12px;
  font-weight: 700;
  line-height: 15.2px;
}
.page-notam .content-box .notam-cont .floating-mark.mark-on .mark-num {
  background: #0085ff;
  color: #fff;
}
.page-notam .content-box .notam-cont .floating-mark.mark-on .mark-name {
  color: #fff;
  background: #153448;
}
.page-notam .content-box .notam-cont .floating-kiast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-notam .content-box .notam-cont .floating-kiast .kiast-num {
  border: 1px solid #0085ff;
  color: #0085ff;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 15.2px;
  border-radius: 4px;
  padding: 2.5px 5px;
}
.page-notam .content-box .notam-cont .floating-kiast .kiast-name {
  display: none;
  padding: 1.5px 4px;
  border-radius: 4px;
  color: #153448;
  font-size: 12px;
  font-weight: 700;
  line-height: 15.2px;
}
.page-notam .content-box .notam-cont .floating-kiast.kiast-on .kiast-num {
  background: #0085ff;
  color: #fff;
}
.page-notam .content-box .notam-cont .floating-kiast.kiast-on .kiast-name {
  display: block;
  color: #fff;
  background: #153448;
}
.page-notam .content-box .notam-cont .alert-wrap {
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-notam .content-box .notam-cont .alert {
  padding: 8px;
  min-width: 330px;
  background: #003675;
}
.page-notam .content-box .notam-cont .alert-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-notam .content-box .notam-cont .alert-text .icon {
  padding-top: 2px;
}
.page-notam .content-box .notam-cont .alert-text button {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
}
.page-notam .content-box .notam-cont .alert-close {
  top: 10px;
  right: 8px;
}
.page-notam .content-box .notam-cont .alert-close .delete {
  width: 24px;
  height: 24px;
  max-width: initial;
  max-height: initial;
  background: none;
}
.page-notam .content-box .notam-cont .alert-close .delete::before, .page-notam .content-box .notam-cont .alert-close .delete::after {
  display: none;
}
.page-notam .content-box .notam-map {
  height: calc(100vh - 190px);
  min-height: 875px;
  line-height: 0;
}
.page-notam .content-box .notam-map img {
  width: 100%;
}
.page-notam .content-box .notam-ui-left {
  position: absolute;
  top: 20px;
  left: 20px;
  max-height: calc(100% - 50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.page-notam .content-box .notam-ui-left .filter-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 10px 8.5px;
}
.page-notam .content-box .notam-ui-left .filter-search-wrap {
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.page-notam .content-box .notam-ui-left .filter-search-wrap .nodata {
  padding: 5px 10px 20px;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.page-notam .content-box .notam-ui-left .filter-search .search-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.page-notam .content-box .notam-ui-left .filter-search .search-box .input {
  padding-right: 64px;
}
.page-notam .content-box .notam-ui-left .filter-search .search-box .search-buttons {
  position: absolute;
  top: 7px;
  right: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.page-notam .content-box .notam-ui-left .filter-search .button-filter {
  width: 73px;
}
.page-notam .content-box .notam-ui-left .filter-search .button-filter:hover .icon, .page-notam .content-box .notam-ui-left .filter-search .button-filter:focus .icon {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.page-notam .content-box .notam-ui-left .filter-search .btn-del {
  display: none;
}
.page-notam .content-box .notam-ui-left .filter-search.is-active .btn-del {
  display: block;
}
.page-notam .content-box .notam-ui-left .filter-section,
.page-notam .content-box .notam-ui-left .result-section {
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.page-notam .content-box .notam-ui-left .filter-section .section-title,
.page-notam .content-box .notam-ui-left .result-section .section-title {
  font-size: 21px;
  font-weight: 500;
  line-height: 27px;
  color: #153448;
}
.page-notam .content-box .notam-ui-left.is-filter-section-active .filter-section {
  display: block;
}
.page-notam .content-box .notam-ui-left .filter-section {
  padding: 15px 20px 30px;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form {
  margin-top: 15px;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .fieldset {
  padding: 15px 0 5px;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .fieldset:first-child {
  border-top: 1px solid #a7a7a7;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .fieldset:last-child {
  border-bottom: 1px solid #a7a7a7;
  padding-bottom: 10px;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .fieldset + .fieldset {
  border-top: 1px solid #e5e5e5;
  margin-top: 0;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .fieldset-header {
  padding-bottom: 0;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .fieldset-body {
  border: none;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .fieldset.notam-area .field.is-horizontal {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .field.is-horizontal {
  min-height: 36px;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .field.is-horizontal:not(:first-child) {
  border-top: none;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .field-label {
  padding: 10px 15px 10px 0;
  min-height: 36px;
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .field-body {
  padding: 10px 0;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .field + .field .field-label {
  padding-top: 0;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .field + .field .field-body {
  padding-top: 0;
}
.page-notam .content-box .notam-ui-left .filter-section .section-form .field.has-only .field-body {
  padding: 12px 0 10px;
}
.page-notam .content-box .notam-ui-left .filter-section .section-buttons {
  margin-top: 20px;
}
.page-notam .content-box .notam-ui-left .filter-section .section-buttons .button {
  width: 89px;
}
.page-notam .content-box .notam-ui-left .filter-section .fieldset.notam-area .fieldset-header {
  padding-bottom: 2px;
}
.page-notam .content-box .notam-ui-left .filter-section .field .flex-box.type-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-notam .content-box .notam-ui-left .filter-section .field .checkbox.type-contain {
  margin-right: 0;
}
.page-notam .content-box .notam-ui-left .filter-section .field .checkbox.type-contain label {
  padding-left: 0;
  border: 1px solid #cccccc;
  border-radius: 4px;
  width: 26px;
  height: 26px;
  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;
  color: #888;
  font-size: 13px;
  font-weight: 400;
  line-height: 17.54px;
}
.page-notam .content-box .notam-ui-left .filter-section .field .checkbox.type-contain label::before {
  display: none;
}
.page-notam .content-box .notam-ui-left .filter-section .field .checkbox.type-contain input:checked + label {
  border-color: #153448;
  color: #153448;
  font-size: 13px;
  font-weight: 400;
  line-height: 17.54px;
}
.page-notam .content-box .notam-ui-left .filter-section .field.field-airspace .field-body {
  margin-top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-notam .content-box .notam-ui-left .filter-section .field.field-airspace .field-body .checkbox {
  margin-top: 20px;
  margin-right: 0;
  width: 33.33%;
}
.page-notam .content-box .notam-ui-left .infopop-plane {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  padding: 30px 25px;
  width: 410px;
  height: 503px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
          box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
}
.page-notam .content-box .notam-ui-left .infopop-plane.is-active {
  display: block;
}
.page-notam .content-box .notam-ui-left .infopop-plane-header .plane__name {
  color: #153448;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
}
.page-notam .content-box .notam-ui-left .infopop-plane-header .plane__name .btn-plane-marker {
  margin-left: 8px;
}
.page-notam .content-box .notam-ui-left .infopop-plane-header .plane__name .btn-plane-marker.is-active .icon {
  margin-top: -1px;
}
.page-notam .content-box .notam-ui-left .infopop-plane-header .plane__name .btn-plane-marker.is-active .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 100% 39.6258503401%;
  width: 28px;
  height: 29px;
}
.page-notam .content-box .notam-ui-left .infopop-plane-header .plane-inner {
  margin-top: 8px;
  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;
  height: 20px;
}
.page-notam .content-box .notam-ui-left .infopop-plane-header .plane-inner__company {
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.page-notam .content-box .notam-ui-left .infopop-plane-img {
  margin-top: 10px;
  height: 140px;
  overflow: hidden;
}
.page-notam .content-box .notam-ui-left .infopop-plane-img img {
  width: 100%;
  height: 140px;
  margin-top: 70px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-notam .content-box .notam-ui-left .infopop-plane-course {
  padding: 20px 32px 0;
  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;
}
.page-notam .content-box .notam-ui-left .infopop-plane-course .course {
  min-width: 100px;
  text-align: center;
  color: #153448;
  font-size: 21px;
  font-weight: 600;
  line-height: 30px;
}
.page-notam .content-box .notam-ui-left .infopop-plane-time {
  margin-top: 20px;
}
.page-notam .content-box .notam-ui-left .infopop-plane-time .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e5e5e5;
}
.page-notam .content-box .notam-ui-left .infopop-plane-time .info dl {
  width: 50%;
  height: 41px;
  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: 0 22.5px;
  color: #444;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}
.page-notam .content-box .notam-ui-left .infopop-plane-time .info dl dt {
  width: 45px;
  text-align: center;
}
.page-notam .content-box .notam-ui-left .infopop-plane-time .info dl dd {
  width: 70px;
  text-align: center;
}
.page-notam .content-box .notam-ui-left .infopop-plane-time .info-speed {
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.page-notam .content-box .notam-ui-left .infopop-plane .button-close {
  position: absolute;
  top: 30px;
  right: 25px;
}
.page-notam .content-box .notam-ui-right {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-notam .content-box .notam-ui-right .infolist-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}
.page-notam .content-box .notam-ui-right .infolist-wrap.is-active .section-wrap {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 480px;
  opacity: 1;
}
.page-notam .content-box .notam-ui-right .infolist-wrap.is-active .infolist-button .icon {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.page-notam .content-box .notam-ui-right .infolist-wrap .timeflag {
  width: 280px;
  position: absolute;
  top: 20px;
  left: -310px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 0;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(238, 238, 238, 0.4);
}
.page-notam .content-box .notam-ui-right .infolist-wrap .timeflag-item + .timeflag-item {
  margin-left: 15px;
  padding-left: 15px;
  position: relative;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .timeflag-item + .timeflag-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 15px;
  background: #d4dff3;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .timeflag-title {
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
  color: #153448;
  padding-right: 8px;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .timeflag-time {
  color: #444;
  font-size: 19px;
  font-weight: 500;
  line-height: 25px;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .timeflag-item {
  font-size: 15px;
  font-weight: 400;
  line-height: 17.87px;
  color: #444;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .timeflag .tooltip-txt {
  width: 264px;
  top: 50px;
  padding: 8px 0;
  -webkit-transform: translateX(calc(-100% - 5px));
          transform: translateX(calc(-100% - 5px));
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(238, 238, 238, 0.4);
}
.page-notam .content-box .notam-ui-right .infolist-wrap .timeflag .tooltip-txt .flex-box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap {
  width: 0;
  opacity: 0;
  height: 100%;
  position: relative;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap > section {
  width: 100%;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap > section h3 {
  padding: 30px 20px 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 27px;
  color: #153448;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap .infolist-section.type-history .infolist-buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap .infolist-section.type-history .infolist-buttons-all {
  margin: 20px 0 10px;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap .infolist-section.type-history .infolist-buttons .count-all {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  margin-right: auto;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap .infolist-section.type-history .infolist-buttons .count-all em {
  color: #0085ff;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap.is-active {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 500px;
  opacity: 1;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap-map .section-form-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap-map .section-form-wrap::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap-map .section-form-wrap::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap-map .section-form-wrap + .buttons {
  padding: 20px 0;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .section-wrap-map .section-form-wrap + .buttons .button {
  width: 100px;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .button-area {
  margin-top: 20px;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .button-area .col-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 40px;
  padding: 1px 0;
  background: rgba(21, 52, 72, 0.8980392157);
  border-radius: 4px 0 0 4px;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .button-area .col-box button {
  padding: 10px 8px;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .button-area .col-box + .col-box {
  margin-top: 16px;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .button-area .col-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 45px;
  left: 10px;
  width: 20px;
  height: 1px;
  border: 1px solid #3c5b6f;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .button-area .col-box::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 45px;
  left: 10px;
  width: 20px;
  height: 1px;
  border: 1px solid #3c5b6f;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .button-area .col-box:first-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 33%;
  left: 10px;
  width: 20px;
  height: 1px;
  border: 1px solid #3c5b6f;
}
.page-notam .content-box .notam-ui-right .infolist-wrap .button-area .col-box:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: 66%;
  left: 10px;
  width: 20px;
  height: 1px;
  border: 1px solid #3c5b6f;
}
.page-notam .content-box .notam-ui-right .infolist-button {
  z-index: 2;
  background: #fff;
  padding: 7px;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
          box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
}
.page-notam .content-box .notam-ui-right .infolist-button .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-notam .content-box .notam-ui-right .infolist-airport-name {
  padding: 0 20px;
}
.page-notam .content-box .notam-ui-right .infolist-airport-name button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-notam .content-box .notam-ui-right .infolist-airport-name button span {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
}
.page-notam .content-box .notam-ui-right .infolist-section-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
}
.page-notam .content-box .notam-ui-right .infolist-section-tabs .button-tab {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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: 4px;
  height: 42px;
  border-bottom: 1px solid #cccccc;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.page-notam .content-box .notam-ui-right .infolist-section-tabs .button-tab.is-on {
  border-bottom: 1px solid #0085ff;
  color: #0085ff;
}
.page-notam .content-box .notam-ui-right .infolist-section-tabs .button-tab .tooltip-txt {
  top: 60px;
  left: auto;
  right: 0;
  color: #444;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.page-notam .content-box .notam-ui-right .infolist-section-tabs .button-tab .tooltip-txt-top {
  color: #222;
  padding-bottom: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.page-notam .content-box .notam-ui-right .infolist-section-searchbar {
  padding: 20px 20px 15px;
}
.page-notam .content-box .notam-ui-right .infolist-section-searchbar .notam-search {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-notam .content-box .notam-ui-right .infolist-section-searchbar .notam-search .input {
  padding-right: 72px;
}
.page-notam .content-box .notam-ui-right .infolist-section-searchbar .notam-search .search-buttons {
  position: absolute;
  top: 6px;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 60px;
}
.page-notam .content-box .notam-ui-right .infolist-section-searchbar .notam-search .search-buttons .btn-del {
  display: none;
}
.page-notam .content-box .notam-ui-right .infolist-section-searchbar .notam-search.is-active .search-buttons .btn-del {
  display: block;
}
.page-notam .content-box .notam-ui-right .infolist-section-searchbar .history-button {
  width: 36px;
  height: 36px;
  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;
}
.page-notam .content-box .notam-ui-right .infolist-section-inner {
  overflow-x: hidden;
  overflow-y: auto;
}
.page-notam .content-box .notam-ui-right .infolist-section-inner::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-notam .content-box .notam-ui-right .infolist-section-inner::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-notam .content-box .notam-ui-right .infolist-section .fold {
  display: none;
  padding-top: 16px;
}
.page-notam .content-box .notam-ui-right .infolist-section .fold-area {
  padding-bottom: 16px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.page-notam .content-box .notam-ui-right .infolist-section .fold-area + .fieldset {
  margin-top: 16px;
}
.page-notam .content-box .notam-ui-right .infolist-section .fold-area.is-active .fold {
  display: block;
}
.page-notam .content-box .notam-ui-right .infolist-section .fold-area.is-active .fold-btn .icon::before {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.page-notam .content-box .notam-ui-right .infolist-section .fold-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -28px;
  right: 0;
  color: #153448;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.page-notam .content-box .notam-ui-right .infolist-section .fold-btn .icon::before {
  margin-top: 0;
}
.page-notam .content-box .notam-ui-right .infolist-section .fold .fieldset {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e5e5e5;
}
.page-notam .content-box .notam-ui-right .infolist-section .fold .fieldset:first-child {
  margin-top: 0 !important;
}
.page-notam .content-box .notam-ui-right .infolist-buttons {
  padding: 0 20px;
}
.page-notam .content-box .notam-ui-right .infolist-buttons .button {
  width: 80px;
}
.page-notam .content-box .notam-ui-right .infolist-buttons .button.type-sorting {
  border: 1px solid #ccc;
  color: #888;
}
.page-notam .content-box .notam-ui-right .infolist-buttons .button.type-sorting.is-on {
  border-color: #153448;
  color: #153448;
}
.page-notam .content-box .notam-ui-right .infolist-buttons .btn-download {
  margin-left: auto;
}
.page-notam .content-box .notam-ui-right .infolist-summary {
  margin: 20px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-notam .content-box .notam-ui-right .infolist-summary .count-all {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  margin-right: auto;
}
.page-notam .content-box .notam-ui-right .infolist-summary em {
  color: #0085ff;
}
.page-notam .content-box .notam-ui-right .infolist-area {
  width: 480px;
  margin-top: 10px;
  padding: 0 20px 20px;
}
.page-notam .content-box .notam-ui-right .infolist-area.no-scroll {
  overflow-y: visible;
}
.page-notam .content-box .notam-ui-right .infolist {
  width: 440px;
}
.page-notam .content-box .notam-ui-right .infolist-item {
  position: relative;
}
.page-notam .content-box .notam-ui-right .infolist-item:not(:first-child) {
  margin-top: 12px;
}
.page-notam .content-box .notam-ui-right .infolist-item-inner {
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 0 20px;
}
.page-notam .content-box .notam-ui-right .infolist-item.is-active .infolist-item-inner {
  background: #e9f1ff;
  border: 1px solid #d4dff3;
}
.page-notam .content-box .notam-ui-right .infolist-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0 12px;
  border-bottom: 1px solid #e5e5e5;
}
.page-notam .content-box .notam-ui-right .infolist-item-top .issue-time,
.page-notam .content-box .notam-ui-right .infolist-item-top .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.page-notam .content-box .notam-ui-right .infolist-item-top .issue-time__title,
.page-notam .content-box .notam-ui-right .infolist-item-top .location__title {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #444;
}
.page-notam .content-box .notam-ui-right .infolist-item-top .issue-time__cont {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #222;
}
.page-notam .content-box .notam-ui-right .infolist-item-bottom {
  padding: 12px 0 15px;
}
.page-notam .content-box .notam-ui-right .infolist-item-bottom dl {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-notam .content-box .notam-ui-right .infolist-item-bottom dl:not(:first-child) {
  padding-top: 8px;
}
.page-notam .content-box .notam-ui-right .infolist-item-bottom dl dt {
  position: relative;
  width: 90px;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #444;
}
.page-notam .content-box .notam-ui-right .infolist-item-bottom dl dt::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #999;
}
.page-notam .content-box .notam-ui-right .infolist-item-bottom dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  color: #222;
}
.page-notam .content-box .notam-ui-right .infolist-item .location {
  position: absolute;
  top: 15px;
  right: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  color: #444;
  max-width: 192px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.page-notam .content-box .notam-ui-right .infolist-item .location__cont {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.page-notam .content-box .notam-ui-right .infolist-back {
  padding: 0 20px 20px;
}
.page-notam .content-box .notam-ui-right .infolist-back button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.page-notam .content-box .notam-ui-right .infolist-back button span {
  color: #153448;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.page-notam .content-box .notam-ui-right .section-wrap > section {
  position: relative;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  z-index: 1;
  background: #fff;
  -webkit-box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
          box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
}
.page-notam .content-box .notam-ui-right .section-wrap > section-title {
  padding: 40px 20px 20px;
  font-size: 21px;
  font-weight: 500;
  line-height: 27px;
  color: #153448;
}
.page-notam .content-box .notam-ui-right .section-wrap > section .button-close-section {
  position: absolute;
  top: 30px;
  right: 20px;
}
.page-notam .content-box .notam-ui-right .section-form {
  width: 480px;
  padding: 0 20px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-header {
  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;
  padding-bottom: 15px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-header__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-header.type-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a7a7a7;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body {
  border: 0;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field.is-horizontal {
  min-height: 36px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field-label {
  padding: 0;
  min-height: 36px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field-body {
  padding: 0;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field-body .flex-box.type-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field-body .has-location .checkbox.type-contain label {
  text-align: center;
  width: 80px;
  line-height: 26px !important;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field-body .checkbox.type-contain {
  margin-right: 0;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field-body .checkbox.type-contain label {
  padding-left: 0;
  border: 1px solid #cccccc;
  border-radius: 4px;
  width: 60px;
  height: 26px;
  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;
  color: #888;
  font-size: 13px;
  font-weight: 400;
  line-height: 17.54px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field-body .checkbox.type-contain label::before {
  display: none;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field-body .checkbox.type-contain input:checked + label {
  border-color: #153448;
  color: #153448;
  font-size: 13px;
  font-weight: 400;
  line-height: 17.54px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .field + .field {
  border-top: 0;
  padding-top: 10px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset-body .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: #222;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset:first-child {
  margin-top: 10px;
}
.page-notam .content-box .notam-ui-right .section-form .fieldset + .fieldset {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e5e5e5;
}
.page-notam .content-box .notam-ui-right .section-form form + .buttons {
  margin-top: 20px;
}
.page-notam .content-box .notam-ui-right .section-form form + .buttons .button {
  width: 89px;
}
.page-notam .content-box .notam-ui-right .section-form .danger {
  margin-top: 20px;
  color: #ff3737;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}
.page-notam .content-box .notam-ui-right .infopop-wrap {
  height: 100%;
  position: relative;
  margin-right: 10px;
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
.page-notam .content-box .notam-ui-right .infopop-plane {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 10px;
  position: relative;
  padding: 30px 25px;
  width: 410px;
  height: 503px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
          box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
}
.page-notam .content-box .notam-ui-right .infopop-plane.is-active {
  display: block;
}
.page-notam .content-box .notam-ui-right .infopop-plane-header .plane__name {
  color: #153448;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
}
.page-notam .content-box .notam-ui-right .infopop-plane-header .plane-inner {
  margin-top: 8px;
  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;
  height: 20px;
}
.page-notam .content-box .notam-ui-right .infopop-plane-header .plane-inner__company {
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.page-notam .content-box .notam-ui-right .infopop-plane-img {
  margin-top: 10px;
  height: 140px;
  overflow: hidden;
}
.page-notam .content-box .notam-ui-right .infopop-plane-img img {
  width: 100%;
  height: 140px;
  margin-top: 70px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-notam .content-box .notam-ui-right .infopop-plane-course {
  padding: 20px 32px 0;
  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;
}
.page-notam .content-box .notam-ui-right .infopop-plane-course .course {
  min-width: 100px;
  text-align: center;
  color: #153448;
  font-size: 21px;
  font-weight: 600;
  line-height: 30px;
}
.page-notam .content-box .notam-ui-right .infopop-plane-time {
  margin-top: 20px;
}
.page-notam .content-box .notam-ui-right .infopop-plane-time .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e5e5e5;
}
.page-notam .content-box .notam-ui-right .infopop-plane-time .info dl {
  width: 50%;
  height: 41px;
  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: 0 22.5px;
  color: #444;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}
.page-notam .content-box .notam-ui-right .infopop-plane-time .info dl dt {
  width: 45px;
  text-align: center;
}
.page-notam .content-box .notam-ui-right .infopop-plane-time .info dl dd {
  width: 70px;
  text-align: center;
}
.page-notam .content-box .notam-ui-right .infopop-plane-time .info-speed {
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.page-notam .content-box .notam-ui-right .infopop-plane .button-close {
  position: absolute;
  top: 30px;
  right: 25px;
}
.page-notam .content-box .notam-ui-right .infopop-notam {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  width: 0;
  background: #fff;
  margin-top: auto;
  max-height: 457px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
          box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
  opacity: 0;
  left: 0;
}
.page-notam .content-box .notam-ui-right .infopop-notam.is-active {
  bottom: 457px;
  left: -460px;
  width: 410px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
          box-shadow: 0px 4px 4px 0px rgba(21, 52, 72, 0.031372549);
}
.page-notam .content-box .notam-ui-right .infopop-notam-header {
  padding: 30px 25px;
  color: #153448;
  font-size: 21px;
  font-weight: 500;
  line-height: 27px;
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont {
  padding: 0 25px;
  overflow-x: hidden;
  overflow-y: auto;
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont-inner {
  width: 360px;
  border-top: 1px solid #a7a7a7;
  padding: 8px 10px 30px;
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont-inner .notam-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 34px;
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont-inner .notam-number span {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  line-height: 34px;
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont-inner .notam-text {
  margin-top: 8px;
  color: #444;
  font-size: 12px;
  font-weight: 200;
  line-height: 19px;
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont-inner .notam-table {
  margin-top: 20px;
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont-inner .notam-table .table thead th {
  text-align: center;
}
.page-notam .content-box .notam-ui-right .infopop-notam-cont-inner .notam-table .table tbody tr td:first-child {
  text-align: center;
  word-break: keep-all;
}
.page-notam .content-box .notam-ui-right .infopop-notam .button-close {
  position: absolute;
  top: 31px;
  right: 25px;
}
.page-notam .content-box .notam-ui-right .location-section {
  position: absolute;
  top: 0;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  z-index: 1;
  background: #fff;
  -webkit-box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
          box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
}
.page-notam .content-box .notam-ui-right .type-contain[data-text] {
  position: relative;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.page-notam .content-box .notam-ui-right .type-contain[data-text]:hover:after {
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 28px;
  left: -15px;
  width: 130px;
  height: auto;
  padding: 10px 10px 5px 10px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: #222;
  background-color: #fff;
  z-index: 999999;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
}
.page-notam .content-box .notam-ui-right .type-contain label {
  display: inline-block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 26px !important;
  text-align: center !important;
  padding: 0 5px !important;
}
.page-notam .content-box .notam-ui-right .has-location .type-contain[data-text]:hover:after {
  width: 100px;
}
.page-notam .content-box .notam-ui .button.is-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.page-notam .content-box .notam-ui .location-section {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-notam .content-box .notam-ui .location-section .filter-button {
  color: #153448;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.page-notam .content-box .notam-ui .location-section .filter-button i::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.page-notam .content-box .notam-ui .location-section .filter-button-area {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-notam .content-box .notam-ui .location-section .filter-button-area.is-active i::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-notam .content-box .notam-ui .location-section .filter-section {
  display: none;
  padding: 10px 20px 0;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form {
  padding: 20px 20px 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form {
  padding-bottom: 20px;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form .fieldset + .fieldset {
  margin-top: 12px;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form .fieldset-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: none;
  height: 36px;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form .fieldset-body .field.is-horizontal {
  min-height: auto;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form .fieldset-body .field.is-horizontal.has-only {
  width: 100%;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form .fieldset-body .field.is-horizontal:not(:first-child) {
  border: none;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form .fieldset-body .field.is-horizontal .field-label {
  padding: 0;
  width: 70px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form .fieldset-body .field.is-horizontal .field-label label {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form .fieldset-body .field.is-horizontal .field-label label::before {
  margin-right: 2px;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form form .fieldset-body .field.is-horizontal .field-body {
  padding: 0;
}
.page-notam .content-box .notam-ui .location-section .filter-section .section-form .buttons .button {
  width: 100px;
}
.page-notam .content-box .notam-ui .location-section .filter-section.is-active {
  display: block;
}
.page-notam .content-box .notam-ui .location-section .count-all {
  padding: 20px 20px 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.page-notam .content-box .notam-ui .location-section .count-all em {
  color: #0085ff;
}
.page-notam .content-box .notam-ui .location-section .location-section-table {
  padding: 0 20px;
  max-height: calc(100% - 140px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.page-notam .content-box .notam-ui .location-section .location-section-table::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-notam .content-box .notam-ui .location-section .location-section-table::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-notam .content-box .notam-ui .location-section .location-section-table table th,
.page-notam .content-box .notam-ui .location-section .location-section-table table td {
  text-align: center;
}
.page-notam .content-box .notam-ui .location-section .location-section-table table td {
  font-size: 13px;
  font-weight: 300;
  line-height: 17.54px;
}
.page-notam .content-box .notam-ui .location-section .location-section-cont {
  width: 460px;
}
.page-notam .content-box .notam-ui .location-section .location-section-cont tr {
  cursor: pointer;
}

.type-sc-popup-all .dx-toolbar-center {
  position: absolute;
  right: 0;
}
.type-sc-popup-all .dx-toolbar-center .select {
  height: 42px;
}
.type-sc-popup-all .dx-toolbar-center .select .dx-selectbox {
  width: 200px;
  height: 42px;
}
.type-sc-popup-all .dx-toolbar-center .select .dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: none;
}
.type-sc-popup-all .dx-toolbar-center .select .dx-dropdowneditor-icon::before {
  content: none;
}

.dx-popup-wrapper.type-sc-popup-all .dx-toolbar-button.button {
  padding: 0 10px;
  border: 0;
}
.dx-popup-wrapper.type-sc-popup-all .dx-toolbar-button.button .dx-button-text {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 19px;
}
.dx-popup-wrapper.type-sc-popup-all .dx-button-has-icon.dx-button-has-text .dx-icon {
  width: 24px;
  height: 24px;
}

.sc-form-register .dx-radiogroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}
.sc-form-register .dx-radiogroup .dx-checkbox {
  margin-bottom: 0;
}

.excel-download .management .mrmber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
}
.excel-download .management .radio-list {
  padding: 16px 0 8px;
}
.excel-download .management .radio-list .radio {
  margin-right: 42px;
}

.page-power .buttons .btn-download-ex:hover .icon, .page-power .buttons .btn-download-ex:focus .icon {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(157deg) brightness(102%) contrast(102%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(157deg) brightness(102%) contrast(102%);
}
.page-power .public-result-wrap {
  padding: 25px;
  border-radius: 6px;
  border: 1px solid #d4dff3;
  -webkit-box-shadow: 6px 4px 14px 0px rgba(238, 238, 238, 0.8);
          box-shadow: 6px 4px 14px 0px rgba(238, 238, 238, 0.8);
}
.page-power table tr:hover {
  background: #e9f1ff;
}

.page-login#content {
  margin-top: 0;
}
.page-login .login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
}
.page-login .login-left {
  padding: 0 20px;
  min-width: 620px;
  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;
  min-width: 580px;
  max-width: 50%;
  width: 82vh;
  min-height: 100vh;
  background: url(../img/bg-login.jpg) 0 0 no-repeat;
  background-size: auto 100%;
}
.page-login .login-left-inner {
  text-align: center;
  color: #fff;
}
.page-login .login-left-inner .catchphrase-sm {
  font-size: 42px;
  font-weight: 300;
  line-height: 52px;
}
.page-login .login-left-inner .catchphrase-big {
  padding-top: 20px;
  font-size: 78px;
  font-weight: 700;
  line-height: 94px;
}
.page-login .login-left-inner .catchphrase-hightlight {
  margin-top: 40px;
  background: #153448;
  padding: 0 10px;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
}
.page-login .login-left-inner .catchphrase-hightlight b {
  font-weight: 700;
}
.page-login .login-right {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px;
}
.page-login .login-right-inner {
  width: 480px;
  height: 713px;
}
.page-login .login-right-inner .title {
  text-align: center;
}
.page-login .login-right-inner .title-name {
  margin-top: 40px;
  color: #222;
  font-size: 38px;
  font-weight: 700;
  line-height: 47px;
}
.page-login .login-right-inner .title-info {
  margin-top: 16px;
  color: #444;
  font-size: 19px;
  font-weight: 300;
  line-height: 30px;
}
.page-login .login-right-inner .fieldset-body {
  border: 0;
  margin-top: 60px;
}
.page-login .login-right-inner .fieldset .field {
  margin-bottom: 20px;
}
.page-login .login-right-inner .fieldset .field-label {
  color: #444;
  padding-bottom: 8px;
}
.page-login .login-right-inner .fieldset .field-body .control input {
  height: 45px;
}
.page-login .login-right-inner .fieldset .field:last-child {
  margin-bottom: 0;
}
.page-login .login-right-inner .button {
  margin-top: 40px;
}
.page-login .login-right-inner .info {
  margin-top: 40px;
  padding: 25px 0;
  height: 92px;
  text-align: center;
  border-radius: 4px;
  background: #f7f9fb;
  color: #444;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
}
.page-login .login-right-inner .info b {
  color: #0085ff;
  font-weight: 600;
}

.page-askmerge.type-b .list-summary__point {
  font-weight: 700;
}
.page-askmerge.type-b .tbl-list .table {
  border-top: 0;
}
.page-askmerge.type-b .table th {
  border-bottom: 0;
}
.page-askmerge.type-b .field .label {
  padding-bottom: 7px;
  font-weight: 600;
  font-size: 17px;
}
.page-askmerge.type-b .field:not(:last-child) {
  margin-bottom: 10px;
}
.page-askmerge.type-b .field.has-addons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-askmerge.type-b .field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.page-askmerge.type-b .field.has-addons .control .input {
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.page-askmerge.type-b .field.has-addons .control .button {
  border-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.page-askmerge.type-b .field.is-vertical {
  margin-bottom: 24px;
}
.page-askmerge.type-b .field .type-text {
  padding-left: 12px;
}
.page-askmerge.type-b .list-search-type.type-full .has-addons {
  width: 100%;
}
.page-askmerge.type-b .list-search-type.type-full .list-search .search-text {
  width: 100%;
}
.page-askmerge.type-b .list-search-type.type-full .control.search-text {
  width: 100%;
}
.page-askmerge.type-b .list-search-type.type-full form {
  width: 100%;
}
.page-askmerge.type-b .list-search-type.type-full .search-text .input {
  width: 100%;
  border-radius: 0;
  border-left: 0;
  border-top: 0;
}
.page-askmerge.type-b .list-search-type.type-full .control button {
  border-right: 0;
  border-top: 0;
  border-radius: 0;
}
.page-askmerge.type-b .list-search-type.type-full button.search-button {
  border-radius: 0 !important;
}
.page-askmerge.type-b .data-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.page-askmerge.type-b .data-box .data-thumb {
  padding: 10px 0;
}
.page-askmerge.type-b .data-box .data-thumb .icon {
  display: block;
  width: 42px;
  height: 42px;
  font-size: 0;
}
.page-askmerge.type-b .data-box .txt-right {
  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;
}
.page-askmerge.type-b .data-box .txt-right .txt-data-link {
  color: #0085ff;
}
.page-askmerge.type-b .data-box .txt-right p {
  font-size: 13px;
  font-weight: 300;
  color: #222;
}
.page-askmerge.type-b .fieldset-body {
  border-bottom: 0;
  padding: 16px 10px 0;
}
.page-askmerge.type-b .field .upload-area {
  padding: 0;
  border: none;
}
.page-askmerge.type-b .field .upload-area .file-control-box {
  padding: 0;
}
.page-askmerge.detail .fieldset-body {
  border-bottom: 0;
}

.popup-worktransfer.type-b .fieldset-body {
  padding-top: 16px;
  padding-bottom: 16px;
}
.popup-worktransfer.type-b .fieldset-body .field-label {
  padding-bottom: 12px;
}
.popup-worktransfer.type-b .fieldset-body .tit-box {
  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-bottom: 12px;
}
.popup-worktransfer.type-b .fieldset-body .tit-box .field-label {
  padding-bottom: 0;
}
.popup-worktransfer.type-b .field:not(:last-child) {
  margin-bottom: 20px;
}

.popup-workFind.type-b .dx-scrollable {
  max-height: 260px;
}
.popup-workFind.type-b .fieldset-body {
  padding-top: 16px;
}
.popup-workFind.type-b .align-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.popup-workFind.type-b .align-box .field {
  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;
  margin: 0 !important;
}
.popup-workFind.type-b .align-box .dx-bordered-bottom-view tr td:not(.dx-command-select) {
  text-align: left !important;
}
.popup-workFind.type-b .align-box .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-workFind.type-b .align-box .arrow button {
  display: block;
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 45px;
  background: #cdcdcd;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.popup-workFind.type-b .align-box .arrow button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  margin-left: 1px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 11px solid #fff;
  border-radius: 4px;
  content: "";
}
.popup-workFind.type-b .align-box .arrow button:hover {
  background: #0085ff;
}

.popup-regi .fiedlset {
  margin: 15px 10px 0 10px;
  border-top: 1px solid #e5e5e5;
}
.popup-regi .field-label.df label {
  margin-bottom: 0;
}
.popup-regi .fieldset-body {
  padding-top: 0 !important;
  padding-left: 10px;
  border-bottom: 0;
  border-top: 0;
  padding-bottom: 0 !important;
}
.popup-regi .fieldset-body .field {
  border: 0;
  min-height: auto;
}
.popup-regi .fieldset-body .field-body {
  padding: 5px 10px 5px 0;
}
.popup-regi .check-required {
  margin-left: auto;
}
.popup-regi .file-save .file-save-list-item .name {
  max-width: 300px !important;
}
.popup-regi button.btn-help {
  margin: 0 10px 0 0;
}

.popup-workSearch .list-search {
  margin: 0 0 0 20px !important;
}
.popup-workSearch .list-search input {
  height: 36px;
}

.page-add-person .field-body.add-person {
  padding-bottom: 16px;
}

.add-person {
  font-size: 0;
}
.add-person .add-person-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-height: 42px;
  margin-right: 10px;
  border-radius: 8px;
  border: 1px solid #ccc;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px 0 0 0;
}
.add-person .add-person-box input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.add-person .add-person-box span.tag {
  border: 1px solid #ccc;
}
.add-person .add-person-box ~ * ~ * {
  margin-left: 10px;
}
.add-person button + button {
  margin-left: 10px;
}
.add-person .box-tags {
  margin-top: 0;
}

.add-form-before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.add-form-before button {
  font-size: 0;
}

.regi-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.regi-data input {
  border: 0;
  background: none;
}
.regi-data .ico {
  margin-right: 12px;
}

.df {
  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;
}
.df.list-top {
  margin-bottom: 12px;
}
.df.list-top .label {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0;
  padding: 0;
}
.df.list-top .align-horizon-box button + button {
  margin-left: 10px;
}

.content-box-search .search-result-conts article[style*="display: none"] + article {
  margin: 20px 0 0 0;
}
.content-box-search .search-result__header {
  min-height: 36px !important;
}

.data-category ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 111px;
  height: 36px;
}
.data-category ul li button {
  background: #f3f4f6 !important;
  border-radius: 8px;
  border: none !important;
  font-size: 15px;
  height: 36px;
  padding: 0 !important;
  color: #888 !important;
}
.data-category ul li button::after {
  display: none;
}
.data-category ul li button::before {
  display: none;
}
.data-category ul li button i.icon {
  margin-left: 0 !important;
  margin-right: 3px !important;
}
.data-category ul li.is-active button::before {
  display: none !important;
}
.data-category ul li.is-active button {
  background: #3c5b6f !important;
  color: #fff !important;
}
.data-category ul li.is-active.l01 button .icon.svg-ico-upload-file01::before {
  background: url(../img/svg/ico-upload-file01-active.svg);
}
.data-category ul li.is-active.l02 button .icon.svg-ico-upload-excel::before {
  height: 21px;
  background: url(../img/svg/ico-upload-excel-active.svg);
}
.data-category ul li + li {
  margin-left: 10px;
}

.upload-area {
  position: relative;
  padding: 0 0 13px 0;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
.upload-area .tit {
  margin: 15px 10px 0;
  font-size: 15px;
  color: #222;
}
.upload-area .btn-add-column {
  position: absolute;
  top: 8px;
  right: 10px;
}
.upload-area .file-control-box {
  padding: 12px 13px;
}
.upload-area .file-control-box .file {
  border: 0;
}
.upload-area .data-show-box .file-save {
  border: 0;
}
.upload-area .file-save {
  padding: 15px;
}
.upload-area .file-save .checkbox {
  margin-left: auto;
}
.upload-area .file-save .file-save-list-item .name {
  max-width: 500px;
}
.upload-area .file-save .file-save-list-item + .file-save-list-item {
  margin-top: 10px;
}
.upload-area .column-control-box {
  padding: 5px 0 0 0;
  margin-top: 8px;
  border-top: 1px solid #e5e5e5;
  margin: 15px 10px 0 10px;
}
.upload-area .column-control-box .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.upload-area .column-control-box .item input {
  width: 184px;
}
.upload-area .column-control-box .item select {
  width: 124px;
}
.upload-area .column-control-box .item .chk-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.upload-area .column-control-box .item + .item {
  margin-top: 10px;
}
.upload-area .file-cate-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-left: auto;
}

.regi-detail-box {
  padding: 16px 10px;
}
.regi-detail-box .is-vertical {
  margin-bottom: 0 !important;
}
.regi-detail-box .is-vertical .field-label .label {
  font-weight: 600;
}
.regi-detail-box .is-vertical .field-body {
  padding-left: 12px;
}
.regi-detail-box .is-vertical + .is-vertical {
  margin-top: 24px;
}

.regi-data-wrap {
  padding: 0 10px;
}
.regi-data-wrap .tit-top {
  margin-bottom: 28px;
  font-size: 17px;
  font-weight: 700;
  color: #153448;
}
.regi-data-wrap .item-detail-data .item .txt-tit {
  margin-left: 20px;
  font-size: 15px;
}
.regi-data-wrap .item-detail-data .item .txt-tit + .icon {
  margin-left: 22px;
}
.regi-data-wrap .item-detail-data .item + .item {
  margin-top: 35px;
}
.regi-data-wrap .item-detail-data .item .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.regi-data-wrap .item-detail-data .item .btn-box button + button {
  margin-left: 10px;
}
.regi-data-wrap .item-detail-data .item .btn-box .btn-del {
  color: #ff3737;
  border-color: #ff3737;
}
.regi-data-wrap .item-detail-data .item .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.regi-data-wrap .item-detail-data .item .top .drag-cursor:hover .icon::before {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='3.5' r='1.5' fill='%230085FF'/%3E%3Ccircle cx='11.5' cy='3.5' r='1.5' fill='%230085FF'/%3E%3Ccircle cx='6.5' cy='8.5' r='1.5' fill='%230085FF'/%3E%3Ccircle cx='11.5' cy='8.5' r='1.5' fill='%230085FF'/%3E%3Ccircle cx='6.5' cy='13.5' r='1.5' fill='%230085FF'/%3E%3Ccircle cx='11.5' cy='13.5' r='1.5' fill='%230085FF'/%3E%3C/svg%3E%0A") 1px 1px no-repeat;
  background-size: 18px 18px;
}
.regi-data-wrap .item-detail-data .item .bottom {
  margin: 10px 0 0 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.regi-data-wrap .item-detail-data .item .bottom .file-cate-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 0 20px 0 0;
  margin-left: auto;
}
.regi-data-wrap .item-detail-data .item .bottom .file-cate-box .name {
  max-width: 195px !important;
  font-size: 15px !important;
}
.regi-data-wrap .item-detail-data .item .bottom .file-save-list-item .name {
  max-width: 430px;
}
.regi-data-wrap .item-detail-data .item .bottom .file-save-list .file-save-list-item + .file-save-list-item {
  margin-top: 20px;
}

.align-horizon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.align-horizon-box .txt {
  margin-right: 10px;
  font-size: 15px;
}
.align-horizon-box input {
  height: 42px;
}
.align-horizon-box input ~ * {
  margin-left: 10px;
}
.align-horizon-box + .align-horizon-box {
  margin-top: 12px;
}
.align-horizon-box.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.tbl-button-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tbl-button-box .add-person-box {
  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: start;
      -ms-flex-align: start;
          align-items: start;
  margin-left: 6px;
}
.tbl-button-box .box-tags + .box-tags {
  margin-top: 5px;
}
.tbl-button-box .box-tags .tag {
  padding: 0 5px;
}

.page-askData .list-summary__cont span,
.page-askData .list-summary__point {
  font-weight: 700;
}
.page-askData .tags.type-1 {
  display: inline-block;
}
.page-askData .tags.type-1 span {
  display: inline-block;
  background: #3c5b6f;
  width: 80px;
  height: 26px;
  border-radius: 8px;
}
.page-askData .tooltip {
  margin-top: -2px;
}
.page-askData .field-body .list-search {
  margin: 0;
}
.page-askData .field-body .list-search .search-text .input {
  width: 880px;
}
.page-askData .field-body .list-search .search-text .input:hover {
  border-right: 1px solid #d9d9d9 !important;
}

.docu-save-list ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 12px;
  font-size: 14px;
}
.docu-save-list .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.docu-save-list .txt01,
.docu-save-list .name {
  color: #888;
}

.file-save {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.file-save .none-data {
  padding: 40px;
  text-align: center;
}
.file-save.detail .file-cate-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.file-save.detail .file-cate-box .name {
  margin: 0 12px 0 0;
}

.user-state-list {
  padding: 15px 0;
  margin: 15px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.user-state-list ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-state-list ol li .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-state-list ol li .right .date {
  margin-right: 40px;
}
.user-state-list ol li .status {
  color: #0085ff;
}
.user-state-list ol li .status.finish {
  color: #888888;
}
.user-state-list ol li + li {
  margin-top: 15px;
}
.user-state-list .pagination-wrap {
  margin: 0;
}

.radio-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  min-width: 86px;
}

.type-b .dx-datagrid-headers {
  border-top: 0 !important;
}
.type-b .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  background-color: #f5f7fa;
}
.type-b .dx-datagrid .dx-row-lines > td,
.type-b .dx-datagrid-headers {
  border-bottom: 0 !important;
}
.type-b .drag-disabled {
  cursor: no-drop;
}
.type-b .file-save-list-item .name {
  max-width: 600px;
  font-size: 15px;
}
.type-b .tooltip-txt {
  left: -100px;
  top: -40px;
}
.type-b .tooltip-txt.list {
  left: -200px;
  top: -53px;
}
.type-b .table td {
  border-bottom: 0;
}
.type-b .tbl-list .table tbody tr:last-child td {
  border-bottom: 0;
}
.type-b .table thead th,
.type-b .table thead td {
  background: #f6f9fa;
}
.type-b .dx-datagrid-borders > .dx-datagrid-rowsview,
.type-b .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: 0;
}

.modal.is-wide .modal-card {
  max-width: 1000px;
}

.modal-card.mid-size {
  max-height: 700px !important;
}

.modal-card-body.type-b .fieldset-body {
  padding-top: 16px;
  padding-bottom: 16px;
}
.modal-card-body.type-b label {
  padding: 0 0 7px 0;
  font-size: 17px;
  font-weight: 700;
}
.modal-card-body.type-b .pagination-wrap {
  margin-bottom: 0 !important;
}

.modal-head-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.modal-head-btn-box .field {
  margin-bottom: 0 !important;
}

.modal.view-excel {
  padding: 0 20px;
}
.modal.view-excel .modal-card-title {
  width: calc(100% - 600px);
}

.modal-dataset .list-summary {
  margin-bottom: 15px;
}
.modal-dataset .buttons.is-centered {
  position: relative;
  margin-top: 10px;
}
.modal-dataset .buttons.is-centered .button-right {
  position: absolute;
  top: 0;
  right: 0px;
}
.modal-dataset .pagination-wrap {
  margin: 25px 0 0 0;
}
.modal-dataset .btn-modal-close {
  position: absolute;
  top: 30px;
  right: 25px;
}

.ColumnEditor-b .btn-remove-column .icon {
  -webkit-filter: none;
          filter: none;
}

.home2home-wrap .btn-all-route {
  position: fixed;
  bottom: 40px;
  left: 50%;
  display: block;
  width: 260px;
  height: 42px;
  background: rgba(21, 52, 72, 0.9);
  border: 1px solid #ccc;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  border-radius: 4px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 20;
}

.route-find-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 360px;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  background: #fff;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-box-shadow: -2px 4px 4px 0px #000 1A;
          box-shadow: -2px 4px 4px 0px #000 1A;
  -webkit-transition: 0.5s all 0s;
  transition: 0.5s all 0s;
  z-index: 21;
}
.route-find-wrap.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.route-find-wrap.active .btn-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.4s all 0s;
  transition: 0.4s all 0s;
}
.route-find-wrap .route-find-ctn {
  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%;
  background: #fff;
  height: 100vh;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
}
.route-find-wrap .route-find-ctn .guide-bottom {
  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: 68px;
  background: #f2f4f7;
}
.route-find-wrap .route-find-ctn .guide-bottom p {
  font-size: 12px;
  color: #3c5b6f;
  text-align: center;
}
.route-find-wrap .btn-open {
  position: absolute;
  top: 27px;
  right: 0;
  width: 32px;
  height: 50px;
  background: url(../img/ico-slide-control.svg) 0 0 no-repeat;
  font-size: 0;
  z-index: -1;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.4s all 0.4s;
  transition: 0.4s all 0.4s;
}
.route-find-wrap .logo-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 68px;
  padding: 0 0 0 20px;
}
.route-find-wrap .logo-head .logo {
  width: 284px;
  height: 27px;
  background: url(../img/logo-home2home.png) 0 0 no-repeat;
  background-size: 284px 27px;
  font-size: 0;
}
.route-find-wrap .btn-close {
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 23L10 14L19 5' stroke='%23153448' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
  background-size: 28px auto;
  font-size: 0;
  margin: 3px 0 0 16px;
}
.route-find-wrap .rout-find-body {
  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%;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  overflow: auto;
}
.route-find-wrap .rout-find-body::-webkit-scrollbar {
  width: 4px;
}
.route-find-wrap .rout-find-body::-webkit-scrollbar-track {
  background-color: #e9e9e9;
}
.route-find-wrap .rout-find-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c9c9c9;
}
.route-find-wrap .rout-find-body .tabpanel[aria-hidden=true],
.route-find-wrap .rout-find-body .tabpanel[hidden] {
  display: none !important;
}
.route-find-wrap .rout-find-body .tabpanel {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.route-find-wrap .rout-find-body .tabs {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: 42px;
  background: #fff;
}
.route-find-wrap .rout-find-body .tabs li button {
  position: relative;
  color: #888;
  font-size: 15px;
  font-weight: 400;
  -webkit-transition: 0.7s all 0s;
  transition: 0.7s all 0s;
}
.route-find-wrap .rout-find-body .tabs li.is-active {
  background: #153448;
}
.route-find-wrap .rout-find-body .tabs li.is-active button {
  color: #fff;
  font-weight: 600;
}
.route-find-wrap .rout-find-body .tabs li.is-active.car button::before {
  background: url(../img/ico-home2-car-active.svg) 0 0 no-repeat;
}
.route-find-wrap .rout-find-body .tabs li.is-active.public button::before {
  background: url(../img/ico-home2-bus-active.svg) 0 0 no-repeat;
}
.route-find-wrap .rout-find-body .tabs li.public button::before {
  content: "";
  position: static;
  display: block;
  width: 26px;
  height: 26px;
  background: url(../img/ico-home2-bus.svg) 0 0 no-repeat;
  margin: 0 8px 0 0;
  vertical-align: middle;
  -webkit-transform: none;
          transform: none;
}
.route-find-wrap .rout-find-body .tabs li.car button::before {
  content: "";
  position: static;
  display: block;
  width: 26px;
  height: 26px;
  background: url(../img/ico-home2-car.svg) 0 0 no-repeat;
  margin: 0 8px 0 0;
  vertical-align: middle;
  -webkit-transform: none;
          transform: none;
}
.route-find-wrap .rout-find-body .set-route-box {
  position: relative;
  padding: 5px 50px 0 50px;
}
.route-find-wrap .rout-find-body .set-route-box .item {
  position: relative;
}
.route-find-wrap .rout-find-body .set-route-box .item ~ .item {
  margin-top: 12px;
}
.route-find-wrap .rout-find-body .set-route-box .list-search {
  margin: 0;
}
.route-find-wrap .rout-find-body .set-route-box .field,
.route-find-wrap .rout-find-body .set-route-box .select,
.route-find-wrap .rout-find-body .set-route-box select,
.route-find-wrap .rout-find-body .set-route-box input {
  width: 100%;
  height: 42px;
  font-size: 15px;
}
.route-find-wrap .rout-find-body .set-route-box .btn-switch {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6667 6.6665L16.6667 3.6665M16.6667 3.6665L19.6667 6.6665M16.6667 3.6665L16.6667 19.6665M9.66669 16.6665L6.66669 19.6665M6.66669 19.6665L3.66669 16.6665M6.66669 19.6665L6.66669 3.6665' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.route-find-wrap .rout-find-body .set-route-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 30px;
  width: 1px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1' height='30' viewBox='0 0 1 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='2.18557e-08' x2='0.499999' y2='30' stroke='%23CCCCCC' stroke-dasharray='2 2'/%3E%3C/svg%3E%0A");
}
.route-find-wrap .rout-find-body .set-route-box .select::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 12px;
  background-size: 24px 24px;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8.5L12 15.5L6 8.5' stroke='%23153448' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.route-find-wrap .rout-find-body .set-route-box .select::after {
  display: none;
}
.route-find-wrap .rout-find-body .set-route-box .set-departure::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2603 8.26136C16.2603 12.4353 9.99946 18.0005 9.99946 18.0005C9.99946 18.0005 3.73859 12.4353 3.73859 8.26136C3.73859 4.80357 6.54167 2.00049 9.99946 2.00049C13.4572 2.00049 16.2603 4.80357 16.2603 8.26136ZM9.99971 10.0006C11.1043 10.0006 11.9997 9.10518 11.9997 8.00061C11.9997 6.89604 11.1043 6.00061 9.99971 6.00061C8.89514 6.00061 7.99971 6.89604 7.99971 8.00061C7.99971 9.10518 8.89514 10.0006 9.99971 10.0006Z' fill='%23FF3737'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 2px;
  left: -32px;
  padding: 13px;
  background-repeat: no-repeat;
  background-position: center center;
}
.route-find-wrap .rout-find-body .set-route-box .set-departure::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.31688 6.17119C2.14254 6.11457 1.99988 6.21876 1.99988 6.40301V7.57349C1.99988 7.75774 2.12888 7.98554 2.28621 8.08001L8.38021 11.7298C8.53754 11.824 8.66654 12.0521 8.66654 12.236V16.325C8.66654 16.5093 8.72254 16.7997 8.79121 16.9709C8.79121 16.9709 9.15488 17.8781 9.79121 17.9792C9.85926 17.9921 9.9283 17.9991 9.99754 18H10.0009C10.0807 17.9997 10.1603 17.9916 10.2385 17.9759L10.3105 17.9598L10.4199 17.9256C10.9492 17.7481 11.2219 16.9759 11.2219 16.9759C11.2894 16.7653 11.3268 16.5462 11.3332 16.325V12.236C11.3332 12.0518 11.4622 11.824 11.6195 11.7295L17.7135 8.08001C17.8709 7.98554 17.9999 7.75774 17.9999 7.57349V6.40301C17.9999 6.21876 17.8572 6.11457 17.6829 6.17152L11.6502 8.13964C11.4759 8.19626 11.3332 8.09207 11.3332 7.90782V4.71428C11.3332 4.53003 11.4532 4.28849 11.5999 4.17794L12.3999 3.57427C12.5465 3.46373 12.6665 3.22219 12.6665 3.03794V2.25505C12.6665 2.0708 12.5222 1.96159 12.3462 2.01251L10.3212 2.59708C10.1452 2.648 9.85654 2.648 9.68054 2.59708L7.65354 2.01251C7.47754 1.96159 7.33321 2.0708 7.33321 2.25505V3.03828C7.33321 3.22253 7.45321 3.46406 7.59988 3.57461L8.39988 4.17828C8.54621 4.28883 8.66654 4.53036 8.66654 4.71461L8.66654 7.90816C8.66654 8.09241 8.52388 8.19659 8.34954 8.13964L2.31688 6.17119Z' fill='%23FF3737'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 39px;
  left: -32px;
  padding: 13px;
  background-repeat: no-repeat;
  background-position: center center;
}
.route-find-wrap .rout-find-body .set-route-box .set-departure .select {
  margin-top: -1px;
}
.route-find-wrap .rout-find-body .set-route-box .set-destination::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.31688 6.17119C2.14254 6.11457 1.99988 6.21876 1.99988 6.40301V7.57349C1.99988 7.75774 2.12888 7.98554 2.28621 8.08001L8.38021 11.7298C8.53754 11.824 8.66654 12.0521 8.66654 12.236V16.325C8.66654 16.5093 8.72254 16.7997 8.79121 16.9709C8.79121 16.9709 9.15488 17.8781 9.79121 17.9792C9.85926 17.9921 9.9283 17.9991 9.99754 18H10.0009C10.0807 17.9997 10.1603 17.9916 10.2385 17.9759L10.3105 17.9598L10.4199 17.9256C10.9492 17.7481 11.2219 16.9759 11.2219 16.9759C11.2894 16.7653 11.3268 16.5462 11.3332 16.325V12.236C11.3332 12.0518 11.4622 11.824 11.6195 11.7295L17.7135 8.08001C17.8709 7.98554 17.9999 7.75774 17.9999 7.57349V6.40301C17.9999 6.21876 17.8572 6.11457 17.6829 6.17152L11.6502 8.13964C11.4759 8.19626 11.3332 8.09207 11.3332 7.90782V4.71428C11.3332 4.53003 11.4532 4.28849 11.5999 4.17794L12.3999 3.57427C12.5465 3.46373 12.6665 3.22219 12.6665 3.03794V2.25505C12.6665 2.0708 12.5222 1.96159 12.3462 2.01251L10.3212 2.59708C10.1452 2.648 9.85654 2.648 9.68054 2.59708L7.65354 2.01251C7.47754 1.96159 7.33321 2.0708 7.33321 2.25505V3.03828C7.33321 3.22253 7.45321 3.46406 7.59988 3.57461L8.39988 4.17828C8.54621 4.28883 8.66654 4.53036 8.66654 4.71461L8.66654 7.90816C8.66654 8.09241 8.52388 8.19659 8.34954 8.13964L2.31688 6.17119Z' fill='%230084FF'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 2px;
  left: -32px;
  padding: 13px;
  background-repeat: no-repeat;
  background-position: center center;
}
.route-find-wrap .rout-find-body .set-route-box .set-destination::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2603 8.26136C16.2603 12.4353 9.99946 18.0005 9.99946 18.0005C9.99946 18.0005 3.73859 12.4353 3.73859 8.26136C3.73859 4.80357 6.54167 2.00049 9.99946 2.00049C13.4572 2.00049 16.2603 4.80357 16.2603 8.26136ZM9.99971 10.0006C11.1043 10.0006 11.9997 9.10518 11.9997 8.00061C11.9997 6.89604 11.1043 6.00061 9.99971 6.00061C8.89514 6.00061 7.99971 6.89604 7.99971 8.00061C7.99971 9.10518 8.89514 10.0006 9.99971 10.0006Z' fill='%230085FF'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 39px;
  left: -32px;
  padding: 13px;
  background-repeat: no-repeat;
  background-position: center center;
}
.route-find-wrap .rout-find-body .set-route-box .set-destination .select {
  margin-bottom: -1px;
}
.route-find-wrap .rout-find-body .set-route-box .set-destination select option.divide {
  background: #f8f8f8;
  color: #153448;
  font-weight: 600;
}
.route-find-wrap .rout-find-body .set-route-box .search-buttons .btn-search {
  position: relative;
  top: 3px;
}
.route-find-wrap .rout-find-body .set-route-box .search-buttons .icon.svg-bx-search::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z' fill='%23153448'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}
.route-find-wrap .rout-find-body .btn-route-box {
  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%;
  padding: 0 50px 20px 50px;
  margin-top: 10px;
}
.route-find-wrap .rout-find-body .btn-route-box .division {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
}
.route-find-wrap .rout-find-body .btn-route-box .division button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.route-find-wrap .rout-find-body .btn-route-box .division .reset::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3516 12.5C16.3018 15.6939 13.2952 18 9.75 18C5.33172 18 1.75 14.4183 1.75 10C1.75 5.58172 5.33172 2 9.75 2C12.7111 2 15.2965 3.60879 16.6797 6M14.25 7H18.25V3' stroke='%23444444' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  margin: 0 3px 0 0;
}
.route-find-wrap .rout-find-body .btn-route-box button {
  font-size: 15px;
}
.route-find-wrap .rout-find-body .btn-route-box .field,
.route-find-wrap .rout-find-body .btn-route-box .search-text,
.route-find-wrap .rout-find-body .btn-route-box .select,
.route-find-wrap .rout-find-body .btn-route-box select,
.route-find-wrap .rout-find-body .btn-route-box input {
  width: 100%;
}
.route-find-wrap .rout-find-body .btn-route-box .list-search {
  margin: 0;
}
.route-find-wrap .rout-find-body .btn-route-box .search-buttons .btn-search {
  position: relative;
  top: 3px;
}
.route-find-wrap .rout-find-body .btn-route-box .search-buttons .icon.svg-bx-search::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z' fill='%23153448'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}
.route-find-wrap .rout-find-body .set-departure-time .top {
  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;
  height: 40px;
  padding: 0 20px;
  font-size: 13px;
  color: #0085ff;
  font-weight: 500;
  background: #f8f8f8;
  border-top: 1px solid #ccc;
  cursor: pointer;
}
.route-find-wrap .rout-find-body .set-departure-time .top::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: transparent url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 11.625L9 6.375L4.5 11.625' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s all 0s;
  transition: 0.3s all 0s;
}
.route-find-wrap .rout-find-body .set-departure-time .top span {
  font-weight: 700;
}
.route-find-wrap .rout-find-body .set-departure-time .top em {
  color: #444;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box {
  -webkit-transition: 0.3s height 0s ease-in-out;
  transition: 0.3s height 0s ease-in-out;
  height: 0;
  overflow: hidden;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box .select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 8px 0 14px 0;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box .select-box select {
  width: 100%;
  font-size: 13px;
  border-left: 0;
  min-width: 79px;
  border-right: 0;
  border-radius: 0;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box .select-box button {
  width: 68px;
  margin-left: 8px;
  font-size: 13px;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box .select-box .select {
  position: relative;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box .select-box .select::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  display: block;
  width: 1px;
  height: 10px;
  background: #cccccc;
  z-index: 1;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box .select-box .select::after {
  border-color: #ccc;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box .select.d {
  width: 109px;
  border-left: 1px solid #d9d9d9;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box .select.minute select {
  border-right: 1px solid #d9d9d9;
}
.route-find-wrap .rout-find-body .set-departure-time .set-box .hour,
.route-find-wrap .rout-find-body .set-departure-time .set-box .minute {
  width: 79px;
}
.route-find-wrap .rout-find-body .set-departure-time.active .top {
  background: none;
  border-top: 0;
}
.route-find-wrap .rout-find-body .set-departure-time.active .top::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.route-find-wrap .rout-find-body .set-departure-time.active .set-box {
  height: 58px;
}
.route-find-wrap .rout-find-body .list-search-result > .item {
  position: relative;
  padding: 16px 20px 16px 42px;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.route-find-wrap .rout-find-body .list-search-result > .item .tit {
  font-size: 15px;
}
.route-find-wrap .rout-find-body .list-search-result > .item .detail {
  font-size: 13px;
  font-weight: 300;
}
.route-find-wrap .rout-find-body .list-search-result > .item .btn-over {
  display: none;
  min-width: 80px;
  height: 34px;
  border: 1px solid #0085ff;
  color: #0085ff;
  font-size: 15px;
  border-radius: 4px;
}
.route-find-wrap .rout-find-body .list-search-result > .item .idx {
  position: absolute;
  top: 20px;
  left: 24px;
  color: #0085ff;
  background: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6343 6.43507C12.6343 10.1916 6.99953 15.2003 6.99953 15.2003C6.99953 15.2003 1.36475 10.1916 1.36475 6.43507C1.36475 3.32307 3.88752 0.800293 6.99953 0.800293C10.1115 0.800293 12.6343 3.32307 12.6343 6.43507Z' fill='white' stroke='%230072DC' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  font-size: 10px;
  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;
  width: 14px;
  height: 16px;
}
.route-find-wrap .rout-find-body .list-search-result > .item.selected {
  background: #e9f1ff;
  border-top: 1px solid #c5dcfa;
  border-bottom: 1px solid #c5dcfa;
}
.route-find-wrap .rout-find-body .list-search-result > .item.selected .tit {
  color: #0085ff;
  font-weight: 500;
}
.route-find-wrap .rout-find-body .list-search-result > .item + .item {
  margin-top: -1px;
}
.route-find-wrap .rout-find-body .list-search-result > .item .marker {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 20px;
  background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 16.5217C33 24.8696 20 36 20 36C20 36 7 24.8696 7 16.5217C7 9.60617 12.8203 4 20 4C27.1797 4 33 9.60617 33 16.5217Z' fill='%23FF3737'/%3E%3Cpath d='M22.0172 12.7346H24.6097V11.3357H25.7263V15.9817H20.9006V11.3357H22.0172V12.7346ZM24.6097 15.0063V13.6715H22.0172V15.0063H24.6097ZM28.5369 13.0555H30V14.0565H28.5369V16.341H27.4204V10.8608H28.5369V13.0555ZM28.5369 19.4854H23.0568V20.4094H28.8706V21.3848H21.9402V18.587H27.4332V17.7143H21.9274V16.7517H28.5369V19.4854Z' fill='white'/%3E%3Cpath d='M20.1562 16.405H16.0878V17.2007H19.0012V19.6777H13.1103V20.4605H19.2964V21.3846H12.0194V18.8178H17.9103V18.0991H11.9937V17.2007H14.9713V16.405H10.89V15.4937H20.1562V16.405ZM16.0878 11.759H19.245V12.6702H16.1905C16.3188 13.0895 16.6953 13.4403 17.3199 13.7226C17.9445 13.9964 18.7445 14.1633 19.7199 14.2232L19.3862 15.1216C18.4793 15.0617 17.6878 14.8991 17.0119 14.6339C16.336 14.3601 15.8397 14.0007 15.5231 13.5558C15.2151 14.0007 14.7231 14.3601 14.0472 14.6339C13.3713 14.8991 12.5756 15.0617 11.6601 15.1216L11.3264 14.2232C12.3018 14.1633 13.1018 13.9964 13.7264 13.7226C14.3595 13.4403 14.7402 13.0895 14.8686 12.6702H11.8141V11.759H14.9713V10.835H16.0878V11.759Z' fill='white'/%3E%3C/svg%3E%0A");
  font-size: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.route-find-wrap .rout-find-body .list-search-result > .item .marker.end {
  background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 16.5217C33 24.8696 20 36 20 36C20 36 7 24.8696 7 16.5217C7 9.60617 12.8203 4 20 4C27.1797 4 33 9.60617 33 16.5217Z' fill='%230085FF'/%3E%3Cpath d='M24.1348 13.1595C24.1348 13.7841 24.353 14.3574 24.7893 14.8793C25.2343 15.4012 25.8375 15.7734 26.599 15.9959L26.0728 16.9584C25.4995 16.7788 24.999 16.5092 24.5712 16.1499C24.1519 15.782 23.8225 15.3542 23.5829 14.8665C23.3434 15.4055 23.0097 15.8718 22.5819 16.2654C22.1541 16.659 21.645 16.9499 21.0546 17.1381L20.5027 16.2012C21.2813 15.9617 21.8931 15.5638 22.338 15.0077C22.7915 14.4515 23.0182 13.8355 23.0182 13.1595V13.044H20.8108V12.0686H23.0182V10.8237H24.1348V12.0686H26.3166V13.044H24.1348V13.1595ZM28.5369 13.5831H30V14.597H28.5369V17.3563H27.4332V10.8366H28.5369V13.5831ZM28.5369 21.476H27.4332V18.7809H21.799V17.8055H28.5369V21.476Z' fill='white'/%3E%3Cpath d='M19.168 16.6887H16.1006V19.1785H20.2204V20.1667H10.89V19.1785H14.9841V16.6887H12.0579V11.6577H19.0782V12.6331H13.1873V15.7005H19.168V16.6887Z' fill='white'/%3E%3C/svg%3E%0A");
}
.route-find-wrap .rout-find-body .list-search-result > .item .over {
  text-align: right;
  margin-top: 12px;
}
.route-find-wrap .rout-find-body .list-search-result .txt-guide {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  font-weight: 500;
  color: #153448;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-header {
  height: 42px;
  background: #f8f8f8;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-header a {
  height: 42px;
  padding: 0 20px;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-header::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6739_41422)'%3E%3Cpath d='M13.4618 5.80875C13.424 5.71738 13.3599 5.63928 13.2777 5.58432C13.1955 5.52936 13.0988 5.50002 12.9999 5.5H2.99991C2.90096 5.49992 2.80421 5.5292 2.72191 5.58414C2.63962 5.63908 2.57547 5.71719 2.53759 5.8086C2.49972 5.90002 2.48982 6.00061 2.50914 6.09765C2.52847 6.1947 2.57615 6.28382 2.64616 6.35375L7.64616 11.3538C7.69259 11.4002 7.74774 11.4371 7.80844 11.4623C7.86913 11.4874 7.9342 11.5004 7.99991 11.5004C8.06561 11.5004 8.13068 11.4874 8.19138 11.4623C8.25207 11.4371 8.30722 11.4002 8.35366 11.3538L13.3537 6.35375C13.4236 6.28379 13.4711 6.19466 13.4904 6.09765C13.5096 6.00064 13.4997 5.9001 13.4618 5.80875Z' fill='%23444444'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6739_41422'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content {
  padding: 16px 0;
  background: #fff;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .item {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 20px;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .top .cate {
  margin-right: 8px;
  font-size: 15px;
  font-weight: 500;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .top .time {
  margin-left: auto;
  font-weight: 300;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .top .time span {
  font-weight: 500;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .bot .gate {
  margin-right: 20px;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .bot .gate .num {
  color: #0085ff;
  font-weight: 600;
  font-size: 15px;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .bot .gate .txt {
  font-weight: 300;
  color: #444;
  font-size: 13px;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .bot .location .txt01 {
  font-size: 15px;
  font-weight: 500;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .bot .location .txt02 {
  font-size: 13px;
  font-weight: 300;
}
.route-find-wrap .rout-find-body .list-search-result .collapse.route-air .collapse-body-content .bot .button {
  min-width: 80px;
  margin: auto 0 0 auto;
}
.route-find-wrap .rout-find-body .cate-tab-area .tab-scroll-route {
  height: 42px;
  background: #f2f4f7;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
}
.route-find-wrap .rout-find-body .cate-tab-area .tab-scroll-route ul {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.route-find-wrap .rout-find-body .cate-tab-area .tab-scroll-route ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.route-find-wrap .rout-find-body .cate-tab-area .tab-scroll-route ul::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.route-find-wrap .rout-find-body .cate-tab-area .tab-scroll-route ul::-webkit-scrollbar-button {
  width: 2px;
  height: 2px;
}
.route-find-wrap .rout-find-body .cate-tab-area .tab-scroll-route .item {
  position: relative;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding: 0 9px;
  color: #888;
  font-size: 13px;
}
.route-find-wrap .rout-find-body .cate-tab-area .tab-scroll-route .item.active {
  color: #3c5b6f;
  font-weight: 500;
}
.route-find-wrap .rout-find-body .cate-tab-area .tab-scroll-route .item.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: #3c5b6f;
}
.route-find-wrap .rout-find-body .cate-tab-area .sort-box {
  padding: 4px 0;
  text-align: right;
  border-bottom: 1px solid #e5e5e5;
}
.route-find-wrap .rout-find-body .cate-tab-area .sort-box select {
  border: 0;
  font-size: 12px;
}
.route-find-wrap .rout-find-body .route-detail-search-area {
  padding: 0 0 68px 0;
  padding-bottom: env(safe-area-inset-bottom);
}
.route-find-wrap .rout-find-body .route-detail-search-area .collapse-item:first-of-type {
  border-top: 0;
}
.route-find-wrap .rout-find-body .route-detail-search-area.car .collapse-item:first-of-type {
  border-top: 1px solid #e5e5e5;
}
.route-find-wrap .rout-find-body .route-detail-search-area.car .car-route-rec {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0085ff;
  font-size: 15px;
  font-weight: 700;
}
.route-find-wrap .rout-find-body .route-detail-search-area.car .car-route-rec .num {
  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;
  width: 20px;
  height: 20px;
  background: #0085ff;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  border-radius: 100%;
  margin: 0 4px 0 0;
}
.route-find-wrap .rout-find-body .route-detail-search-area.car .collapse-header::after {
  top: 30px;
  right: 20px;
}
.route-find-wrap .rout-find-body .route-detail-search-area.car .collapse-header a {
  display: block;
  height: auto;
}
.route-find-wrap .rout-find-body .route-detail-search-area.car .collapse-header [data-collapse] * {
  pointer-events: none;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box {
  margin: 0 0 0 -6px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 600;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li .state {
  position: relative;
  margin: 0 10px 0 0;
  color: #ffac00;
  padding: 0 0 0 20px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li .state::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  border: 2px solid #ffac00;
  border-radius: 100%;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li .state.good {
  color: #0ba360;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li .state.good::before {
  border-color: #0ba360;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li .state.bad {
  color: #d50136;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li .state.bad::before {
  border-color: #d50136;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li .distance {
  margin-left: 2px;
  font-weight: 400;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li + li {
  margin-top: 16px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .road-state-box ol li + li::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 3px;
  display: block;
  width: 10px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='19' viewBox='0 0 10 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6 1C5.6 0.668629 5.33137 0.4 5 0.4C4.66863 0.4 4.4 0.668629 4.4 1L5.6 1ZM4.57574 18.4243C4.81005 18.6586 5.18995 18.6586 5.42426 18.4243L9.24264 14.6059C9.47695 14.3716 9.47695 13.9917 9.24264 13.7574C9.00833 13.523 8.62843 13.523 8.39411 13.7574L5 17.1515L1.60589 13.7574C1.37157 13.523 0.991673 13.523 0.757359 13.7574C0.523044 13.9917 0.523044 14.3716 0.757358 14.6059L4.57574 18.4243ZM4.4 2.0625C4.4 2.39387 4.66863 2.6625 5 2.6625C5.33137 2.6625 5.6 2.39387 5.6 2.0625L4.4 2.0625ZM5.6 4.1875C5.6 3.85613 5.33137 3.5875 5 3.5875C4.66863 3.5875 4.4 3.85613 4.4 4.1875L5.6 4.1875ZM4.4 6.3125C4.4 6.64387 4.66863 6.9125 5 6.9125C5.33137 6.9125 5.6 6.64387 5.6 6.3125L4.4 6.3125ZM5.6 8.4375C5.6 8.10613 5.33137 7.8375 5 7.8375C4.66863 7.8375 4.4 8.10613 4.4 8.4375L5.6 8.4375ZM4.4 10.5625C4.4 10.8939 4.66863 11.1625 5 11.1625C5.33137 11.1625 5.6 10.8939 5.6 10.5625L4.4 10.5625ZM5.6 12.6875C5.6 12.3561 5.33137 12.0875 5 12.0875C4.66863 12.0875 4.4 12.3561 4.4 12.6875L5.6 12.6875ZM4.4 14.8125C4.4 15.1439 4.66863 15.4125 5 15.4125C5.33137 15.4125 5.6 15.1439 5.6 14.8125L4.4 14.8125ZM5.6 16.9375C5.6 16.6061 5.33137 16.3375 5 16.3375C4.66863 16.3375 4.4 16.6061 4.4 16.9375L5.6 16.9375ZM4.4 1L4.4 2.0625L5.6 2.0625L5.6 1L4.4 1ZM4.4 4.1875L4.4 6.3125L5.6 6.3125L5.6 4.1875L4.4 4.1875ZM4.4 8.4375L4.4 10.5625L5.6 10.5625L5.6 8.4375L4.4 8.4375ZM4.4 12.6875L4.4 14.8125L5.6 14.8125L5.6 12.6875L4.4 12.6875ZM4.4 16.9375L4.4 18L5.6 18L5.6 16.9375L4.4 16.9375Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A");
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .txt {
  margin: 7px 0 0 0;
  width: 100%;
  font-size: 21px;
  font-weight: 700;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .txt span {
  font-size: 13px;
  font-weight: 400;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .collapse-header {
  padding: 0 20px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .collapse-header::after {
  right: 20px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6799_8674)'%3E%3Cpath d='M13.4618 5.80875C13.424 5.71738 13.3599 5.63928 13.2777 5.58432C13.1955 5.52936 13.0988 5.50002 12.9999 5.5H2.99991C2.90096 5.49992 2.80421 5.5292 2.72191 5.58414C2.63962 5.63908 2.57547 5.71719 2.53759 5.8086C2.49972 5.90002 2.48982 6.00061 2.50914 6.09765C2.52847 6.1947 2.57615 6.28382 2.64616 6.35375L7.64616 11.3538C7.69259 11.4002 7.74774 11.4371 7.80844 11.4623C7.86913 11.4874 7.9342 11.5004 7.99991 11.5004C8.06561 11.5004 8.13068 11.4874 8.19138 11.4623C8.25207 11.4371 8.30722 11.4002 8.35366 11.3538L13.3537 6.35375C13.4236 6.28379 13.4711 6.19466 13.4904 6.09765C13.5096 6.00064 13.4997 5.9001 13.4618 5.80875Z' fill='%23444444'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6799_8674'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  color: transparent;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .collapse-header [data-collapse] * {
  pointer-events: none;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall {
  padding: 4px 20px 13px 20px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall ol {
  position: relative;
  margin: 0 20px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall ol::before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  bottom: 26px;
  left: -13px;
  width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg width='1' height='30' viewBox='0 0 1 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='2.18557e-08' x2='0.499999' y2='30' stroke='%23CCCCCC' stroke-dasharray='2 2'/%3E%3C/svg%3E%0A");
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall ol li {
  position: relative;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall ol li + li {
  margin-top: 10px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall ol li::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 7px;
  left: -17px;
  border-radius: 100%;
  border: 2px solid #fff;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall ol li.li-a::before {
  background: #ff3737;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall ol li.li-b::before {
  background: #153448;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall ol li.li-c::before {
  background: #0085ff;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall .txt-big {
  font-size: 13px;
  font-weight: 600;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall .txt-big span {
  color: #222;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall .detail .child {
  position: relative;
  font-size: 12px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall .detail .child span {
  color: #3c5b6f;
  font-weight: 600;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall .detail .child + .child {
  padding-left: 6px;
  margin-left: 6px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .time-overall .detail .child + .child::before {
  content: "";
  background: #ccc;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 4px;
  left: 0;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .collapse-body-content {
  padding: 16px 0 0 0;
  background: #fff;
  border-top: 1px solid #e5e5e5;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .each-location-time {
  padding: 10px 10px 10px 36px;
  margin: 0 20px;
  background: #f8f8f8;
  border-radius: 8px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .each-location-time .txt01 {
  position: relative;
  font-size: 13px;
  font-weight: 600;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .each-location-time .txt01::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: -16px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #ff3737;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .each-location-time.airport .txt01::before {
  background: #153448;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .each-location-time .short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 400;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .each-location-time .short span {
  position: relative;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .each-location-time .short span + span {
  padding-left: 8px;
  margin-left: 8px;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .each-location-time .short span + span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #ccc;
}
.route-find-wrap .rout-find-body .route-detail-search-area .route-time-table .each-location-time .short em {
  color: #3c5b6f;
  font-weight: 600;
}
.route-find-wrap .rout-find-body .route-detail-search-area::-webkit-scrollbar {
  width: 4px;
}
.route-find-wrap .rout-find-body .route-detail-search-area::-webkit-scrollbar-track {
  background-color: #e9e9e9;
}
.route-find-wrap .rout-find-body .route-detail-search-area::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c9c9c9;
}
.route-find-wrap .route-detail-search-area .list-public-detail-area {
  margin: 0 0 12px 0;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.location-start .tit-main {
  line-height: 1.2;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.location-start .right, .route-find-wrap .route-detail-search-area .list-public-detail-inner .item.location-end .right {
  min-height: auto;
  height: 23px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item + .item {
  margin-top: 10px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.subway + .walk {
  margin-top: 5px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station {
  position: relative;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .tit-main::after {
  content: "";
  display: block;
  position: absolute;
  top: 23px;
  left: 15px;
  width: 2px;
  height: 46px;
  border: 1px solid;
  border-color: transparent;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .ma-time.left {
  position: absolute;
  top: 46%;
  left: 0;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .detail {
  margin: 0 0 0 63px !important;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.stay .dist-tree::before {
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.07974 4.98155C6.05962 4.98155 6.06298 4.98493 6.05567 4.97943C5.92022 4.87753 5.76062 4.88917 5.63003 4.97943C5.40186 5.13713 5.21179 5.2437 5.04308 5.36988C4.89882 5.47777 4.76685 5.53222 4.76685 5.60762C4.70916 5.60762 4.65964 5.61923 4.55943 5.60762C4.52106 5.58945 4.49414 5.55942 4.49414 5.51219V3.39151C4.50144 3.28194 4.57302 3.07595 4.80092 3.12854H5.88562C5.96231 3.12854 6.07974 3.18327 6.07974 3.39364C6.07974 3.39364 6.09986 4.98155 6.07974 4.98155Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.54842 4.83536C8.12913 4.83536 7.40252 5.42692 7.40251 6.12066V6.83299L6.25658 5.53222C6.12311 5.41321 5.88562 5.1521 5.45484 5.48997C4.95028 5.8857 5.11037 6.12066 5.26599 6.30833L7.57159 9.14113C7.64765 9.19359 7.85014 9.28906 8.05159 9.25129C8.25303 9.21352 8.50274 8.99424 8.60241 8.88932V6.49718C8.60775 6.43423 8.66656 6.30833 8.85906 6.30833C8.91411 6.31201 9.03081 6.35492 9.05723 6.49718V12.8554V17.6341C9.05723 18.3709 9.05723 18.3709 9.78934 18.3709C10.4751 18.3709 10.4751 18.3709 10.4751 17.6341V15.7605V11.4238C10.4736 11.3511 10.5197 11.2091 10.7156 11.2225C10.7862 11.212 10.9317 11.2375 10.9495 11.4238V12.4568V17.6341C10.9495 17.8958 10.9495 18.3672 11.4341 18.3709C11.6448 18.3726 11.5829 18.369 11.6093 18.37C11.5624 18.3599 11.5504 18.2653 11.5504 18.2188L11.5504 17.8785C11.4099 17.8687 11.1398 17.59 11.1398 17.3613L11.1398 12.7785C11.1398 12.5211 11.4415 12.1014 11.891 12.0812C12.1315 12.0704 12.0944 12.0326 12.0944 11.8131L12.0944 11.5287L12.0944 11.0674C12.0944 10.9763 12.146 10.7517 12.325 10.7517C12.325 10.7517 12.4123 10.7699 12.4123 10.5756C12.4084 10.4802 12.4123 10.354 12.4123 10.354V9.9858V6.49718C12.4123 6.43423 12.4591 6.30833 12.6463 6.30833C12.7135 6.31391 12.8496 6.3595 12.8561 6.49718V10.9945C12.7081 10.9676 12.4123 10.988 12.4123 11.285V12.3824H11.8232C11.7129 12.3878 11.4923 12.5115 11.4923 12.9634V17.1392C11.4726 17.3042 11.531 17.6341 11.9227 17.6341V18.0881C11.9227 18.3479 11.9119 18.3709 12.2506 18.3709C12.5762 18.3709 12.5762 18.3479 12.5762 18.0881V17.6341H14.2995V18.0881C14.2995 18.3709 14.2995 18.3709 14.6776 18.3709C14.9762 18.3709 14.9762 18.3709 14.9762 18.0881V17.6341H15.0562C15.2096 17.6298 15.5142 17.5249 15.5055 17.1392V12.7785C15.4872 12.6465 15.3696 12.3824 15.0453 12.3824H14.5194V11.285C14.4902 11.1881 14.3704 10.9945 14.1249 10.9945V6.12066C14.1638 5.65593 13.6824 4.83536 12.8561 4.83536H8.54842ZM13.2405 11.9406C13.1154 11.922 13.0995 11.8479 13.1073 11.8131H12.9682V12.3824H13.9418V11.8131H13.7853C13.7899 11.9058 13.71 11.9367 13.6694 11.9406H13.2405Z' fill='%23888888'/%3E%3Cpath d='M12.2977 2.99315C12.2927 3.21473 12.1733 3.7435 11.7362 4.0859C11.6046 4.2063 11.2287 4.44529 10.777 4.438C10.5949 4.45217 10.1371 4.40158 9.76315 4.0859C9.51121 3.89264 9.05347 3.31976 9.23802 2.57426C9.26939 2.31726 9.49543 1.73466 10.1486 1.46026C10.4906 1.29736 11.3337 1.16097 11.9699 1.91861C12.1035 2.08156 12.356 2.52459 12.2977 2.99315Z' fill='%23888888'/%3E%3C/svg%3E%0A") center center no-repeat;
  background-size: 20px 20px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.baggage .dist-tree::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -11px;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6749_47716)'%3E%3Cpath d='M14.2667 4.55881H12.6667V2.94591C12.6667 2.51814 12.4982 2.10789 12.1981 1.80542C11.8981 1.50294 11.4911 1.33301 11.0667 1.33301H8.93341C8.50907 1.33301 8.1021 1.50294 7.80204 1.80542C7.50199 2.10789 7.33341 2.51814 7.33341 2.94591V4.55881H5.73341C5.45052 4.55881 5.17921 4.6721 4.97917 4.87375C4.77913 5.0754 4.66675 5.3489 4.66675 5.63408V15.3115C4.66675 15.5967 4.77913 15.8702 4.97917 16.0718C5.17921 16.2735 5.45052 16.3868 5.73341 16.3868H6.80008V17.462C6.80008 17.6046 6.85627 17.7414 6.95629 17.8422C7.05631 17.943 7.19197 17.9997 7.33341 17.9997C7.47486 17.9997 7.61052 17.943 7.71054 17.8422C7.81056 17.7414 7.86675 17.6046 7.86675 17.462V16.3868H12.1334V17.462C12.1334 17.6046 12.1896 17.7414 12.2896 17.8422C12.3896 17.943 12.5253 17.9997 12.6667 17.9997C12.8082 17.9997 12.9439 17.943 13.0439 17.8422C13.1439 17.7414 13.2001 17.6046 13.2001 17.462V16.3868H14.2667C14.5496 16.3868 14.821 16.2735 15.021 16.0718C15.221 15.8702 15.3334 15.5967 15.3334 15.3115V5.63408C15.3334 5.3489 15.221 5.0754 15.021 4.87375C14.821 4.6721 14.5496 4.55881 14.2667 4.55881ZM7.86675 14.2362C7.86675 14.3788 7.81056 14.5156 7.71054 14.6164C7.61052 14.7172 7.47486 14.7739 7.33341 14.7739C7.19197 14.7739 7.05631 14.7172 6.95629 14.6164C6.85627 14.5156 6.80008 14.3788 6.80008 14.2362V6.70935C6.80008 6.56676 6.85627 6.43001 6.95629 6.32919C7.05631 6.22836 7.19197 6.17172 7.33341 6.17172C7.47486 6.17172 7.61052 6.22836 7.71054 6.32919C7.81056 6.43001 7.86675 6.56676 7.86675 6.70935V14.2362ZM10.5334 14.2362C10.5334 14.3788 10.4772 14.5156 10.3772 14.6164C10.2772 14.7172 10.1415 14.7739 10.0001 14.7739C9.85863 14.7739 9.72298 14.7172 9.62296 14.6164C9.52294 14.5156 9.46675 14.3788 9.46675 14.2362V6.70935C9.46675 6.56676 9.52294 6.43001 9.62296 6.32919C9.72298 6.22836 9.85863 6.17172 10.0001 6.17172C10.1415 6.17172 10.2772 6.22836 10.3772 6.32919C10.4772 6.43001 10.5334 6.56676 10.5334 6.70935V14.2362ZM11.6001 4.55881H8.40008V2.94591C8.40008 2.80332 8.45627 2.66657 8.55629 2.56575C8.65631 2.46492 8.79197 2.40828 8.93341 2.40828H11.0667C11.2082 2.40828 11.3439 2.46492 11.4439 2.56575C11.5439 2.66657 11.6001 2.80332 11.6001 2.94591V4.55881ZM13.2001 14.2362C13.2001 14.3788 13.1439 14.5156 13.0439 14.6164C12.9439 14.7172 12.8082 14.7739 12.6667 14.7739C12.5253 14.7739 12.3896 14.7172 12.2896 14.6164C12.1896 14.5156 12.1334 14.3788 12.1334 14.2362V6.70935C12.1334 6.56676 12.1896 6.43001 12.2896 6.32919C12.3896 6.22836 12.5253 6.17172 12.6667 6.17172C12.8082 6.17172 12.9439 6.22836 13.0439 6.32919C13.1439 6.43001 13.2001 6.56676 13.2001 6.70935V14.2362Z' fill='%23888888'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6749_47716'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: 20px 20px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.airport-in {
  margin-top: 0;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.airport-in .tit-main::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6749_47720)'%3E%3Crect x='3' y='3' width='25' height='25' rx='12.5' fill='url(%23paint0_linear_6749_47720)'/%3E%3Cpath d='M9.47314 9.51434C9.47314 9.33761 9.61641 9.19434 9.79314 9.19434H12.2782C12.4549 9.19434 12.5982 9.3376 12.5982 9.51434V9.86398H9.47314V9.51434Z' fill='white'/%3E%3Crect x='9.69653' y='13.4355' width='2.67858' height='2.00893' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.91528 15.8757C8.91528 15.6989 9.05855 15.5557 9.23528 15.5557H22.2114C22.3881 15.5557 22.5314 15.6989 22.5314 15.8757V21.8057H20.36V18.7882C20.36 18.5351 20.1548 18.33 19.9018 18.33H18.1183H17.9801H17.9801H17.842H16.0585C15.8054 18.33 15.6003 18.5351 15.6003 18.7882V21.8057H13.6349V18.7882C13.6349 18.5351 13.4298 18.33 13.1768 18.33H11.5751C11.3221 18.33 11.117 18.5351 11.117 18.7882V21.8057H8.91528V15.8757ZM9.92669 16.9484C9.92669 16.7717 10.07 16.6284 10.2467 16.6284H21.0641C21.2409 16.6284 21.3841 16.7717 21.3841 16.9484V17.3701C21.3841 17.5468 21.2409 17.6901 21.0641 17.6901H10.2467C10.07 17.6901 9.92669 17.5468 9.92669 17.3701V16.9484ZM11.3932 18.7882C11.3932 18.6877 11.4747 18.6063 11.5751 18.6063H13.1768C13.2772 18.6063 13.3586 18.6877 13.3586 18.7882V21.7303H11.3932V18.7882ZM16.0585 18.6063C15.958 18.6063 15.8766 18.6877 15.8766 18.7882V21.7303H17.842V18.6063H16.0585ZM18.1183 21.7303V18.6063H19.9018C20.0023 18.6063 20.0837 18.6877 20.0837 18.7882V21.7303H18.1183Z' fill='white'/%3E%3Crect x='8.91528' y='12.6543' width='4.24108' height='0.669643' rx='0.32' fill='white'/%3E%3Cpath d='M8.80347 10.9805H13.2678L12.9371 12.543H9.13416L8.80347 10.9805Z' fill='white'/%3E%3Crect x='8.46875' y='9.97559' width='5.13394' height='0.892859' rx='0.32' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6749_47720' x1='15.5' y1='3' x2='15.5' y2='28' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23153448'/%3E%3Cstop offset='1' stop-color='%230085FF'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_6749_47720'%3E%3Crect width='25' height='25' fill='white' transform='translate(3 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 30px 30px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.airport-out .tit-main::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='12.5' fill='%23153448'/%3E%3Cpath d='M8.50517 17.3199C8.26385 17.5612 8.32986 17.9681 8.63511 18.1207L10.6487 19.1275C10.7454 19.1758 10.8239 19.2543 10.8723 19.3511L11.8791 21.3646C12.0317 21.6699 12.4385 21.7359 12.6798 21.4946L13.4344 20.74C13.5282 20.6462 13.5809 20.5191 13.5809 20.3865V18.7133C13.5809 18.5807 13.6336 18.4535 13.7273 18.3598L15.444 16.6431C15.7069 16.3802 16.1544 16.4859 16.2719 16.8385L17.8476 21.5655C17.9651 21.9181 18.4127 22.0238 18.6755 21.7609L19.9877 20.4487C20.1135 20.323 20.1629 20.1399 20.1177 19.9679L18.5244 13.9135C18.4792 13.7415 18.5287 13.5584 18.6544 13.4327L21.2344 10.8526C21.8108 10.2762 21.8108 9.34171 21.2344 8.76531C20.658 8.18891 19.7235 8.18891 19.1471 8.76531L16.5671 11.3454C16.4413 11.4711 16.2582 11.5206 16.0863 11.4753L10.0318 9.88207C9.85984 9.83681 9.67676 9.8863 9.55102 10.012L8.23881 11.3243C7.97598 11.5871 8.08163 12.0346 8.43425 12.1522L13.1613 13.7278C13.5139 13.8454 13.6195 14.2929 13.3567 14.5557L11.64 16.2724C11.5462 16.3662 11.419 16.4189 11.2864 16.4189H9.6133C9.4807 16.4189 9.35352 16.4716 9.25975 16.5653L8.50517 17.3199Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 30px 30px;
  z-index: 10;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.location-end .tit-main::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 1px;
  display: block;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.75 12.3913C24.75 18.6522 15 27 15 27C15 27 5.25 18.6522 5.25 12.3913C5.25 7.20463 9.61522 3 15 3C20.3848 3 24.75 7.20463 24.75 12.3913Z' fill='%230085FF'/%3E%3Cpath d='M18.101 9.87002C18.101 10.3385 18.2646 10.7684 18.5919 11.1598C18.9256 11.5513 19.378 11.8304 19.9491 11.9973L19.5545 12.7192C19.1245 12.5844 18.7491 12.3823 18.4283 12.1128C18.1138 11.8368 17.8668 11.516 17.6871 11.1502C17.5074 11.5545 17.2572 11.9042 16.9363 12.1994C16.6154 12.4946 16.2336 12.7128 15.7909 12.854L15.377 12.1513C15.9609 11.9716 16.4197 11.6732 16.7534 11.2561C17.0935 10.839 17.2636 10.377 17.2636 9.87002V9.78339H15.608V9.05185H17.2636V8.11816H18.101V9.05185H19.7373V9.78339H18.101V9.87002ZM21.4026 10.1877H22.4999V10.9481H21.4026V13.0176H20.5748V8.12779H21.4026V10.1877ZM21.4026 16.1074H20.5748V14.086H16.3491V13.3545H21.4026V16.1074Z' fill='white'/%3E%3Cpath d='M14.376 12.5174H12.0755V14.3847H15.1653V15.1259H8.16748V14.3847H11.238V12.5174H9.04341V8.74414H14.3086V9.47569H9.89046V11.7762H14.376V12.5174Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 30px 30px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bar {
  position: relative;
  height: 60px;
  margin: 0 0 0 63px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bar::before {
  content: "";
  position: absolute;
  top: -23px;
  left: 0;
  bottom: -10px;
  display: block;
  width: 2px;
  background: #153448;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bar .ma-time {
  margin: 0 0 0 -67px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station {
  display: block;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .tit-main {
  min-height: auto;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .tit-main span,
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .tit-main em {
  font-size: 13px;
  font-weight: 600;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .tit-main::before {
  display: none;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .tit-main .ico-tit {
  content: "";
  position: absolute;
  top: -1px;
  left: 3px;
  display: block;
  width: 25px;
  height: 25px;
  background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.38379 13.4755C3.38379 14.2033 3.70633 14.8566 4.21082 15.3115C4.63067 15.6138 5.29473 15.7855 5.8649 15.8749L5.0862 17.8293C5.03387 17.9606 5.13062 18.1033 5.272 18.1033H6.47782C6.56825 18.1033 6.64743 18.0427 6.67094 17.9553L6.80763 17.4477H13.2607L13.3864 17.9517C13.4087 18.0408 13.4887 18.1033 13.5805 18.1033H14.556C14.6908 18.1033 14.787 17.9727 14.747 17.844L14.1353 15.8749C14.7054 15.7855 15.3695 15.6138 15.7893 15.3115C16.2938 14.8566 16.6164 14.2033 16.6164 13.4755V5.20511C16.6164 2.31049 13.6556 1.89697 10.0001 1.89697C6.34458 1.89697 3.38379 2.31049 3.38379 5.20511V13.4755ZM5.03786 5.20511V9.34029H9.58655V5.20511H5.03786ZM12.8445 13.9392C13.0772 14.1718 13.3927 14.3025 13.7217 14.3025C14.0507 14.3025 14.3663 14.1718 14.5989 13.9392C14.8316 13.7065 14.9623 13.391 14.9623 13.062C14.9623 12.7329 14.8316 12.4174 14.5989 12.1847C14.3663 11.9521 14.0507 11.8214 13.7217 11.8214C13.3927 11.8214 13.0772 11.9521 12.8445 12.1847C12.6119 12.4174 12.4812 12.7329 12.4812 13.062C12.4812 13.391 12.6119 13.7065 12.8445 13.9392ZM5.40121 13.9392C5.63386 14.1718 5.9494 14.3025 6.27841 14.3025C6.60743 14.3025 6.92297 14.1718 7.15562 13.9392C7.38827 13.7065 7.51897 13.391 7.51897 13.062C7.51897 12.7329 7.38827 12.4174 7.15562 12.1847C6.92297 11.9521 6.60743 11.8214 6.27841 11.8214C5.9494 11.8214 5.63386 11.9521 5.40121 12.1847C5.16856 12.4174 5.03786 12.7329 5.03786 13.062C5.03786 13.391 5.16856 13.7065 5.40121 13.9392ZM14.9623 5.20511V9.34029H10.8271V5.20511H14.9623ZM13.0624 16.4926H7.02193L7.15562 15.9566H12.9367L13.0624 16.4926Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .detail {
  margin: 0 0 0 15px;
  padding: 30px 0 30px 23px;
  border-left: 2px solid #0052a4;
  -webkit-transition: 0.5s all 0s;
  transition: 0.5s all 0s;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .detail.active {
  padding: 15px 0 15px 23px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .detail .tit-toggle {
  display: none;
  position: relative;
  font-size: 12px;
  font-weight: 300;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .detail .tit-toggle::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 1px;
  right: -17px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4.5L6 7.5L3 4.5' stroke='%23444444' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-transition: 0.3s all 0s;
  transition: 0.3s all 0s;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .detail .tit-toggle.active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .list-sub-detail {
  display: none;
  margin: 0 0 0 -28px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .list-sub-detail ol li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 300;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .list-sub-detail ol li:first-child {
  margin-top: 14px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .list-sub-detail ol li + li {
  margin-top: 10px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .list-sub-detail ol li .txt01 {
  position: relative;
  margin: 0 0 0 21px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .distance .list-sub-detail ol li em {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid #0052a4;
  background: #fff;
  border-radius: 100%;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .out {
  position: relative;
  height: 25px;
  font-size: 13px;
  margin: -9px 0 0 87px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .out::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 8px;
  left: -27px;
  border-radius: 100%;
  background: #0052a4;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station .out span {
  font-weight: 600;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s01 .tit-main::after {
  border-color: #0052a4;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s01 .ico-tit {
  background-color: #0052a4;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s01 .txt {
  color: #0052a4;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s01 .distance .detail {
  border-color: #0052a4;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s01 .out::before {
  background-color: #0052a4;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s01 .list-sub-detail ol li em {
  border-color: #0052a4;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s02 .tit-main::after {
  border-color: #00a84d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s02 .ico-tit {
  background-color: #00a84d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s02 .txt {
  color: #00a84d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s02 .distance .detail {
  border-color: #00a84d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s02 .out::before {
  background-color: #00a84d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s02 .list-sub-detail ol li em {
  border-color: #00a84d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s03 .tit-main::after {
  border-color: #ef7c1c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s03 .ico-tit {
  background-color: #ef7c1c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s03 .txt {
  color: #ef7c1c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s03 .distance .detail {
  border-color: #ef7c1c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s03 .out::before {
  background-color: #ef7c1c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s03 .list-sub-detail ol li em {
  border-color: #ef7c1c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s04 .tit-main::after {
  border-color: #00a4e3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s04 .ico-tit {
  background-color: #00a4e3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s04 .txt {
  color: #00a4e3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s04 .distance .detail {
  border-color: #00a4e3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s04 .out::before {
  background-color: #00a4e3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s04 .list-sub-detail ol li em {
  border-color: #00a4e3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s05 .tit-main::after {
  border-color: #996cac;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s05 .ico-tit {
  background-color: #996cac;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s05 .txt {
  color: #996cac;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s05 .distance .detail {
  border-color: #996cac;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s05 .out::before {
  background-color: #996cac;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s05 .list-sub-detail ol li em {
  border-color: #996cac;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s06 .tit-main::after {
  border-color: #cd7c2f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s06 .ico-tit {
  background-color: #cd7c2f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s06 .txt {
  color: #cd7c2f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s06 .distance .detail {
  border-color: #cd7c2f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s06 .out::before {
  background-color: #cd7c2f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s06 .list-sub-detail ol li em {
  border-color: #cd7c2f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s07 .tit-main::after {
  border-color: #747f00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s07 .ico-tit {
  background-color: #747f00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s07 .txt {
  color: #747f00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s07 .distance .detail {
  border-color: #747f00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s07 .out::before {
  background-color: #747f00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s07 .list-sub-detail ol li em {
  border-color: #747f00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s08 .tit-main::after {
  border-color: #e6186c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s08 .ico-tit {
  background-color: #e6186c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s08 .txt {
  color: #e6186c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s08 .distance .detail {
  border-color: #e6186c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s08 .out::before {
  background-color: #e6186c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s08 .list-sub-detail ol li em {
  border-color: #e6186c;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s09 .tit-main::after {
  border-color: #bdb092;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s09 .ico-tit {
  background-color: #bdb092;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s09 .txt {
  color: #bdb092;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s09 .distance .detail {
  border-color: #bdb092;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s09 .out::before {
  background-color: #bdb092;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.s09 .list-sub-detail ol li em {
  border-color: #bdb092;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kimpo .tit-main::after {
  border-color: #ad8605;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kimpo .ico-tit {
  background-color: #ad8605;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kimpo .txt {
  color: #ad8605;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kimpo .distance .detail {
  border-color: #ad8605;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kimpo .out::before {
  background-color: #ad8605;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kimpo .list-sub-detail ol li em {
  border-color: #ad8605;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.air .tit-main::after {
  border-color: #0090d2;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.air .ico-tit {
  background-color: #0090d2;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.air .txt {
  color: #0090d2;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.air .distance .detail {
  border-color: #0090d2;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.air .out::before {
  background-color: #0090d2;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.air .list-sub-detail ol li em {
  border-color: #0090d2;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic01 .tit-main::after {
  border-color: #759cce;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic01 .ico-tit {
  background-color: #759cce;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic01 .txt {
  color: #759cce;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic01 .distance .detail {
  border-color: #759cce;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic01 .out::before {
  background-color: #759cce;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic01 .list-sub-detail ol li em {
  border-color: #759cce;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic02 .tit-main::after {
  border-color: #ed8000;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic02 .ico-tit {
  background-color: #ed8000;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic02 .txt {
  color: #ed8000;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic02 .distance .detail {
  border-color: #ed8000;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic02 .out::before {
  background-color: #ed8000;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ic02 .list-sub-detail ol li em {
  border-color: #ed8000;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.subn .tit-main::after {
  border-color: #fabe00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.subn .ico-tit {
  background-color: #fabe00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.subn .txt {
  color: #fabe00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.subn .distance .detail {
  border-color: #fabe00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.subn .out::before {
  background-color: #fabe00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.subn .list-sub-detail ol li em {
  border-color: #fabe00;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sibn .tit-main::after {
  border-color: #d31145;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sibn .ico-tit {
  background-color: #d31145;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sibn .txt {
  color: #d31145;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sibn .distance .detail {
  border-color: #d31145;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sibn .out::before {
  background-color: #d31145;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sibn .list-sub-detail ol li em {
  border-color: #d31145;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kjn .tit-main::after {
  border-color: #77c4a3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kjn .ico-tit {
  background-color: #77c4a3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kjn .txt {
  color: #77c4a3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kjn .distance .detail {
  border-color: #77c4a3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kjn .out::before {
  background-color: #77c4a3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kjn .list-sub-detail ol li em {
  border-color: #77c4a3;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kcn .tit-main::after {
  border-color: #178c72;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kcn .ico-tit {
  background-color: #178c72;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kcn .txt {
  color: #178c72;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kcn .distance .detail {
  border-color: #178c72;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kcn .out::before {
  background-color: #178c72;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kcn .list-sub-detail ol li em {
  border-color: #178c72;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.okn .tit-main::after {
  border-color: #fd8100;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.okn .ico-tit {
  background-color: #fd8100;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.okn .txt {
  color: #fd8100;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.okn .distance .detail {
  border-color: #fd8100;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.okn .out::before {
  background-color: #fd8100;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.okn .list-sub-detail ol li em {
  border-color: #fd8100;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ykn .tit-main::after {
  border-color: #56ad2d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ykn .ico-tit {
  background-color: #56ad2d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ykn .txt {
  color: #56ad2d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ykn .distance .detail {
  border-color: #56ad2d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ykn .out::before {
  background-color: #56ad2d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ykn .list-sub-detail ol li em {
  border-color: #56ad2d;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kkn .tit-main::after {
  border-color: #0054a6;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kkn .ico-tit {
  background-color: #0054a6;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kkn .txt {
  color: #0054a6;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kkn .distance .detail {
  border-color: #0054a6;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kkn .out::before {
  background-color: #0054a6;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.kkn .list-sub-detail ol li em {
  border-color: #0054a6;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.osn .tit-main::after {
  border-color: #b7c450;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.osn .ico-tit {
  background-color: #b7c450;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.osn .txt {
  color: #b7c450;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.osn .distance .detail {
  border-color: #b7c450;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.osn .out::before {
  background-color: #b7c450;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.osn .list-sub-detail ol li em {
  border-color: #b7c450;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.shn .tit-main::after {
  border-color: #8fc31f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.shn .ico-tit {
  background-color: #8fc31f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.shn .txt {
  color: #8fc31f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.shn .distance .detail {
  border-color: #8fc31f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.shn .out::before {
  background-color: #8fc31f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.shn .list-sub-detail ol li em {
  border-color: #8fc31f;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sln .tit-main::after {
  border-color: #6789ca;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sln .ico-tit {
  background-color: #6789ca;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sln .txt {
  color: #6789ca;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sln .distance .detail {
  border-color: #6789ca;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sln .out::before {
  background-color: #6789ca;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.sln .list-sub-detail ol li em {
  border-color: #6789ca;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.gtxa .tit-main::after {
  border-color: #9a6292;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.gtxa .ico-tit {
  background-color: #9a6292;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.gtxa .txt {
  color: #9a6292;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.gtxa .distance .detail {
  border-color: #9a6292;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.gtxa .out::before {
  background-color: #9a6292;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.gtxa .list-sub-detail ol li em {
  border-color: #9a6292;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ktx .tit-main::after {
  border-color: #003da5;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ktx .ico-tit {
  background-color: #003da5;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ktx .txt {
  color: #003da5;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ktx .distance .detail {
  border-color: #003da5;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ktx .out::before {
  background-color: #003da5;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.ktx .list-sub-detail ol li em {
  border-color: #003da5;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.srt .tit-main::after {
  border-color: #4d2e47;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.srt .ico-tit {
  background-color: #4d2e47 !important;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.srt .txt {
  color: #4d2e47;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.srt .distance .detail {
  border-color: #4d2e47;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.srt .out::before {
  background-color: #4d2e47;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.station.station.srt .list-sub-detail ol li em {
  border-color: #4d2e47;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.train .tit-main .ico-tit {
  content: "";
  position: absolute;
  top: -1px;
  left: 3px;
  display: block;
  width: 25px;
  height: 25px;
  background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.4781 9.53906L15.7289 15.0852C15.6567 15.3498 15.4996 15.5833 15.2816 15.7498C15.0636 15.9162 14.7969 16.0063 14.5227 16.0063H13.75L14.875 17.5063C14.9243 17.5719 14.9601 17.6467 14.9805 17.7262C15.0008 17.8057 15.0053 17.8884 14.9937 17.9697C14.9821 18.0509 14.9546 18.1291 14.9128 18.1997C14.871 18.2703 14.8157 18.332 14.75 18.3813C14.6843 18.4305 14.6096 18.4664 14.5301 18.4867C14.4506 18.5071 14.3679 18.5116 14.2866 18.5C14.2054 18.4884 14.1272 18.4609 14.0566 18.4191C13.9859 18.3773 13.9243 18.3219 13.875 18.2563L13.2084 17.3674H6.79166L6.12501 18.2563C6.07576 18.3219 6.01406 18.3773 5.94344 18.4191C5.87282 18.4609 5.79465 18.4884 5.71339 18.5C5.63214 18.5116 5.5494 18.5071 5.46989 18.4867C5.39038 18.4664 5.31567 18.4305 5.25001 18.3813C5.18435 18.332 5.12903 18.2703 5.08721 18.1997C5.04539 18.1291 5.0179 18.0509 5.00629 17.9697C4.99468 17.8884 4.99919 17.8057 5.01956 17.7262C5.03993 17.6467 5.07576 17.5719 5.12501 17.5063L6.25001 16.0063H5.47735C5.20309 16.0063 4.93641 15.9162 4.71843 15.7498C4.50045 15.5833 4.34327 15.3498 4.2711 15.0852L2.52188 9.53906C2.49303 9.43159 2.49303 9.31841 2.52188 9.21094L4.2711 2.79609C4.34327 2.53149 4.50045 2.29797 4.71843 2.13152C4.93641 1.96507 5.20309 1.87493 5.47735 1.875H14.5227C14.7969 1.87493 15.0636 1.96507 15.2816 2.13152C15.4996 2.29797 15.6567 2.53149 15.7289 2.79609L17.4781 9.21094C17.507 9.31841 17.507 9.43159 17.4781 9.53906ZM7.81251 16.0063H12.1875L12.5417 16.4785H7.45832L7.81251 16.0063ZM14.5227 3.125L16.0938 8.88203L10.625 9.87622L10 9.98984L9.55806 9.9095L9.37501 9.87622L3.90626 8.88203L5.47735 3.125H9.37501H9.55806H10.625H14.5227ZM8.81711 12.6999C8.93892 12.2891 9.38448 11.9941 9.62642 11.9219C10.307 11.7188 10.832 12.1371 10.9597 12.3452C11.0851 12.4871 11.3074 12.9028 11.1939 13.4307C11.0803 13.9586 10.5553 14.2277 10.307 14.2963C9.71673 14.4495 9.28537 14.1662 9.14347 14.0054C8.65535 13.54 8.72251 12.9412 8.81711 12.6999Z' fill='white'/%3E%3Cpath d='M9.55806 9.9095L10 9.98984L10.625 9.87622V3.125H9.55806H9.37501V9.87622L9.55806 9.9095Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus {
  display: block;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .tit-main {
  min-height: auto;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .tit-main span,
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .tit-main em {
  font-size: 13px;
  font-weight: 600;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .tit-main::before {
  display: none;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .tit-main .ico-tit {
  content: "";
  position: absolute;
  top: -1px;
  left: 3px;
  display: block;
  width: 25px;
  height: 25px;
  background: #53b332 url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9999 9.1665H4.99992V4.99984H14.9999M13.7499 14.1665C13.4184 14.1665 13.1005 14.0348 12.866 13.8004C12.6316 13.566 12.4999 13.248 12.4999 12.9165C12.4999 12.585 12.6316 12.267 12.866 12.0326C13.1005 11.7982 13.4184 11.6665 13.7499 11.6665C14.0814 11.6665 14.3994 11.7982 14.6338 12.0326C14.8682 12.267 14.9999 12.585 14.9999 12.9165C14.9999 13.248 14.8682 13.566 14.6338 13.8004C14.3994 14.0348 14.0814 14.1665 13.7499 14.1665ZM6.24992 14.1665C5.9184 14.1665 5.60046 14.0348 5.36603 13.8004C5.13161 13.566 4.99992 13.248 4.99992 12.9165C4.99992 12.585 5.13161 12.267 5.36603 12.0326C5.60046 11.7982 5.9184 11.6665 6.24992 11.6665C6.58144 11.6665 6.89938 11.7982 7.1338 12.0326C7.36822 12.267 7.49992 12.585 7.49992 12.9165C7.49992 13.248 7.36822 13.566 7.1338 13.8004C6.89938 14.0348 6.58144 14.1665 6.24992 14.1665ZM3.33325 13.3332C3.33325 14.0665 3.65825 14.7248 4.16659 15.1832V16.6665C4.16659 16.8875 4.25438 17.0995 4.41066 17.2558C4.56694 17.412 4.7789 17.4998 4.99992 17.4998H5.83325C6.05427 17.4998 6.26623 17.412 6.42251 17.2558C6.57879 17.0995 6.66659 16.8875 6.66659 16.6665V15.8332H13.3333V16.6665C13.3333 16.8875 13.421 17.0995 13.5773 17.2558C13.7336 17.412 13.9456 17.4998 14.1666 17.4998H14.9999C15.2209 17.4998 15.4329 17.412 15.5892 17.2558C15.7455 17.0995 15.8333 16.8875 15.8333 16.6665V15.1832C16.3416 14.7248 16.6666 14.0665 16.6666 13.3332V4.99984C16.6666 2.08317 13.6833 1.6665 9.99992 1.6665C6.31659 1.6665 3.33325 2.08317 3.33325 4.99984V13.3332Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate .txt02 {
  margin-right: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #53b332;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate .num {
  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;
  border: 1px solid #53b332;
  color: #53b332;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 3px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate .num + .num {
  margin-left: 4px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-ji .txt02 {
  color: #53b332;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-ji .num {
  border-color: #53b332;
  color: #53b332;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-ga .txt02 {
  color: #0068b7;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-ga .num {
  border-color: #0068b7;
  color: #0068b7;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-ka .txt02 {
  color: #e60012;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-ka .num {
  border-color: #e60012;
  color: #e60012;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-su .txt02 {
  color: #f2b70a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-su .num {
  border-color: #f2b70a;
  color: #f2b70a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-ko .txt02 {
  color: #e2402a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-ko .num {
  border-color: #e2402a;
  color: #e2402a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-go .txt02 {
  color: #00a0e9;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .bus-cate.line-go .num {
  border-color: #00a0e9;
  color: #00a0e9;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .detail {
  margin: 0 0 0 15px;
  padding: 8px 0 30px 23px;
  border-left: 2px solid #0052a4;
  -webkit-transition: 0.5s all 0s;
  transition: 0.5s all 0s;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .detail.active {
  padding: 15px 0 15px 23px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .detail .tit-toggle {
  position: relative;
  font-size: 12px;
  font-weight: 300;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .detail .tit-toggle::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 1px;
  right: -17px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4.5L6 7.5L3 4.5' stroke='%23444444' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .list-sub-detail {
  margin: 0 0 0 -28px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .list-sub-detail ol li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 300;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .list-sub-detail ol li:first-child {
  margin-top: 14px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .list-sub-detail ol li + li {
  margin-top: 10px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .list-sub-detail ol li .txt01 {
  position: relative;
  margin: 0 0 0 21px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .distance .list-sub-detail ol li em {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid #0052a4;
  background: #fff;
  border-radius: 100%;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .out {
  position: relative;
  position: relative;
  font-size: 13px;
  margin: -9px 0 0 87px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .out::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 8px;
  left: -27px;
  border-radius: 100%;
  background: #0052a4;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus .out span {
  font-weight: 600;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ji .tit-main::after {
  border-color: #53b332;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ji .ico-tit {
  background-color: #53b332;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ji .distance .detail {
  border-color: #53b332;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ji .out::before {
  background-color: #53b332;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ji .list-sub-detail ol li em {
  border-color: #53b332 !important;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ga .tit-main::after {
  border-color: #0068b7;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ga .tit-main > .ico-tit {
  background-color: #0068b7 !important;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ga .distance .detail {
  border-color: #0068b7;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ga .out::before {
  background-color: #0068b7;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ka .tit-main::after {
  border-color: #e60012;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ka .tit-main > .ico-tit {
  background-color: #e60012 !important;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ka .distance .detail {
  border-color: #e60012;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ka .out::before {
  background-color: #e60012;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-su .tit-main::after {
  border-color: #f2b70a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-su .tit-main > .ico-tit {
  background-color: #f2b70a !important;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-su .distance .detail {
  border-color: #f2b70a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-su .out::before {
  background-color: #f2b70a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ko .tit-main::after {
  border-color: #e2402a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ko .tit-main > .ico-tit {
  background-color: #e2402a !important;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ko .distance .detail {
  border-color: #e2402a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-ko .out::before {
  background-color: #e2402a;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-go .tit-main::after {
  border-color: #00a0e9;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-go .tit-main > .ico-tit {
  background-color: #00a0e9 !important;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-go .distance .detail {
  border-color: #00a0e9;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .item.bus.line-go .out::before {
  background-color: #00a0e9;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .tit-main {
  position: relative;
  padding: 0 0 0 38px;
  font-size: 13px;
  font-weight: 500;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .tit-main::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 1px;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 16.5217C33 24.8696 20 36 20 36C20 36 7 24.8696 7 16.5217C7 9.60617 12.8203 4 20 4C27.1797 4 33 9.60617 33 16.5217Z' fill='%23FF3737'/%3E%3Cpath d='M22.0172 12.7346H24.6097V11.3357H25.7263V15.9817H20.9006V11.3357H22.0172V12.7346ZM24.6097 15.0063V13.6715H22.0172V15.0063H24.6097ZM28.5369 13.0555H30V14.0565H28.5369V16.341H27.4204V10.8608H28.5369V13.0555ZM28.5369 19.4854H23.0568V20.4094H28.8706V21.3848H21.9402V18.587H27.4332V17.7143H21.9274V16.7517H28.5369V19.4854Z' fill='white'/%3E%3Cpath d='M20.1561 16.405H16.0877V17.2007H19.0011V19.6777H13.1102V20.4605H19.2962V21.3846H12.0193V18.8178H17.9102V18.0991H11.9936V17.2007H14.9711V16.405H10.8899V15.4937H20.1561V16.405ZM16.0877 11.759H19.2449V12.6702H16.1904C16.3187 13.0895 16.6952 13.4403 17.3198 13.7226C17.9444 13.9964 18.7444 14.1633 19.7198 14.2232L19.3861 15.1216C18.4791 15.0617 17.6877 14.8991 17.0118 14.6339C16.3358 14.3601 15.8396 14.0007 15.523 13.5558C15.215 14.0007 14.723 14.3601 14.0471 14.6339C13.3712 14.8991 12.5754 15.0617 11.6599 15.1216L11.3263 14.2232C12.3016 14.1633 13.1016 13.9964 13.7262 13.7226C14.3594 13.4403 14.7401 13.0895 14.8685 12.6702H11.8139V11.759H14.9711V10.835H16.0877V11.759Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 30px 30px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .ma-time {
  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;
  min-width: 48px;
  font-size: 11px;
  font-weight: 500;
  color: #888;
  padding: 0 0 0 8px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .dist-tree {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 70px;
  border-left: 2px dotted #888;
  padding: 0 0 0 23px;
  margin: 0 0 0 15px;
  font-size: 12px;
  color: #888;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .dist-tree::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -11px;
  display: block;
  width: 20px;
  height: 27px;
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4421 3.33317C13.4421 3.7752 13.2665 4.19912 12.9539 4.51168C12.6414 4.82424 12.2174 4.99984 11.7754 4.99984C11.3334 4.99984 10.9095 4.82424 10.5969 4.51168C10.2843 4.19912 10.1088 3.7752 10.1088 3.33317C10.1088 2.89114 10.2843 2.46722 10.5969 2.15466C10.9095 1.8421 11.3334 1.6665 11.7754 1.6665C12.2174 1.6665 12.6414 1.8421 12.9539 2.15466C13.2665 2.46722 13.4421 2.89114 13.4421 3.33317ZM11.1267 11.8319L13.2904 13.9669C13.3734 14.0488 13.4383 14.1472 13.4808 14.2557L14.6346 17.1953C14.7154 17.401 14.7111 17.6304 14.6227 17.8331C14.5343 18.0357 14.3691 18.1949 14.1633 18.2757C13.9576 18.3565 13.7281 18.3522 13.5255 18.2638C13.3229 18.1754 13.1637 18.0102 13.0829 17.8044L11.9938 15.029L8.27375 11.3582C8.18386 11.2695 8.11529 11.1616 8.07321 11.0426C8.03113 10.9236 8.01664 10.7965 8.03084 10.6711L8.32875 8.03775C7.61042 8.75192 7.05625 9.75567 6.63167 11.0861C6.59993 11.1921 6.54737 11.2908 6.47707 11.3763C6.40676 11.4618 6.32013 11.5325 6.22222 11.5842C6.12431 11.6358 6.01708 11.6675 5.90681 11.6772C5.79653 11.687 5.68542 11.6747 5.57996 11.641C5.4745 11.6073 5.3768 11.553 5.29257 11.4812C5.20834 11.4093 5.13926 11.3214 5.08938 11.2226C5.0395 11.1238 5.00981 11.016 5.00205 10.9056C4.99429 10.7951 5.00861 10.6843 5.04417 10.5794C5.82334 8.13775 7.11709 6.31025 9.28792 5.47234L9.2975 5.46859C9.85042 5.26317 10.4254 5.27984 10.9379 5.54442C11.43 5.799 11.7804 6.23859 12.01 6.73109L12.28 7.31442C12.4833 7.75525 12.6542 8.12692 12.8188 8.45275C13.0492 8.91109 13.2346 9.21525 13.4179 9.42859C13.5879 9.62609 13.7567 9.74775 13.9721 9.83192C14.2038 9.92234 14.5283 9.98484 15.0296 9.99984C15.1397 10.002 15.2483 10.0261 15.3491 10.0705C15.4498 10.1149 15.5408 10.1789 15.6167 10.2587C15.6926 10.3385 15.752 10.4325 15.7913 10.5354C15.8306 10.6383 15.8492 10.7479 15.8459 10.858C15.8426 10.9681 15.8175 11.0764 15.772 11.1768C15.7266 11.2771 15.6617 11.3674 15.5812 11.4425C15.5006 11.5176 15.406 11.576 15.3027 11.6143C15.1995 11.6526 15.0896 11.6701 14.9796 11.6657C14.3775 11.6478 13.8429 11.5707 13.3658 11.3844C12.8729 11.1919 12.4842 10.899 12.1533 10.5136C11.945 10.2711 11.7617 9.994 11.5908 9.69275L11.1267 11.8319Z' fill='%23888888'/%3E%3Cpath d='M8.0309 12.5913L9.41215 13.9163L8.77632 16.0609C8.72715 16.2268 8.62754 16.3733 8.49132 16.4801L6.35215 18.1563C6.26597 18.2238 6.16734 18.2737 6.0619 18.303C5.95645 18.3324 5.84624 18.3407 5.73758 18.3275C5.62892 18.3143 5.52392 18.2798 5.42858 18.226C5.33325 18.1722 5.24944 18.1002 5.18195 18.014C5.11445 17.9278 5.06459 17.8292 5.03522 17.7238C5.00584 17.6183 4.99752 17.5081 5.01073 17.3994C5.02395 17.2908 5.05843 17.1858 5.11222 17.0904C5.16602 16.9951 5.23806 16.9113 5.32424 16.8438L7.25424 15.3321L7.83549 13.3696L8.0309 12.5913Z' fill='%23888888'/%3E%3C/svg%3E%0A");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 0 center;
  -webkit-transition: 0.4s all 0s;
  transition: 0.4s all 0s;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .loc-time {
  padding: 0 5px 0 0;
  color: #888;
  font-size: 11px;
  font-weight: 500;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .section {
  padding: 20px 0 20px 20px;
  margin: 12px 20px 0 20px;
  cursor: pointer;
  -webkit-transition: 0.4s all 0s;
  transition: 0.4s all 0s;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .section.active {
  background: #e9f1ff;
  border-radius: 8px;
}
.route-find-wrap .route-detail-search-area .list-public-detail-inner .section.active .dist-tree::before {
  background-color: #e9f1ff;
}
.route-find-wrap .route-detail-search-area .guide-inner-box {
  background: #f2f4f7;
  padding: 14px 15px;
  font-size: 12px;
  font-weight: 600;
  color: #3c5b6f;
}
.route-find-wrap .route-detail-search-area .guide-inner-box + .each-location-time {
  margin-top: 12px !important;
}

.notam-search {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.notam-search .input {
  padding-right: 72px;
}
.notam-search .search-buttons {
  position: absolute;
  top: 6px;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 60px;
}
.notam-search .search-buttons .btn-del {
  display: none;
}
.notam-search.is-active .search-buttons .btn-del {
  display: block;
}

.main-page #content {
  margin: 0;
}
.main-page .content-wrap {
  padding: 32px 0px 32px 20px;
}
.main-page.edit .content-wrap {
  padding: 0;
}
.main-page .edit-wizard-main {
  overflow: hidden;
}
.main-page .edit-wizard-main .top-wizard-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 102px 0 32px;
  background: #fff;
}
.main-page .edit-wizard-main .top-wizard-filter .filter-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-page .edit-wizard-main .top-wizard-filter .filter-button {
  width: 80px;
  height: 36px;
  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;
  color: #888;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.main-page .edit-wizard-main .top-wizard-filter .filter-button.common {
  border: 1px solid #ccc;
  border-right: 0;
  border-radius: 6px 0 0 6px;
}
.main-page .edit-wizard-main .top-wizard-filter .filter-button.common.is-active {
  color: #fff;
  font-weight: 500;
  background: #0084ff;
}
.main-page .edit-wizard-main .top-wizard-filter .filter-button.my {
  border: 1px solid #ccc;
  border-right: 0;
}
.main-page .edit-wizard-main .top-wizard-filter .filter-button.my.is-active {
  color: #fff;
  font-weight: 500;
  background: #263959;
  border-left: 0;
}
.main-page .edit-wizard-main .top-wizard-filter .filter-button.share {
  border: 1px solid #ccc;
  border-radius: 0 6px 6px 0;
}
.main-page .edit-wizard-main .top-wizard-filter .filter-button.share.is-active {
  color: #fff;
  font-weight: 500;
  background: #4f709c;
  border-left: 0;
}
.main-page .edit-wizard-main .top-wizard-filter .filter-button.is-active + .filter-button {
  border-left: 0;
}
.main-page .edit-wizard-main .top-wizard-filter .tooltip .tooltip-txt {
  color: #444;
}
.main-page .edit-wizard-main .top-wizard-title {
  padding: 16px 32px 0;
  background: #fff;
  color: #153448;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.main-page .edit-wizard-main .top-wizard {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 32px 12px 47px;
  background: #fff;
}
.main-page .edit-wizard-main .top-wizard::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 94px;
  width: 1px;
  height: 98px;
  background: #e5e5e5;
}
.main-page .edit-wizard-main .btn-set-area {
  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;
  padding: 0 32px;
  height: 72px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #a7a7a7;
  background: #fff;
}
.main-page .edit-wizard-main .btn-set-area .dashboard-name-text {
  display: none;
  gap: 8px;
}
.main-page .edit-wizard-main .btn-set-area .dashboard-name-text .text {
  color: #153448;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.main-page .edit-wizard-main .btn-set-area .dashboard-name-text.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-page .edit-wizard-main .btn-set-area .dashboard-name-input {
  display: none;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-page .edit-wizard-main .btn-set-area .dashboard-name-input .input-name {
  padding-right: 6px;
  color: #153448;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.main-page .edit-wizard-main .btn-set-area .dashboard-name-input .input {
  width: 640px;
}
.main-page .edit-wizard-main .btn-set-area .dashboard-name-input .btn-okay {
  height: 32px;
}
.main-page .edit-wizard-main .btn-set-area .dashboard-name-input.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-page .edit-wizard-main .btn-set-area .right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.main-page .edit-wizard-main .btn-set-area .right-box .button {
  height: 42px;
  min-width: 100px;
}
.main-page .edit-wizard-main .btn-set-area .right-box .button.btn-myview-edit {
  width: 120px;
}
.main-page .edit-wizard-main .btn-set-area .right-box .button.btn-myhome-edit {
  width: 195px;
}
.main-page .edit-wizard-main .list-dashboard-theme {
  overflow-x: auto;
  white-space: nowrap;
  width: calc(100% - 107px);
  padding-bottom: 12px;
  font-size: 0;
}
.main-page .edit-wizard-main .list-dashboard-theme::-webkit-scrollbar {
  height: 2px;
}
.main-page .edit-wizard-main .list-dashboard-theme::-webkit-scrollbar-track {
  height: 2px;
  background-color: #e5e5e5;
}
.main-page .edit-wizard-main .list-dashboard-theme::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #153448;
}
.main-page .edit-wizard-main .list-dashboard-nodata {
  width: calc(100% - 107px);
  height: 112px;
  padding-bottom: 12px;
}
.main-page .edit-wizard-main .list-dashboard-nodata .nodata-text {
  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;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  color: #888;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item {
  position: relative;
  display: inline-block;
  width: 240px;
  height: 98px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 20px;
  cursor: pointer;
  border-radius: 6px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item + .item {
  margin-left: 16px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item:last-child {
  margin-right: 20px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item.home {
  background: #f2f4f7;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .mt-name {
  width: 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;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .mt-name-front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .mt-bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .mt-bot .date {
  color: #888888;
  font-size: 13px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .mt-bot .optional > button {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 10;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .mt-bot .optional > button::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 17.8034682081% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .mt-bot .optional > button.is-active + .layer-share {
  display: block;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .layer-share {
  display: none;
  position: fixed;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  z-index: 100;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .layer-share ol li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 10px 12px;
  width: 170px;
  height: 36px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .layer-share ol li button:hover {
  font-weight: 600;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .layer-share ol li + li {
  border-top: 1px solid #e5e5e5;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .flag {
  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;
  padding: 0 10px;
  height: 24px;
  background: #0085ff;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 20px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .flag.user {
  background: #263959;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .flag.share {
  background: #4f709c;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .title {
  padding-top: 16px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info {
  z-index: 1;
  display: none;
  position: fixed;
  width: 260px;
  padding-top: 11px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 96.1805555556% 23.3830845771%;
  width: 24px;
  height: 14px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info.is-active {
  display: block;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info-inner {
  padding: 24px;
  border: 1px solid #cccccc;
  background: #f8f8f8;
  border-radius: 12px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info-name {
  white-space: initial;
  word-break: break-word;
  color: #153448;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info-sm {
  margin-top: 10px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info-sm dl + dl {
  padding-top: 4px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info-sm dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info-sm dt {
  color: #3c5b6f;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info-sm dd {
  color: #444;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item .item-info::before {
  display: block;
  position: absolute;
  top: 3.5px;
  left: 24px;
  width: 22px;
  height: 12px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item.active::after {
  border: 2px solid #0085ff;
}
.main-page .edit-wizard-main .list-dashboard-theme .item.active .title {
  color: #0084ff;
}
.main-page .edit-wizard-main .list-dashboard-theme .item:hover {
  border: 2px solid #0085ff;
  padding: 19px;
}
.main-page .edit-wizard-main .list-dashboard-theme .item:hover .title {
  color: #0084ff;
}
.main-page .edit-wizard-main .list-dashboard-theme .item.active {
  border: 2px solid #0085ff;
  padding: 19px;
}
.main-page .edit-wizard-main .add-dashboard-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-page .edit-wizard-main .add-dashboard-box .input-box {
  width: 300px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  padding: 20px;
}
.main-page .edit-wizard-main .add-dashboard-box .input-box input {
  width: 100%;
  height: 32px;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #ccc;
  padding: 6px 12px;
}
.main-page .edit-wizard-main .add-dashboard-box .input-box p {
  padding-left: 20px;
  color: #3c5b6f;
  font-size: 12px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99891 11.1996V11.2277M6.39961 6.02983C6.39961 5.12948 7.11595 4.39961 7.99961 4.39961C8.88326 4.39961 9.59961 5.12948 9.59961 6.02983C9.59961 6.93017 8.88326 7.66005 7.99961 7.66005C7.99961 7.66005 7.99891 8.14663 7.99891 8.74686M14.3996 7.99961C14.3996 11.5342 11.5342 14.3996 7.99961 14.3996C4.46499 14.3996 1.59961 11.5342 1.59961 7.99961C1.59961 4.46499 4.46499 1.59961 7.99961 1.59961C11.5342 1.59961 14.3996 4.46499 14.3996 7.99961Z' stroke='%233C5B6F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 center no-repeat;
}
.main-page .edit-wizard-main .add-dashboard-box .btn-add {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7992 15.9994H15.9992M15.9992 15.9994H11.1992M15.9992 15.9994V20.7994M15.9992 15.9994L15.9992 11.1994M28.7992 16.0002C28.7992 23.0694 23.0685 28.8002 15.9992 28.8002C8.92997 28.8002 3.19922 23.0694 3.19922 16.0002C3.19922 8.93095 8.92997 3.2002 15.9992 3.2002C23.0685 3.2002 28.7992 8.93095 28.7992 16.0002Z' stroke='%23CCCCCC' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  font-size: 0;
}

.main-wrap .main-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -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;
}
.main-wrap .main-layout.view .edit-wizard-main {
  width: 1440px;
}
.main-wrap .main-layout.view .edit-wizard-main .custom-dashboard-area {
  padding: 0;
}
.main-wrap .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.custom-dashboard-area {
  position: relative;
  padding: 0;
  z-index: 0;
}
.custom-dashboard-area .edit-pan {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.custom-dashboard-area .edit-pan .row {
  max-width: 1440px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px dashed #a7a7a7;
}
.custom-dashboard-area .edit-pan .row .square {
  position: relative;
  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;
  width: 360px;
  height: 207.2px;
  border-right: 1px dashed #a7a7a7;
}
.custom-dashboard-area .edit-pan .row .square:last-child {
  border-right: 0;
}

.modal-main-add .field.is-horizontal .field-body {
  padding-left: 10px;
}
.modal-main-add .url-input {
  padding: 10px 0 0 26px;
  color: #888;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.component {
  border-radius: 6px;
  border: 1px solid #d4dff3;
  background: #fff;
}
.component[class*=w] {
  overflow: hidden;
}
.component.w1x1 {
  width: 430px;
  height: 240px;
}
.component.w2x1 {
  width: 880px;
  height: 240px;
}
.component.w2x1 {
  width: 880px;
  height: 240px;
}
.component.w2x2 {
  width: 880px;
  height: 500px;
}
.component.w2x4 {
  width: 880px;
  height: 1020px;
}
.component.w4x4 {
  width: 1780px;
  height: 1020px;
}
.component.w1x2 {
  width: 430px;
  height: 500px;
}
.component.w1x3 {
  width: 430px;
  height: 760px;
}
.component.w1x4 {
  width: 430px;
  height: 1020px;
}
.component.w2x3 {
  width: 880px;
  height: 760px;
}
.component.w3x1 {
  width: 1330px;
  height: 240px;
}
.component.w3x2 {
  width: 1330px;
  height: 500px;
}
.component.w3x3 {
  width: 1330px;
  height: 760px;
}
.component.w3x4 {
  width: 1330px;
  height: 1020px;
}
.component.w4x1 {
  width: 1780px;
  height: 240px;
}
.component.w4x2 {
  width: 1780px;
  height: 500px;
}
.component.w4x3 {
  width: 1780px;
  height: 760px;
}
.component.full {
  width: 1780px;
  height: auto;
}
.component.full.url {
  height: 128px;
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
}
.component.personal-info {
  background: #fff;
}
.component.personal-info .c-top {
  padding: 23px 30px 23px 30px;
  background: rgba(232, 241, 248, 0.8);
}
.component.personal-info .c-bottom {
  padding: 17px 30px;
}
.component.personal-info .c-bottom ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #768396;
  font-size: 15px;
}
.component.personal-info .c-bottom ol li .tit {
  font-weight: 500;
}
.component.personal-info .c-bottom ol li + li {
  margin-top: 6px;
}
.component.personal-info .name {
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  color: #153448;
}
.component.personal-info .name span {
  margin-left: 10px;
  font-size: 19px;
  font-weight: 500;
}
.component.personal-info .dept {
  font-size: 17px;
}
.component.weather {
  position: relative;
  padding: 25px 25px 0 25px;
  background: url(/img/img-widget-weather.png) 0 0 no-repeat;
}
.component.weather.bg-gwangju {
  background: url(/img/bg-gwangju.png) 0 0 no-repeat;
}
.component.weather.bg-gunsan {
  background: url(/img/bg-gunsan.png) 0 0 no-repeat;
}
.component.weather.bg-gimpo {
  background: url(/img/bg-gimpo.png) 0 0 no-repeat;
}
.component.weather.bg-gimhae {
  background: url(/img/bg-gimhae.png) 0 0 no-repeat;
}
.component.weather.bg-daegu {
  background: url(/img/bg-daegu.png) 0 0 no-repeat;
}
.component.weather.bg-muan {
  background: url(/img/bg-muan.png) 0 0 no-repeat;
}
.component.weather.bg-sacheon {
  background: url(/img/bg-sacheon.png) 0 0 no-repeat;
}
.component.weather.bg-yangyang {
  background: url(/img/bg-yangyang.png) 0 0 no-repeat;
}
.component.weather.bg-yeosu {
  background: url(/img/bg-yeosu.png) 0 0 no-repeat;
}
.component.weather.bg-ulsan {
  background: url(/img/bg-ulsan.png) 0 0 no-repeat;
}
.component.weather.bg-wonju {
  background: url(/img/bg-wonju.png) 0 0 no-repeat;
}
.component.weather.bg-jeju {
  background: url(/img/bg-jeju.png) 0 0 no-repeat;
}
.component.weather.bg-cheongju {
  background: url(/img/bg-cheongju.png) 0 0 no-repeat;
}
.component.weather.bg-pohang {
  background: url(/img/bg-pohang.png) 0 0 no-repeat;
}
.component.weather .weather-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.component.weather .status {
  margin: 21px 0 0 25px;
  width: 140px;
  height: 140px;
}
.component.weather .status.weather01 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0523 4.60639L5.66212 4.21461C5.27194 3.82283 4.64166 3.83288 4.26148 4.21461L4.25148 4.22466C3.8613 4.61644 3.8613 5.24931 4.25148 5.63105L4.64166 6.02283C5.03183 6.41461 5.65211 6.41461 6.04229 6.02283L6.0523 6.01278C6.44247 5.63105 6.44247 4.98813 6.0523 4.60639ZM3.01091 10.9954H1.99045C1.4402 10.9954 1 11.4374 1 11.99V12C1 12.5525 1.4402 12.9945 1.99045 12.9945H3.00091C3.56116 13.0046 4.00136 12.5626 4.00136 12.01V12C4.00136 11.4374 3.56116 10.9954 3.01091 10.9954ZM12.015 1H12.005C11.4447 1 11.0045 1.44201 11.0045 1.99452V2.9589C11.0045 3.51142 11.4447 3.95342 11.995 3.95342H12.005C12.5653 3.96347 13.0055 3.52146 13.0055 2.96895V1.99452C13.0055 1.44201 12.5653 1 12.015 1ZM19.7585 4.22466C19.3683 3.83288 18.7381 3.83288 18.3479 4.21461L17.9577 4.60639C17.5675 4.99817 17.5675 5.63105 17.9577 6.01278L17.9677 6.02283C18.3579 6.41461 18.9882 6.41461 19.3684 6.02283L19.7585 5.63105C20.1487 5.23927 20.1487 4.61644 19.7585 4.22466ZM17.9477 19.3936L18.3379 19.7854C18.7281 20.1772 19.3583 20.1772 19.7485 19.7854C20.1387 19.3936 20.1387 18.7607 19.7485 18.3689L19.3583 17.9772C18.9682 17.5854 18.3379 17.5954 17.9577 17.9772C17.5575 18.379 17.5575 19.0018 17.9477 19.3936ZM20.0086 11.99V12C20.0086 12.5525 20.4488 12.9945 20.9991 12.9945H22.0096C22.5598 12.9945 23 12.5525 23 12V11.99C23 11.4374 22.5598 10.9954 22.0096 10.9954H20.9991C20.4488 10.9954 20.0086 11.4374 20.0086 11.99ZM12.005 5.9726C8.6935 5.9726 6.00227 8.67489 6.00227 12C6.00227 15.3251 8.6935 18.0274 12.005 18.0274C15.3165 18.0274 18.0077 15.3251 18.0077 12C18.0077 8.67489 15.3165 5.9726 12.005 5.9726ZM11.995 23H12.005C12.5553 23 12.9955 22.558 12.9955 22.0055V21.0411C12.9955 20.4886 12.5553 20.0466 12.005 20.0466H11.995C11.4447 20.0466 11.0045 20.4886 11.0045 21.0411V22.0055C11.0045 22.558 11.4447 23 11.995 23ZM4.25148 19.7753C4.64166 20.1671 5.27194 20.1671 5.66212 19.7753L6.0523 19.3836C6.44247 18.9918 6.43247 18.3589 6.0523 17.9772L6.04229 17.9671C5.65211 17.5753 5.02183 17.5753 4.63165 17.9671L4.24147 18.3589C3.8613 18.7607 3.8613 19.3836 4.25148 19.7753Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather02 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1873 4.07411C17.3755 4.07943 17.4527 4.31817 17.3033 4.43275L15.3296 5.94623C15.2638 5.99668 15.2359 6.08249 15.2596 6.16195L15.9689 8.54717C16.0227 8.72798 15.8192 8.87588 15.6638 8.76894L13.6137 7.35803C13.5454 7.31104 13.4552 7.31104 13.3869 7.35803L11.3368 8.76894C11.1814 8.87588 10.978 8.72798 11.0317 8.54717L11.7411 6.16195C11.7647 6.08249 11.7369 5.99668 11.6711 5.94623L9.6973 4.43275C9.54788 4.31817 9.62514 4.07943 9.81335 4.07411L12.3031 4.00387C12.3858 4.00154 12.4585 3.94856 12.486 3.87058L13.3117 1.5337C13.3746 1.35588 13.6261 1.35588 13.6889 1.5337L14.5146 3.87058C14.5421 3.94856 14.6148 4.00154 14.6975 4.00387L17.1873 4.07411ZM20.681 10.9862C20.87 10.9908 20.9477 11.2306 20.7974 11.3452L19.7202 12.1662C19.6541 12.2167 19.626 12.3027 19.6498 12.3824L20.0384 13.6868C20.0923 13.8676 19.8888 14.0156 19.7334 13.9086L18.6137 13.138C18.5454 13.091 18.4552 13.091 18.3869 13.138L17.2672 13.9086C17.1118 14.0156 16.9083 13.8676 16.9622 13.6868L17.3509 12.3824C17.3746 12.3027 17.3466 12.2167 17.2804 12.1662L16.2032 11.3452C16.0529 11.2306 16.1307 10.9908 16.3196 10.9862L17.6726 10.9533C17.7555 10.9513 17.8286 10.8983 17.8563 10.8201L18.3118 9.53284C18.3747 9.35513 18.626 9.35513 18.6889 9.53284L19.1444 10.8201C19.172 10.8983 19.2451 10.9513 19.328 10.9533L20.681 10.9862ZM18.9703 15.95C19.8003 15.87 20.6903 17.05 20.1603 17.8C19.8403 18.25 19.5003 18.67 19.0803 19.07C15.1703 23 8.84031 23 4.94031 19.07C1.03031 15.17 1.03031 8.83 4.94031 4.93C5.34031 4.53 5.76031 4.17 6.21031 3.85C6.96031 3.32 8.14031 4.21 8.06031 5.04C7.79031 7.9 8.75031 10.87 10.9503 13.06C13.1403 15.26 16.1003 16.22 18.9703 15.95Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather03 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.66212 3.84449L6.0523 4.23628C6.44247 4.61801 6.44247 5.26093 6.0523 5.64267L6.04229 5.65271C5.65211 6.04449 5.03183 6.04449 4.64166 5.65271L4.25148 5.26093C3.8613 4.8792 3.8613 4.24632 4.25148 3.85454L4.26148 3.84449C4.64166 3.46276 5.27194 3.45271 5.66212 3.84449ZM1.99045 10.6253H3.01091C3.56116 10.6253 4.00136 11.0673 4.00136 11.6299V11.6399C4.00136 12.1924 3.56116 12.6344 3.00091 12.6244H1.99045C1.4402 12.6244 1 12.1824 1 11.6299V11.6198C1 11.0673 1.4402 10.6253 1.99045 10.6253ZM12.005 0.629883H12.015C12.5653 0.629883 13.0055 1.07189 13.0055 1.6244V2.59883C13.0055 3.15134 12.5653 3.59335 12.005 3.58331H11.995C11.4447 3.58331 11.0045 3.1413 11.0045 2.58879V1.6244C11.0045 1.07189 11.4447 0.629883 12.005 0.629883ZM18.3479 3.84449C18.7381 3.46276 19.3683 3.46276 19.7585 3.85454C20.1487 4.24632 20.1487 4.86915 19.7585 5.26093L19.3684 5.65271C18.9882 6.04449 18.3579 6.04449 17.9677 5.65271L17.9577 5.64267C17.5675 5.26093 17.5675 4.62806 17.9577 4.23628L18.3479 3.84449ZM20.0086 11.6299V11.6198C20.0086 11.0673 20.4488 10.6253 20.9991 10.6253H22.0096C22.5598 10.6253 23 11.0673 23 11.6198V11.6299C23 12.1824 22.5598 12.6244 22.0096 12.6244H20.9991C20.4488 12.6244 20.0086 12.1824 20.0086 11.6299ZM6.00227 11.6299C6.00227 8.30477 8.6935 5.60249 12.005 5.60249C15.3165 5.60249 18.0077 8.30477 18.0077 11.6299C18.0077 12.3464 17.8828 13.0339 17.6536 13.6718C16.9964 13.3303 16.2254 13.1338 15.4008 13.1338C13.4072 13.1338 11.7266 14.2828 11.2113 15.8504C11.1574 15.848 11.1032 15.8468 11.0486 15.8468C10.144 15.8468 9.32794 16.1722 8.75109 16.6938C7.09785 15.6194 6.00227 13.7514 6.00227 11.6299ZM11.9666 22.6295H12.0334C12.024 22.6298 12.0145 22.6299 12.005 22.6299H11.995C11.9855 22.6299 11.976 22.6298 11.9666 22.6295ZM5.66212 19.4052C5.27194 19.797 4.64166 19.797 4.25148 19.4052C3.8613 19.0134 3.8613 18.3906 4.24147 17.9888L4.63165 17.597C5.02183 17.2052 5.65211 17.2052 6.04229 17.597L6.0523 17.6071C6.43247 17.9888 6.44247 18.6217 6.0523 19.0134L5.66212 19.4052Z' fill='white'/%3E%3Cpath d='M9.30542 23.3701H18.9401C20.5774 23.3701 21.9046 22.2325 21.9046 20.8291C21.9046 19.6373 20.9473 18.6371 19.6559 18.3626C19.6726 18.2339 19.6812 18.103 19.6812 17.9705C19.6812 16.0408 17.8563 14.4766 15.605 14.4766C13.7378 14.4766 12.1638 15.5527 11.6812 17.0209C11.6307 17.0187 11.5799 17.0176 11.5288 17.0176C9.89155 17.0176 8.56429 18.1552 8.56429 19.5586C8.56429 19.5947 8.56517 19.6306 8.5669 19.6663C7.70198 19.9272 7.08203 20.6337 7.08203 21.4644C7.08203 22.5169 8.07748 23.3701 9.30542 23.3701Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather04 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5097 14.344C12.6298 14.7968 11.9658 15.5262 11.6812 16.392C11.6307 16.3898 11.5799 16.3887 11.5288 16.3887C9.89155 16.3887 8.56429 17.5263 8.56429 18.9297C8.56429 18.9658 8.56517 19.0016 8.5669 19.0373C7.98432 19.2131 7.51288 19.5911 7.26717 20.0729C6.05992 19.5942 4.92874 18.8634 3.95341 17.8806C0.140529 14.0774 0.140529 7.89489 3.95341 4.09176C4.34348 3.7017 4.75305 3.35064 5.19187 3.03859C5.92324 2.52175 7.07393 3.38964 6.99592 4.19903C6.73263 6.98799 7.66878 9.88422 9.81414 12.0198C10.8909 13.1015 12.1586 13.8758 13.5097 14.344Z' fill='white'/%3E%3Cpath d='M10.3054 23.7412H19.9401C21.5774 23.7412 22.9046 22.6036 22.9046 21.2002C22.9046 20.0084 21.9473 19.0082 20.6559 18.7337C20.6726 18.605 20.6812 18.4741 20.6812 18.3416C20.6812 16.4119 18.8563 14.8477 16.605 14.8477C14.7378 14.8477 13.1638 15.9238 12.6812 17.392C12.6307 17.3898 12.5799 17.3887 12.5288 17.3887C10.8916 17.3887 9.56429 18.5263 9.56429 19.9297C9.56429 19.9658 9.56517 20.0016 9.5669 20.0373C8.70198 20.2983 8.08203 21.0048 8.08203 21.8355C8.08203 22.888 9.07748 23.7412 10.3054 23.7412Z' fill='white'/%3E%3Cpath d='M21.3666 12.0342L22.6002 11.1071L21.0507 11.0701L20.5317 9.62383L20.0126 11.0701L18.4631 11.1071L19.6967 12.0342L19.2529 13.5027L20.5317 12.635L21.8104 13.5027L21.3666 12.0342Z' fill='white'/%3E%3Cpath d='M16.5889 12.1508L16.0024 10.2061L17.9055 8.7673L15.5059 8.70056L14.7086 6.47559L13.9113 8.70056L11.5117 8.7673L13.4148 10.2061L12.7303 12.4756L14.7086 11.1332L16.418 12.2931L16.7265 12.4756L16.5889 12.1508Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather05 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.36667 4.39333L3.10667 4.13333C2.84667 3.87333 2.42667 3.88 2.17333 4.13333L2.16667 4.14C1.90667 4.4 1.90667 4.82 2.16667 5.07333L2.42667 5.33333C2.68667 5.59333 3.1 5.59333 3.36 5.33333L3.36667 5.32667C3.62667 5.07333 3.62667 4.64667 3.36667 4.39333Z' fill='white'/%3E%3Cpath d='M3.36667 4.39333L3.10667 4.13333C2.84667 3.87333 2.42667 3.88 2.17333 4.13333L2.16667 4.14C1.90667 4.4 1.90667 4.82 2.16667 5.07333L2.42667 5.33333C2.68667 5.59333 3.1 5.59333 3.36 5.33333L3.36667 5.32667C3.62667 5.07333 3.62667 4.64667 3.36667 4.39333Z' fill='white'/%3E%3Cpath d='M1.34 8.63333H0.66C0.293333 8.63333 0 8.92667 0 9.29333V9.3C0 9.66667 0.293333 9.96 0.66 9.96H1.33333C1.70667 9.96667 2 9.67333 2 9.30667V9.3C2 8.92667 1.70667 8.63333 1.34 8.63333Z' fill='white'/%3E%3Cpath d='M1.34 8.63333H0.66C0.293333 8.63333 0 8.92667 0 9.29333V9.3C0 9.66667 0.293333 9.96 0.66 9.96H1.33333C1.70667 9.96667 2 9.67333 2 9.30667V9.3C2 8.92667 1.70667 8.63333 1.34 8.63333Z' fill='white'/%3E%3Cpath d='M7.34 2H7.33333C6.96 2 6.66667 2.29333 6.66667 2.66V3.3C6.66667 3.66667 6.96 3.96 7.32667 3.96H7.33333C7.70667 3.96667 8 3.67333 8 3.30667V2.66C8 2.29333 7.70667 2 7.34 2Z' fill='white'/%3E%3Cpath d='M7.34 2H7.33333C6.96 2 6.66667 2.29333 6.66667 2.66V3.3C6.66667 3.66667 6.96 3.96 7.32667 3.96H7.33333C7.70667 3.96667 8 3.67333 8 3.30667V2.66C8 2.29333 7.70667 2 7.34 2Z' fill='white'/%3E%3Cpath d='M12.5 4.14C12.24 3.88 11.82 3.88 11.56 4.13333L11.3 4.39333C11.04 4.65333 11.04 5.07333 11.3 5.32667L11.3067 5.33333C11.5667 5.59333 11.9867 5.59333 12.24 5.33333L12.5 5.07333C12.76 4.81333 12.76 4.4 12.5 4.14Z' fill='white'/%3E%3Cpath d='M12.5 4.14C12.24 3.88 11.82 3.88 11.56 4.13333L11.3 4.39333C11.04 4.65333 11.04 5.07333 11.3 5.32667L11.3067 5.33333C11.5667 5.59333 11.9867 5.59333 12.24 5.33333L12.5 5.07333C12.76 4.81333 12.76 4.4 12.5 4.14Z' fill='white'/%3E%3Cpath d='M7.33333 5.3C5.12667 5.3 3.33333 7.09333 3.33333 9.3C3.33333 10.7304 4.08683 11.9871 5.21798 12.6942C5.75923 11.1263 7.24809 10 9 10C9.06894 10 9.13748 10.0017 9.20557 10.0052C9.49435 8.98028 10.0727 8.07673 10.8468 7.38847C10.1679 6.14492 8.84799 5.3 7.33333 5.3Z' fill='white'/%3E%3Cpath d='M7.33333 5.3C5.12667 5.3 3.33333 7.09333 3.33333 9.3C3.33333 10.7304 4.08683 11.9871 5.21798 12.6942C5.75923 11.1263 7.24809 10 9 10C9.06894 10 9.13748 10.0017 9.20557 10.0052C9.49435 8.98028 10.0727 8.07673 10.8468 7.38847C10.1679 6.14492 8.84799 5.3 7.33333 5.3Z' fill='white'/%3E%3Cpath d='M2.16667 14.46C2.42667 14.72 2.84667 14.72 3.10667 14.46L3.36667 14.2C3.62667 13.94 3.62 13.52 3.36667 13.2667L3.36 13.26C3.1 13 2.68 13 2.42 13.26L2.16 13.52C1.90667 13.7867 1.90667 14.2 2.16667 14.46Z' fill='white'/%3E%3Cpath d='M2.16667 14.46C2.42667 14.72 2.84667 14.72 3.10667 14.46L3.36667 14.2C3.62667 13.94 3.62 13.52 3.36667 13.2667L3.36 13.26C3.1 13 2.68 13 2.42 13.26L2.16 13.52C1.90667 13.7867 1.90667 14.2 2.16667 14.46Z' fill='white'/%3E%3Cpath d='M7 21H20C22.2091 21 24 19.2091 24 17C24 15.1238 22.7083 13.5494 20.9657 13.1174C20.9884 12.9147 21 12.7087 21 12.5C21 9.46243 18.5376 7 15.5 7C12.9806 7 10.8568 8.69403 10.2056 11.0052C10.1375 11.0017 10.0689 11 10 11C7.79086 11 6 12.7909 6 15C6 15.0568 6.00118 15.1133 6.00352 15.1695C4.83649 15.5803 4 16.6925 4 18C4 19.6569 5.34315 21 7 21Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather06 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00352 14.1695C4.78883 14.245 4.58533 14.3444 4.39616 14.4643C3.5541 14.1159 2.76537 13.5975 2.0818 12.9093C-0.693935 10.1429 -0.693935 5.64576 2.0818 2.87938C2.36577 2.59565 2.66393 2.34029 2.98339 2.11331C3.51582 1.73737 4.35351 2.36867 4.29672 2.95741C4.10504 4.98608 4.78655 7.09278 6.34835 8.64621C6.94443 9.24452 7.62087 9.71354 8.34325 10.0537C6.44656 10.3669 5 12.0145 5 14C5 14.0568 5.00118 14.1133 5.00352 14.1695Z' fill='white'/%3E%3Cpath d='M5.00352 14.1695C4.78883 14.245 4.58533 14.3444 4.39616 14.4643C3.5541 14.1159 2.76537 13.5975 2.0818 12.9093C-0.693935 10.1429 -0.693935 5.64576 2.0818 2.87938C2.36577 2.59565 2.66393 2.34029 2.98339 2.11331C3.51582 1.73737 4.35351 2.36867 4.29672 2.95741C4.10504 4.98608 4.78655 7.09278 6.34835 8.64621C6.94443 9.24452 7.62087 9.71354 8.34325 10.0537C6.44656 10.3669 5 12.0145 5 14C5 14.0568 5.00118 14.1133 5.00352 14.1695Z' fill='white'/%3E%3Cpath d='M10.5332 5.4617L11.06 7.20828C11.0081 7.24998 10.9569 7.2926 10.9065 7.33612L9.37123 6.29434L7.59443 7.5L8.20922 5.4617L6.49998 4.16944L8.65511 4.10949L9.37123 2.11116L10.0874 4.10949L12.2425 4.16944L10.5332 5.4617Z' fill='white'/%3E%3Cpath d='M10.5332 5.4617L11.06 7.20828C11.0081 7.24998 10.9569 7.2926 10.9065 7.33612L9.37123 6.29434L7.59443 7.5L8.20922 5.4617L6.49998 4.16944L8.65511 4.10949L9.37123 2.11116L10.0874 4.10949L12.2425 4.16944L10.5332 5.4617Z' fill='white'/%3E%3Cpath d='M16.6077 4.27602L17.7157 3.44339L16.324 3.41008L15.8578 2.11116L15.3917 3.41008L14 3.44339L15.1079 4.27602L14.7093 5.59493L15.8578 4.81558L17.0063 5.59493L16.6077 4.27602Z' fill='white'/%3E%3Cpath d='M16.6077 4.27602L17.7157 3.44339L16.324 3.41008L15.8578 2.11116L15.3917 3.41008L14 3.44339L15.1079 4.27602L14.7093 5.59493L15.8578 4.81558L17.0063 5.59493L16.6077 4.27602Z' fill='white'/%3E%3Cpath d='M7 21H20C22.2091 21 24 19.2091 24 17C24 15.1238 22.7083 13.5494 20.9657 13.1174C20.9884 12.9147 21 12.7087 21 12.5C21 9.46243 18.5376 7 15.5 7C12.9806 7 10.8568 8.69403 10.2056 11.0052C10.1375 11.0017 10.0689 11 10 11C7.79086 11 6 12.7909 6 15C6 15.0568 6.00118 15.1133 6.00352 15.1695C4.83649 15.5803 4 16.6925 4 18C4 19.6569 5.34314 21 7 21Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather07 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 20H3C1.34315 20 0 18.6569 0 17C0 15.6762 0.857438 14.5527 2.04725 14.1545C2.01612 13.9408 2 13.7223 2 13.5C2 11.0147 4.01472 9 6.5 9C6.72514 9 6.94642 9.01653 7.16268 9.04845C7.82213 6.15737 10.4091 4 13.5 4C16.9547 4 19.7799 6.69515 19.9877 10.0975C22.2761 10.5561 24 12.5767 24 15C24 17.7614 21.7614 20 19 20Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather08 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 17H18C20.2091 17 22 15.2091 22 13C22 11.1238 20.7083 9.54938 18.9657 9.11736C18.9884 8.9147 19 8.70871 19 8.5C19 5.46243 16.5376 3 13.5 3C10.9806 3 8.85678 4.69403 8.20557 7.00519C8.13748 7.00174 8.06894 7 8 7C5.79086 7 4 8.79086 4 11C4 11.0568 4.00118 11.1133 4.00352 11.1695C2.83649 11.5803 2 12.6925 2 14C2 15.6569 3.34315 17 5 17Z' fill='white'/%3E%3Cpath d='M7.80902 18H9.19098C9.56267 18 9.80442 18.3912 9.6382 18.7236L8.5 21L7.3618 18.7236C7.19558 18.3912 7.43733 18 7.80902 18Z' fill='white'/%3E%3Cpath d='M7.80902 18H9.19098C9.56267 18 9.80442 18.3912 9.6382 18.7236L8.5 21L7.3618 18.7236C7.19558 18.3912 7.43733 18 7.80902 18Z' fill='white'/%3E%3Cpath d='M10.8919 18.3243L10.2081 20.3757C10.1057 20.6828 10.3343 21 10.6581 21C10.8623 21 11.0435 20.8694 11.1081 20.6757L11.7919 18.6243C11.8943 18.3172 11.6657 18 11.3419 18C11.1377 18 10.9565 18.1306 10.8919 18.3243Z' fill='white'/%3E%3Cpath d='M10.8919 18.3243L10.2081 20.3757C10.1057 20.6828 10.3343 21 10.6581 21C10.8623 21 11.0435 20.8694 11.1081 20.6757L11.7919 18.6243C11.8943 18.3172 11.6657 18 11.3419 18C11.1377 18 10.9565 18.1306 10.8919 18.3243Z' fill='white'/%3E%3Cpath d='M12.2081 20.3757L12.8919 18.3243C12.9565 18.1306 13.1377 18 13.3419 18C13.6657 18 13.8943 18.3172 13.7919 18.6243L13.1081 20.6757C13.0435 20.8694 12.8623 21 12.6581 21C12.3343 21 12.1057 20.6828 12.2081 20.3757Z' fill='white'/%3E%3Cpath d='M12.2081 20.3757L12.8919 18.3243C12.9565 18.1306 13.1377 18 13.3419 18C13.6657 18 13.8943 18.3172 13.7919 18.6243L13.1081 20.6757C13.0435 20.8694 12.8623 21 12.6581 21C12.3343 21 12.1057 20.6828 12.2081 20.3757Z' fill='white'/%3E%3Cpath d='M14.2081 20.3757L14.8919 18.3243C14.9565 18.1306 15.1377 18 15.3419 18C15.6657 18 15.8943 18.3172 15.7919 18.6243L15.1081 20.6757C15.0435 20.8694 14.8623 21 14.6581 21C14.3343 21 14.1057 20.6828 14.2081 20.3757Z' fill='white'/%3E%3Cpath d='M14.2081 20.3757L14.8919 18.3243C14.9565 18.1306 15.1377 18 15.3419 18C15.6657 18 15.8943 18.3172 15.7919 18.6243L15.1081 20.6757C15.0435 20.8694 14.8623 21 14.6581 21C14.3343 21 14.1057 20.6828 14.2081 20.3757Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather09 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.40039 12.3998H21.6004C21.6004 7.09787 17.3023 2.7998 12.0004 2.7998C6.69846 2.7998 2.40039 7.09787 2.40039 12.3998Z' fill='white'/%3E%3Cpath d='M11.2004 13.1998V18.3998C11.2004 19.9462 12.454 21.1998 14.0004 21.1998C15.5468 21.1998 16.8004 19.9462 16.8004 18.3998V17.9998M21.6004 12.3998H2.40039C2.40039 7.09787 6.69846 2.7998 12.0004 2.7998C17.3023 2.7998 21.6004 7.09787 21.6004 12.3998Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather10 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 17H18C20.2091 17 22 15.2091 22 13C22 11.1238 20.7083 9.54938 18.9657 9.11736C18.9884 8.9147 19 8.70871 19 8.5C19 5.46243 16.5376 3 13.5 3C10.9806 3 8.85678 4.69403 8.20557 7.00519C8.13748 7.00174 8.06894 7 8 7C5.79086 7 4 8.79086 4 11C4 11.0568 4.00118 11.1133 4.00352 11.1695C2.83649 11.5803 2 12.6925 2 14C2 15.6569 3.34315 17 5 17Z' fill='white'/%3E%3Cpath d='M5 17H18C20.2091 17 22 15.2091 22 13C22 11.1238 20.7083 9.54938 18.9657 9.11736C18.9884 8.9147 19 8.70871 19 8.5C19 5.46243 16.5376 3 13.5 3C10.9806 3 8.85678 4.69403 8.20557 7.00519C8.13748 7.00174 8.06894 7 8 7C5.79086 7 4 8.79086 4 11C4 11.0568 4.00118 11.1133 4.00352 11.1695C2.83649 11.5803 2 12.6925 2 14C2 15.6569 3.34315 17 5 17Z' fill='white'/%3E%3Cpath d='M10.4146 18C10.9133 18 11.2376 18.5248 11.0146 18.9708L9.68541 21.6292C9.57178 21.8564 9.3395 22 9.08541 22C8.58673 22 8.2624 21.4752 8.48541 21.0292L9.81459 18.3708C9.92822 18.1436 10.1605 18 10.4146 18Z' fill='white'/%3E%3Cpath d='M13.4146 18C13.9133 18 14.2376 18.5248 14.0146 18.9708L12.6854 21.6292C12.5718 21.8564 12.3395 22 12.0854 22C11.5867 22 11.2624 21.4752 11.4854 21.0292L12.8146 18.3708C12.9282 18.1436 13.1605 18 13.4146 18Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather11 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.10494 2.04778C8.49547 1.65725 9.12863 1.65725 9.51916 2.04778L11.9999 4.52848L14.4806 2.04778C14.8711 1.65725 15.5042 1.65725 15.8948 2.04778C16.2853 2.4383 16.2853 3.07147 15.8948 3.46199L12.9999 6.3569V10.268L16.3873 8.31222L17.4469 4.35769C17.5898 3.82423 18.1382 3.50765 18.6717 3.65059C19.2051 3.79353 19.5217 4.34187 19.3788 4.87533L18.4708 8.26403L21.8595 9.17203C22.3929 9.31497 22.7095 9.86331 22.5666 10.3968C22.4236 10.9302 21.8753 11.2468 21.3418 11.1039L17.3873 10.0443L14.0006 11.9996L17.3873 13.9548L21.3418 12.8952C21.8753 12.7523 22.4236 13.0689 22.5666 13.6023C22.7095 14.1358 22.3929 14.6841 21.8595 14.8271L18.4708 15.7351L19.3788 19.1238C19.5217 19.6572 19.2051 20.2056 18.6716 20.3485C18.1382 20.4915 17.5898 20.1749 17.4469 19.6414L16.3873 15.6869L12.9999 13.7312V17.6421L15.8948 20.5371C16.2853 20.9276 16.2853 21.5608 15.8948 21.9513C15.5042 22.3418 14.8711 22.3418 14.4806 21.9513L11.9999 19.4706L9.51916 21.9513C9.12863 22.3418 8.49547 22.3418 8.10494 21.9513C7.71442 21.5608 7.71442 20.9276 8.10494 20.5371L10.9999 17.6421V13.7321L7.61399 15.6869L6.55437 19.6414C6.41143 20.1749 5.86309 20.4915 5.32963 20.3485C4.79616 20.2056 4.47958 19.6572 4.62252 19.1238L5.53052 15.7351L2.14182 14.8271C1.60835 14.6841 1.29177 14.1358 1.43471 13.6023C1.57765 13.0689 2.12599 12.7523 2.65946 12.8952L6.61399 13.9548L10.0006 11.9996L6.61399 10.0443L2.65946 11.1039C2.12599 11.2468 1.57766 10.9302 1.43471 10.3968C1.29177 9.86331 1.60835 9.31497 2.14182 9.17203L5.53052 8.26403L4.62252 4.87533C4.47958 4.34186 4.79616 3.79353 5.32963 3.65059C5.8631 3.50764 6.41143 3.82423 6.55437 4.35769L7.61399 8.31222L10.9999 10.2671V6.3569L8.10494 3.46199C7.71442 3.07147 7.71442 2.4383 8.10494 2.04778Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather12 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 17H5C3.34315 17 2 15.6569 2 14C2 12.6925 2.83649 11.5803 4.00352 11.1695C4.00118 11.1133 4 11.0568 4 11C4 8.79086 5.79086 7 8 7C8.06894 7 8.13748 7.00174 8.20557 7.00519C8.85678 4.69403 10.9806 3 13.5 3C16.5376 3 19 5.46243 19 8.5C19 8.70871 18.9884 8.9147 18.9657 9.11736C20.7083 9.54938 22 11.1238 22 13C22 15.2091 20.2091 17 18 17Z' fill='white'/%3E%3Cpath d='M8.44828 22H9.55172L9.44138 20.7778L10.4483 21.4861L11 20.5139L9.89655 20L11 19.4861L10.4483 18.5139L9.44138 19.2222L9.55172 18H8.44828L8.55862 19.2222L7.55172 18.5139L7 19.4861L8.10345 20L7 20.5139L7.55172 21.4861L8.55862 20.7778L8.44828 22Z' fill='white'/%3E%3Cpath d='M15.5517 22H14.4483L14.5586 20.7778L13.5517 21.4861L13 20.5139L14.1034 20L13 19.4861L13.5517 18.5139L14.5586 19.2222L14.4483 18H15.5517L15.4414 19.2222L16.4483 18.5139L17 19.4861L15.8966 20L17 20.5139L16.4483 21.4861L15.4414 20.7778L15.5517 22Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather13 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16.5H5C3.34315 16.5 2 15.1569 2 13.5C2 12.1925 2.83649 11.0803 4.00352 10.6695C4.00118 10.6133 4 10.5568 4 10.5C4 8.29086 5.79086 6.5 8 6.5C8.06894 6.5 8.13748 6.50175 8.20557 6.50519C8.85678 4.19403 10.9806 2.5 13.5 2.5C16.5376 2.5 19 4.96243 19 8C19 8.20871 18.9884 8.4147 18.9657 8.61736C20.7083 9.04938 22 10.6238 22 12.5C22 14.7091 20.2091 16.5 18 16.5Z' fill='white'/%3E%3Cpath d='M5.41459 17.5C5.91327 17.5 6.23761 18.0248 6.01459 18.4708L4.68541 21.1292C4.57178 21.3564 4.3395 21.5 4.08541 21.5C3.58673 21.5 3.2624 20.9752 3.48541 20.5292L4.81459 17.8708C4.92822 17.6436 5.1605 17.5 5.41459 17.5Z' fill='white'/%3E%3Cpath d='M8.41459 17.5C8.91327 17.5 9.23761 18.0248 9.01459 18.4708L7.68541 21.1292C7.57178 21.3564 7.3395 21.5 7.08541 21.5C6.58673 21.5 6.2624 20.9752 6.48541 20.5292L7.81459 17.8708C7.92822 17.6436 8.1605 17.5 8.41459 17.5Z' fill='white'/%3E%3Cpath d='M11.4483 21.5H12.5517L12.4414 20.2778L13.4483 20.9861L14 20.0139L12.8966 19.5L14 18.9861L13.4483 18.0139L12.4414 18.7222L12.5517 17.5H11.4483L11.5586 18.7222L10.5517 18.0139L10 18.9861L11.1034 19.5L10 20.0139L10.5517 20.9861L11.5586 20.2778L11.4483 21.5Z' fill='white'/%3E%3Cpath d='M17.5517 21.5H16.4483L16.5586 20.2778L15.5517 20.9861L15 20.0139L16.1034 19.5L15 18.9861L15.5517 18.0139L16.5586 18.7222L16.4483 17.5H17.5517L17.4414 18.7222L18.4483 18.0139L19 18.9861L17.8966 19.5L19 20.0139L18.4483 20.9861L17.4414 20.2778L17.5517 21.5Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather14 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 17H5C3.34315 17 2 15.6569 2 14C2 12.6925 2.83649 11.5803 4.00352 11.1695C4.00118 11.1133 4 11.0568 4 11C4 8.79086 5.79086 7 8 7C8.06894 7 8.13748 7.00174 8.20557 7.00519C8.85678 4.69403 10.9806 3 13.5 3C16.5376 3 19 5.46243 19 8.5C19 8.70871 18.9884 8.9147 18.9657 9.11736C20.7083 9.54938 22 11.1238 22 13C22 15.2091 20.2091 17 18 17Z' fill='white'/%3E%3Cpath d='M18 17H5C3.34315 17 2 15.6569 2 14C2 12.6925 2.83649 11.5803 4.00352 11.1695C4.00118 11.1133 4 11.0568 4 11C4 8.79086 5.79086 7 8 7C8.06894 7 8.13748 7.00174 8.20557 7.00519C8.85678 4.69403 10.9806 3 13.5 3C16.5376 3 19 5.46243 19 8.5C19 8.70871 18.9884 8.9147 18.9657 9.11736C20.7083 9.54938 22 11.1238 22 13C22 15.2091 20.2091 17 18 17Z' fill='white'/%3E%3Cpath d='M9.01459 18.9708C9.2376 18.5248 8.91327 18 8.41459 18C8.1605 18 7.92822 18.1436 7.81459 18.3708L6.48541 21.0292C6.2624 21.4752 6.58673 22 7.08541 22C7.3395 22 7.57178 21.8564 7.68541 21.6292L9.01459 18.9708Z' fill='white'/%3E%3Cpath d='M12.0146 18.9708C12.2376 18.5248 11.9133 18 11.4146 18C11.1605 18 10.9282 18.1436 10.8146 18.3708L10.15 19.7L9.48541 21.0292C9.2624 21.4752 9.58673 22 10.0854 22C10.3395 22 10.5718 21.8564 10.6854 21.6292L12.0146 18.9708Z' fill='white'/%3E%3Cpath d='M15.5517 22H14.4483L14.5586 20.7778L13.5517 21.4861L13 20.5139L14.1034 20L13 19.4861L13.5517 18.5139L14.5586 19.2222L14.4483 18H15.5517L15.4414 19.2222L16.4483 18.5139L17 19.4861L15.8966 20L17 20.5139L16.4483 21.4861L15.4414 20.7778L15.5517 22Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather15 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16.5H5C3.34315 16.5 2 15.1569 2 13.5C2 12.1925 2.83649 11.0803 4.00352 10.6695C4.00118 10.6133 4 10.5568 4 10.5C4 8.29086 5.79086 6.5 8 6.5C8.06894 6.5 8.13748 6.50175 8.20557 6.50519C8.85678 4.19403 10.9806 2.5 13.5 2.5C16.5376 2.5 19 4.96243 19 8C19 8.20871 18.9884 8.4147 18.9657 8.61736C20.7083 9.04938 22 10.6238 22 12.5C22 14.7091 20.2091 16.5 18 16.5Z' fill='white'/%3E%3Cpath d='M18 16.5H5C3.34315 16.5 2 15.1569 2 13.5C2 12.1925 2.83649 11.0803 4.00352 10.6695C4.00118 10.6133 4 10.5568 4 10.5C4 8.29086 5.79086 6.5 8 6.5C8.06894 6.5 8.13748 6.50175 8.20557 6.50519C8.85678 4.19403 10.9806 2.5 13.5 2.5C16.5376 2.5 19 4.96243 19 8C19 8.20871 18.9884 8.4147 18.9657 8.61736C20.7083 9.04938 22 10.6238 22 12.5C22 14.7091 20.2091 16.5 18 16.5Z' fill='white'/%3E%3Cpath d='M4.86234 21.5H5.96579L5.85544 20.2778L6.86234 20.9861L7.41406 20.0139L6.31061 19.5L7.41406 18.9861L6.86234 18.0139L5.85544 18.7222L5.96579 17.5H4.86234L4.97268 18.7222L3.96579 18.0139L3.41406 18.9861L4.51751 19.5L3.41406 20.0139L3.96579 20.9861L4.97268 20.2778L4.86234 21.5Z' fill='white'/%3E%3Cpath d='M10.9658 21.5H9.86234L9.97268 20.2778L8.96579 20.9861L8.41406 20.0139L9.51751 19.5L8.41406 18.9861L8.96579 18.0139L9.97268 18.7222L9.86234 17.5H10.9658L10.8554 18.7222L11.8623 18.0139L12.4141 18.9861L11.3106 19.5L12.4141 20.0139L11.8623 20.9861L10.8554 20.2778L10.9658 21.5Z' fill='white'/%3E%3Cpath d='M15.4149 17.5C15.9136 17.5 16.2379 18.0248 16.0149 18.4708L14.6857 21.1292C14.5721 21.3564 14.3398 21.5 14.0857 21.5C13.5871 21.5 13.2627 20.9752 13.4857 20.5292L14.8149 17.8708C14.9286 17.6436 15.1608 17.5 15.4149 17.5Z' fill='white'/%3E%3Cpath d='M18.4149 17.5C18.9136 17.5 19.2379 18.0248 19.0149 18.4708L17.6857 21.1292C17.5721 21.3564 17.3398 21.5 17.0857 21.5C16.5871 21.5 16.2627 20.9752 16.4857 20.5292L17.8149 17.8708C17.9286 17.6436 18.1608 17.5 18.4149 17.5Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather16 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16H5C3.34315 16 2 14.6569 2 13C2 11.6925 2.83649 10.5803 4.00352 10.1695C4.00118 10.1133 4 10.0568 4 10C4 7.79086 5.79086 6 8 6C8.06894 6 8.13748 6.00175 8.20557 6.00519C8.85678 3.69403 10.9806 2 13.5 2C16.5376 2 19 4.46243 19 7.5C19 7.70871 18.9884 7.9147 18.9657 8.11736C20.7083 8.54938 22 10.1238 22 12C22 14.2091 20.2091 16 18 16Z' fill='white'/%3E%3Cpath d='M6.92918 17.2604C7.42785 17.2604 7.7522 17.7852 7.52918 18.2312L6.2 20.8896C6.08637 21.1169 5.85409 21.2604 5.6 21.2604C5.10132 21.2604 4.77699 20.7356 5 20.2896L6.32918 17.6313C6.44281 17.404 6.67509 17.2604 6.92918 17.2604Z' fill='white'/%3E%3Cpath d='M9.96287 21.2604H11.0663L10.956 20.0382L11.9629 20.7465L12.5146 19.7743L11.4111 19.2604L12.5146 18.7465L11.9629 17.7743L10.956 18.4827L11.0663 17.2604H9.96287L10.0732 18.4827L9.06631 17.7743L8.51459 18.7465L9.61804 19.2604L8.51459 19.7743L9.06631 20.7465L10.0732 20.0382L9.96287 21.2604Z' fill='white'/%3E%3Cpath d='M16.0663 21.2604H14.9629L15.0732 20.0382L14.0663 20.7465L13.5146 19.7743L14.618 19.2604L13.5146 18.7465L14.0663 17.7743L15.0732 18.4827L14.9629 17.2604H16.0663L15.956 18.4827L16.9629 17.7743L17.5146 18.7465L16.4111 19.2604L17.5146 19.7743L16.9629 20.7465L15.956 20.0382L16.0663 21.2604Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather17 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0089 17H18C20.2091 17 22 15.2091 22 13C22 11.1238 20.7083 9.54938 18.9657 9.11736C18.9884 8.9147 19 8.70871 19 8.5C19 5.46243 16.5376 3 13.5 3C10.9806 3 8.85678 4.69403 8.20557 7.00519C8.13748 7.00174 8.06894 7 8 7C5.79086 7 4 8.79086 4 11C4 11.0568 4.00118 11.1133 4.00352 11.1695C2.83649 11.5803 2 12.6925 2 14C2 15.6569 3.34315 17 5 17H7.84825L12.1318 9.50386C12.6405 8.61351 14 8.97454 14 10V14H15C15.7678 14 16.2492 14.8295 15.8682 15.4961L15.0089 17Z' fill='white'/%3E%3Cpath d='M9 17L13 10V15H15L11 22V17H9Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather18 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 15.3178C10.9251 16.9345 9.08697 18 7 18C3.68629 18 1 15.3137 1 12C1 8.68629 3.68629 6 7 6C9.08697 6 10.9251 7.06551 12 8.68221C13.0749 7.06551 14.913 6 17 6C20.3137 6 23 8.68629 23 12C23 15.3137 20.3137 18 17 18C14.913 18 13.0749 16.9345 12 15.3178ZM11 12C11 14.2091 9.20914 16 7 16C4.79086 16 3 14.2091 3 12C3 9.79086 4.79086 8 7 8C9.20914 8 11 9.79086 11 12ZM13 12C13 14.2091 14.7909 16 17 16C19.2091 16 21 14.2091 21 12C21 9.79086 19.2091 8 17 8C14.7909 8 13 9.79086 13 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 15.3178C10.9251 16.9345 9.08697 18 7 18C3.68629 18 1 15.3137 1 12C1 8.68629 3.68629 6 7 6C9.08697 6 10.9251 7.06551 12 8.68221C13.0749 7.06551 14.913 6 17 6C20.3137 6 23 8.68629 23 12C23 15.3137 20.3137 18 17 18C14.913 18 13.0749 16.9345 12 15.3178ZM11 12C11 14.2091 9.20914 16 7 16C4.79086 16 3 14.2091 3 12C3 9.79086 4.79086 8 7 8C9.20914 8 11 9.79086 11 12ZM13 12C13 14.2091 14.7909 16 17 16C19.2091 16 21 14.2091 21 12C21 9.79086 19.2091 8 17 8C14.7909 8 13 9.79086 13 12Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather19 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 17H18C20.2091 17 22 15.2091 22 13C22 11.1238 20.7083 9.54938 18.9657 9.11736C18.9884 8.9147 19 8.70871 19 8.5C19 5.46243 16.5376 3 13.5 3C10.9806 3 8.85678 4.69403 8.20557 7.00519C8.13748 7.00174 8.06894 7 8 7C5.79086 7 4 8.79086 4 11C4 11.0568 4.00118 11.1133 4.00352 11.1695C2.83649 11.5803 2 12.6925 2 14C2 15.6569 3.34315 17 5 17Z' fill='white'/%3E%3Cpath d='M5 19C4.44772 19 4 19.4477 4 20C4 20.5523 4.44772 21 5 21H19C19.5523 21 20 20.5523 20 20C20 19.4477 19.5523 19 19 19H5Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather20 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 17H18C20.2091 17 22 15.2091 22 13C22 11.1238 20.7083 9.54938 18.9657 9.11736C18.9884 8.9147 19 8.70871 19 8.5C19 5.46243 16.5376 3 13.5 3C10.9806 3 8.85678 4.69403 8.20557 7.00519C8.13748 7.00174 8.06894 7 8 7C5.79086 7 4 8.79086 4 11C4 11.0568 4.00118 11.1133 4.00352 11.1695C2.83649 11.5803 2 12.6925 2 14C2 15.6569 3.34315 17 5 17Z' fill='white'/%3E%3Cpath d='M5 18C4.72386 18 4.5 18.2239 4.5 18.5C4.5 18.7761 4.72386 19 5 19H19C19.2761 19 19.5 18.7761 19.5 18.5C19.5 18.2239 19.2761 18 19 18H5Z' fill='white'/%3E%3Cpath d='M5 20C4.72386 20 4.5 20.2239 4.5 20.5C4.5 20.7761 4.72386 21 5 21H19C19.2761 21 19.5 20.7761 19.5 20.5C19.5 20.2239 19.2761 20 19 20H5Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .status.weather21 {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 6C20.433 6 22 7.567 22 9.5C22 11.433 20.433 13 18.5 13H3C2.44772 13 2 12.5523 2 12C2 11.4477 2.44772 11 3 11H18.5C19.3284 11 20 10.3284 20 9.5C20 8.67157 19.3284 8 18.5 8C17.8238 8 17.2503 8.44834 17.0639 9.06444L17.03 9.19893C16.9202 9.74018 16.3923 10.0899 15.8511 9.98001C15.3098 9.87015 14.9601 9.34231 15.07 8.80107C15.3944 7.20308 16.8056 6 18.5 6ZM11 3C12.6569 3 14 4.34315 14 6C14 7.65685 12.6569 9 11 9H5C4.44772 9 4 8.55228 4 8C4 7.44772 4.44772 7 5 7H11C11.5523 7 12 6.55228 12 6C12 5.44772 11.5523 5 11 5C10.6721 5 10.38 5.15741 10.1967 5.40415L10.1332 5.50073C9.85664 5.97879 9.24491 6.14215 8.76685 5.86561C8.28879 5.58906 8.12543 4.97733 8.40197 4.49927C8.91917 3.60518 9.88833 3 11 3ZM5 3C5.55228 3 6 3.44772 6 4C6 4.55228 5.55228 5 5 5C4.44772 5 4 4.55228 4 4C4 3.44772 4.44772 3 5 3ZM17 3C17.5523 3 18 3.44772 18 4C18 4.55228 17.5523 5 17 5C16.4477 5 16 4.55228 16 4C16 3.44772 16.4477 3 17 3ZM9 19C9.55228 19 10 19.4477 10 20C10 20.5523 9.55228 21 9 21C8.44772 21 8 20.5523 8 20C8 19.4477 8.44772 19 9 19ZM14.5 15C15.8807 15 17 16.1193 17 17.5C17 18.8807 15.8807 20 14.5 20C13.8603 20 13.2747 19.7585 12.8331 19.3632C12.4216 18.9949 12.3865 18.3627 12.7549 17.9511C13.0949 17.5713 13.6597 17.5122 14.0682 17.7951L14.1669 17.8729C14.256 17.9527 14.3713 18 14.5 18C14.7761 18 15 17.7761 15 17.5C15 17.2239 14.7761 17 14.5 17H7C6.44772 17 6 16.5523 6 16C6 15.4477 6.44772 15 7 15H14.5ZM21 17C21 17.5523 20.5523 18 20 18C19.4477 18 19 17.5523 19 17C19 16.4477 19.4477 16 20 16C20.5523 16 21 16.4477 21 17Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/140px 140px no-repeat;
}
.component.weather .info {
  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;
  color: #fff;
}
.component.weather .info .select {
  width: 195px;
}
.component.weather .info .number {
  padding-top: 40px;
  font-size: 34px;
  font-weight: 900;
  line-height: 42px;
}
.component.weather .info .txt {
  padding-top: 10px;
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
}
.component.weather .warning {
  position: absolute;
  left: 25px;
  bottom: 12px;
  width: 380px;
  background: rgba(255, 255, 255, 0.45);
  padding: 3px 12px;
  border-radius: 2px;
}
.component.weather .warning-title {
  color: #153448;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
.component.weather .warning-text {
  position: relative;
  padding-left: 12px;
  margin-left: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.component.weather .warning-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.3);
}
.component.weather .warning-text .c__red {
  font-weight: 700;
  color: #ff3737;
}
.component.weather.location-fixed .info .location {
  padding-top: 27px;
  width: 180px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.component.weather.location-fixed .info .number {
  padding-top: 24px;
}
.component.skynet {
  padding: 30px 0;
  background: #fff;
}
.component.skynet .logo {
  text-align: center;
  margin: 0 0 29px 0;
}
.component.skynet .logo .icon {
  width: 152px;
  height: 55px;
  background-image: url("data:image/svg+xml,%3Csvg width='152' height='55' viewBox='0 0 152 55' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='152' height='55' fill='url(%23pattern0_7082_22553)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_7082_22553' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_7082_22553' transform='matrix(0.00460829 0 0 0.0125 0 -0.175)'/%3E%3C/pattern%3E%3Cimage id='image0_7082_22553' width='217' height='94' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAABeCAYAAACuC7EWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFxEAABcRAcom8z8AACjQSURBVHhe7V0HfFRV9g69CCp2Uf/CrgXRXbGAbVfXVXdtrKuu6Lqua1tXV1ywAIqKUgXpRekgHaT3LkVESmih9/RMkplJppeEnP/33XkvDEMmmQkEhdzv9zuZlzfv3Xffm/Pdc869596XIBoaGhUKTTINjQqGJpmGRgVDk0xDo4KhSaahUcFIKCoqEi1atFScJLhcLtGiRUvFSUJObq5o0aKl4iTBZrOLFi1aKk4SfD6/aNGipeJE9y5qaFQwNMk0NCoYmmQaGhUMTTINjQqGJpmGRgVDk0xDo4KhSaahUcHQJNPQqGBokmloVDA0yTQ0KhiaZBoaFQxNMg2N04hjRSKFx0QKINwmNMk0NE4RhSBTvq9IUvMKZU9OUPZCUvMLxR0A0wBNMg2NU0CW65hsTA/IlCSP9FrjlLYL7dJpZb7M2eOVTEehOkaTTEMjTtALdAWKZFtWUEZsdkvreXZ5eFS2XN83U67pnSGPj8+R0YluSYc1IzTJNDTiRCos1Ny9PmmzKE9aDM2WyzunS+32KVKlY6o0HZgpHZbmyQ/JfriLoaBMk0xDI0bk+UKu4cCfXPL0pFy5+ssMSfgwRRLePSp1PkqRu4dapNtqhzrGjmNNaJJpaJSBgmNFkukslNmIs9ossktzkKlup1RJeD9ZEmDBLu6aLn+ZmCtjtrjkiL2guFfRhCaZhkYpIMG2Zvql/3qnPAXrdS1irhpwCxPaHoUVS5br+mTKm3NtMm+fV7JdoRgsEppkGucUaEQyYHU2ZQTk+yN+WXnEJ6uP+mVNmKxFvERh3KQkxS8/pgTkp9SAbEgLCV2+n/BJ69VuiV3u+MYi9b5IC1mvtslS77NUxGMW6bg8X53vCUaYrzBokmmcE+AAMBV9hyUogxEz/eM7mzw0Jlv+MCpbHhmbLX/+NkfJY5AnxufKkxNypaUpcPUYY7WaapUXKNOs8uJ3VmmFT5bRuG+GVAep6BqSZPXgKv4Z+wdvcMqu7KD4OVBWCjTJNM560KU7aiuQqUkeeW2WTW7onxVy6eDOKemQIlU+TpFqHVOkxiepUhuEqQOimFL381Sp93maXNA5TS7sEpIGXfE/PmvhuwScl9AO5bRLUZ0dL4GAU3a41YBzUen8UtAk0zjrEQTJ9sKifL3RJc9NyZXbv7bITYiVGoMQV3RNlwtAoJogF8mW8AHdPcRTbSB0/Uge7qd8ZEj4tvo/GaRNkWu+Qvw1zy4rDvtVT2Os0CTTOOvB3jwHlP6ANahirTl7vTI20a0yMN5bkCd/hwv44OhsaTowSy7uni5VPwXhPoaQeLR4SkAmU2D1jm/jO5Dxcli1N2fb5HvEdKXFXyVBk0zjnIMinb9IkuHObc8Kyqojfpm5xytjtrpVL2HXVfny8bI8eXG6VZoOypJa7NA4gXAQ/m/uA8ma9M2U0YkucRr5iPFAk0yj0iFYWCS7cgLSZ51D7huRjbgMJOsAMlFAqmqI2WogVjMtXnUILeGSgz4QOD4rRmiSaVQ6MJ6atMMtf5mQI5fCfayiYq9UqQmyXdkzQ67rlylX986QWiBaFcRnl3dLV2NhWzIDRgnxQZNM45yEr6BI7N5jSgJGFzuTejkG1mONQx4cYZHzvoClMjo+LvuSib250mFpvny4JF8eGpsjtUEyfn8bYrkBcDNTjKz6eKFJpnHOgWNmB20FMn+vV8YjDpu72yvfH/bLtJ0eeXO2XRrCWiW0B7k6psj5XdLklsFZ8sYcu8zEcYdshbLskB/xmk2qMh77IFmegKu4cJ9XnHF2eJjQJNM45+AFGZaDVG/Ps0vzIVlyOyzRfcOz5Q5sX9Y1XY130Xpd2ydT/jbFKt9sdEmSJajcyCCM1Zpkvzw31aq67+lK/nuGVZKygiflJMYKTTKNcw5+uIpbM4PSe61TfjfUIjUNi6TGxxhj9UiXh7/Nkc9WOmTBfp/kuI/3GHJ6CvcxC6Q+rFzTAZnSf51DLFHyEmOBJpnGOQkSLRPEmLTdI4+Py5GazNxAfHVVrwx5daZVvtvlkeS8wuJ4zYTTf0yWH/LJf+fb5YkJOdJxRb6sS/Gr8soLTTKNcxL5IEUKrNJB5zEZluiWOzk9BUR7eGyOLD7gVR0iJcEVOKZcxxmIzxij7cwOSj6IdyrQJNM4p+CHV3fIXSjfpQdldGpAdnqOyTYQpeOyfJUs3H5pvljwfTTQYtlAQAtcSPZGng5okmmcM/CCO9vhAg4/EpD/bffK53t9sh7/W0A0TnEZ8pNLvtvplbxSLBPHmtnBcXroFYImmcY5gUzfMVmYVSDd9vnkXRDs090+mZkRkKMgmB+sYazFGIyZ8xxDO5PQJNM4q+EuLJLdzkKZmBaQ9rBS74BgX+33y5rcArGXc1zrdEOTTOOshQ8Waq21QLrv98l/tnukHUg2AXFYkgPx1Bm2VqVBk0zjrAOXwN4B129cSkA67PJK6x0e6QI3cX5WQNKj9Br+nNAk0zhrQHJZfLBecAW/AqleTfRIa1gwki3JUahcx18iNMk0zhrshhs4+JBf/rPVLW9v9UifAz5ZYglKsqdQyjHN64xBk0zjFw2GVuzYmJ4elC/2eOXtbR5pC/dwTLJf9mI/lx74pUOTTOMXiSAsUz7+bMorkH6wXi9scss/N7tk6BG/bMG+/GBRuRN2zzQ0yTR+ceASa+tthdIb7uBbsFzv7fBKrwN+mZ8VlCPuY+pVRWcTNMk0fjHIg3Xanl8oM+Aa9tjrQ+xFgnlkampQMn1nGbPCcFpIVlRUpLKZuYqPM1AkDkO4zX1smeJZG8FcqJKJmUzkzDNEbftCOWVcpyGWEnkc62GWwfOVYJs5aiyTSaH07bl+nwfHch+/Kz4Wwn0UzlWKZ5kH9ojxHN7LCXUwyuM2p1fwnk2weLpLDgQkHFCl8kWKh880dHhU8PsA7slplBNZlgtl8Drht4NdqpeO7lj4sZFiR51z/UWSA+E268Nz4wVdPgfKOwwLNRPkagOr9fg6l7wE93DQQb/8aCuQFM8xVR9eg+NfZdUtmvA5MPujHNU8JZwSyagYVigKV1Hlksiz9/hkElqeb2Hiv93ukUlJHrXM8fdHfCqbmXNyYklp4XHMNRu3DQ96g0u+NmTQBqeMgF8+d69X9ucG1QS70kDSbLeEXtDG8weznI0h4TbfzjF8k0tWH/VJDn5IEovLNY/c7JYBP7pkSNjxnH4+CMcv2u9VLx+gcpQFEvwwZ+ju88pQKA2vaZbJba6cxHvcmBZQb2o0wUdEpfsuPSADEI8MOeyXr/F8KYOxPQgyLzMg6SBoafDg+ex2FsAyBFQZZlmqPMisjKAccB07oWcuC2Wyx27U0YC6Vvi1TRly2CcDDvrkq/0+GYgyZ2QEZFecXei8pBPHs+udnRhMhXoU5Gr+vVOar3TIM3jWnXZ7ZXRyQMalBmQUjmE8FlmXWIT3/TXqPBv13OdkmlWoDmcK5SKZD63CYXuhLEXlh0JJOy7Jl1en2+SvE3Pl4TE58sCobHlgdLaaVsB9r86wykeL82Xgj06ZvtMjm9L9SlFp/UqyCklZAemx2iGPjsuRZoOz5HbKkCxsZ8o9w7Pk33Nsamo5rU40kGAkf7c1Dvkz6sFZsc0gd3wD+TpLfjMIgnL5EgEqOrOurRDOP3p2slVuw/eU23Esz+Hxt+J4Lt88fZdHbGUoOMF7ZHkvTrNK88EWdX1V3tcWVdZNAzPlxRm4Fyhr+Kt2qAQrUPcXQczfLHXI7SuccgeU73ZIs5VO+e3yfHlxo1tmoeW3lfIMrPiOBHgl0S13QHF/swxl4fzbIPx8ZbNHFoFQrgLjBGBrXqF8mOSV+9e4pBmuy+N47Tt43gqH3Aq5Gde/BZ/3rHbKyyj7GyjyNrh5ZZGM3/pwTBYalC04fiGu3RP3/jgatIvm5Um1mXa5emGeItnvUPa9q5zSAte+k9c/BbllWb66f97XT4j1YvjpTiviJpkDGrA+xS9frXXK4xNypXHfTLmyS7pc9Hma1Idwzg4XIKFwm/su6pwmV+CYRr0ypDkU9tVZVlgLl2xGC2uFBQl3lYj1qX55a55Nrv4qQ6p/nKKWXObyytyu80Wq3A8Sj9niVkmf0cCFLrnkV4thWeo1NyyjOsqo8Wnos+pHKdKge7o8DwIsRatMwtPyLMSP/vxUq1zaJU2qtw+tHMtzuMRzdZRxCc55ZaZNEqG8pYEk54sI3kKDcBXOqdEuufj6rEu1j1NxL2mKZJzFS7fNBLPJp+PZ3A7FqDbVJjWm26UGFJBSfQZkmk2umZ+vxorYQRBNtS3QpmEgwO+hrHVwnWo4rwbPh/CTSsycP7pSJjjQSyvSYG6eVMd11fWM61bjuheQ6rPs0nBhvrI8zBPcAmLSFSuNY3RbM1AfHkvL2gvP+X9ogHgtErfO7DxJ+A71w7Xqz8mT8yF1sa+mcd+nInyGLOs9WMv9sGSxeCGnE3GRjPEDlfCtuTZphla4Ftel47Tu9yD8DF/y2BQuWML1yHkMl0XGvktAuntBtrbz7WoCnRN+fTg4E/W12Ta12qs6l2sycLF/bn+SIi2GZqnXiJLwJYHzhUaChLSoXPdcncfzWR/WEXWtiXL+AGtLK5YetgrRAWuB9FzrkKb9M3Hc0ZDwHng+Bec26R+6vs0b/deiFaN7exuslzr/vdDUd7XsM58FyvotrCPdRrqp4SDJpkL5m8LyJEyyScJUOxTQkGmQKTapAsLcACs3AHFLNGtG14/uXnNYoQQcnzAZwvMNoYVktkQ4yVaDZE/CstSaBaWfguN4jikgwcVz7bAuDpVpMQluHN1ExjnRwLIPwSVluWPh+n2BkOKjnV7pjM8+0KX3EV7ct8Yp54PU6v5AbCXm/Z4OwfO6BI1SnwN+1RicacRMMir0Cvi1XND/Ciq/UjxI+HLHXN5YrWEXIWrZY+M4Hg8lq4b9fDPhiESX6gAIBy3Zf0DkhrB8ofON8rHNaeS/G2mJaslY1vTdHnl6cq56cYAiBq+v6ohP/F/jszS5f2S2jIKrkxMxgY8xIy3Qy7jPC7noikkMnk8BYS+ABeJLB1YhbinpJ/OgjFWIKV+Gm6zqwDKK6wAB0bneXwe42XtyCk6yAKYlo3uWgFZYKR1a5BMEpKmKz1awBKtygnDDjJPDYFoyWqzqsGSKaLBIptxNSwaisCPBBLPXW64HyWbjGF4bZKQVuxju3F2rHPLGVreMRHy0C41INHLRJSS5DoJcy+H2jjwSkK57fdJup0/eg8vWG9ZviaVAtiLkGIZG4B64dDVYP3U9CMhcLLCc6v5Z58hnQOF+RcqI8ygsi54AjvsjPC8OAfwciJlkXO74g8V50ggunLIstA5UWioOLRqVx7QU/E4J/4dwfzHJsA1rwDXv/g5Xbdkh30mdIcpdBMmu4rVOIGiK1MJ5v49CMvZIrkRD8MpMq1osRZGD12b9eD5fHIDPO7+xqE6MLLgOJSHXgx8flure4dkha02i8pOCOvANIdf2yZAeaIFLis2O5hdIPygqY8kqPJd1oEXl88J2XWw/hNh1HhSPLmokit3F0khmtNKNF+XLZ7u9at5UJEyS3QcyKSWOINk9JZBsFUjG3j0Si8eTXLSEr6FBGo6yNoIYObCcJdMrFAdutBWo+jMFinXjBMqPdnllJBolZs2zs4XHbYPr2B6W7HK4hgkTrbCWEFidE4T3T8KwPpHPgML9hrU6SegFTLBKw/l50h7k3omG4edATCSj8vK1NM0RsBcrDRWGikPlpTKDCHz9TEO00I16huSaHhlqCa7zsF8dQ5cSwtjkPliSsYgpst3HTvrBykMyxjR8adv/FthDDQHrqSwQBeeizrSedNHYqcJev2jgcAMblQ/RqFxDa8r7NS02iWaU+wRiUi49xi56E4zt2HDw7SINuMY6Gx3eA58Vz0OjcyPi2O6ow1EoWUmIiWRULuxn3PQAyM7eRm8EYcsimYrJIkhGt67VT265bnE+rp+vOk3ocjJW48TIkpALwuyE27gOBJqG36A33MD2Oz3SAW7hl9geCau+AM+Tli0c6/EbtIYONEF8dy2I9mt8mnIdGo/rIf+3IF/FhzUQB570DCA1sf8SNAS/XpgnTVDn8DJ+BRexEcr96w8u1Un0c80vK5NkrFZyXoF0hx9+ZTdYB8YTVHrDOvCN7zU6pak17B79NgeBvl3aQzkpbRbkwWWyqV7GX6Hlr43jq3+UKtf3y1JvKKSrVNJtx0oycw0G6hZ7Ej+FUtyIWKoqzyExTFKAcLQ+N0C5P8Z1OZxQ1uN24weZCbfzz+Ny0EigDNWwGOWxfEgj3DPXjNgPBTRxBMTpCaW/oa9BdLPuhhXj+7BenGqFSxoAIY2TIhATySgkC75vCEX8ABZhR/6JBZZKMpTJnrvxETEZexe77vGqWGkwGguSjiSKBF1CkpPx1mK4fowNORuZ8RatV899PpkAtzsR5bF8DhOEe5f8zfbAsoyH69lplweWxiOf4DxTOqEOn0P+u80j9+N5XgRrpOodfu+QS7H/kXVOReruezkj+ngZH8N6tsN9jMYzYD3PdIeHiTJJxkHaTfjB30HAeyEtEklmKi+Uhu7XLQOzpDVudjJuiK8BpcJTkbdkBNXKrRMRJH8C5X4KLf9dcNVeh7+/EvujjZnFQrKxIBmJQFCx++BB0w2klVSxIj+Nc1jPq2FZWccNqF+sSaX7cklchzQBcUlSVdanEJbLxgXPgBaZ43YESbPwoE+emZQr59Fy0XLzOVFg0arDknH44OsNbsmNiEPDETPJKHCV6NrdutyhLAbPNRGVZCwPsRbP4RhVeAvPHsD1sEiJaFg5N6ukWI/jc0vx+w5FrNUT8dXnIBcJ1gXuL6+3CFaLmRupOD+8PuEgyTjYzmMOuAplD2Q/iGDKAXg4ByG8zrvQn0awUio+M4nGe8D2jWjk6IrSjT0Mlzm8jH0QEjkD1/g5s/TLJBmJwA6PfyLQ58vUlOJQyag4jK3w+Y8pVlmOlsxXQlxZgIfMzojdeFhz93lVLESljOxRC0dZJLt/lEURmnVjj+foLWjtoOy1WSdlcUiG0PF0zxifvQIlI7G5mlGs4Gty+CaPVri/ep1RHt09s2zWB5bqsi/Tpf2SPNUrmQLFohtId1W9xIB1MY9FjHo5XGe6s4lw7SI8uxMQF8koiFnoNjFLYjOUjVkmRHYYydj9njDJiHlQJon5R1gIXie8x41ud2QjRKvFFaC2gnjsZJmI34drabTd4VWTJgfit5+JBpXu4iEQg5kZpwspiI9poW5YApKFx2aMw7DdbKVDBuE3ckT3/n92xESyJXAb2EmhSMYODSoO5f1kqY/P16dbZR1axGjujwk3fsE0+O7Z+MFKMyZRSQbFrY0458Ex2TIV7kEWWj+S4KmJuWpNc2XBeCzrxvNwfH0c/8zkXJmPVpbvrIoXWagrreQtgzKlOq0YyWPePy05XOW7h2VLP2OgvRWsWDXj2qrOJCW22YHyABoCZsTYoww9mIibZPwectNSh/SA8qcZDRhTnr5Bw3I33MKqVNDJVsRwNtVdzsyKz2B9EsNIGQn+RrQ234NYnGbyr0SXvLDRJa3hwnGci/HcCny3H78DraFyCY1zTxcO4/l3KY1keEb9oQOlDcr/3CiTZGz5V6A1/CeIpNzFcJKhJedrQu8aapGPluXJTLRqdC3T0KJHrswaD6KTLFXqdk6XRxD7sfdv0QG0pgh4L+mGenVAvUzFpsA9qwWXjRkoE+BucNC7POBd8A35r8+2KasVspQon/dv1OsCWKjfgUDs7GCnRnEsRpeRx6MujXpn4BnFFg/GTTIqHo6pA2v2p3Uupfi8hgVkZkoRB3vrwkW/cVG+tFrvUj1tTJvaYCtQeYeRIEnppg2D+9kVpH1ho1uaoO6X4VnfBsvxAc5fCJeQqV/MX2R9+XOTlLSEtHy0ZuHCbBA3CMs81nhyP/eBwIzNrotCst/i3vpCD7LL0YCeKZRJMnoSzEhoMx8xGXvLwmMyQ6FrgXyN+mTIn6D878Id6m+06lTOnZagHOX8H7gusSK6uxgi2T0jsuU/8+zyJuJE9hYqcpkWhsdCsRX5h1lkKFre8MHm8sAKl2X8Nre6bjWjHsVEM6RO5zRp0C1darMhMutLAeHoxj41MUetsR6LNY2bZBQeA1ewwbw8eT/Jo5QzB6ZlVkZAXkP8+rcNLiirT1klxlphHiK2i1TPIfMIl2UXSD9YhueZ0oXrX7UwX+qyi53KDRLfBLKxM2JMckAWQC/mwE2kq8jFRDmATpkSLrB2HLSm1WNOJOOjGENihUpBMlad2Qt91zqlIVvytmEumSn4vwoU6jy4bCTGTQOzpDms24OwIkxbYk/iNPzwe/EDx2LhopIMwsHo/+uTKU0HZ8k17LGkUp9ARGyDBM0GW6QX6nwQcUI8LWdJ4Plcuvmd+Xmh1+7wWryOef+8LveZdTD30Z1EXdgx1GOtQ47aS+5NjUTMJKPCmcJjOHCM/cz7o7IzY52dHz/BYm3CtZNhzSPbOloddg6QBLRQf/3JLXd+75BLF4RyCVW5VGijDheicWNnw12I83gdDmjfBdeT7uedK0+WUM4jk36dKkuERI4HlYJkBInBmObB0TlSCy6bGmQOVzKldBTso0VRn6H9ddHC882Fj4zNkdawciMS3eqNhaUt4B+VZLhWVbhgjMtqKothXCtMqWth3y0DsuRzKMrenILT1m3L4QLOKGDSMutQ7Jqaz4Db4STjdrsUaYCG5yW42ssP+2J+aUGpJDuBVPiO30PhLoAFa7bcIX+FO8hu7B/YuBjlRYK9dnNhhZiJ/yXcQSpxJ1g5Zr3/E254k2UOlU2iFNkkmKHcar9ZD+4vS0B8lsE48GWUzfG0eFBpSEaw96zXD2iZhljUO3TVICsVzVQsU/g/RZHO2DYUsR4IdwvcuzaL2IXvUz2DJaE0khUrtHktcz8/P0iWuvh8AkSYBaXxn+YeJ3a0dFudL9cgvqqiCG5cO1JYLzQyTCpmBj+ntrDDJ1aQZJzmQtKo3kAqarjiQrlqIMa6GJa1MZTvXliUV7Z4VC8fB43Dx7XYx8L/2VW+1xVaZZfjWA+ucSoycQzqrW1e5f6pCZNwL5kVX5+5hFRoU6nDJbwuZYlRd6aIsX7Mp4wHlYpkDFjpMnVe5ZBmIIpKN2JQb5LJJJQpJgkopoXD8VWheFf1Sle9lbPw8GzUqAjERLLw65j7YTmqo3xOJxmAFj3jFGOxSPBnXHrIJ89MyZEL2dkSac1M4X7EYg17pCN2tMlmKG60HrySwEcyDST7jUkyw5rQfauH+OiyBfnSAr/D23C/mHRLq8UxISpa+HiQLciewQLpfcAvb271yGMgDzsurkGcVRvx1XVLHWqMialUjNOYi8iymBmvEnZJktNAsiooo9UGt+rij3e8qlKRjKCiJGUHVeb4C1Nz1QvS6ndBnEaCkXBUrnBRBIGYykdS8LgPk+WirunyrxlWZdEi3ajSSMY303OKSC1mYbDsE8rHNo5nAu9fJuTKdCiQvZRM+fKA77wasdkpv2V2Pe+xpAYA98js/4eZ5b/dfVICdFngZEvGVJzqch4sVhPEQH/6wSVvwFp9usun5mBxpVzO4YpUWg7isuePeYZ0AancN8Ni1Yc7qQZzSVrDOrZAPDUtHXFyWBkkwtMgmbJkJEkkyfi/IhDKoFDxSxO4tPXn2uUT/BbWsEHvWFHpSGaCbt7aZL9KkH12ilVaDLXIjSAcOyQu/TJdzuucLtWocCQIJVIJ2cUNRWSaU2fETkftJ46blUYykutauGtNcL0reqZLTb482/yesRKPR/lXdc9QMwZWQdnKGr+LF7uyA/LyTCgPGxhem2LeG67P7JDGfTOkw7I82WGhFYtPAdgZsRIW6C1Yn2fRoHXd65U5iGNJIA9cYJKCwuMs8AcPuguVqzcPcRZdwUdAyKsWwVrB6rEjRCmmKSSIYRmZIDzZ6CAxQXczGsmqwvrVA2GuZG4giH89hMr/6yjCLA1+/zDCjMloFMpDg0pLMoKdIXxLBqfOc47ZmK1u6QIX5k2Qg50DNw/MUtM5anWCW2UqoEk0RQTETyAM39nLSZNch8NEVJLhkx0pdw/PVhMnOUv5hn6Zx60oScbjsF0VRGuM8/leqt1RciTLCw5HDNvkkhbDso93gvC+WE+4rHWw/UdYMb7NkcnV8YKc5EAyibMZz5jxVOSsY+YNJuH7b1P80hrW8rF1TrkbCsesfDUBkrEQO0XYOWIo5AmWCJ8lZeGXSDJD6oC0dDfpenLpAeY29oOCc15YSdJrn0/643taZaZOlQeVmmSR8KI1PGwvUBMu+ZZ5jpV9gJbs0fG50hDKXu2zMLLRrSMRPkmRe4ZbZPhmlxomMBGVZByMhvXgYPRgKAKHBZjuVYeKDuVWx3Fb/Z+szuWyBf0Qi8TT8VAWzFQzvry7Oi0pSW6S7MMUNWjPVCxa+9MB8oudF0wAXpAVkHF4xszkYLY7YypaCs5WVmlTZm+kqYyRwv3lJBl7MJ+B+0nSHIVVtcKKsiODY18lCeM8DiEwbSuemDQclY5k7PwgGZLxY5vJuZHgUgJUQnZ5cxB4Cgj3BNOeOAHSsEbqk3EciHbzoEzp/QOnfRzvCoxOslBa1UNjsmXKDo8cthXK6ES3IlINHkM3lMpuKjyOZ8Iwhx64mE5p+ZLxgDHkmmSf/P27XKlxEsmS1aD98yAZ36IfC/gkab1IJhQNpeT7topU65+IhmupJagsVkcQqtVGlzyGBozrfzDTnL2C3fd51dhWsfKRHOHEChcqaXlIhu0G8/NUF//KnKBETqupKFQqklEJSISJ29zSa41DJfmm5BeoNJrSQAvCdCJOC1FKSNJQIY3Okuv7h+ZW0QqaiEoybDNB+IFRFkUaEpnxHFO6ruWxtGZ03Wgpac14HvadD+vHdTtWwL05lXQvE2xEuMLVC6WQjJaMs6PLAl//kw2LwImMW9F4cQm0RSAVs+ND+YJueRSu4P145sy2uHZRnvwez4uZ7+w5ZGoT3Uoq4o1croDEoDJGkssUgzD8jJdknG7y6ha3/GANSvSVRU4vKhXJ2NnBVZqenZArtyIOehbWaQB+DC7dxuxzWgnGVZzAyJaeikhrx27/96EY7KwoiWRcsYlrahyJg2Sc6vItYkDTmq5GHTjgezGtpdGpUhyf8Vz8f0WPDGmz0C5b4W7F2Q9xEnhvXObu+WnRSfZcBMnIbXaRs5OB86vo/qXgmW1DQ7U0u0DN6+Lyauw5ZEIsU5d+v8apXLSEGaGlBqpMt0l9xFtPwf1lJ4eZLc/HwDxEDvbW5LIBFUQyWrKXcI1l2UHlAvIs3lesglNUo8ztWFGpSLYFP+o7C+xydfd0qYG4o36nNLn9G4u8McumstQ59YQdIKuP+OVHuDZr0NIvxs33Rrxw/6gc1WFRTBZFmJBSMv2KayKG5xfGQjJO2uSioAQJPgnB/6Njc+Q8pfRM/TIUnwISsMevKQjdHRaBHTangvKQjO6VBRaLSrMJ12fv4Rw80wkgF2cem5kXXGjmqwN+tXIuM8yrKIWCclHhp9ikBpTrsbUumZERVIm3JmgRh6FOXK5NZWXweJNY4WIQhp/xkoxjZ0+ud6l5a1yPnu4sXwbB9T7KEmZ6UPiSCFruWBu6SkEy/o50+bgoJ9cKVMsPcNUpEK3KJ2lyJUh368AseXBktjyNwPtfaHW5LiJ7/56elCu3DbGEFqQxyaWUEWVAMWt+liaPMzsDsUV4AnGsJAtffoDE+Qqx3a2DM9WAdPHETeU2hq7H/fcOD53LxUzLi/KQjL2DyWgMOFN4Maz71PSAGutiEi0XGeU+Zs+vBvm4NiBTnkiyYoJRuUCy6lCuR9a4ZFJaUA02hyPJUSDvorG5ZAEIwhWuTIU8VZIZ59WeY5ebUae/Ix5kh8sXsLjmLOTSpCOE886Y7jUI1noD7i/WjpBKQTLGPczMaDkh5/gScCZZzEFoFQuFsvFJqEt7pKuMdKWAhsUqPodCokIafgkXDtZxO1r08LGk8pCMPxpnZb+3yC6NeoPUtGa8tnldfoJ45+P8J3Evc/Z6TlibIx6Uh2R0FXNQX65zwTlcHPTlGhe7HMfUbGRaIhPsPJoL4p2Uu4htrsH4J1iyySBZ5JoVtJYLMgNqzQ+u/aEU0lRKU/h/eUgGqQpXlPsbLsyT65bmq0RhfpYqIAfH1Dhmxqz+17Z41EpVmmRhyEWLz5zFX/eBwkOBlJhkoVKxo4FKpsT4n0JymN+Fk4zbICWn7j84KlvFVrYIq1IekhEkDSdxPjfVWA6O1+b5xfXFNurUoHuavD7bKj+ABLEm7YajPCQjhziATCIwnqFic0IkU6jCvD4FHjsno4QE4TJIRqTiWTK74ldquj7OMc815RRIRqH7yjSpqrEKyqCQIJeBnHxx+iYmHxjXKwuVgmTs8Ji4w62W227MlZuotLRmFFok/k8CmEJFVsQw9pvKR0UkQbnmIv6/E/EcF5xhpnyJKwiDZFxBOFSWUTa2SyMZwUZhNL7jMuHK8nK8jOdzm64jy4M06stJlHmymxMc4/x9ykOyeGBm4d9RDpKRyOx1fG6DO7TCEwelDYIooZIa5ClptaqySFZ8fqxCMhgD47RodIPjIUSlIBndOHbVs8u+3eI8aTHMonrx6kGpuIhOyDoYilaSGJaNHQ91oIQNOqfJfSOyVY/ijqySXxqhVhCeZZWLuXYiiUl3lITmdvEKwq4SVxDmoz4IN4wpX8ytVNfneTyf9eGnUR47QlgPrjYVT+oTScbB6Kcn54RIa6yMrMptc1StysUlEVYeKR/JzNzFpsugWOYAMxXM2P7DaifiuZNjMhOc7czYR03ZNzM/eD7FnB6DT2bGfxu5gjAI+sSPrhBBjeOKzy2PsAwKCPfQWqeszi17Zng4ONeNMR3XyE9Aw1VcH5V/aYPL6lBLIVjOZpIRXIcwz1ck27ICMjnJI52W56tlzZizeAUnMX4K14yWjbOmKVQ6U7gMQKc0uJuZ8vjYXLWWIce49kGxo+UUMlPipem5KhE44X9Hobgoh5NFuY246tYhmfLNxpJJRtDf/xEt9JtzbHIJido2rAyzjq2xD6TgQDanonBp71jB7Bamgj05HiQjgVkW75XXePuISuni8njM2C8PSLKJUP7GdPnG5R5f+NPYvnelU8YmB0tNuOXqTW8keuRCLrc9HueSoCyDnywPn1wThG9LCbeI7PV8COGBSv41jlPnmUJFj0eM8y+EZfzvVo9aDyQesGey3U6vXDYfpJ+A+zfrMyFUNtPIuDpx5tlOsnAwF48Dx1SgIVDOD+EC/AM/CLPeW47NOS5QMsrTaNGZqMtJlFPxsHZlFxR3vUfDHrhwA9c71dtQWo5GOWOMMrH9FBT7w8V2FXuVlhfIzPcF+73SdlFeqC5mOUa9nsT/j0Ken5Iro7a41FyxWMEB7e1ocHqudshT41DeKAjrx/JhpZ8fnyvdVjnUMeUB2w66bf/d5paWsFotYQFaroNg+2lsf5rklVUgA189FA12NAQLOewCorWEW1hcBgiktvHZZrtHZW9w7Q0TnLnMpd3+BpfRPE6dV14xrsvFd2bCBebKwfGA642wF/b1RDyL8PoY2++AuJwDV5Lr/EtB3CQjeDtUcMY/TLHaby1QS77tsgRlJ1xACrcp3M8lANLRIvFFeJHxV0lg2Rw343IFSVAUs8wkfqJMkpyvGirNw2OcRUt3BC06zzHLUIL/WS57NVkmF/6JpwOEt8CB8NS8UNkn1BHbe7CPQwrm4qvxguXnB+H2gvhMAjbHmLi9C5LsPqZcvNKaBV7ZgTIOu45JEupC8pjlmMJl3lQ5YdWkQedL9zj+VdI58YpZBledirxWLGCDY8EfWsDw+pjbB1AuB/bj+PnOOMpFMg0NjdihSaahUcHQJNPQqGBokmloVDA0yTQ0KhQi/w9GP+16cQNH1gAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");
}
.component.skynet .info ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}
.component.skynet .info ol li {
  position: relative;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 26px;
}
.component.skynet .info ol li .txt {
  font-size: 17px;
  font-weight: 500;
  color: #3c5b6f;
}
.component.skynet .info ol li .num {
  font-size: 23px;
  color: #fe0b0b;
  font-weight: 700;
  text-align: center;
}
.component.skynet .info ol li + li::before {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #d4dff3;
  position: absolute;
  top: 39px;
  left: -19px;
}
.component.skynet .info ol li.mail {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5.08691L10 9.58691L17.5 5.08691M4 15.913C2.89543 15.913 2 15.0176 2 13.913V6.08692C2 4.98235 2.89543 4.08691 4 4.08691H16C17.1046 4.08691 18 4.98234 18 6.08691V13.913C18 15.0176 17.1046 15.913 16 15.913H4Z' stroke='%233C5B6F' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center 0 no-repeat;
}
.component.skynet .info ol li.docu {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00031 6H13.0003M7.00031 9H13.0003M7.00031 12H10.0003M5.50008 2H14.5003C15.6048 2 16.5003 2.89545 16.5003 4.00004L16.5 16C16.5 17.1046 15.6046 18 14.5 18L5.49999 18C4.39542 18 3.49999 17.1045 3.5 15.9999L3.50008 3.99999C3.50008 2.89542 4.39551 2 5.50008 2Z' stroke='%233C5B6F' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center 0 no-repeat;
}
.component.myportal .top-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.component.myportal .top-box .tit {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #203d50;
}
.component.myportal .top-box .tit::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  background: rgba(255, 55, 55, 0.15);
}
.component.myportal .top-box .count {
  display: block;
  margin-left: 40px;
  color: #ff3d3d;
  font-size: 23px;
  font-weight: 900;
}
.component.myportal .top-box .count span {
  margin-right: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #153448;
}
.component.myportal .top-box .count em {
  margin-left: 2px;
  font-size: 13px;
  color: #3c5b6f;
}
.component.myportal .bottom-box {
  padding: 30px 0 0 0;
  border-top: 1px solid #d4dff3;
}
.component.myportal .bottom-box ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 60px;
}
.component.myportal .bottom-box ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -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;
}
.component.myportal .bottom-box ol li .tit {
  position: relative;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  color: #153448;
}
.component.myportal .bottom-box ol li .tit::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  background: rgba(0, 133, 255, 0.15);
}
.component.myportal .bottom-box ol li .req-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  margin-top: 12px;
}
.component.myportal .bottom-box ol li .req-box .req {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.component.myportal .bottom-box ol li .req-box .req .txt {
  font-size: 12px;
  font-weight: 500;
  color: #153448;
}
.component.myportal .bottom-box ol li .req-box .req .num {
  color: #0095ff;
  font-weight: 900;
  font-size: 23px;
}
.component.myportal .bottom-box ol li .req-box .req .num span {
  margin: 0 0 0 2px;
  font-size: 15px;
  font-weight: 700;
  color: #3c5b6f;
}
.component.board {
  padding: 25px;
}
.component.board .top-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 17px 0;
  padding: 0 10px 8px 10px;
  border-bottom: 1px solid #ccc;
}
.component.board .top-box .tit {
  position: relative;
  padding-left: 36px;
  font-size: 20px;
  font-weight: 600;
  color: #153448;
}
.component.board .top-box .tit::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 0;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7.5V18.8128C9.99993 18.9362 9.96943 19.0576 9.91121 19.1663C9.853 19.2751 9.76886 19.3678 9.66625 19.4363L8.635 20.1234C8.53497 20.1901 8.42037 20.2318 8.30087 20.2449C8.18137 20.2581 8.06046 20.2423 7.94833 20.1989C7.83621 20.1555 7.73616 20.0858 7.65661 19.9957C7.57706 19.9055 7.52035 19.7976 7.49125 19.6809L6.25 15' stroke='%23153448' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.25 18.7499C21.25 18.8927 21.2091 19.0325 21.1323 19.153C21.0555 19.2734 20.946 19.3694 20.8165 19.4297C20.687 19.4899 20.543 19.512 20.4014 19.4932C20.2598 19.4744 20.1265 19.4156 20.0172 19.3236C15.1047 15.2024 10 14.9999 10 14.9999H6.25C5.25544 14.9999 4.30161 14.6048 3.59835 13.9015C2.89509 13.1983 2.5 12.2444 2.5 11.2499C2.5 10.2553 2.89509 9.30147 3.59835 8.59821C4.30161 7.89495 5.25544 7.49986 6.25 7.49986H10C10 7.49986 15.1047 7.29736 20.0172 3.17705C20.1264 3.08515 20.2596 3.02634 20.4011 3.00752C20.5426 2.9887 20.6866 3.01066 20.816 3.07081C20.9455 3.13096 21.0551 3.22681 21.132 3.3471C21.2088 3.46739 21.2498 3.60711 21.25 3.74986V18.7499Z' stroke='%23153448' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 center no-repeat;
}
.component.board .top-box .btn-more {
  position: relative;
  display: block;
  padding-right: 28px;
  font-size: 16px;
  font-weight: 700;
  color: #3c5b6f;
}
.component.board .top-box .btn-more::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6L12 10L8 14' stroke='%233C5B6F' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.component.board ol li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 0 12px;
  margin: 0px 0 0 18px;
  color: #444;
}
.component.board ol li a .txt {
  max-width: 600px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
}
.component.board ol li a::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #444;
}
.component.board ol li + li {
  margin-top: 5px;
}
.component.board.rank .top-box .tit::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7059_70850)'%3E%3Cpath d='M9.13043 12.4783V13.913M9.13043 20.1304V13.913M9.13043 10.5652C9.13043 10.5652 9.13043 8.81159 9.13043 8.17391H14.8696V11.0435M14.8696 20.1304V11.0435M14.8696 11.0435H20.6087V20.1304M9.13043 13.913H3.3913V20.1304M3.3913 20.1304H1V23H23V20.1304H18.6957M3.3913 20.1304H17.2609M11 2.5L12 1L13 2.5L14.8696 2.91304L13.913 4.34783V6.73913L12 5.78261L10.087 6.73913L10.5 4.34783L9.13043 2.91304L11 2.5Z' stroke='%23153448' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7059_70850'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.component.board.rank ol li a {
  margin: 0;
  padding: 0 0 0 10px;
}
.component.board.rank ol li a::before {
  display: none;
}
.component.board.w1x1 ol li a .txt {
  max-width: 265px;
}
.component.noti {
  padding: 0;
}
.component.noti .alrm-pop {
  width: 100%;
  border: 0;
}
.component.noti .alrm-pop .alrm-cont-wrap {
  height: 892px;
  max-height: 892px;
}
.component.noti > .tit {
  font-size: 21px;
  font-weight: 500;
}
.component.noti .tabs {
  margin-top: 25px;
}
.component.noti .tabs ul li {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}
.component.noti .tabs ul li button {
  padding: 0;
  color: #888;
}
.component.noti .tabs ul li em.count {
  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;
  width: 18px;
  height: 18px;
  color: #fff;
  background: #ff3737;
  border-radius: 100%;
  font-size: 12px;
  margin: 0 0 0 5px;
}
.component.noti .tabs ul li.is-active button {
  color: #333;
}
.component.noti .tabs ul li + li::before {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  background: #ccc;
  position: absolute;
  top: 0;
  left: -10px;
}
.component.noti .tabs ul li.is-active {
  color: #222;
}
.component.noti .tabs .tab {
  border: 0;
  -webkit-transition: 0.3s all 0s;
  transition: 0.3s all 0s;
}
.component.noti .tabs .tab::before, .component.noti .tabs .tab::after {
  display: none;
}
.component.noti .noti-comp-list ol li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 0;
  border-top: 1px solid #e5e5e5;
}
.component.noti .noti-comp-list .cate {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
}
.component.noti .noti-comp-list .cate.icn01 .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1366 26.0201H5.73782C3.9705 26.0201 2.53781 24.5873 2.53782 22.82L2.53794 10.6543C2.53795 9.43571 2.5375 7.70007 2.53711 6.44334C2.53684 5.55945 3.25328 4.84375 4.13717 4.84375H11.7615L15.4482 8.78193H26.5366C27.4202 8.78193 28.1366 9.49828 28.1366 10.3819V14.632M24.9366 27.1571L24.9366 22.6317M24.9366 22.6317L24.9366 18.1062M24.9366 22.6317L20.4111 22.6317M24.9366 22.6317L29.462 22.6317' stroke='%233C5B6F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.component.noti .noti-comp-list .cate.icn02 .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 11.2915H26.5M8.21429 2.6665V4.91678M23.5 2.6665V4.9165M23.5 4.9165H8.5C6.01472 4.9165 4 6.93122 4 9.4165V24.4166C4 26.9019 6.01472 28.9166 8.5 28.9166H23.5C25.9853 28.9166 28 26.9019 28 24.4166L28 9.4165C28 6.93122 25.9853 4.9165 23.5 4.9165ZM16 15.7916V19.5416M16 19.5416V23.2916M16 19.5416H19.75M16 19.5416H12.25' stroke='%233C5B6F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.component.noti .noti-comp-list .cate.icn03 .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19922 25.6002C7.81411 24.9115 10.6939 21.7424 11.5379 21.7424H20.4611C21.684 21.7424 24.1805 24.3694 24.7992 25.2954M28.7992 16.0002C28.7992 23.0694 23.0685 28.8002 15.9992 28.8002C8.92997 28.8002 3.19922 23.0694 3.19922 16.0002C3.19922 8.93095 8.92997 3.2002 15.9992 3.2002C23.0685 3.2002 28.7992 8.93095 28.7992 16.0002ZM20.5843 11.6375C20.5843 9.19546 18.5228 7.20019 15.9996 7.20019C13.4764 7.20019 11.4149 9.19546 11.4149 11.6375C11.4149 14.0795 13.4764 16.0747 15.9996 16.0747C18.5228 16.0747 20.5843 14.0795 20.5843 11.6375Z' stroke='%233C5B6F' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.component.noti .noti-comp-list .cate .txt {
  margin: 10px 0 0 0;
  color: #888;
  font-size: 12px;
}
.component.noti .noti-comp-list .detail {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 15px;
}
.component.noti .noti-comp-list .detail .txt01 {
  font-size: 15px;
  font-weight: 500;
  color: #222;
}
.component.noti .noti-comp-list .detail .txt02 {
  margin: 10px 0 0 0;
  font-size: 13px;
  font-weight: 400;
  color: #444;
}
.component.noti .noti-comp-list .detail .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0 0 0;
}
.component.noti .noti-comp-list .detail .sub > div {
  color: #888;
}
.component.chart {
  padding: 25px;
}
.component.chart .top-box {
  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;
}
.component.chart .top-box .tit {
  font-size: 18px;
  font-weight: 600;
  color: #153448;
}
.component.chart.smart-device {
  position: relative;
}
.component.chart.smart-device .tabs {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 84px;
  height: 28px;
  border-radius: 3px;
}
.component.chart.smart-device .tabs button {
  background: #f4f5f9;
  border: 0 !important;
  color: #929aa9;
  font-size: 12px;
  font-weight: 900;
  -webkit-transition: 0.3s all 0s;
  transition: 0.3s all 0s;
}
.component.chart.smart-device .tabs button::before, .component.chart.smart-device .tabs button::after {
  display: none;
}
.component.chart.smart-device .tabs .is-active button {
  background: #3e5288;
  color: #fff;
}
.component.normal {
  padding: 25px;
}
.component.normal .top-box {
  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;
}
.component.normal .top-box .tit {
  font-size: 18px;
  font-weight: 600;
  color: #153448;
}
.component .url-form .field {
  padding-top: 40px;
  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: 10px;
}
.component .url-form .field label {
  color: #888;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.component .url-form .field .control {
  position: relative;
  width: 880px;
}
.component .url-form .field .control .input {
  width: 100%;
  height: 48px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.component .url-form .field .control .btn-del {
  visibility: hidden;
  position: absolute;
  top: 12px;
  right: 20px;
}
.component.parking {
  position: relative;
}
.component.parking .tit {
  position: absolute;
  top: 25px;
  left: 25px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}
.component.parking .map {
  width: 430px;
  height: 500px;
  background: url(../img/bg-parking.png) 0 0 no-repeat;
}
.component.parking .map .doughnut {
  width: 44px;
  height: 44px;
}
.component.parking .map .doughnut-box {
  position: relative;
  width: 44px;
  height: 61px;
  padding-bottom: 17px;
}
.component.parking .map .doughnut-box.gimpo {
  position: absolute;
  top: 89px;
  left: 109px;
}
.component.parking .map .doughnut-box.wonju {
  position: absolute;
  top: 112px;
  left: 191px;
}
.component.parking .map .doughnut-box.yangyang {
  position: absolute;
  top: 77px;
  left: 263px;
}
.component.parking .map .doughnut-box.cheongju {
  position: absolute;
  top: 179px;
  left: 160px;
}
.component.parking .map .doughnut-box.gunsan {
  position: absolute;
  top: 229px;
  left: 100px;
}
.component.parking .map .doughnut-box.daegu {
  position: absolute;
  top: 243px;
  left: 231px;
}
.component.parking .map .doughnut-box.pohang {
  position: absolute;
  top: 214px;
  left: 293px;
}
.component.parking .map .doughnut-box.muan {
  position: absolute;
  top: 330px;
  left: 59px;
}
.component.parking .map .doughnut-box.gwangju {
  position: absolute;
  top: 306px;
  left: 108px;
}
.component.parking .map .doughnut-box.yeosu {
  position: absolute;
  top: 340px;
  left: 153px;
}
.component.parking .map .doughnut-box.sacheon {
  position: absolute;
  top: 318px;
  left: 207px;
}
.component.parking .map .doughnut-box.gimhae {
  position: absolute;
  top: 301px;
  left: 263px;
}
.component.parking .map .doughnut-box.ulsan {
  position: absolute;
  top: 279px;
  left: 307px;
}
.component.parking .map .doughnut-box.jeju {
  position: absolute;
  top: 373px;
  left: 319px;
}
.component.parking .map .doughnut-box .tooltip-txt {
  color: #444;
}
.component.parking .map .doughnut-box .tooltip-txt .tooltip-top {
  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;
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.component.parking .map .doughnut-box .tooltip-txt .tooltip-top .now {
  padding: 3px 8px;
}
.component.parking .map .doughnut-box .tooltip-txt .tooltip-top .now.red {
  background: #ffe9e9;
}
.component.parking .map .doughnut-box .tooltip-txt .tooltip-top .now.green {
  background: #e9ffd9;
}
.component.parking .map .doughnut-box .tooltip-txt .tooltip-top .now.yellow {
  background: #fff5e0;
}
.component.parking .map .doughnut-box .tooltip-txt .tooltip-cont {
  padding-top: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.component.parking .map .doughnut-box .tooltip-txt .tooltip-cont td {
  padding: 2px 0;
}
.component.parking .map .doughnut-box .tooltip-txt .red {
  color: #ff3737;
}
.component.parking .map .doughnut-box .tooltip-txt .green {
  color: #32d534;
}
.component.parking .map .doughnut-box .tooltip-txt .yellow {
  color: #ffc714;
}
.component.parking .map .doughnut-name {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  width: 32px;
  height: 15px;
  color: #fff;
  border-radius: 4px;
  background: rgba(21, 52, 72, 0.8);
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
}
.component.parking .indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  position: absolute;
  bottom: 25px;
  right: 25px;
}
.component.parking .indicator span {
  position: relative;
  padding-left: 14px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 13px;
}
.component.parking .indicator span::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 0;
}
.component.parking .indicator span.smooth::before {
  background: #32d534;
}
.component.parking .indicator span.normal::before {
  background: #ffc714;
}
.component.parking .indicator span.congested::before {
  background: #ff3737;
}
.component.parking .indicator .tooltip .icon-info-o {
  color: #ffffff;
}
.component.parking .indicator .tooltip .tooltip-txt {
  left: calc(100% - 120px);
  top: initial;
  bottom: -24px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #444;
}
.component.parking .indicator .tooltip .tooltip-txt-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #153448;
}
.component.parking .indicator .tooltip .tooltip-txt-head p {
  font-size: 12px;
  color: #888;
}
.component.parking .indicator .tooltip .tooltip-txt-body {
  margin-top: 10px;
}
.component.parking .indicator .tooltip .tooltip-txt-body div {
  padding: 2px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #444;
}
.component.parking .indicator .tooltip .tooltip-txt-body span {
  padding-left: 0;
  padding-right: 4px;
}
.component.parking .indicator .tooltip .tooltip-txt-body .smoothly span {
  color: #32D534;
}
.component.parking .indicator .tooltip .tooltip-txt-body .normal span {
  color: #FDD34D;
}
.component.parking .indicator .tooltip .tooltip-txt-body .confusion span {
  color: #ff3737;
}
.component.parking-count {
  padding: 25px 25px 0;
}
.component.parking-count .top-box {
  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;
}
.component.parking-count .top-box .tit {
  color: #153448;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.component.parking-count .top-box .count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.component.parking-count .top-box .count-front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 8px;
  background: rgba(0, 133, 255, 0.05);
  border-radius: 4px;
  color: #0085ff;
}
.component.parking-count .top-box .count-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  height: 26px;
  background: rgba(60, 91, 111, 0.05);
  border-radius: 4px;
  color: #444;
}
.component.parking-count .top-box .count-back .text {
  padding-right: 6px;
}
.component.parking-count .top-box .count-back .num {
  padding-right: 4px;
}
.component.parking-count .top-box .count-back .percent {
  height: 18px;
  border-radius: 9px;
  background: #444;
  color: #fff;
  padding: 0 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.component.parking-count .top-box .count .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
}
.component.parking-count .top-box .count .num {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}
.component.parking-count .chart-box {
  margin-top: 6px;
}
.component.parking-count .chart-box .count-chart {
  height: 159px;
}
.component.parking-count .chart-box .dxc-hole-template text tspan {
  font-family: "PretendardGOV", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
}
.component.parking-count .chart-box .dxc-labels-group .dxc-labels rect {
  padding: 0;
}
.component.parking-count .chart-box .dxc-labels-group .dxc-labels text {
  font-weight: 700 !important;
}
.component.parking-cells {
  position: relative;
  padding: 19px 25px 15px;
}
.component.parking-cells .top-box {
  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;
}
.component.parking-cells .top-box .tit {
  font-size: 18px;
  font-weight: 600;
  color: #153448;
}
.component.parking-cells .top-box .select {
  width: 100%;
}
.component.parking-cells .top-box .select select {
  width: 100%;
}
.component.parking-cells .btn-more {
  z-index: 1;
  position: absolute;
  bottom: 15px;
  right: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.component .parking {
  margin-top: 10px;
  width: 100%;
  height: 92px;
  padding: 8px 12px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}
.component .parking-top {
  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;
  color: #153448;
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
}
.component .parking-top-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.component .parking-bottom {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 4px;
}
.component .parking-bottom-cell {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.component .parking-bottom-cell:first-child {
  position: relative;
}
.component .parking-bottom-cell:first-child::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 0;
  display: block;
  width: 1px;
  height: 16px;
  background: #d4dff3;
}
.component .parking-bottom-cell .text {
  color: #444;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.component .parking-bottom-cell .num {
  color: #0085ff;
  font-size: 19px;
  font-weight: 800;
  line-height: 22px;
}
.component .parking-swiper {
  height: 174px;
}
.component .parking-swiper .swiper-slide {
  padding-top: 10px;
}
.component .parking-swiper .swiper-slide .congestion {
  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: 8px;
  width: 100%;
  height: 32px;
  border-radius: 16px;
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
}
.component .parking-swiper .swiper-slide .congestion.danger {
  color: #ff3737;
  background: #ffe9e9;
}
.component .parking-swiper .swiper-slide .congestion.normal {
  color: #ffc714;
  background: #fff5e0;
}
.component .parking-swiper .swiper-slide .congestion.ample {
  color: #32d534;
  background: #e9ffd9;
}
.component .parking-swiper .swiper-control {
  position: absolute;
  bottom: 0;
  width: 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;
  gap: 10px;
}
.component .parking-swiper .swiper-control button {
  z-index: 1;
  margin-top: 2px;
}
.component .parking-swiper .swiper-control .pause {
  display: none;
}
.component .parking-swiper .swiper-control .pause.is-active {
  display: block;
}
.component .parking-swiper .swiper-control .play {
  display: none;
}
.component .parking-swiper .swiper-control .play.is-active {
  display: block;
}
.component .parking-swiper .swiper-control .swiper-pagination {
  position: static;
  width: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.component .parking-swiper .swiper-control .swiper-pagination-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.component .parking-swiper .swiper-control .swiper-pagination-current {
  font-weight: 600;
}
.component .parking-swiper .swiper-control .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: #ccc;
  opacity: 1;
}
.component .parking-swiper .swiper-control .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.component .parking-swiper .swiper-control .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.component .parking-swiper .swiper-control .swiper-pagination .swiper-pagination-bullet-active {
  border-radius: 4px;
  width: 30px;
  background: #153448;
}
.component .parking-swiper .swiper-control .swiper-arw {
  position: static;
  width: auto;
  height: auto;
  margin-top: 0;
}
.component .parking-swiper .swiper-control .swiper-arw::after {
  font-family: none;
  font-size: 0;
}
.component .parking-swiper .swiper-control .swiper-arw.swiper-button-prev .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.component.weather-skynet {
  padding: 15px;
}
.component.weather-skynet .top-box {
  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;
}
.component.weather-skynet .top-box .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}
.component.weather-skynet .top-box .date .weekday.weekend {
  color: #ff3737;
}
.component.weather-skynet .top-box .control .select {
  width: 100%;
}
.component.weather-skynet .top-box .control .select select {
  width: 100%;
}
.component.weather-skynet .weather {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.component.weather-skynet .weather-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #222;
}
.component.weather-skynet .weather-info-now {
  font-size: 31px;
  font-weight: 700;
  line-height: 39px;
}
.component.weather-skynet .weather-info-now .unit {
  font-weight: 400;
}
.component.weather-skynet .weather-info .weather-state__text {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.component.weather-skynet .weather-info .weather-state-temp {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 700;
  line-height: 15px;
}
.component.weather-skynet .weather-info .weather-state-temp .unit {
  font-weight: 400;
}
.component.weather-skynet .weather-info .weather-state-temp .temp-min {
  color: #0085ff;
}
.component.weather-skynet .weather-info .weather-state-temp .temp-max {
  color: #ff3737;
}
.component.weather-skynet .weather-info .weather-state-temp .etc {
  padding: 0 2px;
  color: #ccc;
  font-weight: 400;
}
.component.weather-skynet .weather-wrap {
  margin-top: 3px;
  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;
}
.component.weather-skynet .weather-wrap .fine-dust {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.component.weather-skynet .weather-wrap .fine-dust::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 50%;
  display: block;
  width: 1px;
  height: 30px;
  background: #e5e5e5;
}
.component.weather-skynet .weather-wrap .fine-dust dl {
  width: 64px;
  text-align: center;
  color: #444;
}
.component.weather-skynet .weather-wrap .fine-dust dl dt {
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}
.component.weather-skynet .weather-wrap .fine-dust dl dd {
  padding-top: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 15px;
}
.component.weather-skynet .weather-wrap .fine-dust dl dd.good {
  color: #246beb;
}
.component.weather-skynet .weather-wrap .fine-dust dl dd.normal {
  color: #56ca00;
}
.component.weather-skynet .weather-wrap .fine-dust dl dd.bad {
  color: #ffb724;
}
.component.weather-skynet .weather-wrap .fine-dust dl dd.danger {
  color: #d50136;
}
.component.weather-skynet .state {
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}
.component.weather-skynet .state .icon {
  padding-left: 2px;
}
.component.weather-skynet .state .icon.n {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.component.weather-skynet .state .icon.nne {
  -webkit-transform: rotate(22.5deg);
          transform: rotate(22.5deg);
}
.component.weather-skynet .state .icon.ne {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.component.weather-skynet .state .icon.ene {
  -webkit-transform: rotate(67.5deg);
          transform: rotate(67.5deg);
}
.component.weather-skynet .state .icon.e {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.component.weather-skynet .state .icon.ese {
  -webkit-transform: rotate(112.5deg);
          transform: rotate(112.5deg);
}
.component.weather-skynet .state .icon.se {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.component.weather-skynet .state .icon.sse {
  -webkit-transform: rotate(157.5deg);
          transform: rotate(157.5deg);
}
.component.weather-skynet .state .icon.s {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.component.weather-skynet .state .icon.ssw {
  -webkit-transform: rotate(202.5deg);
          transform: rotate(202.5deg);
}
.component.weather-skynet .state .icon.sw {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.component.weather-skynet .state .icon.wsw {
  -webkit-transform: rotate(247.5deg);
          transform: rotate(247.5deg);
}
.component.weather-skynet .state .icon.w {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.component.weather-skynet .state .icon.wnw {
  -webkit-transform: rotate(292.5deg);
          transform: rotate(292.5deg);
}
.component.weather-skynet .state .icon.nw {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.component.weather-skynet .state .icon.nnw {
  -webkit-transform: rotate(337.5deg);
          transform: rotate(337.5deg);
}
.component.weather-skynet .state-cont {
  color: #222;
  font-weight: 600;
}
.component.weather-skynet .state-wrap {
  margin-top: 9px;
  padding: 6px 5px;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  background: #f6f9fa;
  border-radius: 6px;
}
.component.weather-skynet .state + .state {
  position: relative;
}
.component.weather-skynet .state + .state::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -20px;
  display: block;
  width: 1px;
  height: 12px;
  background: #e5e5e5;
}
.component.weather-skynet .report {
  margin: 8px 0;
  padding: 6px 15px;
  height: 27px;
  color: #888;
  background: #f8f8f8;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}
.component.weather-skynet .report.warning {
  background: #fff3f3;
  color: #222;
}
.component.weather-skynet .report.warning .warning-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
}
.component.weather-skynet .report.warning .warning-text {
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
}
.component.weather-skynet .report.warning .warning-text .c__red {
  color: #ff3737;
}
.component.weather-skynet .report.warning .warning-text::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 12px;
  background: #ffdddd;
}
.component.weather-skynet .skynet-wrap {
  padding: 15px 15px 15px 18px;
  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;
}
.component.weather-skynet .skynet-wrap .document {
  text-align: center;
  min-width: 60px;
}
.component.weather-skynet .skynet-wrap .document .title {
  color: #3c5b6f;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}
.component.weather-skynet .skynet-wrap .document .count {
  padding-top: 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}
.component.weather-skynet .skynet-wrap .document .count a {
  color: #fe0b0b;
}
.component.weather-skynet .skynet-wrap .document-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.parking-popup {
  border-top: 1px solid #a7a7a7;
}
.parking-popup-top {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
}
.parking-popup-top .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #444;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.parking-popup-top .select {
  width: 100%;
}
.parking-popup-top .select select {
  width: 100%;
}
.parking-popup-table {
  height: 373px;
  overflow: hidden;
  overflow-y: scroll;
}
.parking-popup-table .table {
  border-top: 1px solid #a7a7a7;
}
.parking-popup-table .table th {
  color: #222;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.parking-popup-table .table td {
  color: #222;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.parking-popup-table .table .flag {
  margin: 0 auto;
  width: 43px;
  height: 26px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}
.parking-popup-table .table .flag.danger {
  color: #ff3737;
  background: #ffe9e9;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.parking-popup-table .table .flag.normal {
  color: #32d534;
  background: #e9ffd9;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.parking-popup-table .table .flag.ample {
  color: #ffc714;
  background: #fff5e0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.parking-popup-table .total {
  background: #f2f2f2;
}
.parking-popup-table .total td {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.modal-add-widget .tabs ul li {
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.modal-add-widget .tabs ul li button.tab {
  width: 100px;
  height: 36px;
  background: #f2f4f7;
  border: 1px solid #cccccc !important;
  border-radius: 4px;
  font-size: 15px;
  color: #888;
}
.modal-add-widget .tabs ul li.is-active button.tab::after,
.modal-add-widget .tabs ul li.is-active button.tab::before {
  display: none !important;
}
.modal-add-widget .tabs ul li.is-active button.tab {
  background: #0085ff;
  border: none !important;
  color: #fff;
}
.modal-add-widget .tabs ul li + li {
  margin-left: 10px;
}
.modal-add-widget .edit-widget-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.modal-add-widget .edit-widget-area .widget-box {
  width: 275px;
  height: 153px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.modal-add-widget .edit-widget-area .widget-box .w-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 42px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 16px;
}
.modal-add-widget .edit-widget-area .widget-box .w-head .checkbox label {
  font-size: 13px;
  font-weight: 500;
  color: #153448;
}
.modal-add-widget .edit-widget-area .widget-box .w-head .size {
  display: inline-block;
  height: 20px;
  background: #fff;
  border: 1px solid #888;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #888;
  padding: 1px 9px;
  margin-left: auto;
}
.modal-add-widget .edit-widget-area .widget-box .w-body {
  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: 109px;
  background: #f8f8f8;
}
.modal-add-widget .edit-widget-area .widget-box .w-body .widget-set-img {
  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;
  width: 163px;
  height: 92px;
  overflow: hidden;
}

.widget {
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  -webkit-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  overflow: hidden;
}
.widget object {
  width: calc(100% + 20px);
}
.widget.w1x1 {
  width: 430px;
  height: 240px;
}
.widget.w2x1 {
  width: 880px;
  height: 240px;
}
.widget.w2x2 {
  width: 880px;
  height: 500px;
}
.widget.w2x4 {
  width: 880px;
  height: 1020px;
}
.widget.w4x4 {
  width: 1780px;
  height: 1020px;
}
.widget.w4x4 .w-body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.widget.w4x4 .url-input-box {
  position: relative;
}
.widget.w4x4 .url-input-box input {
  width: 860px;
  height: 40px;
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 25px;
  border-radius: 6px;
  padding: 0 90px 0 20px;
}
.widget.w4x4 .url-input-box button.search-delete {
  display: none;
  position: absolute;
  top: 12px;
  right: 55px;
}
.widget.w4x4 .url-input-box button.search-delete.is-on {
  display: block;
}
.widget.w4x4 .url-input-box button.btn-search {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 15px;
  top: 5px;
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6004 9.7998L11.2476 18.1998L8.40039 15.3365' stroke='%230085FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.widget.w1x2 {
  width: 430px;
  height: 500px;
}
.widget.w1x3 {
  width: 430px;
  height: 760px;
}
.widget.w1x4 {
  width: 430px;
  height: 1020px;
}
.widget.w2x3 {
  width: 880px;
  height: 760px;
}
.widget.w3x1 {
  width: 1330px;
  height: 240px;
}
.widget.w3x2 {
  width: 1330px;
  height: 500px;
}
.widget.w3x3 {
  width: 1330px;
  height: 760px;
}
.widget.w3x4 {
  width: 1330px;
  height: 1020px;
}
.widget.w4x1 {
  width: 1780px;
  height: 240px;
}
.widget.w4x2 {
  width: 1780px;
  height: 500px;
}
.widget.w4x3 {
  width: 1780px;
  height: 760px;
}
.widget .w-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0 16px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  cursor: -webkit-grab;
}
.widget .w-head .size {
  display: inline-block;
  background: #fff;
  border: 1px solid #888;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #888;
  padding: 1px 9px;
}
.widget .w-head .tit {
  font-size: 15px;
  font-weight: 600;
  color: #153448;
  margin-left: 10px;
}
.widget .w-head .btn-del {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: auto;
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5H18M8 14.5V8.5M12 14.5V8.5M14 18.5H6C4.89543 18.5 4 17.6046 4 16.5V5.5C4 4.94772 4.44771 4.5 5 4.5H15C15.5523 4.5 16 4.94772 16 5.5V16.5C16 17.6046 15.1046 18.5 14 18.5ZM8 4.5H12C12.5523 4.5 13 4.05229 13 3.5V2.5C13 1.94772 12.5523 1.5 12 1.5H8C7.44771 1.5 7 1.94772 7 2.5V3.5C7 4.05229 7.44771 4.5 8 4.5Z' stroke='%23444444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.widget .w-body {
  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;
  height: calc(100% - 48px);
}
.widget .is-share {
  padding: 5px 10px;
  margin-left: 4px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: hsl(0, 0%, 100%);
  background: #4F709C;
  border-radius: 100px;
}

/*  */
.mypagelnb {
  height: auto !important;
}

.data-result-guide {
  padding: 20px;
  background: ghostwhite;
  margin: 40px 0 0 0;
}
.data-result-guide .txt-guide {
  font-size: 14px;
  color: #797777;
  font-weight: 500;
}
.data-result-guide p {
  font-size: 13px;
  margin-top: 5px;
  color: #797777;
  font-weight: 500;
}
.data-result-guide p span {
  font-weight: 700;
}

.card-summary__badge {
  display: inline-block !important;
  width: 80px;
  height: 24px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 24px;
  text-align: center;
  padding: 0 5px;
}
.card-summary__badge.badge-type13 {
  display: -webkit-box !important;
  height: auto;
  white-space: break-spaces !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.location-section .location-section-inner {
  padding: 0 0 60px 0;
}

.has-location .checkbox {
  overflow: unset;
}

.col-box button[data-text] {
  position: relative;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.col-box button[data-text]:hover:after {
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 0px;
  right: 40px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: #000;
  background-color: #fff;
  z-index: 30;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
}

.grid-dashboard {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  min-height: 1040px;
}
.grid-dashboard .item {
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  z-index: 1;
}
.grid-dashboard .item .item-content {
  position: relative;
  margin: 8px;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}
.grid-dashboard .item .item-content img {
  max-width: 90%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 72%;
          flex: 0 1 72%;
}
.grid-dashboard .item .item-content.w1x1 {
  width: 344px;
  height: 192px;
}
.grid-dashboard .item .item-content.w1x2 {
  width: 344px;
  height: 400px;
}
.grid-dashboard .item .item-content.w1x3 {
  width: 344px;
  height: 608px;
}
.grid-dashboard .item .item-content.w1x4 {
  width: 344px;
  height: 816px;
}
.grid-dashboard .item .item-content.w2x1 {
  width: 704px;
  height: 192px;
}
.grid-dashboard .item .item-content.w2x2 {
  width: 704px;
  height: 400px;
}
.grid-dashboard .item .item-content.w2x3 {
  width: 704px;
  height: 608px;
}
.grid-dashboard .item .item-content.w2x4 {
  width: 704px;
  height: 816px;
}
.grid-dashboard .item .item-content.w3x1 {
  width: 1064px;
  height: 192px;
}
.grid-dashboard .item .item-content.w3x2 {
  width: 1064px;
  height: 400px;
}
.grid-dashboard .item .item-content.w3x3 {
  width: 1064px;
  height: 608px;
}
.grid-dashboard .item .item-content.w3x4 {
  width: 1064px;
  height: 816px;
}
.grid-dashboard .item .item-content.w4x1 {
  width: 1424px;
  height: 192px;
}
.grid-dashboard .item .item-content.w4x2 {
  width: 1424px;
  height: 400px;
}
.grid-dashboard .item .item-content.w4x3 {
  width: 1424px;
  height: 608px;
}
.grid-dashboard .item .item-content.w4x4 {
  width: 1424px;
  height: 816px;
}
.grid-dashboard .item .item-content.full {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
.grid-dashboard.grid-view .widget {
  border: 0;
}
.grid-dashboard.grid-view img {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

.modal-card-head.btn-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-card-head.btn-type .modal-card-title {
  width: auto;
}
.modal-card-head.btn-type .fieldset-header {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 0 !important;
}

.public-result.expand .collapse-item {
  border: 0;
}
.public-result.expand .collapse-item + .collapse-item {
  margin-top: 40px;
}
.public-result.expand .collapse-body-content {
  background: none;
  padding: 0;
}
.public-result.expand .collapse-header {
  padding: 0 0 10px 0 !important;
}
.public-result.expand .collapse-header button.is-link {
  margin-left: auto;
  margin-right: 45px;
}
.public-result.expand .collapse-header::after {
  margin-top: -18px;
}

.view-collapse .collapse-header .btn-fullscreen.is-title {
  position: absolute;
  top: 15px;
  right: 44px;
}

.page-an-utilization .collapse-header {
  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;
  padding-top: 15px;
}
.page-an-utilization .collapse-header-title {
  color: #153448;
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
}
.page-an-utilization .collapse-header::after {
  content: none;
}
.page-an-utilization .collapse-header .btn-dwn {
  height: 26px;
  padding: 0;
  width: auto;
}
.page-an-utilization .view-detail {
  margin-top: 13px;
}
.page-an-utilization .collapse-body {
  padding: 20px 0 40px;
}

.search-result-conts.sticky .field:not(.has-addons) {
  margin: 12px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #a7a7a7;
}
.search-result-conts.sticky .field:not(.has-addons) input {
  border: 1px solid #ccc;
  height: 36px;
  padding-right: 42px;
  border-right: 0;
}
.search-result-conts.sticky .field:not(.has-addons) .search-button {
  height: 36px;
  border: 1px solid #ccc;
  border-left: 0;
  width: auto;
  background: none;
  color: #000;
}
.search-result-conts.sticky .field:not(.has-addons) .search-delete {
  right: 8px;
}
.search-result-conts.sticky .search-filter-type__title {
  border: 0 !important;
}

.search-filter-wrap .filter-depth > li.hide {
  display: none;
}

.power-map-status-board .status-item {
  cursor: pointer;
}

.power-table tr.is-active td {
  background: #d1e3f0;
}
.power-table tr td:nth-child(6), .power-table tr td:nth-child(8) {
  font-weight: 600;
}

.popup-modalControlHistory table tr td {
  font-size: 15px !important;
}
.popup-modalControlHistory table tr:last-child {
  border-bottom: 1px solid #a7a7a7;
}

div.dx-command-expand.type-b {
  width: 90px !important;
  background: transparent !important;
  border: 1px solid #a9a9a9 !important;
  color: #000 !important;
  text-align: center !important;
  text-indent: -10px;
}
div.dx-command-expand.type-b.open::before {
  right: 7px !important;
}
div.dx-command-expand.type-b.close::before {
  right: 17px !important;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 26px;
  height: 139px;
  margin: 0 auto;
}
.progress-bar .stack {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 26px;
  min-height: 33px;
  -webkit-transition: 0.4s height 0s;
  transition: 0.4s height 0s;
  border-radius: 100px;
}
.progress-bar .stack::before {
  content: "";
  display: block;
  width: 8px;
  height: 21px;
  position: absolute;
  top: -17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4 1.5L7 4.5' stroke='%23FF3737' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.5L4 6.5L7 9.5' stroke='%23FF3737' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='8' height='8' rx='4' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 8 13)' fill='%23FF9E9E'/%3E%3C/svg%3E%0A");
  z-index: 33;
}
.progress-bar .stack::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 3px;
  left: 3px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='white'/%3E%3Cpath d='M8.74988 5.15789C8.74988 6.07195 7.96471 6.81579 6.99988 6.81579C6.03504 6.81579 5.24988 6.07195 5.24988 5.15789C5.24988 4.24384 6.03504 3.5 6.99988 3.5C7.96471 3.5 8.74988 4.24384 8.74988 5.15789ZM3.88877 10.5H3.49988V10.1316C3.49988 8.70984 4.72138 7.55263 6.2221 7.55263H7.77766C9.27877 7.55263 10.4999 8.70984 10.4999 10.1316V10.5H3.88877Z' fill='%23FF0505'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
  background-size: 20px 20px;
}
.progress-bar.lv04 .stack {
  background: #ff0505;
}
.progress-bar.lv04 + .pointer {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd1d1), color-stop(25%, #ff6b6b), color-stop(50%, #ff0505));
  background: linear-gradient(180deg, #ffd1d1 0%, #ff6b6b 25%, #ff0505 50%);
  top: 193px;
  right: -265px;
  width: 26px;
  height: 50px;
}
.progress-bar.lv04 + .pointer::before {
  background: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4 1.5L7 4.5' stroke='%23FF3737' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.5L4 6.5L7 9.5' stroke='%23FF3737' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='8' height='8' rx='4' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 8 13)' fill='%23FF9E9E'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.progress-bar.lv03 .stack {
  background: #ffc714;
}
.progress-bar.lv03 .stack::before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4 1.5L7 4.5' stroke='%23FFD449' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.5L4 6.5L7 9.5' stroke='%23FFD449' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='8' height='8' rx='4' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 8 13)' fill='%23FFECAD'/%3E%3C/svg%3E%0A");
}
.progress-bar.lv03 .stack::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='white'/%3E%3Cpath d='M8.74988 5.15789C8.74988 6.07195 7.96471 6.81579 6.99988 6.81579C6.03504 6.81579 5.24988 6.07195 5.24988 5.15789C5.24988 4.24384 6.03504 3.5 6.99988 3.5C7.96471 3.5 8.74988 4.24384 8.74988 5.15789ZM3.88877 10.5H3.49988V10.1316C3.49988 8.70984 4.72138 7.55263 6.2221 7.55263H7.77766C9.27877 7.55263 10.4999 8.70984 10.4999 10.1316V10.5H3.88877Z' fill='%23FFC714'/%3E%3C/svg%3E%0A");
}
.progress-bar.lv03 + .pointer {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff8e0), color-stop(22.86%, #ffe07a), color-stop(45.71%, #ffc714));
  background: linear-gradient(180deg, #fff8e0 0%, #ffe07a 22.86%, #ffc714 45.71%);
  top: 193px;
  right: -265px;
  width: 26px;
  height: 50px;
}
.progress-bar.lv03 + .pointer::before {
  background: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4 1.5L7 4.5' stroke='%23FFD449' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.5L4 6.5L7 9.5' stroke='%23FFD449' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='8' height='8' rx='4' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 8 13)' fill='%23FFECAD'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.progress-bar.lv02 .stack {
  background: #32d534;
}
.progress-bar.lv02 .stack::before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4 1.5L7 4.5' stroke='%233BDE3D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.5L4 6.5L7 9.5' stroke='%233BDE3D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='8' height='8' rx='4' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 8 13)' fill='%2392ED93'/%3E%3C/svg%3E%0A");
}
.progress-bar.lv02 .stack::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='white'/%3E%3Cpath d='M8.74988 5.15789C8.74988 6.07195 7.96471 6.81579 6.99988 6.81579C6.03504 6.81579 5.24988 6.07195 5.24988 5.15789C5.24988 4.24384 6.03504 3.5 6.99988 3.5C7.96471 3.5 8.74988 4.24384 8.74988 5.15789ZM3.88877 10.5H3.49988V10.1316C3.49988 8.70984 4.72138 7.55263 6.2221 7.55263H7.77766C9.27877 7.55263 10.4999 8.70984 10.4999 10.1316V10.5H3.88877Z' fill='%2322C624'/%3E%3C/svg%3E%0A");
}
.progress-bar.lv02 + .pointer {
  background: -webkit-gradient(linear, left top, left bottom, from(#bdf4be), color-stop(22.54%, #66e568), color-stop(45.07%, #32d534));
  background: linear-gradient(180deg, #bdf4be 0%, #66e568 22.54%, #32d534 45.07%);
  top: 186px;
  right: -268px;
  width: 26px;
  height: 50px;
}
.progress-bar.lv02 + .pointer::before {
  background: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4 1.5L7 4.5' stroke='%233BDE3D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.5L4 6.5L7 9.5' stroke='%233BDE3D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='8' height='8' rx='4' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 8 13)' fill='%2392ED93'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.progress-bar.lv01 .stack {
  background: #01c1ff;
}
.progress-bar.lv01 .stack::before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4 1.5L7 4.5' stroke='%2333CDFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.5L4 6.5L7 9.5' stroke='%2333CDFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='8' height='8' rx='4' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 8 13)' fill='%2399E6FF'/%3E%3C/svg%3E%0A");
}
.progress-bar.lv01 .stack::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='white'/%3E%3Cpath d='M8.74988 5.15789C8.74988 6.07195 7.96471 6.81579 6.99988 6.81579C6.03504 6.81579 5.24988 6.07195 5.24988 5.15789C5.24988 4.24384 6.03504 3.5 6.99988 3.5C7.96471 3.5 8.74988 4.24384 8.74988 5.15789ZM3.88877 10.5H3.49988V10.1316C3.49988 8.70984 4.72138 7.55263 6.2221 7.55263H7.77766C9.27877 7.55263 10.4999 8.70984 10.4999 10.1316V10.5H3.88877Z' fill='%2301C1FF'/%3E%3C/svg%3E%0A");
}
.progress-bar.lv01 + .pointer {
  background: -webkit-gradient(linear, left top, left bottom, from(#e5f9ff), color-stop(25%, #66daff), color-stop(50%, #01c1ff));
  background: linear-gradient(180deg, #e5f9ff 0%, #66daff 25%, #01c1ff 50%);
  top: 171px;
  right: 239px;
  width: 26px;
  height: 50px;
}
.progress-bar.lv01 + .pointer::before {
  background: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4 1.5L7 4.5' stroke='%2333CDFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.5L4 6.5L7 9.5' stroke='%2333CDFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='8' height='8' rx='4' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 8 13)' fill='%2399E6FF'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.progress-bar.lv00 .stack::after {
  content: none;
}
.progress-bar.lv00 + .pointer {
  top: 171px;
  right: 239px;
  width: 32px;
  height: 63px;
}
.progress-bar.lv00 + .pointer::before {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDggMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDQuNUw0IDEuNUw3IDQuNSIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xIDkuNUw0IDYuNUw3IDkuNSIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAtOC43NDIyOGUtMDggLTguNzQyMjhlLTA4IDEgOCAxMykiIGZpbGw9IiNDQ0NDQ0MiLz4KPC9zdmc+Cg==") 0 0 no-repeat;
}

.timeline-board {
  position: relative;
  padding: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}
.timeline-board-wrap {
  max-width: 1440px;
  padding: 25px 15px 20px;
}
.timeline-board-wrap .title-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #153448;
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
}
.timeline-board-wrap .top-area {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.timeline-board-wrap .top-area .total-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 234px;
  margin: 0 48px;
}
.timeline-board-wrap .top-area .total-box .sum {
  padding: 0 16px;
  height: 64px;
  background: #394855;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.timeline-board-wrap .top-area .total-box .sum .name {
  text-align: center;
  color: #fff;
  padding: 8px 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.timeline-board-wrap .top-area .total-box .sum .info {
  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;
  gap: 12px;
}
.timeline-board-wrap .top-area .total-box .sum .info .person,
.timeline-board-wrap .top-area .total-box .sum .info .time {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
  min-width: 96px;
  height: 24px;
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 4px;
}
.timeline-board-wrap .top-area .total-box .sum .info .person i {
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 8.33333C10.883 8.33333 11.2623 8.25789 11.6162 8.11132C11.97 7.96474 12.2916 7.7499 12.5624 7.47906C12.8332 7.20822 13.0481 6.88669 13.1946 6.53283C13.3412 6.17896 13.4167 5.79969 13.4167 5.41667C13.4167 5.03364 13.3412 4.65437 13.1946 4.30051C13.0481 3.94664 12.8332 3.62511 12.5624 3.35427C12.2916 3.08343 11.97 2.86859 11.6162 2.72202C11.2623 2.57544 10.883 2.5 10.5 2.5C9.72645 2.5 8.98459 2.80729 8.43761 3.35427C7.89062 3.90125 7.58333 4.64312 7.58333 5.41667C7.58333 6.19021 7.89062 6.93208 8.43761 7.47906C8.98459 8.02604 9.72645 8.33333 10.5 8.33333ZM3 17V17.5H18V17C18 15.1333 18 14.2 17.6367 13.4867C17.3171 12.8595 16.8072 12.3496 16.18 12.03C15.4667 11.6667 14.5333 11.6667 12.6667 11.6667H8.33333C6.46667 11.6667 5.53333 11.6667 4.82 12.03C4.19282 12.3496 3.68291 12.8595 3.36333 13.4867C3 14.2 3 15.1333 3 17Z' fill='white' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.timeline-board-wrap .top-area .total-box .sum .info .time i {
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83331 2.78259C4.56647 3.514 3.51448 4.56599 2.78308 5.83283C2.05168 7.09966 1.66663 8.53671 1.66664 9.99952C1.66665 11.4623 2.05172 12.8994 2.78313 14.1662C3.51455 15.433 4.56655 16.485 5.8334 17.2164C7.10024 17.9478 8.53729 18.3328 10.0001 18.3328C11.4629 18.3328 12.9 17.9477 14.1668 17.2163C15.4336 16.4848 16.4856 15.4328 17.2169 14.166C17.9483 12.8991 18.3333 11.4621 18.3333 9.99926L18.3291 9.72926C18.2825 8.29008 17.8637 6.88756 17.1136 5.65842C16.3635 4.42928 15.3078 3.41547 14.0492 2.71583C12.7907 2.01619 11.3724 1.65459 9.93247 1.66629C8.49258 1.67799 7.0803 2.06259 5.83331 2.78259ZM9.99997 4.99926C10.221 4.99926 10.4329 5.08706 10.5892 5.24334C10.7455 5.39962 10.8333 5.61158 10.8333 5.83259V7.69259V10.0363L12.9625 11.4563C13.1323 11.5696 13.2547 11.7413 13.3063 11.9388C13.3579 12.1364 13.3352 12.346 13.2425 12.5279L13.1933 12.6113C13.1326 12.7024 13.0546 12.7807 12.9637 12.8416C12.8728 12.9026 12.7707 12.9451 12.6634 12.9666C12.556 12.9881 12.4455 12.9882 12.3381 12.967C12.2307 12.9458 12.1286 12.9036 12.0375 12.8429L9.51497 11.1613L9.44247 11.1029L9.38081 11.0404L9.31831 10.9621L9.27497 10.8954L9.24581 10.8371L9.20331 10.7271L9.17747 10.6146L9.16914 10.5463L9.16664 10.4829V5.83259C9.16664 5.61158 9.25444 5.39962 9.41072 5.24334C9.567 5.08706 9.77896 4.99926 9.99997 4.99926Z' fill='white'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.timeline-board-wrap .top-area .total-box .sum .info .num {
  margin: 0 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.timeline-board-wrap .top-area .detail {
  border-radius: 4px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.timeline-board-wrap .top-area .detail .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.timeline-board-wrap .top-area .overall-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
}
.timeline-board-wrap .top-area .overall-box .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 146px;
  height: 32px;
}
.timeline-board-wrap .top-area .overall-box .item .ico {
  width: 16px !important;
  height: 16px !important;
  background-size: 100% !important;
}
.timeline-board-wrap .top-area .overall-box .item .name {
  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;
  gap: 8px;
  width: 100%;
  height: 32px;
  padding: 8px;
  background: #f2f9ff;
  color: #394855;
  border-radius: 4px 4px 0 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.timeline-board-wrap .top-area .overall-box .item .name .flag {
  width: 32px;
  height: 18px;
  background: #153448;
  color: #fff;
  padding: 1.5px 6px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
}
.timeline-board-wrap .top-area .overall-box .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 32px;
  border: 1px solid #d4dff3;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.timeline-board-wrap .top-area .overall-box .item .info .num {
  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: #153448;
  font-weight: 600;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.timeline-board-wrap .top-area .overall-box .item .info .person,
.timeline-board-wrap .top-area .overall-box .item .info .time {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 6px;
  border-left: 1px solid #d4dff3;
  height: 32px;
}
.timeline-board-wrap .top-area .overall-box .item .info .person i {
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 6.66667C8.80642 6.66667 9.10984 6.60631 9.39293 6.48905C9.67602 6.37179 9.93325 6.19992 10.1499 5.98325C10.3666 5.76658 10.5385 5.50935 10.6557 5.22626C10.773 4.94317 10.8333 4.63975 10.8333 4.33333C10.8333 4.02692 10.773 3.7235 10.6557 3.44041C10.5385 3.15731 10.3666 2.90009 10.1499 2.68342C9.93325 2.46675 9.67602 2.29488 9.39293 2.17761C9.10984 2.06035 8.80642 2 8.5 2C7.88116 2 7.28767 2.24583 6.85008 2.68342C6.4125 3.121 6.16667 3.71449 6.16667 4.33333C6.16667 4.95217 6.4125 5.54566 6.85008 5.98325C7.28767 6.42083 7.88116 6.66667 8.5 6.66667ZM2.5 13.6V14H14.5V13.6C14.5 12.1067 14.5 11.36 14.2093 10.7893C13.9537 10.2876 13.5457 9.87966 13.044 9.624C12.4733 9.33333 11.7267 9.33333 10.2333 9.33333H6.76667C5.27333 9.33333 4.52667 9.33333 3.956 9.624C3.45426 9.87966 3.04633 10.2876 2.79067 10.7893C2.5 11.36 2.5 12.1067 2.5 13.6Z' fill='%23394855' stroke='%23394855' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.timeline-board-wrap .top-area .overall-box .item .info .time i {
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.16664 2.22529C4.15317 2.81042 3.31158 3.65201 2.72646 4.66548C2.14134 5.67895 1.8333 6.82859 1.83331 7.99884C1.83332 9.16909 2.14137 10.3187 2.7265 11.3322C3.31164 12.3456 4.15324 13.1872 5.16671 13.7723C6.18019 14.3575 7.32983 14.6655 8.50008 14.6655C9.67033 14.6654 10.82 14.3574 11.8334 13.7722C12.8469 13.1871 13.6884 12.3455 14.2736 11.332C14.8587 10.3185 15.1667 9.16888 15.1666 7.99863L15.1633 7.78263C15.126 6.63129 14.7909 5.50927 14.1909 4.52595C13.5908 3.54264 12.7462 2.73159 11.7394 2.17188C10.7326 1.61217 9.59788 1.32289 8.44597 1.33225C7.29406 1.34161 6.16424 1.64929 5.16664 2.22529ZM8.49997 3.99863C8.67679 3.99863 8.84635 4.06886 8.97138 4.19389C9.0964 4.31891 9.16664 4.48848 9.16664 4.66529V6.15329V8.02823L10.87 9.16423C11.0059 9.25488 11.1037 9.39226 11.145 9.5503C11.1863 9.70833 11.1682 9.87603 11.094 10.0216L11.0546 10.0882C11.0061 10.1611 10.9437 10.2238 10.871 10.2725C10.7982 10.3213 10.7166 10.3553 10.6307 10.3725C10.5448 10.3897 10.4564 10.3898 10.3705 10.3728C10.2846 10.3559 10.2029 10.3221 10.13 10.2736L8.11197 8.92823L8.05398 8.88156L8.00464 8.83156L7.95464 8.7689L7.91997 8.71556L7.89664 8.6689L7.86264 8.5809L7.84197 8.4909L7.83531 8.43623L7.83331 8.38556V4.66529C7.83331 4.48848 7.90355 4.31891 8.02857 4.19389C8.15359 4.06886 8.32316 3.99863 8.49997 3.99863Z' fill='%23394855'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.timeline-board-wrap .top-area .overall-box .item:first-child .person {
  border-left: 0;
}
.timeline-board-wrap .top-area .overall-box .east-side {
  margin-right: 13px;
}
.timeline-board-wrap .top-area .overall-box .west-side {
  margin-left: 13px;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl {
  width: 146px;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl .title {
  padding: 7px 0;
  text-align: center;
  background: rgba(57, 72, 85, 0.0509803922);
  color: #153448;
  font-size: 12px;
  font-weight: 600;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl.point .title {
  background: rgba(57, 72, 85, 0.0509803922);
  color: #394855;
  border-radius: 4px 4px 0 0;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl.point .title .icon {
  margin-right: 8px;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl .info .item {
  width: 73px;
  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: 6px;
  border: 1px solid #e5e5e5;
  border-top: 0;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl .info .item.person {
  border-radius: 0 0 0 4px;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl .info .item.time {
  border-radius: 0 0 4px 0;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl .info .item .num {
  color: #153448;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl .info .item:last-child {
  border-left: 0;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl .info .person i {
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 6.66667C8.80642 6.66667 9.10984 6.60631 9.39293 6.48905C9.67602 6.37179 9.93325 6.19992 10.1499 5.98325C10.3666 5.76658 10.5385 5.50935 10.6557 5.22626C10.773 4.94317 10.8333 4.63975 10.8333 4.33333C10.8333 4.02692 10.773 3.7235 10.6557 3.44041C10.5385 3.15731 10.3666 2.90009 10.1499 2.68342C9.93325 2.46675 9.67602 2.29488 9.39293 2.17761C9.10984 2.06035 8.80642 2 8.5 2C7.88116 2 7.28767 2.24583 6.85008 2.68342C6.4125 3.121 6.16667 3.71449 6.16667 4.33333C6.16667 4.95217 6.4125 5.54566 6.85008 5.98325C7.28767 6.42083 7.88116 6.66667 8.5 6.66667ZM2.5 13.6V14H14.5V13.6C14.5 12.1067 14.5 11.36 14.2093 10.7893C13.9537 10.2876 13.5457 9.87966 13.044 9.624C12.4733 9.33333 11.7267 9.33333 10.2333 9.33333H6.76667C5.27333 9.33333 4.52667 9.33333 3.956 9.624C3.45426 9.87966 3.04633 10.2876 2.79067 10.7893C2.5 11.36 2.5 12.1067 2.5 13.6Z' fill='%23394855' stroke='%23394855' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl .info .time i {
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.16664 2.22529C4.15317 2.81042 3.31158 3.65201 2.72646 4.66548C2.14134 5.67895 1.8333 6.82859 1.83331 7.99884C1.83332 9.16909 2.14137 10.3187 2.7265 11.3322C3.31164 12.3456 4.15324 13.1872 5.16671 13.7723C6.18019 14.3575 7.32983 14.6655 8.50008 14.6655C9.67033 14.6654 10.82 14.3574 11.8334 13.7722C12.8469 13.1871 13.6884 12.3455 14.2736 11.332C14.8587 10.3185 15.1667 9.16888 15.1666 7.99863L15.1633 7.78263C15.126 6.63129 14.7909 5.50927 14.1909 4.52595C13.5908 3.54264 12.7462 2.73159 11.7394 2.17188C10.7326 1.61217 9.59788 1.32289 8.44597 1.33225C7.29406 1.34161 6.16424 1.64929 5.16664 2.22529ZM8.49997 3.99863C8.67679 3.99863 8.84635 4.06886 8.97138 4.19389C9.0964 4.31891 9.16664 4.48848 9.16664 4.66529V6.15329V8.02823L10.87 9.16423C11.0059 9.25488 11.1037 9.39226 11.145 9.5503C11.1863 9.70833 11.1682 9.87603 11.094 10.0216L11.0546 10.0882C11.0061 10.1611 10.9437 10.2238 10.871 10.2725C10.7982 10.3213 10.7166 10.3553 10.6307 10.3725C10.5448 10.3897 10.4564 10.3898 10.3705 10.3728C10.2846 10.3559 10.2029 10.3221 10.13 10.2736L8.11197 8.92823L8.05398 8.88156L8.00464 8.83156L7.95464 8.7689L7.91997 8.71556L7.89664 8.6689L7.86264 8.5809L7.84197 8.4909L7.83531 8.43623L7.83331 8.38556V4.66529C7.83331 4.48848 7.90355 4.31891 8.02857 4.19389C8.15359 4.06886 8.32316 3.99863 8.49997 3.99863Z' fill='%23394855'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.timeline-board-wrap .top-area .overall-box .scr-tbl + .scr-tbl {
  margin-top: 8px;
}
.timeline-board-wrap .top-area .current-time {
  position: absolute;
  top: 80px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #cccccc;
  border-radius: 4px;
  height: 36px;
  padding: 0 16px;
}
.timeline-board-wrap .top-area .current-time .txt {
  font-size: 13px;
  font-weight: 700;
  color: #153448;
}
.timeline-board-wrap .top-area .current-time .txt + .txt {
  margin-left: 6px;
}
.timeline-board-wrap .top-area .btn-fullscreen {
  position: absolute;
  top: 13px;
  right: 13px;
}
.timeline-board-wrap .security-checkpoint-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 0 0 0;
}
.timeline-board-wrap .security-checkpoint-area .security-center {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.timeline-board-wrap .security-checkpoint-area .security-center .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .inner .lv04 .stack {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd1d1), color-stop(25%, #ff9e9e), color-stop(50%, #ff6b6b), color-stop(75%, #ff3737), to(#ff0505));
  background: linear-gradient(180deg, #ffd1d1 0%, #ff9e9e 25%, #ff6b6b 50%, #ff3737 75%, #ff0505 100%);
}
.timeline-board-wrap .security-checkpoint-area .security-center .inner .lv03 .stack {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff8e0), color-stop(25%, #ffecad), color-stop(50%, #ffe07a), color-stop(75%, #ffd449), to(#ffc714));
  background: linear-gradient(180deg, #fff8e0 0%, #ffecad 25%, #ffe07a 50%, #ffd449 75%, #ffc714 100%);
}
.timeline-board-wrap .security-checkpoint-area .security-center .inner .lv02 .stack {
  background: -webkit-gradient(linear, left top, left bottom, from(#bdf4be), color-stop(25%, #92ed93), color-stop(50%, #66e568), color-stop(75%, #3bde3d), to(#22c624));
  background: linear-gradient(180deg, #bdf4be 0%, #92ed93 25%, #66e568 50%, #3bde3d 75%, #22c624 100%);
}
.timeline-board-wrap .security-checkpoint-area .security-center .inner .lv01 .stack {
  background: -webkit-gradient(linear, left top, left bottom, from(#e5f9ff), color-stop(25%, #99e6ff), color-stop(50%, #66daff), color-stop(75%, #33cdff), to(#01c1ff));
  background: linear-gradient(180deg, #e5f9ff 0%, #99e6ff 25%, #66daff 50%, #33cdff 75%, #01c1ff 100%);
}
.timeline-board-wrap .security-checkpoint-area .security-center .tbl-name {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #3c5b6f;
  background: rgba(204, 204, 204, 0.2509803922);
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box {
  position: absolute;
  top: 12px;
  right: 12px;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding: 6px 4px;
  border: 1px solid #eeeeee;
  border-radius: 2px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box .status-list-tooltip .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  color: #222;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box .status-list-tooltip .top span {
  margin-top: -2px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box .status-list-tooltip .tbl {
  margin-top: 6px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box .status-list-tooltip .tbl thead th {
  color: #153448;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box .status-list-tooltip .tbl tbody th,
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box .status-list-tooltip .tbl tbody td {
  color: #222;
  font-size: 11px;
  font-weight: 300;
  line-height: 13px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box .status-list-tooltip .tooltip-txt {
  z-index: 34;
  right: calc(100% + 5px);
  left: auto;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box ol li {
  padding: 0 0 0 16px;
  font-size: 12px;
  color: #153448;
  text-align: left;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box ol li.lv01 {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99994 6.41745C8.29487 6.41745 8.58691 6.35936 8.85939 6.24649C9.13187 6.13363 9.37944 5.9682 9.58799 5.75966C9.79653 5.55111 9.96196 5.30353 10.0748 5.03106C10.1877 4.75858 10.2458 4.46654 10.2458 4.17161C10.2458 3.87669 10.1877 3.58465 10.0748 3.31217C9.96196 3.03969 9.79653 2.79212 9.58799 2.58357C9.37944 2.37503 9.13187 2.2096 8.85939 2.09674C8.58691 1.98387 8.29487 1.92578 7.99994 1.92578C7.40431 1.92578 6.83308 2.1624 6.4119 2.58357C5.99073 3.00475 5.75411 3.57598 5.75411 4.17161C5.75411 4.76725 5.99073 5.33848 6.4119 5.75966C6.83308 6.18083 7.40431 6.41745 7.99994 6.41745ZM2.22495 13.0908V13.4758H13.7749V13.0908C13.7749 11.6534 13.7749 10.9348 13.4952 10.3855C13.2491 9.90259 12.8565 9.50995 12.3735 9.26388C11.8243 8.98411 11.1056 8.98411 9.66828 8.98411H6.33161C4.89428 8.98411 4.17561 8.98411 3.62635 9.26388C3.14342 9.50995 2.75078 9.90259 2.50471 10.3855C2.22495 10.9348 2.22495 11.6534 2.22495 13.0908Z' fill='%2300C1FF' stroke='%2300C1FF' stroke-width='1.28333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 center no-repeat;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box ol li.lv02 {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99994 6.41745C8.29487 6.41745 8.58691 6.35936 8.85939 6.24649C9.13187 6.13363 9.37944 5.9682 9.58799 5.75966C9.79653 5.55111 9.96196 5.30353 10.0748 5.03106C10.1877 4.75858 10.2458 4.46654 10.2458 4.17161C10.2458 3.87669 10.1877 3.58465 10.0748 3.31217C9.96196 3.03969 9.79653 2.79212 9.58799 2.58357C9.37944 2.37503 9.13187 2.2096 8.85939 2.09674C8.58691 1.98387 8.29487 1.92578 7.99994 1.92578C7.40431 1.92578 6.83308 2.1624 6.4119 2.58357C5.99073 3.00475 5.75411 3.57598 5.75411 4.17161C5.75411 4.76725 5.99073 5.33848 6.4119 5.75966C6.83308 6.18083 7.40431 6.41745 7.99994 6.41745ZM2.22495 13.0908V13.4758H13.7749V13.0908C13.7749 11.6534 13.7749 10.9348 13.4952 10.3855C13.2491 9.90259 12.8565 9.50995 12.3735 9.26388C11.8243 8.98411 11.1056 8.98411 9.66828 8.98411H6.33161C4.89428 8.98411 4.17561 8.98411 3.62635 9.26388C3.14342 9.50995 2.75078 9.90259 2.50471 10.3855C2.22495 10.9348 2.22495 11.6534 2.22495 13.0908Z' fill='%2300BA03' stroke='%2300BA03' stroke-width='1.28333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 center no-repeat;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box ol li.lv03 {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99994 6.41745C8.29487 6.41745 8.58691 6.35936 8.85939 6.24649C9.13187 6.13363 9.37944 5.9682 9.58799 5.75966C9.79653 5.55111 9.96196 5.30353 10.0748 5.03106C10.1877 4.75858 10.2458 4.46654 10.2458 4.17161C10.2458 3.87669 10.1877 3.58465 10.0748 3.31217C9.96196 3.03969 9.79653 2.79212 9.58799 2.58357C9.37944 2.37503 9.13187 2.2096 8.85939 2.09674C8.58691 1.98387 8.29487 1.92578 7.99994 1.92578C7.40431 1.92578 6.83308 2.1624 6.4119 2.58357C5.99073 3.00475 5.75411 3.57598 5.75411 4.17161C5.75411 4.76725 5.99073 5.33848 6.4119 5.75966C6.83308 6.18083 7.40431 6.41745 7.99994 6.41745ZM2.22495 13.0908V13.4758H13.7749V13.0908C13.7749 11.6534 13.7749 10.9348 13.4952 10.3855C13.2491 9.90259 12.8565 9.50995 12.3735 9.26388C11.8243 8.98411 11.1056 8.98411 9.66828 8.98411H6.33161C4.89428 8.98411 4.17561 8.98411 3.62635 9.26388C3.14342 9.50995 2.75078 9.90259 2.50471 10.3855C2.22495 10.9348 2.22495 11.6534 2.22495 13.0908Z' fill='%23FFD449' stroke='%23FFD449' stroke-width='1.28333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 center no-repeat;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box ol li.lv04 {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99994 6.41745C8.29487 6.41745 8.58691 6.35936 8.85939 6.24649C9.13187 6.13363 9.37944 5.9682 9.58799 5.75966C9.79653 5.55111 9.96196 5.30353 10.0748 5.03106C10.1877 4.75858 10.2458 4.46654 10.2458 4.17161C10.2458 3.87669 10.1877 3.58465 10.0748 3.31217C9.96196 3.03969 9.79653 2.79212 9.58799 2.58357C9.37944 2.37503 9.13187 2.2096 8.85939 2.09674C8.58691 1.98387 8.29487 1.92578 7.99994 1.92578C7.40431 1.92578 6.83308 2.1624 6.4119 2.58357C5.99073 3.00475 5.75411 3.57598 5.75411 4.17161C5.75411 4.76725 5.99073 5.33848 6.4119 5.75966C6.83308 6.18083 7.40431 6.41745 7.99994 6.41745ZM2.22495 13.0908V13.4758H13.7749V13.0908C13.7749 11.6534 13.7749 10.9348 13.4952 10.3855C13.2491 9.90259 12.8565 9.50995 12.3735 9.26388C11.8243 8.98411 11.1056 8.98411 9.66828 8.98411H6.33161C4.89428 8.98411 4.17561 8.98411 3.62635 9.26388C3.14342 9.50995 2.75078 9.90259 2.50471 10.3855C2.22495 10.9348 2.22495 11.6534 2.22495 13.0908Z' fill='%23FF3737' stroke='%23FF3737' stroke-width='1.28333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 center no-repeat;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box ol li.none {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99998 6.41745C8.2949 6.41745 8.58694 6.35936 8.85942 6.24649C9.1319 6.13363 9.37947 5.9682 9.58802 5.75966C9.79656 5.55111 9.96199 5.30353 10.0749 5.03106C10.1877 4.75858 10.2458 4.46654 10.2458 4.17161C10.2458 3.87669 10.1877 3.58465 10.0749 3.31217C9.96199 3.03969 9.79656 2.79212 9.58802 2.58357C9.37947 2.37503 9.1319 2.2096 8.85942 2.09674C8.58694 1.98387 8.2949 1.92578 7.99998 1.92578C7.40434 1.92578 6.83311 2.1624 6.41193 2.58357C5.99076 3.00475 5.75414 3.57598 5.75414 4.17161C5.75414 4.76725 5.99076 5.33848 6.41193 5.75966C6.83311 6.18083 7.40434 6.41745 7.99998 6.41745ZM2.22498 13.0908V13.4758H13.775V13.0908C13.775 11.6534 13.775 10.9348 13.4952 10.3855C13.2491 9.90259 12.8565 9.50995 12.3736 9.26388C11.8243 8.98411 11.1056 8.98411 9.66831 8.98411H6.33164C4.89431 8.98411 4.17564 8.98411 3.62638 9.26388C3.14345 9.50995 2.75081 9.90259 2.50474 10.3855C2.22498 10.9348 2.22498 11.6534 2.22498 13.0908Z' fill='%23CCCCCC' stroke='%23CCCCCC' stroke-width='1.28333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 center no-repeat;
}
.timeline-board-wrap .security-checkpoint-area .security-center .guide-flag .status-list-box ol li + li {
  margin-top: 6px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column {
  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;
  min-width: 72px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  margin: 3px 0 6px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column .info .num {
  display: inline-block;
  padding: 0 5px;
  background: rgba(21, 52, 72, 0.0509803922);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #153448;
  letter-spacing: -0.5px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column .info .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column .info .item i {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto 4px auto;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column .info .item.person i {
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 6.66667C8.80642 6.66667 9.10984 6.60631 9.39293 6.48905C9.67602 6.37179 9.93325 6.19992 10.1499 5.98325C10.3666 5.76658 10.5385 5.50935 10.6557 5.22626C10.773 4.94317 10.8333 4.63975 10.8333 4.33333C10.8333 4.02692 10.773 3.7235 10.6557 3.44041C10.5385 3.15731 10.3666 2.90009 10.1499 2.68342C9.93325 2.46675 9.67602 2.29488 9.39293 2.17761C9.10984 2.06035 8.80642 2 8.5 2C7.88116 2 7.28767 2.24583 6.85008 2.68342C6.4125 3.121 6.16667 3.71449 6.16667 4.33333C6.16667 4.95217 6.4125 5.54566 6.85008 5.98325C7.28767 6.42083 7.88116 6.66667 8.5 6.66667ZM2.5 13.6V14H14.5V13.6C14.5 12.1067 14.5 11.36 14.2093 10.7893C13.9537 10.2876 13.5457 9.87966 13.044 9.624C12.4733 9.33333 11.7267 9.33333 10.2333 9.33333H6.76667C5.27333 9.33333 4.52667 9.33333 3.956 9.624C3.45426 9.87966 3.04633 10.2876 2.79067 10.7893C2.5 11.36 2.5 12.1067 2.5 13.6Z' fill='%23394855' stroke='%23394855' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column .info .item.time i {
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 2.37092C4.26187 2.94142 3.44132 3.76196 2.87082 4.75009C2.30033 5.73821 1.99999 6.8591 2 8.00009C2.00001 9.14108 2.30036 10.262 2.87087 11.2501C3.44137 12.2382 4.26193 13.0587 5.25007 13.6292C6.23821 14.1997 7.35911 14.5 8.5001 14.5C9.6411 14.5 10.762 14.1996 11.7501 13.6291C12.7382 13.0586 13.5588 12.238 14.1292 11.2499C14.6997 10.2618 15 9.14087 15 7.99988L14.9967 7.78928C14.9603 6.66674 14.6337 5.57277 14.0486 4.61405C13.4636 3.65533 12.6401 2.86456 11.6584 2.31885C10.6768 1.77313 9.57045 1.49109 8.44735 1.50021C7.32424 1.50934 6.22266 1.80933 5.25 2.37092ZM8.5 4.09991C8.67239 4.09991 8.83772 4.16839 8.95962 4.29029C9.08152 4.41219 9.15 4.57752 9.15 4.74991V6.2007V8.02875L10.8108 9.13634C10.9432 9.22472 11.0387 9.35866 11.0789 9.51275C11.1192 9.66684 11.1015 9.83034 11.0291 9.97223L10.9908 10.0372C10.9435 10.1083 10.8826 10.1694 10.8117 10.2169C10.7408 10.2645 10.6612 10.2976 10.5775 10.3144C10.4937 10.3311 10.4075 10.3313 10.3238 10.3147C10.24 10.2982 10.1603 10.2653 10.0892 10.2179L8.1217 8.90624L8.06515 8.86074L8.01705 8.81199L7.9683 8.75089L7.9345 8.69889L7.91175 8.65339L7.8786 8.56759L7.85845 8.47984L7.85195 8.42654L7.85 8.37714V4.74991C7.85 4.57752 7.91848 4.41219 8.04038 4.29029C8.16228 4.16839 8.32761 4.09991 8.5 4.09991Z' fill='%23394855'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column .status-box {
  width: 100%;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column .status-box .belt {
  padding: 2px 0;
  height: 18px;
  background: #394855;
  color: #ffffff;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column .status-box .status {
  height: 160px;
  padding: 17px 0 0 0;
  background: #f8f8f8;
  border-radius: 0 0 4px 4px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column.none .info .person i {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 6.66667C8.80642 6.66667 9.10984 6.60631 9.39293 6.48905C9.67602 6.37179 9.93325 6.19992 10.1499 5.98325C10.3666 5.76658 10.5385 5.50935 10.6557 5.22626C10.773 4.94317 10.8333 4.63975 10.8333 4.33333C10.8333 4.02692 10.773 3.7235 10.6557 3.44041C10.5385 3.15731 10.3666 2.90009 10.1499 2.68342C9.93325 2.46675 9.67602 2.29488 9.39293 2.17761C9.10984 2.06035 8.80642 2 8.5 2C7.88116 2 7.28767 2.24583 6.85008 2.68342C6.4125 3.121 6.16667 3.71449 6.16667 4.33333C6.16667 4.95217 6.4125 5.54566 6.85008 5.98325C7.28767 6.42083 7.88116 6.66667 8.5 6.66667ZM2.5 13.6V14H14.5V13.6C14.5 12.1067 14.5 11.36 14.2093 10.7893C13.9537 10.2876 13.5457 9.87966 13.044 9.624C12.4733 9.33333 11.7267 9.33333 10.2333 9.33333H6.76667C5.27333 9.33333 4.52667 9.33333 3.956 9.624C3.45426 9.87966 3.04633 10.2876 2.79067 10.7893C2.5 11.36 2.5 12.1067 2.5 13.6Z' fill='%23CCCCCC' stroke='%23CCCCCC' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.timeline-board-wrap .security-checkpoint-area .security-center .column.none .info .time i {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 6.66667C8.80642 6.66667 9.10984 6.60631 9.39293 6.48905C9.67602 6.37179 9.93325 6.19992 10.1499 5.98325C10.3666 5.76658 10.5385 5.50935 10.6557 5.22626C10.773 4.94317 10.8333 4.63975 10.8333 4.33333C10.8333 4.02692 10.773 3.7235 10.6557 3.44041C10.5385 3.15731 10.3666 2.90009 10.1499 2.68342C9.93325 2.46675 9.67602 2.29488 9.39293 2.17761C9.10984 2.06035 8.80642 2 8.5 2C7.88116 2 7.28767 2.24583 6.85008 2.68342C6.4125 3.121 6.16667 3.71449 6.16667 4.33333C6.16667 4.95217 6.4125 5.54566 6.85008 5.98325C7.28767 6.42083 7.88116 6.66667 8.5 6.66667ZM2.5 13.6V14H14.5V13.6C14.5 12.1067 14.5 11.36 14.2093 10.7893C13.9537 10.2876 13.5457 9.87966 13.044 9.624C12.4733 9.33333 11.7267 9.33333 10.2333 9.33333H6.76667C5.27333 9.33333 4.52667 9.33333 3.956 9.624C3.45426 9.87966 3.04633 10.2876 2.79067 10.7893C2.5 11.36 2.5 12.1067 2.5 13.6Z' fill='%23CCCCCC' stroke='%23CCCCCC' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.timeline-board-wrap .security-checkpoint-area .security-center .column.none .info .num {
  color: #ccc;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column.none .belt {
  background: #ccc;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column.none .stack::before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4 1.5L7 4.5' stroke='%23CCCCCC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.5L4 6.5L7 9.5' stroke='%23CCCCCC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='8' height='8' rx='4' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 8 13)' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");
}
.timeline-board-wrap .security-checkpoint-area .security-center .column.none .stack::after {
  display: none;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column:nth-child(even) {
  margin-right: 8px;
}
.timeline-board-wrap .security-checkpoint-area .security-center .column:last-child {
  margin-right: 0px !important;
}
.timeline-board-wrap .bottom-center {
  position: relative;
  padding: 10px 0 0 0;
}
.timeline-board-wrap .bottom-center .tbl-align .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 10px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  overflow: hidden;
  height: 22px;
}
.timeline-board-wrap .bottom-center .tbl-align .item .name {
  background: #f5f6f6;
  color: #153448;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.timeline-board-wrap .bottom-center .tbl-align .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.timeline-board-wrap .bottom-center .tbl-align .item .info .num {
  color: #153448;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.timeline-board-wrap .bottom-center .tbl-align .item .info .person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 5px 4px 3px 6px;
  color: #153448;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.timeline-board-wrap .bottom-center .tbl-align .item .info .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 5px 6px 5px 4px;
  color: #153448;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.timeline-board-wrap .bottom-center .tbl-align .item.i01 {
  right: 1028px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.timeline-board-wrap .bottom-center .tbl-align .item.i02 {
  left: 483px;
}
.timeline-board-wrap .bottom-center .tbl-align .item.i03 {
  right: 490px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.timeline-board-wrap .bottom-center .tbl-align .item.i04 {
  left: 1019px;
}
.timeline-board-wrap .bottom-center .tbl-align .flag-txt {
  position: absolute;
  top: 41px;
  right: 535px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 58px;
  height: 18px;
  color: #3c5b6f;
  background: rgba(204, 204, 204, 0.2);
  color: #3c5b6f;
  border-radius: 2px;
  font-size: 12px;
}
.timeline-board-wrap .bottom-center .status-info-box {
  position: relative;
  width: 1377px;
  height: 111px;
  overflow: hidden;
  background-size: 1426px 113px;
}
.timeline-board-wrap .bottom-center .status-info-box::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 0 0;
  width: 1752px;
  height: 141px;
}
.timeline-board-wrap .bottom-center .status-info-box::before {
  margin-left: -1px;
  margin-top: -1px;
  width: 1378px;
  height: 111px;
  background-size: 100%;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl {
  position: absolute;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl .progress-bar {
  z-index: 1;
  position: relative;
  width: 26px;
  height: 384px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl .progress-bar .stack {
  min-height: 16px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl .progress-bar .stack::after {
  top: auto;
  left: 3px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl .progress-bar .stack::before {
  display: none;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl .pointer {
  position: absolute;
  border-radius: 110px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl .pointer::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 8px;
  height: 21px;
  background-size: 100%;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos01 {
  top: -136px;
  left: 208px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos01 .pointer {
  top: 155px;
  right: -205px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos01 .stack {
  min-height: 26px;
  margin-top: -26px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos02 {
  top: -95px;
  left: 290px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos02 .progress-bar {
  width: 16px;
  height: 384px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos02 .progress-bar .stack {
  width: 16px;
  margin-top: -14px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos02 .progress-bar .stack::after {
  top: auto;
  left: 2px;
  bottom: 2px;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos02 .progress-bar .stack::before {
  display: none;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos02 .pointer {
  top: 142px;
  right: -198px;
  width: 16px;
  height: 57px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos03 {
  top: -136px;
  right: 204px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos03 .progress-bar {
  width: 26px;
  height: 384px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos03 .progress-bar .stack {
  margin-top: -28px;
  min-height: 26px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos03 .progress-bar .stack::after {
  top: auto;
  left: 3px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos03 .progress-bar .stack::before {
  display: none;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos03 .pointer {
  top: 154px;
  right: 207px;
  width: 26px;
  height: 50px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos04 {
  top: -83px;
  right: 292px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos04 .progress-bar {
  width: 14px;
  height: 360px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos04 .progress-bar .stack {
  width: 14px;
  margin-top: -25px;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos04 .progress-bar .stack::after {
  top: auto;
  left: 2px;
  bottom: 2px;
  width: 11px;
  height: 11px;
  background-size: 11px 11px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos04 .progress-bar .stack::before {
  display: none;
}
.timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos04 .pointer {
  top: 130px;
  right: 196px;
  width: 16px;
  height: 57px;
}
.timeline-board-wrap .chart-board-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin: 20px 0 0;
  padding: 15px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}
.timeline-board-wrap .chart-board-area .chart-comp {
  width: 534px;
  padding: 14px 20px;
  background: #fff;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-text {
  font-size: 17px;
  font-weight: 600;
  color: #153448;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back {
  margin-right: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .speed-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .speed-box .spinner-box .spinner-box__minus,
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .speed-box .spinner-box .spinner-box__plus {
  width: 26px;
  height: 26px;
  border-color: #ccc;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .speed-box .spinner-box .spinner-box__minus i,
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .speed-box .spinner-box .spinner-box__plus i {
  background: #153448;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .speed-box .spinner-box .spinner-box__number input {
  width: 40px;
  height: 26px;
  font-size: 12px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .speed-box .spinner-box .spinner-box__minus {
  border-radius: 2px 0 0 2px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .date-picker {
  height: 26px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .date-picker-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .date-picker-box .dx-texteditor-container {
  border-color: #ccc;
  border-radius: 2px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .date-picker-box .dx-datebox .dx-texteditor-input {
  padding-left: 10px !important;
  font-size: 12px;
  color: #444;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .tit-back .date-picker-box .dx-datebox.dx-datebox-date .dx-dropdowneditor-icon::before {
  top: 5px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .select-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .select-time > span {
  color: #153448;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.timeline-board-wrap .chart-board-area .chart-comp h3.tit .select-time > .field .select {
  width: 100px;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 27px;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li > button {
  position: relative;
  display: block;
  height: 27px;
  padding: 0 7px;
  color: #888888;
  font-size: 12px;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li .btn-cal-open {
  width: 15px;
  background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.69999 5.40039L11.3 9.00039L7.69999 12.6004' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 center no-repeat;
  padding: 0;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.btn-datepicker .field-body {
  display: none;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.btn-datepicker .field-body .field.is-grouped {
  gap: 3px;
  padding-left: 16px;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.btn-datepicker .field-body .field.is-grouped .btn-view {
  margin-left: 6px;
  color: #fff;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.btn-datepicker .field-body .control {
  width: 103px;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.btn-datepicker .field-body .datetimepicker-dummy {
  height: 21px;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.btn-datepicker .field-body .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.btn-datepicker.active .field-body {
  display: block;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li .dx-daterangebox {
  width: 0;
  height: 21px;
  overflow: hidden;
  border: 0;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li .dx-texteditor-container {
  height: 21px;
  border: 0;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li .dx-texteditor-label .dx-label {
  display: none;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li .dx-daterangebox .dx-datebox {
  height: 21px;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li .dx-datebox input.dx-texteditor-input {
  height: 21px;
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 11px !important;
  font-size: 12px !important;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.active button {
  position: relative;
  color: #153448;
  font-weight: 500;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.active button:not(.btn-cal-open)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.active .dx-daterangebox {
  width: 213px !important;
  overflow: initial !important;
  border: 1px solid #ccc !important;
  margin: 0 0 0 4px;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.active .dx-daterangebox-separator {
  padding-left: 0;
}
.timeline-board-wrap .chart-board-area .chart-comp .tabs-date ol li.active .dx-daterangebox-separator .dx-icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.87'%3E%3Cpath d='M15.6422 11.3156L13.0797 8.06563C13.033 8.00629 12.9734 7.95832 12.9055 7.92531C12.8375 7.89229 12.763 7.87509 12.6875 7.875H11.675C11.5703 7.875 11.5125 7.99531 11.5766 8.07812L13.8313 10.9375H4.375C4.30625 10.9375 4.25 10.9938 4.25 11.0625V12C4.25 12.0687 4.30625 12.125 4.375 12.125H15.2484C15.6672 12.125 15.9 11.6438 15.6422 11.3156Z' fill='%23999999'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
  background-size: 20px 20px;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 33px;
  margin-top: 3px;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .time-slider {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .time-slider .btn-control {
  padding: 4px 4px 0 7px;
  background: #f8f8f8;
  border-radius: 4px 0 0 4px;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  background: #f8f8f8;
  border-radius: 4px;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field .dx-field-value {
  width: 100%;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field .dx-slider {
  margin: 0;
  padding: 0;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field .dx-slider .dx-slider-bar {
  background: #e5e5e5;
  margin-left: 0;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field .dx-slider .dx-slider-range.dx-slider-range-visible {
  background: #153448;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field .dx-slider .dx-slider-handle .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.16) !important;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field .dx-slider .dx-slider-handle::after {
  background: #153448;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field .dx-slider .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content {
  border: 1px solid #e5e5e5;
  background: #fff !important;
  opacity: 1;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field .dx-slider .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popover-arrow::after {
  background: #fff;
  border: 1px solid #e5e5e5;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .filter .dx-field .dx-slider .dx-slider-handle .dx-popup-content {
  color: #000;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .time-slider .btn-control {
  background: #f8f8f8;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .time-slider .btn-control::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 51.2166859791% 92.8934010152%;
  width: 26px;
  height: 26px;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .time-slider .btn-control::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}
.timeline-board-wrap .chart-board-area .chart-comp.hour .time-slider .btn-control.pause::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 78.3314020857% 92.8934010152%;
  width: 26px;
  height: 26px;
}
.timeline-board-wrap .chart-board-area .chart-comp .chart-box {
  margin: 4px 0 0 0;
}

.help-box li {
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  color: #444;
}
.help-box li .point {
  color: #0085ff;
  font-weight: 500;
}

.tbl-fo0321 table tr td:nth-child(2), .tbl-fo0321 table tr td:nth-child(6), .tbl-fo0321 table tr td:nth-child(7) {
  font-size: 13px;
}

.page-analysis .buttons.is-centered {
  margin-top: 20px;
}

.result-view__cont.fixed {
  max-height: none;
}

.modal-share .select-member {
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
  padding: 20px 0;
}
.modal-share .select-member .dashboard-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.modal-share .select-member .dashboard-name .flag {
  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;
  padding: 0 10px;
  height: 24px;
  background: #0085ff;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 20px;
}
.modal-share .select-member .dashboard-name .flag.user {
  background: #263959;
}
.modal-share .select-member .dashboard-name .flag.share {
  background: #4f709c;
}
.modal-share .select-member .dashboard-name-text {
  color: #153448;
  font-size: 21px;
  font-weight: 500;
  line-height: 27px;
}
.modal-share .select-member .member {
  margin-top: 20px;
  padding: 16px;
  background: #f8f8f8;
}

.dounut-tooltip .tooltip-top {
  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;
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
  color: #444;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.dounut-tooltip .tooltip-top .red {
  padding: 3px 8px;
  color: #ff3737;
  background: #ffe9e9;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.dounut-tooltip .tooltip-top .green {
  padding: 3px 8px;
  color: #32d534;
  background: #e9ffd9;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.dounut-tooltip .tooltip-top .yellow {
  padding: 3px 8px;
  color: #ffc714;
  background: #fff5e0;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.dounut-tooltip .tooltip-cont {
  padding-top: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.dounut-tooltip .tooltip-cont th {
  color: #444;
}
.dounut-tooltip .tooltip-cont td {
  padding: 2px 0;
  color: #444;
}
.dounut-tooltip .tooltip-cont td.red {
  color: #ff3737;
}
.dounut-tooltip .tooltip-cont td.green {
  color: #32d534;
}
.dounut-tooltip .tooltip-cont td.yellow {
  color: #ffc714;
}

.content-box-search {
  position: relative;
}
.content-box-search .search-sort button + button:before {
  height: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.content-view {
  padding: 16px 0 40px;
  border-bottom: 1px solid #a7a7a7;
}
.content-view__title {
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  color: #444;
}
.content-view .section {
  margin-bottom: 0;
}
.content-view .section-article {
  padding: 0 10px;
}
.content-view .section-article + .section-article {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #e5e5e5;
}
.content-view .section-article ol li,
.content-view .section-article ul li {
  font-size: 15px;
  font-weight: 400;
  line-height: 31px;
  color: #222;
}
.content-view .section-article ul.section-group-file li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 24px;
}
.content-view .section-article ul.section-group-file li:not(:first-child) {
  margin-top: 12px;
}
.content-view .section-article ul.section-group-file li .section-list-icon {
  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;
  margin-left: 6px;
}
.content-view .section-article ul.section-group-file li .section-list-icon a {
  display: inline-block;
}
.content-view .section-article-down {
  padding: 0;
  margin-top: 80px;
  border-top: 0;
}
.content-view .section-article-down .section__title {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.content-view .section-article-down ul li {
  line-height: 20px;
}
.content-view .section-article-down ul li + li {
  margin-top: 12px;
}
.content-view .section-article-down ul li a {
  color: #222;
}
.content-view .section-article-down ul li a span {
  display: inline-block;
}
.content-view .section-article-down ul li a span.file__icon {
  margin-left: 6px;
}
.content-view .section__title {
  margin-bottom: 30px;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  color: #153448;
}
.content-view .section-group__title {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.content-view .section-group__desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 31px;
  color: #222;
}
.content-view .section-group-list ol {
  margin-top: 8px;
  padding-left: 10px;
}
.content-view .section-group-list ol ul {
  margin-top: 8px;
}
.content-view .section-group-list ol ul + li {
  margin-top: 8px;
}
.content-view .section-group-list .list-hangul {
  padding-left: 40px;
}
.content-view .section-group-down {
  padding: 0 10px;
}
.content-view .section-group:not(:first-child) {
  margin-top: 16px;
}
.content-view .section:not(:first-child) {
  margin-top: 40px;
}

.buttons.has-addons.type-gray .button {
  gap: 2px;
  padding: 5px 10px;
  width: 150px;
  border-color: #ccc;
  font-size: 15px;
  font-weight: 400;
  line-height: 36px;
  color: #888;
  border-radius: 6px;
}
.buttons.has-addons.type-gray .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons.type-gray .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.buttons.has-addons.type-gray .button .num {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.buttons.has-addons.type-gray .button.is-active {
  border-color: #0085ff;
  background: #0085ff;
  color: hsl(0, 0%, 100%);
  font-weight: 500;
}
.buttons.has-addons.type-gray .button:not(:first-child) {
  border-left: 0;
}

.data-result-guide .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.law-box-wrap .content-box-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  color: #222;
  font-size: 23px;
  font-weight: 500;
  line-height: 30px;
}
.law-box-wrap .content-box-header__title .icon-prefix {
  width: 25px;
  font-size: 13px;
  text-align: center;
}
.law-box-wrap .content-box-header__title .icon-prefix::before {
  content: "\e915";
}
.law-box-wrap .content-box-header__title .icon-prefix__dot::before {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #153448;
  border-radius: 50%;
  vertical-align: super;
  content: "";
}
.law-box-wrap .content-box-search .search-summary {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0;
}
.law-box-wrap .content-box-search .search-delete {
  right: 150px;
}
.law-box-wrap .content-box-search .search-result__header {
  margin-bottom: 15px;
}
.law-box-wrap .content-box-search .search-result__custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.law-box-wrap .content-box-search .search-result__custom .field {
  position: relative;
  margin-left: 4px;
}
.law-box-wrap .content-box-search .search-result__custom .field .control .button {
  padding: 5px 10px;
  border-color: #ccc;
  font-size: 15px;
  font-weight: 400;
  line-height: 36px;
  color: #888;
  border-radius: 6px;
}
.law-box-wrap .content-box-search .search-result__custom .field .control .button.is-active {
  border-color: #0085ff;
  background: #0085ff;
  color: hsl(0, 0%, 100%);
  font-weight: 500;
}
.law-box-wrap .content-box-search .search-result__custom .field .control.control-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.law-box-wrap .content-box-search .search-result__custom .field::before {
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #cccccc;
}
.law-box-wrap .content-box-search .search-result-lawview {
  position: relative;
  overflow: hidden;
}
.law-box-wrap .content-box-search .search-result__list {
  min-height: 718px;
  margin: 0;
}
.law-box-wrap .content-box-search .search-result__list .search-cont {
  min-width: 0;
}
.law-box-wrap .content-box-search .search-result__list .search-cont-box {
  width: 100%;
}
.law-box-wrap .content-box-search .search-result__list .search-cont__desc {
  gap: 8px;
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  color: #444;
}
.law-box-wrap .content-box-search .search-result__list .search-cont__desc .search-cont-item {
  font-size: 15px;
  font-weight: 300;
  line-height: 18px;
  color: #444444;
}
.law-box-wrap .content-box-search .search-result__list .search-cont__desc .search-cont-item span {
  font-weight: 500;
  color: #222;
}
.law-box-wrap .content-box-search .search-result__list .search-cont__desc .search-cont-item:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.law-box-wrap .content-box-search .search-result__list .search-cont__desc .search-cont-item:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #ccc;
}
.law-box-wrap .content-box-search .search-result__list .search-cont__con {
  margin-top: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.law-box-wrap .content-box-search .search-result__list .search-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.law-box-wrap .content-box-search .search-result__list .search-buttons .card-icons {
  position: initial;
}
.law-box-wrap .field.has-addons {
  margin-bottom: 15px;
}
.law-box-wrap .field.has-addons .search-text input[type=text] {
  padding: 5px 28px;
}
.law-box-wrap .field.has-addons .search-text input[type=text]::-webkit-input-placeholder {
  font-size: 17px;
}
.law-box-wrap .field.has-addons .search-text input[type=text]::-moz-placeholder {
  font-size: 17px;
}
.law-box-wrap .field.has-addons .search-text input[type=text]:-ms-input-placeholder {
  font-size: 17px;
}
.law-box-wrap .field.has-addons .search-text input[type=text]::-ms-input-placeholder {
  font-size: 17px;
}
.law-box-wrap .field.has-addons .search-text input[type=text]::placeholder {
  font-size: 17px;
}
.law-box-wrap .field.search-law {
  position: relative;
}
.law-box-wrap .field.search-law .switch-list {
  position: absolute;
  right: 84px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}
.law-box-wrap .field.search-law .switch-list.is-after {
  width: 107px;
}
.law-box-wrap .field.search-law .switch-list.is-after .onoff-switch {
  width: 44px;
}
.law-box-wrap .field.search-law .switch-list.is-after .onoff-switch-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.law-box-wrap .field.search-law .switch-list.is-after .onoff-switch-label__after {
  position: initial;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  margin-right: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #444;
}
.law-box-wrap .lawpreview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 10;
  padding: 100px 24px 26px;
  width: 640px;
  height: 100%;
  background: hsl(0, 0%, 100%);
  border: 1px solid #e5e5e5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.law-box-wrap .lawpreview-header__title {
  padding-bottom: 30px;
  font-size: 21px;
  font-weight: 500;
  line-height: 27px;
  color: #153448;
  border-bottom: 1px solid #a7a7a7;
}
.law-box-wrap .lawpreview-header__down {
  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;
  gap: 4px;
  padding: 12px 0;
}
.law-box-wrap .lawpreview-header__down span {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #444;
}
.law-box-wrap .lawpreview-header__down .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.law-box-wrap .lawpreview-body {
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.law-box-wrap .lawpreview-body-scroll {
  max-height: 100%;
  overflow-y: auto;
}
.law-box-wrap .lawpreview-body-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.law-box-wrap .lawpreview-body-scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.law-box-wrap .lawpreview-body .section {
  margin-bottom: 0;
}
.law-box-wrap .lawpreview-body .section__title {
  padding: 0 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 42px;
  color: #222;
  background: #f5f7fa;
}
.law-box-wrap .lawpreview-body .section-list li {
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  color: #222;
}
.law-box-wrap .lawpreview-body .section-list li a {
  display: block;
  position: relative;
  padding: 12px 36px 12px 8px;
  color: #222;
  line-height: 1.5;
}
.law-box-wrap .lawpreview-body .section-list li a span {
  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;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  right: 8px;
  background: transparent;
  border-radius: 100%;
  color: #a7a7a7;
}
.law-box-wrap .lawpreview-body .section-list li + li {
  border-top: 1px solid #e5e5e5;
}
.law-box-wrap .lawpreview-body .section-list li:hover {
  background: #e9f1ff;
}
.law-box-wrap .lawpreview-body .section-list li:hover a {
  font-weight: 500;
  color: #0085ff;
}
.law-box-wrap .lawpreview-body .section-list li:hover a span {
  background: hsl(0, 0%, 100%);
  color: #0085ff;
}
.law-box-wrap .lawpreview-body .section + section {
  border-top: 1px solid #a7a7a7;
}
.law-box-wrap .lawpreview-body .section-file .section-list > li {
  padding: 10px 8px 9px;
  line-height: 1.5;
}
.law-box-wrap .lawpreview-body .section-file .section-list__icon a {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.law-box-wrap .lawpreview-body .section-file .section-list__icon:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  margin: 0 5px 0 8px;
  width: 1px;
  height: 12px;
  background: #ccc;
}
.law-box-wrap .lawpreview-footer {
  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: 10px;
  margin-top: 20px;
}
.law-box-wrap .lawpreview.is-active {
  right: 0;
}
.law-box-wrap .lawpreview.is-active .lawpreview-body-scroll {
  padding: 5px 0;
}

.law-view-wrap .content-box-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #a7a7a7;
  padding-bottom: 30px;
}
.law-view-wrap .content-box-header__txt {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.law-view-wrap .content-box-header__title {
  gap: 8px;
  padding: 0;
  font-size: 23px;
  font-weight: 500;
  line-height: 29px;
  color: #222;
}
.law-view-wrap .content-box-header__title span {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.law-view-wrap .content-box-header__day {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 0;
  line-height: 20px;
  color: #444;
}
.law-view-wrap .content-box-header__button {
  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: 8px;
}
.law-view-wrap .content-box-header__button .card-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.law-view-wrap .content-box-header__button .tooltip .icon {
  max-width: 100%;
  max-height: 100%;
}
.law-view-wrap .content-box-header__button .tooltip-txt {
  top: calc(100% + 10px);
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  background: #153448;
  border-color: #153448;
}
.law-view-wrap .content-box-header__button .tooltip-txt:before {
  border-width: 0 5px 10px 5px;
  top: -9px;
  border-color: transparent transparent #153448 transparent;
}
.law-view-wrap .buttons {
  margin: 40px 0 20px;
}

.archive-wrap {
  margin-top: 120px;
  max-width: 1120px;
}
.archive__title {
  font-size: 33px;
  font-weight: 700;
  line-height: 39px;
  color: #222;
}
.archive__text {
  margin: 28px 0 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  color: #444;
  letter-spacing: 0.01px;
}
.archive__link {
  display: inline-block;
  height: auto;
  padding: 10px 18px 10px 10px;
  margin-bottom: 60px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 4px;
}
.archive__link i {
  margin-left: 14px;
  color: #0085ff;
  font-size: 14px;
}
.archive__link:hover i {
  color: hsl(0, 0%, 100%);
}
.archive-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
.archive-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 20px;
  max-width: 540px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
}
.archive-list li:hover {
  border-color: #0085ff;
}
.archive-list li .txt-box {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.archive-list li .img-box a {
  display: block;
  height: 142px;
}
.archive-list li .is-link {
  padding: 7px 11px;
  height: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  border-radius: 4px;
}
.archive-list__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.archive-list__title span {
  display: block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 15px;
  border-radius: 100%;
  text-align: center;
  background-color: rgba(21, 52, 72, 0.05);
}
.archive-list__subtxt {
  margin: 8px 0 26px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: #222;
  letter-spacing: -1px;
}
.archive-document {
  padding: 12px 20px;
  margin-top: 20px;
  background: #F8F8F8;
}
.archive-document__title {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  color: #444444;
}
.archive-document .list-dash li {
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: #444444;
}
.archive-document .list-dash li span {
  font-weight: 500;
  color: #D50136;
}

.weather-week {
  padding: 19px 16px 12px;
}
.weather-week .report {
  margin: 8px 0;
  padding: 6px 15px;
  height: 27px;
  color: #888;
  background: #f8f8f8;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}
.weather-week .report.warning {
  background: #fff3f3;
  color: #222;
}
.weather-week .report.warning .warning-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
}
.weather-week .report.warning .warning-text {
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
}
.weather-week .report.warning .warning-text .c__red {
  color: #ff3737;
}
.weather-week .report.warning .warning-text::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 12px;
  background: #ffdddd;
}
.weather-week .week-header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.weather-week .week-header-box .btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #444444;
}
.weather-week .week-header-box .btn-more__icon {
  font-size: 11px;
  color: #444444;
}
.weather-week .week-header__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.weather-week .week-header-tab {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  margin: 15px 0 14px;
}
.weather-week .week-header-tab .buttons {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.weather-week .week-header-tab .buttons.has-addons button {
  height: auto;
  border: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.weather-week .week-header-tab .buttons.has-addons button.is-selected {
  background-color: #0085ff;
  color: hsl(0, 0%, 100%);
}
.weather-week .week-header-tab .buttons.has-addons button:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.weather-week .week-header-tab .buttons.has-addons button:not(:last-child) {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  margin-right: 0;
}
.weather-week .week-header-tab .buttons.has-addons button:not(:first-child) {
  position: relative;
}
.weather-week .week-header-tab .buttons.has-addons button:not(:first-child)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1px;
  height: 16px;
  background: #ddd;
}
.weather-week .week-header-tab .buttons.has-addons button:not(:first-child).is-selected::after {
  background: #0085ff;
}
.weather-week .week-body .graph-inner {
  position: relative;
  border: 1px solid #d4dff3;
  border-radius: 4px;
  overflow: hidden;
}
.weather-week .week-body .graph-inner .today {
  color: #153448;
}
.weather-week .week-body .graph-inner .tomorrow {
  color: #9c3beb;
}
.weather-week .week-body .graph-inner .aftertomorrow {
  color: #00ace5;
}
.weather-week .week-body .graph-content {
  position: absolute;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  width: 100%;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.weather-week .week-body .graph-content.active {
  position: static;
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}
.weather-week .week-body .graph-content .graph-btn {
  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;
  position: absolute;
  left: 0;
  bottom: 15%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
.weather-week .week-body .graph-content .graph-btn .swiper-arw {
  width: 12px;
  height: 32px;
  background: #ccc;
  color: hsl(0, 0%, 100%);
}
.weather-week .week-body .graph-content .graph-btn .swiper-arw.swiper-btn-prev .icon {
  margin-top: -3px;
  margin-left: -1px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.weather-week .week-body .graph-content .graph-btn .swiper-arw.swiper-button-disabled {
  opacity: 0;
}
.weather-week .week-body .graph-content .graph-head__title {
  padding: 9px 16px 1px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.weather-week .week-body .graph-content .graph-head__title .date {
  padding-left: 5px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.weather-week .week-body .graph-content .graph-body {
  position: relative;
  padding: 1px 16px 8px;
  height: 110px;
}
.weather-week .week-body .graph-content .graph-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.weather-week .week-body .graph-content .graph-box-graph {
  position: absolute;
  left: 0;
  top: 19px;
  width: 100%;
  height: 30px;
  z-index: 1;
}
.weather-week .week-body .graph-content .graph-box .chart-labels {
  position: absolute;
  left: 0;
  top: 17px;
  width: 100%;
  height: 30px;
}
.weather-week .week-body .graph-content .graph-box .chart-labels .custom-label {
  height: 100%;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #222;
}
.weather-week .week-body .graph-content .graph-box .chart-labels .custom-label .label-line {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  border-left: 1px dashed #e3e3e3;
}
.weather-week .week-body .graph-content .graph-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  height: 100%;
}
.weather-week .week-body .graph-content .graph-item li {
  width: 19px;
  height: 100px;
}
.weather-week .week-body .graph-content .graph-item-content {
  position: relative;
  height: 100%;
}
.weather-week .week-body .graph-content .graph-item__icon {
  position: absolute;
  left: -5px;
  bottom: 0;
  z-index: 1;
  width: 27px;
  height: 21px;
}
.weather-week .week-body .graph-content .graph-item__icon i {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.weather-week .week-body .graph-content.rainfal1 .graph-body {
  height: 110px;
  padding: 1px 16px 0;
}
.weather-week .week-body .graph-content.rainfal1 .graph-body .graph-box {
  top: initial;
  bottom: 0;
}
.weather-week .week-body .graph-content.rainfal1 .graph-body .graph-box .graph-box-graph {
  top: initial;
  bottom: -17px;
  height: auto;
}
.weather-week .week-body .graph-content.rainfal1 .graph-body .graph-box .chart-labels {
  top: -35px;
  height: auto;
}
.weather-week .week-body .graph-content.rainfal1 .graph-body .graph-box .chart-labels .custom-label {
  height: auto;
}
.weather-week .week-body .graph-content.wind .graph-body .graph-box-graph {
  top: 40px;
}
.weather-week .week-body .graph-content.wind .graph-body .graph-box .chart-labels {
  top: 40px;
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon {
  left: -4px;
  width: 24px;
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: unset;
          transform-origin: unset;
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.n {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.nne {
  -webkit-transform: rotate(22.5deg);
          transform: rotate(22.5deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.ne {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.ene {
  -webkit-transform: rotate(67.5deg);
          transform: rotate(67.5deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.e {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.ese {
  -webkit-transform: rotate(112.5deg);
          transform: rotate(112.5deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.se {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.sse {
  -webkit-transform: rotate(157.5deg);
          transform: rotate(157.5deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.s {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.ssw {
  -webkit-transform: rotate(202.5deg);
          transform: rotate(202.5deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.sw {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.wsw {
  -webkit-transform: rotate(247.5deg);
          transform: rotate(247.5deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.w {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.wnw {
  -webkit-transform: rotate(292.5deg);
          transform: rotate(292.5deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.nw {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.weather-week .week-body .graph-content.wind .graph-body .graph-itme-box .graph-item__icon i.nnw {
  -webkit-transform: rotate(337.5deg);
          transform: rotate(337.5deg);
}
.weather-week .week-body .graph-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  gap: 19px;
  border-top: 1px solid #d4dff3;
}
.weather-week .week-body .graph-time__txt {
  display: block;
  width: 80px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444;
}
.weather-week .week-body-list {
  margin-top: 5px;
}
.weather-week .week-body-list ul {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0;
  border-radius: 4px;
  border: 1px solid #d4dff3;
  overflow: hidden;
}
.weather-week .week-body-list ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.weather-week .week-body-list ul li:not(:first-child) {
  border-left: 1px solid #d4dff3;
}
.weather-week .week-body-list ul li .temp-min,
.weather-week .week-body-list ul li .temp-max {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
}
.weather-week .week-body-list ul li .temp-min {
  color: #0085ff;
}
.weather-week .week-body-list ul li .temp-max {
  color: #ff3737;
}
.weather-week .week-body-list ul li .day-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 9px 4px;
  background: #f5f7fa;
}
.weather-week .week-body-list ul li .day-box .day {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: #153448;
}
.weather-week .week-body-list ul li .day-box .date {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.weather-week .week-body-list ul li .week-temp {
  padding: 8px 4px;
}
.weather-week .week-body-list ul li .week-temp .temp-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.weather-week .week-body-list ul li .week-temp .temp-box__icon {
  width: 20px;
  height: 20px;
}
.weather-week .week-body-list ul li .week-temp .temp-box__icon i {
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.weather-week .week-body-list ul li .week-temp .temp-box-max {
  margin-top: 10px;
}
.weather-week .week-body-list ul li .week-temp .rainfall-box {
  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;
  margin-top: 2px;
  padding: 3px;
  border-radius: 4px;
  background: rgba(0, 133, 255, 0.05);
}
.weather-week .week-body-list ul li .week-temp .rainfall-box .txt-box {
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  color: #888;
}
.weather-week .week-body-list ul li .week-temp .rainfall-box .txt-box.is-rainfall {
  color: #222;
}

.airport-status .airport {
  padding: 12px 12px;
}
.airport-status .airport-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 9px;
}
.airport-status .airport-header-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  color: #153448;
}
.airport-status .airport-header-title .today {
  padding-left: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  color: #444444;
}
.airport-status .airport-header .btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #444444;
}
.airport-status .airport-header .btn-more__icon {
  font-size: 11px;
  color: #444444;
}
.airport-status .airport-body {
  gap: 10px;
}
.airport-status .airport-body-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
.airport-status .airport-body-weather {
  margin-top: 6px;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
}
.airport-status .airport-body-weather .weather-info {
  height: 143px;
}
.airport-status .airport-body-weather .weather-info-tit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  padding: 8px 0 0;
}
.airport-status .airport-body-weather .weather-info-tit .box {
  -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;
  gap: 4px;
  height: 100px;
}
.airport-status .airport-body-weather .weather-info-tit .box i {
  -webkit-transform: scale(0.88);
          transform: scale(0.88);
}
.airport-status .airport-body-weather .weather-info-tit .text {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.airport-status .airport-body-weather .weather-info-tit .num {
  margin-top: 6px;
  padding: 6px 0;
  border-top: 1px solid #e5e5e5;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #444444;
}
.airport-status .airport-body-weather .weather-info.is-all {
  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;
}
.airport-status .airport-body-weather .weather-info.is-all .weather-info-tit {
  gap: 12px;
}
.airport-status .airport-body-weather .weather-info.is-all .weather-info-tit .num {
  display: none;
}
.airport-status .airport-body-weather .weather-info.is-report .weather-info-tit .box {
  height: 85px;
}
.airport-status .airport-body-table {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 130px);
          flex: 0 0 calc(100% - 130px);
  padding: 9px 9px;
  background: rgba(0, 133, 255, 0.1);
  border-radius: 3px;
}
.airport-status .airport-body-table .table-box th, .airport-status .airport-body-table .table-box td {
  vertical-align: middle;
  height: 28px;
  border: 1px solid rgba(0, 133, 255, 0.1);
}
.airport-status .airport-body-table .table-box th {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  background: rgba(255, 255, 255, 0.1);
  color: hsl(0, 0%, 100%);
  border-radius: 2px;
  background: #153448;
}
.airport-status .airport-body-table .table-box th.is-gap {
  background: transparent;
}
.airport-status .airport-body-table .table-box th.tb-left {
  background: #0085ff;
}
.airport-status .airport-body-table .table-box td {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
  background: #E9F1FF;
}
.airport-status .airport-body-table .table-box td.is-red {
  background: #FFDDDD;
}
.airport-status .airport-body-table .table-box .dl-table {
  display: grid;
  grid-template-columns: 64px 97px 97px;
  gap: 2px;
}
.airport-status .airport-body-table .table-box .dl-table:not(:first-child) {
  margin-top: 2px;
}
.airport-status .airport-body-table .table-box .dl-table__dt, .airport-status .airport-body-table .table-box .dl-table__dd {
  padding: 4px 0;
}
.airport-status .airport-body-table .table-box .dl-table__dt {
  margin-right: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: hsl(0, 0%, 100%);
  border-radius: 2px;
  background: #0085ff;
}
.airport-status .airport-body-table .table-box .dl-table__dt.dl-table-bg {
  margin-right: 0;
  color: hsl(0, 0%, 100%);
  background: #153448;
}
.airport-status .airport-body-table .table-box .dl-table__dd {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
}
.airport-status .airport-body-table .table-box .dl-table__dd.plan {
  background: hsl(0, 0%, 100%);
}
.airport-status .airport-body-table .table-box .dl-table__dd.record {
  background: #FDF2CC;
}
.airport-status .airport-body-table .table-box .dl-table__dd.is-red {
  background: #FFDDDD;
  color: #ff3737;
}

.widget-keyword {
  padding: 25px 20px 20px;
}
.widget-keyword .keyword-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.widget-keyword .keyword-header__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.widget-keyword .keyword-header .btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #444444;
}
.widget-keyword .keyword-header .btn-more__icon {
  font-size: 11px;
  color: #444444;
}
.widget-keyword .keyword-body-chart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  margin-bottom: 25px;
}
.widget-keyword .keyword-body-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 6px;
  padding: 12px 0 0;
}
.widget-keyword .keyword-body-cont.brand-row-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 4px;
  padding: 10px 3px 4px;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.333%;
          flex: 1 1 33.333%;
  text-align: center;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row .brand-icon {
  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-bottom: 10px;
  height: 95px;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row .txt {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row .num {
  margin-top: 5px;
  padding: 6px 4px;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row .num .unit {
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row.positive .txt {
  color: #21C624;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row.positive .num {
  background: rgba(33, 198, 36, 0.1);
  color: #21C624;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row.neutral .txt {
  color: #F7BE00;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row.neutral .num {
  background: rgba(255, 199, 20, 0.1);
  color: #F7BE00;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row.negative .txt {
  color: #FF0505;
}
.widget-keyword .keyword-body-cont.brand-row-box .brand-row.negative .num {
  background: rgba(255, 5, 5, 0.1);
  color: #FF0505;
}
.widget-keyword .keyword-body-item {
  padding: 4px 4px 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 8px) / 2);
          flex: 0 0 calc((100% - 8px) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  border: 1px solid #D4DFF3;
  -webkit-box-shadow: 1px 2px 4px rgba(238, 238, 238, 0.8);
          box-shadow: 1px 2px 4px rgba(238, 238, 238, 0.8);
  border-radius: 6px;
}
.widget-keyword .keyword-body-item.analyze .analyze-label {
  gap: 0;
  width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  overflow: hidden;
}
.widget-keyword .keyword-body-item.analyze .analyze-label .custom-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  padding: 4px 0;
  text-align: center;
}
.widget-keyword .keyword-body-item.analyze .analyze-label .custom-label:not(:first-child) {
  border-left: 1px solid #eeeeee;
}
.widget-keyword .keyword-body-item.analyze .analyze-label .age {
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #444444;
}
.widget-keyword .keyword-body-item.analyze .analyze-label .value {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}
.widget-keyword .keyword-body-item.analyze .analyze-label .value.color01 {
  color: #2196F3;
}
.widget-keyword .keyword-body-item.analyze .analyze-label .value.color02 {
  color: #009F1D;
}
.widget-keyword .keyword-body-item.analyze .analyze-label .value.color03 {
  color: #FF7931;
}
.widget-keyword .keyword-body-item.analyze .analyze-label .value span {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.widget-keyword .keyword-body-item.news .news-img {
  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;
  height: 95px;
}
.widget-keyword .keyword-body-item.news .news-text {
  padding-right: 4px;
  width: 100%;
  text-align: right;
}
.widget-keyword .keyword-body-item.news .news-text-total {
  margin-bottom: 6px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.widget-keyword .keyword-body-item.news .news-text-total .total {
  font-size: 31px;
  font-weight: 700;
  line-height: 34px;
  color: #0085ff;
}
.widget-keyword .keyword-body-item.news .news-text-rate {
  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;
  gap: 4px;
}
.widget-keyword .keyword-body-item.news .news-text-rate .txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #888;
}
.widget-keyword .keyword-body-item.news .news-text-rate .num {
  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: 63px;
  height: 21px;
  padding: 1px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 4px;
}
.widget-keyword .keyword-body-item.news .news-text-rate.is-plus .num {
  background: #FFE9E9;
  color: #ff3737;
}
.widget-keyword .keyword-body-item.news .news-text-rate.is-plus .num::before {
  content: "+";
  display: block;
  color: #ff3737;
}
.widget-keyword .keyword-body-item.news .news-text-rate.is-minus .num {
  background: rgba(0, 133, 255, 0.05);
  color: #0085ff;
}
.widget-keyword .keyword-body-item.news .news-text-rate.is-minus .num::before {
  content: "-";
  display: block;
  color: #0085ff;
}
.widget-keyword .keyword-body-title span {
  display: block;
  padding: 8px 0;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  color: hsl(0, 0%, 100%);
  text-align: center;
  background: #153448;
  border-radius: 4px;
}
.widget-keyword .keyword-body-list .list-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}
.widget-keyword .keyword-body-list .list-header__title {
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  color: #153448;
}
.widget-keyword .keyword-body-list .list-header-day .day {
  padding: 2px 10px;
  background: #eeeeee;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #444444;
}
.widget-keyword .keyword-body-list .list-body .keyword-item {
  position: relative;
}
.widget-keyword .keyword-body-list .list-body .keyword-item-box {
  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;
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tag {
  padding: 5px 10px;
  max-width: 176px;
  background: rgba(0, 133, 255, 0.1);
  font-size: 17px;
  font-weight: 500;
  line-height: 19px;
  color: #0085ff;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  text-align: center;
  border-radius: 40px;
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tootip {
  padding: 8px 8px;
  left: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  top: initial;
  bottom: calc(100% + 5px);
  min-width: 168px;
  max-width: 168px;
  width: 100%;
  border-radius: 4px;
  border-color: #ccc;
  overflow: hidden;
  z-index: 1;
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tootip .tootip__title {
  margin-bottom: 8px;
  word-break: keep-all;
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tootip .tootip-cont {
  gap: 4px;
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tootip .tootip-cont .tootip-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 4px) / 2);
          flex: 0 0 calc((100% - 4px) / 2);
  padding: 4px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
  color: #444;
  border-radius: 4px;
  text-align: center;
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tootip .tootip-cont .tootip-row .total {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tootip .tootip-cont .tootip-row.tootip-cont-num {
  background: rgba(21, 52, 72, 0.05);
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tootip .tootip-cont .tootip-row.tootip-cont-num .total {
  color: #153448;
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tootip .tootip-cont .tootip-row.tootip-cont-imp {
  background: rgba(255, 55, 55, 0.05);
}
.widget-keyword .keyword-body-list .list-body .keyword-item-tootip .tootip-cont .tootip-row.tootip-cont-imp .total {
  color: #ff3737;
}
.widget-power {
  padding: 10px 12px 12px;
}
.widget-power .power-header {
  -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: 11px;
}
.widget-power .power-header__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #153448;
}
.widget-power .power-header .btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #444444;
}
.widget-power .power-header .btn-more__icon {
  font-size: 11px;
  color: #444444;
}
.widget-power .power-body {
  gap: 8px;
}
.widget-power .power-body-chart {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 174px;
          flex: 1 1 174px;
  position: relative;
}
.widget-power .power-body-chart .power-chart__title {
  padding: 8px 0;
  border-radius: 4px 4px 0 0;
  background: #153448;
  font-size: 17px;
  font-weight: 600;
  line-height: 19px;
  color: hsl(0, 0%, 100%);
  text-align: center;
}
.widget-power .power-body-chart .power-chart-info {
  padding: 4px 0;
  border: 1px solid #e5e5e5;
  border-radius: 0 0 4px 4px;
}
.widget-power .power-body-chart .power-chart-info .grade .number {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #888888;
}
.widget-power .power-body-chart .power-chart-info .grade .number .total {
  font-size: 19px;
  font-weight: 700;
  line-height: 21px;
  color: #153448;
}
.widget-power .power-body-chart .power-chart-info .grade .number .tooltip i {
  color: #888;
}
.widget-power .power-body-chart .power-chart-info .grade .number .tooltip-txt {
  padding: 7px 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #222;
}
.widget-power .power-body-chart .power-chart-info .grade .number .tooltip-txt .point {
  font-weight: 600;
  color: #153448;
}
.widget-power .power-body-chart .power-chart-info .dxg-line path {
  stroke-width: 0 !important;
}
.widget-power .power-body-chart .btn-more {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #153448;
}
.widget-power .power-body-chart .btn-more__icon {
  font-size: 11px;
  color: #153448;
}
.widget-power .power-body-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 138px;
          flex: 1 1 138px;
}
.widget-power .power-body-box .power-box-day .power-select {
  margin-bottom: 6px;
  height: 40px;
}
.widget-power .power-body-box .power-box-day .power-select select {
  height: 40px;
}
.widget-power .power-body-box .power-box-day .today {
  border-radius: 4px;
  border: 1px solid #e5e5e5;
}
.widget-power .power-body-box .power-box-day .today__title {
  padding: 7px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  color: #153448;
  border-bottom: 1px solid #e5e5e5;
}
.widget-power .power-body-box .power-box-day .today-content {
  padding: 6px 6px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #153448;
}
.widget-power .power-body-box .power-box-day .today-content .unit {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #888;
}
.widget-power .power-body-box .power-box-day .today-content .percent {
  display: block;
  margin-top: 7px;
  padding: 2px 0;
  width: 100%;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.widget-power .power-body-box .power-box-day .today-content .percent.is-minus {
  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;
  background: rgba(0, 133, 255, 0.05);
  color: #0085ff;
}
.widget-power .power-body-box .power-box-day .today-content .percent.is-minus::before {
  content: "-";
  display: block;
}
.widget-power .power-body-box .power-box-day .today-content .percent.is-plus {
  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;
  background: rgba(255, 55, 55, 0.05);
  color: #ff3737;
}
.widget-power .power-body-box .power-box-day .today-content .percent.is-plus::before {
  content: "+";
  display: block;
}
.widget-power .power-yesterday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  padding: 8px 0;
  margin-top: 5px;
  background: #f8f8f8;
  border-radius: 4px;
}
.widget-power .power-yesterday > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.widget-power .power-yesterday .yesterday__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #444444;
}
.widget-power .power-yesterday .yesterday-content {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.widget-power .power-yesterday .yesterday-content .unit {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: #888;
}
.widget-time {
  padding: 15px 20px;
}
.widget-time .time-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.widget-time .time-header__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.widget-time .time-body-day {
  border-radius: 4px;
  overflow: hidden;
}
.widget-time .time-body-day .today {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 10px;
  background: #F8F8F8;
  border-bottom: 1px solid #eeeeee;
}
.widget-time .time-body-day .today__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
}
.widget-time .time-body-day .today__box {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #444;
}
.widget-time .time-body-standard {
  margin: 10px 0;
  padding: 4px 6px 8px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.widget-time .time-body-standard .standard-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  text-align: center;
}
.widget-time .time-body-standard .standard-item__title {
  padding: 8px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.widget-time .time-body-standard .standard-item-total {
  padding: 7px 0;
  background: #E6F3FF;
  border-radius: 2px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #0085ff;
}
.widget-time .time-body-standard .standard-item-total .unit {
  font-size: 19px;
}
.widget-time .time-body-standard .standard-item-total .txt {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #444;
}
.widget-time .time-body-standard .standard-item-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.widget-time .time-body-standard .standard-info {
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 7px;
  margin-top: 10px;
}
.widget-time .time-body-standard .standard-info .sticker {
  display: block;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
}
.widget-time .time-body-standard .standard-info .items {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.widget-time .time-body-standard .standard-info .items li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 10%;
          flex: 1 1 10%;
}
.widget-time .time-body-standard .standard-info .items li .svg-std-default {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.widget-time .time-body-standard .standard-info.is-good .sticker {
  background: #2F80ED;
}
.widget-time .time-body-standard .standard-info.is-good .items li:nth-child(-n+3) .svg-std-default {
  -webkit-filter: brightness(0) saturate(100%) invert(35%) sepia(79%) saturate(1400%) hue-rotate(190deg) brightness(98%) contrast(100%);
          filter: brightness(0) saturate(100%) invert(35%) sepia(79%) saturate(1400%) hue-rotate(190deg) brightness(98%) contrast(100%);
}
.widget-time .time-body-standard .standard-info.is-normal .sticker {
  background: #00BA03;
}
.widget-time .time-body-standard .standard-info.is-normal .items li:nth-child(-n+6) .svg-std-default {
  -webkit-filter: brightness(0) saturate(100%) invert(34%) sepia(100%) saturate(1200%) hue-rotate(95deg) brightness(110%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(34%) sepia(100%) saturate(1200%) hue-rotate(95deg) brightness(110%) contrast(101%);
}
.widget-time .time-body-standard .standard-info.is-busy .sticker {
  background: #FFD449;
}
.widget-time .time-body-standard .standard-info.is-busy .items li:nth-child(-n+8) .svg-std-default {
  -webkit-filter: brightness(0) saturate(100%) invert(76%) sepia(88%) saturate(520%) hue-rotate(350deg) brightness(88%) contrast(163%);
          filter: brightness(0) saturate(100%) invert(76%) sepia(88%) saturate(520%) hue-rotate(350deg) brightness(88%) contrast(163%);
}
.widget-time .time-body-standard .standard-info.is-very-busy .sticker {
  background: #ff3737;
}
.widget-time .time-body-standard .standard-info.is-very-busy .items .svg-std-default {
  -webkit-filter: brightness(0) saturate(100%) invert(31%) sepia(92%) saturate(6376%) hue-rotate(352deg) brightness(101%) contrast(105%);
          filter: brightness(0) saturate(100%) invert(31%) sepia(92%) saturate(6376%) hue-rotate(352deg) brightness(101%) contrast(105%);
}
.widget-time .time-body-check {
  padding: 8px 8px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
}
.widget-time .time-body-check .check-list__title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  color: #222;
  text-align: center;
}
.widget-time .time-body-check .check-list-info .info-number {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.widget-time .time-body-check .check-list-info .info-number-item {
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  color: #153448;
}
.widget-time .time-body-check .check-list-info .info-number-item .unit {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  color: #888;
}
.widget-time .time-body-check .check-list-info .info-number-item:not(:first-child) {
  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;
  gap: 2px;
  position: relative;
  padding-left: 8px;
}
.widget-time .time-body-check .check-list-info .info-number-item:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 12px;
  background: #a7a7a7;
}
.widget-time .time-body-check .check-list:not(:first-child) {
  margin-top: 10px;
}
.widget-time .time-body-check .check-list.status .check-list-info ul {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.widget-time .time-body-check .check-list.status .check-list-info ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  overflow: hidden;
}
.widget-time .time-body-check .check-list.status .check-list-info ul li .info-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 6px 0;
  background: rgba(57, 72, 85, 0.1);
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #394855;
}
.widget-time .time-body-check .check-list.status .check-list-info ul li .info-header .circle {
  padding: 4px 0;
  width: 20px;
  height: 20px;
  background: #394855;
  border-radius: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  color: hsl(0, 0%, 100%);
  text-align: center;
}
.widget-time .time-body-check .check-list.status .check-list-info ul li .info-body {
  padding: 10px 0;
}
.widget-time .time-body-check .check-list.status .check-list-info ul li .info-number {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.widget-time .time-body-check .check-list.status .check-list-info ul li .info-icon {
  margin-top: 13px;
}
.widget-time .time-body-check .check-list.status .check-list-info ul li .info-icon .icon {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.widget-time .time-body-check .check-list.security .check-list-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  padding: 4px 0;
  width: 100%;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 4px;
}
.widget-time .time-body-check .check-list.security .check-list-info .info-title {
  font-size: 17px;
  font-weight: 500;
  line-height: 19px;
  color: #444;
}
.widget-time .time-body-check .check-list.security .check-list-info .info-number-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 0;
  text-align: center;
}
.widget-data .data-header {
  padding: 10px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.widget-data .data-header__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #153448;
}
.widget-data .data-header-tab .buttons {
  border-radius: 4px;
}
.widget-data .data-header-tab .button {
  padding: 5px 15px;
  border: 0;
  background: #eeeeee;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #153448;
}
.widget-data .data-header-tab .button.is-selected {
  background: #153448;
  color: hsl(0, 0%, 100%);
  border-radius: 4px;
  font-weight: 500;
}
.widget-data .data-body-chart {
  padding: 0 12px;
}
.widget-data .data-body-chart .chart__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.widget-data .data-body-chart .chart-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  border-bottom: 1px solid #a7a7a7;
}
.widget-data .data-body-chart .chart-item:not(:first-child) {
  border-left: 1px solid #e5e5e5;
}
.widget-data .data-body-chart .chart-item-box {
  gap: 0;
}
.widget-data .data-body-chart .chart-item-header {
  padding: 4px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #F8F8F8;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.widget-data .data-body-chart .chart-item-header .sticker {
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  color: #153448;
}
.widget-data .data-body-chart .chart-item-header .number {
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  color: #153448;
}
.widget-data .data-body-chart .chart-item-header .number .unit {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #888888;
}
.widget-data .data-body-chart .chart-item-body {
  padding: 6px 4px;
}
.widget-data .data-body-chart .chart-item-body .chart-total {
  font-size: 19px;
  font-weight: 800;
  line-height: 22px;
  color: #153448;
  font-family: "Freesentation";
}
.widget-data .data-body-chart .chart-item-body .chart-total .unit {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #444;
  vertical-align: bottom;
}
.widget-data .data-body-chart .chart-item-body .chart-percent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  margin: 6px 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #444444;
}
.widget-data .data-body-chart .chart-item-body .chart-percent .unit {
  font-weight: 400;
}
.widget-data .data-body-chart .chart-item-body .chart-percent .unit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.widget-data .data-body-chart .chart-item-body .chart-percent .unit-box::before {
  content: "";
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.widget-data .data-body-chart .chart-item-body .chart-percent .chart-percent-num {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.widget-data .data-body-chart .chart-item-body .chart-percent.is-minus .unit-box::before {
  border-top: 6px solid #0085ff;
}
.widget-data .data-body-chart .chart-item-body .chart-percent.is-minus .chart-percent-num {
  color: #0085ff;
}
.widget-data .data-body-chart .chart-item-body .chart-percent.is-plus .unit-box::before {
  border-bottom: 6px solid #ff3737;
}
.widget-data .data-body-chart .chart-item-body .chart-percent.is-plus .chart-percent-num {
  color: #ff3737;
}
.widget-data .data-body-chart .chart-inner {
  position: relative;
}
.widget-data .data-body-chart .chart-inner .sticker {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #888888;
  border-radius: 2px;
  background: rgba(21, 52, 72, 0.05);
}
.widget-data .data-body-info {
  padding: 10px 12px;
}
.widget-data .data-body-info .info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.widget-data .data-body-info .info__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  color: #153448;
}
.widget-data .data-body-info .info-total {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.widget-data .data-body-info .info-total-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.widget-data .data-body-info .info-total-box:not(:first-child)::before {
  content: "";
  display: block;
  margin-right: 4px;
  width: 1px;
  height: 12px;
  background: #a7a7a7;
}
.widget-data .data-body-info .info-total__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #222;
}
.widget-data .data-body-info .info-total-num {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.widget-data .data-body-info .info-total-num .unit {
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  color: #888;
}
.widget-prohibit {
  padding: 20px 20px;
}
.widget-prohibit .prohibit-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.widget-prohibit .prohibit-header__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #153448;
}
.widget-prohibit .prohibit-header .btn-more {
  margin-top: 9px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #153448;
}
.widget-prohibit .prohibit-header .btn-more__icon {
  font-size: 11px;
  color: #153448;
}
.widget-prohibit .prohibit-body-top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.widget-prohibit .prohibit-body-top .prohibit-day__txt {
  padding: 7px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #444;
  background: #eee;
  border-radius: 4px;
}
.widget-prohibit .prohibit-body-top .prohibit-tab .buttons {
  border-radius: 4px;
}
.widget-prohibit .prohibit-body-top .prohibit-tab .button {
  padding: 5px 15px;
  border: 0;
  background: #eeeeee;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #153448;
}
.widget-prohibit .prohibit-body-top .prohibit-tab .button.is-selected {
  background: #153448;
  color: hsl(0, 0%, 100%);
  border-radius: 4px;
  font-weight: 500;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px 0;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-list {
  padding: 15px 0 0;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-tit {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 80px;
          flex: 1 1 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-tit .icon {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 90px);
          flex: 1 1 calc(100% - 90px);
  position: relative;
  height: 40px;
  border-radius: 4px;
  background: #EEEEEE;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num .text {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  padding: 10px 8px;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num .text .unit {
  font-weight: 500;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 4px;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num.is-rank .text {
  color: #888888;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num.is-rank::before {
  width: 0;
  background: transparent;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num.is-rank01::before {
  width: 40%;
  background: #FA9C85;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num.is-rank02::before {
  width: 50%;
  background: #F57666;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num.is-rank03::before {
  width: 60%;
  background: #EF3B36;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num.is-rank04::before {
  width: 70%;
  background: #CD2731;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num.is-rank05::before {
  width: 80%;
  background: #AC1B2F;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num.is-rank06::before {
  width: 90%;
  background: #8A112C;
}
.widget-prohibit .prohibit-body-bottom .prohibit-rank-num.is-rank07::before {
  width: 100%;
  background: #720A2B;
}
.widget-lost {
  padding: 20px 20px;
}
.widget-lost .lost-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.widget-lost .lost-header__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.widget-lost .lost-header__title .sub {
  padding-left: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  color: #444;
}
.widget-lost .lost-header .btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #444444;
}
.widget-lost .lost-header .btn-more__icon {
  font-size: 11px;
  color: #444444;
}
.widget-lost .lost-body-sele {
  margin-bottom: 12px;
}
.widget-lost .lost-body-sele .sele-all {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 141px;
          flex: 1 1 141px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.widget-lost .lost-body-sele .sele-all::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #ccc;
}
.widget-lost .lost-body-sele .sele-date {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 151px);
          flex: 1 1 calc(100% - 151px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.widget-lost .lost-body-sele .sele-date .control:first-child {
  width: 130px;
}
.widget-lost .lost-body-item {
  gap: 8px;
}
.widget-lost .lost-body-item .lost-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding: 8px 8px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.widget-lost .lost-body-item .lost-item__title {
  margin: 5px 0 7px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #444;
}
.widget-lost .lost-body-item .lost-item-number {
  width: 100%;
  padding: 4px 0;
  text-align: center;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}
.widget-lost .lost-body-item .lost-item-number.cases {
  background: rgba(36, 112, 160, 0.1);
  color: #2470A0;
}
.widget-lost .lost-body-item .lost-item-number.percent {
  background: rgba(134, 74, 255, 0.1);
  color: #864AFF;
}
.widget-lost .lost-body-item .lost-item-number .unit {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #888;
}
.widget-lost .lost-body-chart .lost-chart-top {
  gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 0 13px;
}
.widget-lost .lost-body-chart .lost-chart-top .lost-chart__title {
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  color: #222;
}
.widget-lost .lost-body-chart .lost-chart-top .lost-chart__title .sub {
  color: #153448;
}
.widget-lost .lost-body-chart .lost-chart-top .lost-field {
  gap: 8px;
}
.widget-lost .lost-body-chart .lost-chart-top .lost-field li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.widget-lost .lost-body-chart .lost-chart-top .lost-field li .circle {
  display: block;
  width: 10px;
  height: 10px;
}
.widget-lost .lost-body-chart .lost-chart-top .lost-field li .text {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.widget-lost .lost-body-chart .lost-chart-top .lost-field li.cases .circle {
  background: #2470A0;
  border-radius: 2px;
}
.widget-lost .lost-body-chart .lost-chart-top .lost-field li.percent .circle {
  background: #864AFF;
  border-radius: 100%;
}
.widget-lost .lost-body-chart .lost-axis {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  position: relative;
  margin-top: 4px;
  width: 100%;
}
.widget-lost .lost-body-chart .lost-axis .axis-label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  text-align: center;
}
.widget-lost .lost-body-chart .lost-axis .axis-label .lost-axis-sticker {
  display: block;
  width: 100%;
  padding: 3px 0;
  background: rgba(36, 112, 160, 0.1);
  border-radius: 2px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.widget-lost .lost-body-chart .lost-axis .axis-label .lost-axis-title {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.widget-lost .lost-body-chart .dxc-val-line path {
  stroke-width: 0 !important;
}
.widget-lost .lost-body-chart .dxc-val-constant-lines text {
  display: none !important;
}
.widget-parking {
  padding: 12px 12px;
}
.widget-parking .parking-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
.widget-parking .parking-header__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 23px;
  color: #153448;
}
.widget-parking .parking-body-date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  margin: 12px 0 7px;
}
.widget-parking .parking-body-date .parking-date__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  color: #153448;
}
.widget-parking .parking-body-date .parking-date__number {
  padding: 5px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #444444;
  background: #eee;
  border-radius: 2px;
}
.widget-parking .parking-body-total {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.widget-parking .parking-body-total .parking-total-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding: 8px 8px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.widget-parking .parking-body-total .parking-total-item .item-title {
  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;
  margin-bottom: 15px;
}
.widget-parking .parking-body-total .parking-total-item .item-title .text {
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #394855;
}
.widget-parking .parking-body-total .parking-total-item .item-title .icon-box {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.widget-parking .parking-body-total .parking-total-item .item-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 6px;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  color: #0085ff;
}
.widget-parking .parking-body-total .parking-total-item .item-number .unit {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #888;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent .caption {
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  color: #444;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent .number {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  color: #444;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent .number .total {
  display: block;
  max-width: 39px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent .number .unit {
  font-weight: 500;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent .parking-percent-num {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent .parking-percent-num .percent {
  font-size: 15px;
  font-weight: 600;
  line-height: 17px;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent .parking-percent-num::before {
  content: "";
  display: block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent.is-plus .parking-percent-num::before {
  border-bottom: 6px solid #ff3737;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent.is-plus .parking-percent-num .percent {
  color: #ff3737;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent.is-minus .parking-percent-num::before {
  border-top: 6px solid #0085ff;
}
.widget-parking .parking-body-total .parking-total-item .parking-percent.is-minus .parking-percent-num .percent {
  color: #0085ff;
}
.widget-sales {
  padding: 18px 20px 14px;
}
.widget-sales .sales-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
.widget-sales .sales-header__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #153448;
}
.widget-sales .sales-header .btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #444444;
}
.widget-sales .sales-header .btn-more__icon {
  font-size: 11px;
  color: #444444;
}
.widget-sales .sales-body .sales-total-tab {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 12px 0 8px;
}
.widget-sales .sales-body .sales-total-tab .buttons {
  border-radius: 4px;
}
.widget-sales .sales-body .sales-total-tab .button {
  padding: 5px 15px;
  border: 0;
  background: #eeeeee;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #153448;
}
.widget-sales .sales-body .sales-total-tab .button.is-selected {
  background: #153448;
  color: hsl(0, 0%, 100%);
  border-radius: 4px;
  font-weight: 500;
}
.widget-sales .sales-body .sales-total-chart {
  padding: 8px 8px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
}
.widget-sales .sales-body .sales-total-chart .chart-number {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.widget-sales .sales-body .sales-total-chart .chart-number-total {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 7px 12px;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 4px;
  font-size: 22px;
  font-weight: 700;
  line-height: 25px;
  color: #444;
  text-align: center;
}
.widget-sales .sales-body .sales-total-chart .chart-number-total .num {
  color: #0085ff;
}
.widget-sales .sales-body .sales-total-chart .chart-number-total .unit {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  color: #444;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent .txt {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #888;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent .number {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #444;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent .number-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: 2px;
  text-align: right;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent .number-box .percent {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent .number .unit {
  font-weight: 600;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent .number::before {
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent.is-plus .number::before {
  border-bottom: 7px solid #ff3737;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent.is-plus .number-box .percent {
  color: #ff3737;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent.is-minus .number::before {
  border-top: 7px solid #0085ff;
}
.widget-sales .sales-body .sales-total-chart .chart-number-percent.is-minus .number-box .percent {
  color: #0085ff;
}
.widget-sales .sales-body .sales-total-chart .chart-box {
  margin-top: 8px;
  border: 1px solid #F1F1F1;
  border-bottom: 0;
}
.widget-sales .sales-body .sales-total-chart .chart-box .sales-axis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4px;
}
.widget-sales .sales-body .sales-total-chart .chart-box .sales-axis .axis-label {
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  color: #444;
}
.widget-sales .sales-body .sales-total-chart .chart-box .dxc-arg-line path {
  stroke-width: 0 !important;
}
.widget-sales .sales-body .sales-list {
  margin-top: 8px;
}
.widget-sales .sales-body .sales-list__title {
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
}
.widget-sales .sales-body .sales-list__title .sticker {
  padding: 2px 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
  color: #0085ff;
  background: rgba(0, 133, 255, 0.05);
  border-radius: 4px;
}
.widget-sales .sales-body .sales-list__unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #888;
}
.widget-sales .sales-body .sales-list-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  margin-bottom: 8px;
}
.widget-sales .sales-body .sales-list-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.widget-sales .sales-body .sales-list-body .ranking-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.widget-sales .sales-body .sales-list-body .ranking-list .custom-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  padding: 4px 4px 4px 10px;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 100px;
}
.widget-sales .sales-body .sales-list-body .ranking-list .custom-label:not(:first-child) {
  margin-top: 4px;
}
.widget-sales .sales-body .sales-list-body .ranking-list .custom-label .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #222;
}
.widget-sales .sales-body .sales-list-body .ranking-list .custom-label .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 2px 6px 2px 4px;
  background: hsl(0, 0%, 100%);
  border-radius: 100px;
  font-size: 15px;
  font-weight: 600;
  line-height: 17px;
  color: #222;
}
.widget-sales .sales-body .sales-list-body .ranking-list .custom-label .number .color {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
}
.widget-staff .c-top-name {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #D4DFF3;
}
.widget-staff .c-top-name .name {
  margin-bottom: 8px;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  color: #222;
}
.widget-staff .c-top-name .name span {
  font-size: 17px;
  line-height: 26px;
}
.widget-staff .c-top-name .dept {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
}
.widget-staff .c-top-ip ol li {
  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;
  color: #444;
}
.widget-staff .c-top-ip ol li .tit {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}
.widget-staff .c-top-ip ol li .tit i {
  margin-right: 4px;
  color: #222;
  font-size: 10px;
}
.widget-staff .c-top-ip ol li .ctn {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.widget-staff .c-top-ip ol li:not(:first-child) {
  margin-top: 9px;
}
.widget-staff .c-bottom .skynet-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.widget-staff .c-bottom .skynet-wrap .document {
  text-align: center;
  min-width: 60px;
}
.widget-staff .c-bottom .skynet-wrap .document .title {
  color: #3c5b6f;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.widget-staff .c-bottom .skynet-wrap .document .count {
  padding-top: 6px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}
.widget-staff .c-bottom .skynet-wrap .document .count a {
  color: #fe0b0b;
}
.widget-staff .c-bottom .skynet-wrap .document-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.widget-staff .c-bottom .skynet-wrap .document-info .document {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.widget-staff.personal-info .c-top {
  padding: 15px 20px;
}
.widget-staff.personal-info .c-bottom {
  padding: 12px 20px;
}
.widget-weather.weather-skynet {
  padding: 0;
}
.widget-weather.weather-skynet .weather-container {
  padding: 12px 12px 0;
}
.widget-weather.weather-skynet .weather-info-now {
  line-height: 36px;
}
.widget-weather.weather-skynet .weather-wrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
  margin: 10px 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
}
.widget-weather.weather-skynet .weather-wrap .fine-dust {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.widget-weather.weather-skynet .weather-wrap .fine-dust::before {
  display: none;
}
.widget-weather.weather-skynet .weather-wrap .fine-dust .weather-info-state .weather-state__text {
  font-size: 19px;
  font-weight: 600;
  line-height: 22px;
  color: #222;
}
.widget-weather.weather-skynet .weather-wrap .fine-dust-state {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.widget-weather.weather-skynet .weather-wrap .fine-dust-state dl {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.widget-weather.weather-skynet .weather-wrap .fine-dust-state dl dd, .widget-weather.weather-skynet .weather-wrap .fine-dust-state dl dt {
  font-size: 17px;
  line-height: 19px;
}
.widget-weather.weather-skynet .weather-wrap .fine-dust-state dl dd {
  padding-top: 0;
}
.widget-weather.weather-skynet .weather-wrap .fine-dust-state dl:not(:first-child) {
  position: relative;
  padding-left: 10px;
}
.widget-weather.weather-skynet .weather-wrap .fine-dust-state dl:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: #e5e5e5;
}
.widget-weather.weather-skynet .weather-info {
  -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;
}
.widget-weather.weather-skynet .weather-info .weather-state-temp {
  margin-top: 0;
  font-size: 18px;
  line-height: 20px;
}
.widget-weather.weather-skynet .state-wrap {
  gap: 5px;
  padding: 0;
  margin-top: 0;
  height: auto;
  background: hsl(0, 0%, 100%);
}
.widget-weather.weather-skynet .state-wrap .state {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: auto;
  font-size: 16px;
  line-height: 17px;
  text-align: center;
}
.widget-weather.weather-skynet .state-wrap .state + .state {
  padding-left: 5px;
}
.widget-weather.weather-skynet .state-wrap .state + .state::before {
  left: 0;
  top: unset;
  bottom: 0;
  height: 17px;
}
.widget-weather.weather-skynet .state-wrap .state-name {
  color: #444;
}
.widget-weather.weather-skynet .report {
  margin: 16px 0 0;
  padding: 12px;
  height: 40px;
}

.power-tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background: hsl(0, 0%, 100%);
  border: 1px solid #E3E3E3;
  border-radius: 4px;
}
.power-tooltip__title {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.power-tooltip__title.color1 {
  color: #21C624;
}
.power-tooltip__title.color2 {
  color: #FFC714;
}
.power-tooltip__title.color3 {
  color: #F9844A;
}
.power-tooltip__title.color4 {
  color: #FF0505;
}
.power-tooltip__num {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #222;
}

.view-header-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.view-header__date {
  margin-top: 5px;
}
.view-header__date span {
  font-size: 14px;
  color: #222;
}
.view-header__date span.day {
  padding-left: 15px;
}

.section-airport__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.section-wrap-control {
  padding: 25px 20px 16px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.section-wrap-control .select select {
  border: 0;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  color: #153448;
}
.section-body-wrap {
  -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;
  min-height: 0;
  overflow: hidden;
}
.section-body-wrap .section-header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.section-body-wrap .section-header__banner {
  position: relative;
}
.section-body-wrap .section-header__banner img {
  display: block;
}
.section-body-wrap .section-header .report {
  padding: 8px 15px;
  width: 100%;
  height: 35px;
}
.section-body-wrap .section-header .report.warning {
  background: #FFF3F3;
  color: #222;
}
.section-body-wrap .section-header .report.warning .warning-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.section-body-wrap .section-header .report.warning .warning-text {
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}
.section-body-wrap .section-header .report.warning .warning-text .c__red {
  color: #ff3737;
}
.section-body-wrap .section-header .report.warning .warning-text::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 16px;
  background: #ffdddd;
}
.section-body-wrap .section-header-weather {
  gap: 0;
  border: 1px solid #E3E3E3;
}
.section-body-wrap .section-header-weather .weather-box {
  width: 130px;
  padding: 15px 26px;
}
.section-body-wrap .section-header-weather .weather-box i {
  -webkit-transform-origin: unset;
          transform-origin: unset;
}
.section-body-wrap .section-header-weather .weather-box i.n {
  -webkit-transform: rotate(0) scale(1.5);
          transform: rotate(0) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.nne {
  -webkit-transform: rotate(22.5deg) scale(1.5);
          transform: rotate(22.5deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.ne {
  -webkit-transform: rotate(45deg) scale(1.5);
          transform: rotate(45deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.ene {
  -webkit-transform: rotate(67.5deg) scale(1.5);
          transform: rotate(67.5deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.e {
  -webkit-transform: rotate(90deg) scale(1.5);
          transform: rotate(90deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.ese {
  -webkit-transform: rotate(112.5deg) scale(1.5);
          transform: rotate(112.5deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.se {
  -webkit-transform: rotate(135deg) scale(1.5);
          transform: rotate(135deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.sse {
  -webkit-transform: rotate(157.5deg) scale(1.5);
          transform: rotate(157.5deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.s {
  -webkit-transform: rotate(180deg) scale(1.5);
          transform: rotate(180deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.ssw {
  -webkit-transform: rotate(202.5deg) scale(1.5);
          transform: rotate(202.5deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.sw {
  -webkit-transform: rotate(225deg) scale(1.5);
          transform: rotate(225deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.wsw {
  -webkit-transform: rotate(247.5deg) scale(1.5);
          transform: rotate(247.5deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.w {
  -webkit-transform: rotate(270deg) scale(1.5);
          transform: rotate(270deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.wnw {
  -webkit-transform: rotate(292.5deg) scale(1.5);
          transform: rotate(292.5deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.nw {
  -webkit-transform: rotate(315deg) scale(1.5);
          transform: rotate(315deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box i.nnw {
  -webkit-transform: rotate(337.5deg) scale(1.5);
          transform: rotate(337.5deg) scale(1.5);
}
.section-body-wrap .section-header-weather .weather-box .wind {
  margin-left: 5px;
}
.section-body-wrap .section-header-weather .weather-box__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.section-body-wrap .section-header-weather .weather-box-num {
  margin-top: 2px;
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
  color: #222;
}
.section-body-wrap .section-header-weather .weather-box-num .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  font-size: 34px;
  font-weight: 700;
  line-height: 36px;
}
.section-body-wrap .section-header-weather .weather-box-num .num .unit {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}
.section-body-wrap .section-header-weather .weather-box:not(:first-child) {
  border-left: 1px solid #E3E3E3;
}
.section-body-wrap .section-header-weather .weather-box01 {
  gap: 16px;
  width: calc(100% - 260px);
}
.section-body-wrap .section-header-weather .weather-box01 .icon i {
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}
.section-body-wrap .section-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 20px;
  overflow-x: hidden;
  overflow-y: auto;
}
.section-body-wrap .section-body::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.section-body-wrap .section-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.section-body-wrap .section-body .header-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}
.section-body-wrap .section-body .header-box__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.section-body-wrap .section-body .header-box__title span {
  font-size: 15px;
  font-weight: 400;
}
.section-body-wrap .section-body .header-box__link {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.section-body-wrap .section-body .table-none {
  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;
  position: relative;
  width: 100%;
  min-height: 230px;
  background: #F5F7FA;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #888;
}
.section-body-wrap .section-body .table-none::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 110%;
  height: 100%;
  left: -20px;
  top: 0;
  background: #F5F7FA;
}
.section-body-wrap .section-body .collapse .is-bg {
  background: #E8EDF4;
}
.section-body-wrap .section-body .collapse .is-fill {
  background: #F5F7FA;
}
.section-body-wrap .section-body .collapse .is-border {
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}
.section-body-wrap .section-body .collapse .is-none {
  border-left: 0;
}
.section-body-wrap .section-body .collapse-header [data-collapse] * {
  pointer-events: none;
}
.section-body-wrap .section-body .collapse-header::after {
  display: none;
}
.section-body-wrap .section-body .collapse-header .header-box {
  margin-bottom: 0;
  padding: 20px 0;
}
.section-body-wrap .section-body .collapse-header .header-box .point {
  display: inline-block;
  color: #153448;
}
.section-body-wrap .section-body .collapse-body {
  display: none;
}
.section-body-wrap .section-body .collapse-body-content {
  padding: 0 0 30px;
  background: hsl(0, 0%, 100%);
}
.section-body-wrap .section-body .collapse-item {
  position: relative;
  border-top: 0;
}
.section-body-wrap .section-body .collapse-item .icon-chevron-down {
  -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);
}
.section-body-wrap .section-body .collapse-item.is-active .icon-chevron-down {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.section-body-wrap .section-body .collapse-item.is-active .collapse-body {
  display: block;
}
.section-body-wrap .section-body .collapse-item:last-child {
  border-bottom: 0;
}
.section-body-wrap .section-body .collapse-item::after {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 0;
  width: calc(100% + 60px);
  height: 2px;
  background: #E3E3E3;
}
.section-body-wrap .section-body .collapse-item.collapse-item-schedule::before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  bottom: 0;
  width: calc(100% + 60px);
  height: 2px;
  background: #E3E3E3;
}
.section-body-wrap .section-notam {
  margin: 24px 0 30px;
}
.section-body-wrap .section-notam .table thead {
  border-top: 1px solid #A7A7A7;
}
.section-body-wrap .section-notam .table thead th {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  background: #F5F7FA;
}
.section-body-wrap .section-notam .table tbody tr.is-important {
  background: #FFDDDD;
}
.section-body-wrap .section-notam .table tbody tr.is-important .notam-box-item .list {
  color: #ff3737;
}
.section-body-wrap .section-notam .table tbody td {
  padding: 0;
}
.section-body-wrap .section-notam .table tbody td button {
  gap: 0;
  width: 100%;
}
.section-body-wrap .section-notam .table tbody td button .list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.3333333333%;
          flex: 1 1 33.3333333333%;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.section-body-wrap .section-notam .more-box {
  padding: 13px 0;
  width: 100%;
  margin-top: 10px;
  background: #F5F7FA;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: #444;
  border-radius: 4px;
  overflow: hidden;
}
.section-body-wrap .section-info {
  margin: 0 0 30px;
}
.section-body-wrap .section-info .list-info {
  gap: 14px;
  border-top: 1px solid #A7A7A7;
}
.section-body-wrap .section-info .list-info-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc((100% - 28px) / 3);
          flex: 1 1 calc((100% - 28px) / 3);
}
.section-body-wrap .section-info .list-info-title {
  padding: 10px 0 10px 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 1px solid #E5E5E5;
}
.section-body-wrap .section-info .list-info-title span {
  font-size: 13px;
  font-weight: 400;
}
.section-body-wrap .section-info .list-info-num {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 22px;
  margin-top: 8px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.section-body-wrap .section-info .list-info-num .total {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #0085ff;
}
.section-body-wrap .section-info .list-info-num .total::after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #007bff;
}
.section-body-wrap .section-info .list-info-num.is-delay {
  color: #FF3737;
}
.section-body-wrap .section-info .list-info-num.is-delay .total {
  color: #FF3737;
}
.section-body-wrap .section-info .list-info-num.is-delay .total::after {
  border-top: 0;
  border-bottom: 7px solid #FF3737;
}
.section-body-wrap .section-schedule #schedule .table tbody {
  border-top: 1px solid #A7A7A7;
}
.section-body-wrap .section-schedule #schedule .table th, .section-body-wrap .section-schedule #schedule .table td {
  width: 50%;
}
.section-body-wrap .section-schedule .collapse-body .table {
  border-top: 0;
}
.section-body-wrap .section-schedule .collapse-body .table th:not(:first-child), .section-body-wrap .section-schedule .collapse-body .table td:not(:first-child) {
  border-left: 1px solid #e5e5e5;
}
.section-body-wrap .section-schedule .collapse-body .table th {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.section-body-wrap .section-schedule .collapse-body .table td {
  padding: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.section-body-wrap .section-schedule .collapse-body .table td .num {
  font-weight: 400;
}
.section-body-wrap .section-schedule .collapse-body .table .iconbox {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  width: 20px;
  height: 20px;
  background: hsl(0, 0%, 100%);
  border-radius: 100%;
  text-align: center;
}
.section-body-wrap .section-schedule .collapse-body .table .w-220 {
  width: 230px;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box .is-bg {
  background: #E8EDF4;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box .is-fill {
  background: #F5F7FA;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box .is-border {
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box .is-none {
  border-left: 0;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box:not(:first-child) {
  margin-top: 35px;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box tr:last-child th, .section-body-wrap .section-schedule .collapse-body-content .facilities-box tr:last-child td {
  border-top-color: #ccc;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box th, .section-body-wrap .section-schedule .collapse-body-content .facilities-box td {
  text-align: center;
  color: #222;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box th {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  background: hsl(0, 0%, 100%);
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box th span {
  font-size: 13px;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box td {
  padding: 0 9px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  border-left: 1px solid #e5e5e5;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box .info {
  font-weight: 500;
  background: #F5F7FA;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box .info span {
  font-size: 13px;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box.parking .table, .section-body-wrap .section-schedule .collapse-body-content .facilities-box.terminal .table {
  border-bottom: 2px solid #cccccc;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box.parking .table tbody .is-border, .section-body-wrap .section-schedule .collapse-body-content .facilities-box.terminal .table tbody .is-border {
  border-bottom: 0;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box.landing .table {
  border-bottom: 2px solid #cccccc;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box.landing .is-border {
  border-bottom: 0;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box.landing .is-border:nth-child(2) {
  border-top: 0;
  border-bottom: 2px solid #cccccc;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box.landing .is-border:nth-child(2) th {
  border-left: 1px solid #e5e5e5;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box.terminal .table td {
  text-align: right;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-box.terminal .table td.is-center {
  text-align: center;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-infobox {
  margin-top: 16px;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-infobox ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-infobox ul li .cont {
  font-weight: 400;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-infobox ul li:not(:first-child) {
  margin-top: 8px;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-infobox ul .list-dash-none {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: #3C5B6F;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-infobox ul .list-dash-none::before {
  display: none;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-titlebox {
  margin-bottom: 10px;
  padding: 14px 0;
  width: 100%;
  background: #153448;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: hsl(0, 0%, 100%);
  text-align: center;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-standard {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #444;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-standard span {
  font-weight: 400;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-standard-ap {
  position: relative;
  padding-left: 8px;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-standard-ap:first-child {
  padding-left: 0;
  color: #0085ff;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-standard-ap:first-child::before {
  display: none;
}
.section-body-wrap .section-schedule .collapse-body-content .facilities-standard-ap::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: #cccccc;
}
.section-mark .section-mark__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.section-mark .section-mark__title .eg {
  display: none;
}
.section-mark .section-mark__title.is-etc .eg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-mark .collapse-item-equipmentinc .header-box__title {
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  color: #153448;
}
.section-mark .collapse-item-equipmentinc .header-box__title span {
  padding-left: 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: #888888;
}
.section-mark .collapse-body-content .table th, .section-mark .collapse-body-content .table td {
  border-left: 1px solid #e5e5e5;
}
.section-mark .collapse-body-content .table th:first-child, .section-mark .collapse-body-content .table td:first-child {
  border-left: 0;
}
.section-mark .collapse-body-content .table thead {
  background: #E8EDF4;
}
.section-mark .collapse-body-content .table thead th {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}
.section-mark .collapse-body-content .table tbody td {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.section-mark .collapse-body-content .table-inc tbody tr:nth-child(4) td:first-child {
  border-left: 1px solid #e5e5e5;
}
.section-international .section-body-wrap {
  display: block;
  overflow: visible;
  min-height: auto;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}
.section-international .section-body-wrap .header-box {
  padding: 20px 20px 0;
}
.section-international .section-body-wrap .infolist-section-searchbar {
  padding: 0 20px !important;
}
.section-international .infolist-section-inner .infolist-area {
  margin-top: 0px !important;
  width: 100% !important;
}
.section-international .infolist-section-inner .infolist-area .infolist-summary {
  margin: 10px 0 !important;
}
.section-international .infolist-section-inner .infolist-area .infolist {
  width: 100% !important;
}
.section-international .infolist-section-inner .infolist-area .infolist-item-inner {
  padding: 0;
}
.section-international .infolist-section-inner .infolist-area .infolist-item-top {
  padding: 15px 20px 12px;
}
.section-international .infolist-section-inner .infolist-area .infolist-item-bottom {
  padding: 12px 20px 15px;
}
.section-international .infolist-section-inner .infolist-area .infolist-item.is-important .infolist-item-bottom {
  background: #FFDDDD;
}
.section-international .section-body {
  padding: 0;
  overflow-y: visible;
  overflow: visible;
}

.main-editmy .content-box-body .top-wizard-button {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0;
  margin: 5px 0 12px;
}
.main-editmy .content-box-body .top-wizard {
  padding: 0;
}
.main-editmy .content-box-body .top-wizard::before {
  display: none;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme {
  width: 100%;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme .item {
  padding: 0;
  width: 275px;
  height: 153px;
  vertical-align: top;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme .item .mt-name {
  padding: 11px 16px;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme .item .mt-name-front-txt {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme .item .mt-bot .optional {
  position: relative;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme .item .mt-bot .layer-share {
  position: absolute;
  top: 27px;
  right: 0;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme .item .mt-bot .layer-share li button {
  width: 80px;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme .item .mt-content {
  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: calc(100% - 42px);
  background: #F8F8F8;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme .item .mt-content-inner {
  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: 163px;
  height: 92px;
  overflow: hidden;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-theme .item .mt-content-inner img {
  width: 100%;
}
.main-editmy .content-box-body .top-wizard .list-dashboard-none {
  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%;
  height: 153px;
  font-size: 19px;
  font-weight: 500;
  line-height: 22px;
  color: #888888;
  background: #F8F8F8;
}
.main-editmy .content-box-body .edit-box {
  margin-top: 30px;
}
.main-editmy .content-box-body .edit-box .edit-box-form {
  opacity: 0;
  visibility: hidden;
}
.main-editmy .content-box-body .edit-box .edit-box-form .buttons {
  margin-top: 40px;
}
.main-editmy .content-box-body .edit-box .field.is-horizontal {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.main-editmy .content-box-body .edit-box .field.is-horizontal .field-label {
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.main-editmy .content-box-body .edit-box .field-first .field:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 210px;
          flex: 0 0 210px;
}
.main-editmy .content-box-body .edit-box .field-first .field:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 220px);
          flex: 0 0 calc(100% - 220px);
}
.main-editmy .content-box-body .edit-box.is-edit .edit-box-form {
  opacity: 1;
  visibility: visible;
}

.modal.modal-add-widget .modal-card-body .content .edit-widget-area {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  max-height: 559px;
  min-height: 559px;
}
.modal-service .modal-card.is-large {
  max-width: 1440px;
}
.modal-service .modal-card-title {
  font-size: 23px;
}
.modal-service .modal-card-body .service-header {
  padding: 8px 10px;
  background: #f8f8f8;
}
.modal-service .modal-card-body .service-header .fieldset-body {
  border-top: 0;
  border-bottom: 0;
}
.modal-service .modal-card-body .service-header .field.is-horizontal {
  min-height: auto;
  gap: 20px;
}
.modal-service .modal-card-body .service-header .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  width: auto;
  max-width: 100%;
  min-height: auto;
}
.modal-service .modal-card-body .service-header .field-label label {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #222222;
}
.modal-service .modal-card-body .service-header .field-label label::before {
  display: none;
}
.modal-service .modal-card-body .service-header .field-body {
  gap: 40px;
  padding: 0;
}
.modal-service .modal-card-body .service-header .field-body .field.is-grouped {
  gap: 8px;
}
.modal-service .modal-card-body .service-header .field-body .field .control .buttons {
  margin-left: 12px;
}
.modal-service .modal-card-body .service-header .field-body .field .control .buttons .button {
  width: 90px;
}
.modal-service .modal-card-body .service-header .field-body .field .control .buttons-excel .button {
  width: auto;
}
.modal-service .modal-card-body .service-header .field-body .field .control .buttons-excel .button.btn-excel i {
  margin-top: 3px;
}
.modal-service .modal-card-body .service-header .field-body .field .control .buttons-excel .button.btn-excel:hover i:before, .modal-service .modal-card-body .service-header .field-body .field .control .buttons-excel .button.btn-excel:focus i:before {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
}
.modal-service .modal-card-body .service-header .field-body .field .control .spinner-box .spinner-box__minus,
.modal-service .modal-card-body .service-header .field-body .field .control .spinner-box .spinner-box__plus {
  width: 36px;
  height: 36px;
  border-color: #ccc;
}
.modal-service .modal-card-body .service-header .field-body .field .control .spinner-box .spinner-box__minus i,
.modal-service .modal-card-body .service-header .field-body .field .control .spinner-box .spinner-box__plus i {
  background: #153448;
}
.modal-service .modal-card-body .service-header .field-body .field .control .spinner-box .spinner-box__number input {
  width: 40px;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #222222;
}
.modal-service .modal-card-body .service-header .field-body .field .control .spinner-box .spinner-box__minus {
  border-radius: 2px 0 0 2px;
}
.modal-service .modal-card-body .service-header .field:not(:last-child) {
  margin-bottom: 0;
}
.modal-service .modal-card-body .service-body {
  margin-top: 15px;
}
.modal-service .modal-card-body .service-body-chart {
  position: relative;
  padding: 12px 10px;
  height: 553px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  overflow: hidden;
}
.modal-service .modal-card-body .service-body-chart .dxc-val-line path, .modal-service .modal-card-body .service-body-chart .dxc-arg-line path {
  stroke-width: 0 !important;
}
.modal-service .modal-card-body .service-body-chart .dxc-val-constant-lines text {
  opacity: 0 !important;
}
.modal-service .modal-card-body .service-body .chart-box-legend {
  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;
  gap: 8px;
  margin: 0 0 18px;
}
.modal-service .modal-card-body .service-body .chart-box-legend .legend-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.modal-service .modal-card-body .service-body .chart-box-legend .legend-item__dot {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.modal-service .modal-card-body .service-body .chart-box-legend .legend-item__dot.dot01 {
  background: #FFCB61;
}
.modal-service .modal-card-body .service-body .chart-box-legend .legend-item__dot.dot02 {
  border-radius: 100%;
  background: #5CA671;
}
.modal-service .modal-card-body .service-body .chart-box-legend .legend-item__txt {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #444444;
}
.modal-service .modal-card-body .service-body .chart-label-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 0;
  top: 12px;
  padding: 0 12px;
  width: 100%;
  z-index: -1;
}
.modal-service .modal-card-body .service-body .chart-label-title span {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  color: #888888;
}
.modal-service .modal-card-body .service-body .chart-box-rm {
  margin-top: 9px;
}
.modal-service .modal-card-body .service-body .chart-box-rm-spinner {
  position: relative;
  height: 72px;
}
.modal-service .modal-card-body .service-body .chart-box-rm-spinner .spinner-item {
  padding: 3px 3px;
  width: 30px;
  background: #F2F2F2;
  border-radius: 4px;
}
.modal-service .modal-card-body .service-body .chart-box-rm-spinner .spinner-item .spinner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-service .modal-card-body .service-body .chart-box-rm-spinner .spinner-item .spinner-box .spinner-box__minus,
.modal-service .modal-card-body .service-body .chart-box-rm-spinner .spinner-item .spinner-box .spinner-box__plus {
  width: 24px;
  height: 18px;
  border: 0;
  border-radius: 2px;
}
.modal-service .modal-card-body .service-body .chart-box-rm-spinner .spinner-item .spinner-box .spinner-box__minus i,
.modal-service .modal-card-body .service-body .chart-box-rm-spinner .spinner-item .spinner-box .spinner-box__plus i {
  width: 8px;
  height: 2px;
  background: #153448;
}
.modal-service .modal-card-body .service-body .chart-box-rm-spinner .spinner-item .spinner-box .spinner-box__plus i {
  margin: -1px 0 0 -4px;
  background: #0085ff;
}
.modal-service .modal-card-body .service-body .chart-box-rm-spinner .spinner-item .spinner-box .spinner-box__minus i {
  background: #ff3737;
}
.modal-service .modal-card-body .service-body .chart-box-rm-spinner .spinner-item .spinner-box .spinner-box__number input {
  width: 24px;
  height: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #222222;
  border: 0;
  background: transparent;
}
.modal-service .modal-card-body .service-body .chart-box-rm__title {
  padding: 10px 0;
  margin: 7px auto 0;
  max-width: 1320px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222222;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 4px;
  text-align: center;
}
.modal-service .modal-card-body .service-body .tooltip {
  padding: 10px 12px;
  width: 128px;
  height: 71px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 12px;
}
.modal-service .modal-card-body .service-body .tooltip-item {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: #444444;
  font-family: "Freesentation";
}
.modal-service .modal-card-body .service-body .tooltip-item span {
  font-weight: 600;
}
.modal-service .modal-card-foot {
  padding-top: 20px;
}
.modal-brandlist .modal-card {
  padding: 40px 24px 30px;
}
.modal-brandlist .modal-card.is-large {
  max-width: 1500px;
}
.modal-brandlist .modal-card-head {
  padding-bottom: 30px;
  margin-bottom: 0;
  border-bottom: 1px solid #E5E5E5;
}
.modal-brandlist .modal-card-title {
  width: auto;
  min-width: 0;
}
.modal-brandlist .modal-card-title p {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  font-weight: 700;
}
.modal-brandlist .modal-card-date {
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 250px;
}
.modal-brandlist .modal-card-date .tag {
  padding: 0;
  background: transparent;
}
.modal-brandlist .modal-card-date .tag span {
  display: block;
  padding: 0 20px;
  height: 24px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  background: #F2F4F7;
  color: #444444;
  border-radius: 4px;
}
.modal-brandlist .modal-card-date .date {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #777777;
}
.modal-brandlist .modal-card-body {
  padding: 20px 10px;
}
.modal-brandlist .modal-card-body .brandlist-content {
  min-height: 762px;
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
}
.modal-brandlist .modal-card-body .brandlist-tag-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  height: 52px;
  background: #F8F8F8;
  border-radius: 4px;
}
.modal-brandlist .modal-card-body .brandlist-tag-box .tags .tag {
  margin-bottom: 0;
  padding: 0;
  height: auto;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #153448;
  background: transparent;
}
.modal-brandlist .modal-card-body .brandlist-tag-box .tags .tag:last-child {
  margin-bottom: 0;
}
.modal-brandlist .modal-card-body .brandlist-tag-box .tags:last-child {
  margin-bottom: 0;
}
.modal-brandlist .modal-card-foot {
  padding-top: 0;
}
.modal-cancelled .modal-card {
  padding: 40px 24px 30px;
  max-width: 1500px;
}
.modal-cancelled .modal-card-head {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.modal-cancelled .modal-card-head .modal-card-title {
  -webkit-box-flex: initial;
      -ms-flex-positive: initial;
          flex-grow: initial;
  width: auto;
  font-size: 23px;
  font-weight: 600;
  line-height: 27px;
}
.modal-cancelled .modal-card-head .today {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 19px;
  font-weight: 400;
  line-height: 23px;
  color: #222;
}
.modal-cancelled .modal-card-head .today::before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #cccccc;
}
.modal-cancelled .modal-card-body .tabsbox {
  position: relative;
  min-height: 462px;
  max-height: 462px;
  overflow-y: auto;
}
.modal-cancelled .modal-card-body .tabsbox::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.modal-cancelled .modal-card-body .tabsbox::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-cancelled .modal-card-body .tabsbox .table th, .modal-cancelled .modal-card-body .tabsbox .table td {
  text-align: center;
}
.modal-cancelled .modal-card-body .tabsbox .table th {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
  border-top: 1px solid #a7a7a7;
}
.modal-cancelled .modal-card-body .tabsbox .table td {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.modal-cancelled .modal-card-body .tabsbox .table tr.is-active td {
  background: rgba(156, 59, 235, 0.05);
  color: #9C3BEB;
}
.modal-cancelled .modal-card-body .tabsbox .table .sticky-head {
  position: sticky;
  top: -1px;
  z-index: 5;
}
.modal-cancelled .modal-card-body .tabsbox .table-none {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0;
  height: 462px;
  text-align: center;
}
.modal-cancelled .modal-card-body .tabsbox .table-none li {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #888888;
}
.modal-cancelled .modal-card-body .tabsbox .loading-container {
  position: absolute;
}
.modal-cancelled .modal-card-body .tabsbox .loading-container .loading {
  position: fixed;
  top: 45%;
}
.modal-cancelled .modal-card-foot .button {
  min-width: 100px;
}
.modal-status {
  display: none;
  position: absolute;
  z-index: 1;
}
.modal-status.is-active {
  display: block;
}
.modal-status .modal {
  padding: 0;
}
.modal-status .modal-card {
  border-radius: 6px;
}
.modal-status .modal-card-head {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e3e3e3;
}
.modal-status .modal-card-title {
  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-status .modal-card-title .sticker {
  display: block;
  padding: 4px 0;
  width: 100px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
  text-align: center;
  border-radius: 4px;
}
.modal-status .modal-card-title .sticker.ing {
  background: #ff3737;
}
.modal-status .modal-card-title .sticker.finish {
  background: #444444;
}
.modal-status .modal-card-title .sticker.etc {
  background: #10980C;
}
.modal-status .modal-card-title .sticker.earthquake {
  background: #CCCCCC;
  color: #444444;
}
.modal-status .modal-card-title .sticker.typhoon {
  padding: 3px 0;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: #153448;
}
.modal-status .modal-card-title .sticker.warning {
  padding: 2px 8px;
  width: auto;
  background: #FFF3F3;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.modal-status .modal-card-title .sticker.warning .count {
  color: #ff3737;
  font-weight: 500;
}
.modal-status .modal-card-title-left .day {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #222;
}
.modal-status .modal-card-day {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #222;
}
.modal-status .modal-card-body .fire-info__title {
  padding: 10px 0;
  border-radius: 4px 4px 0 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
  background: rgba(21, 52, 72, 0.1);
  text-align: center;
}
.modal-status .modal-card-body .fire-info-content {
  padding: 11px 0;
  background: #F8F8F8;
  border-radius: 0 0 4px 4px;
}
.modal-status .modal-card-body .fire-info-content li {
  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;
  gap: 10px;
  color: #222;
}
.modal-status .modal-card-body .fire-info-content li .tit {
  padding: 4px 8px;
  background: rgba(21, 52, 72, 0.1);
  border-radius: 4px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}
.modal-status .modal-card-body .fire-info-content li .day {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.modal-status .modal-card-body .fire-info-content li:not(:first-child) {
  margin-top: 6px;
}
.modal-status .modal-card-body .fire-info-air {
  margin-top: 12px;
}
.modal-status .modal-card-body .fire-info-air__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #444444;
}
.modal-status .modal-card-body .fire-info-air__title span {
  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: 24px;
  height: 24px;
  border-radius: 100%;
  background: #E8EBED;
}
.modal-status .modal-card-body .fire-info-air-cont {
  margin-top: 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
}
.modal-status .modal-card-body .fire-info-air-cont .air {
  font-weight: 600;
  color: #153448;
}
.modal-status .modal-card-body .earthquake-info-txt {
  background: #F8F8F8;
  border-radius: 4px;
}
.modal-status .modal-card-body .earthquake-info-txt .title {
  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;
  gap: 8px;
  padding: 12px 0 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
  color: #444444;
}
.modal-status .modal-card-body .earthquake-info-txt .title span {
  font-size: 23px;
  font-weight: 600;
  line-height: 27px;
  color: #222;
}
.modal-status .modal-card-body .earthquake-info-txt .area {
  padding: 10px 0;
  background: rgba(21, 52, 72, 0.1);
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.modal-status .modal-card-body .earthquake-info-txt .day {
  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;
  gap: 10px;
  padding: 10px 0 12px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.modal-status .modal-card-body .earthquake-info-txt .day span {
  display: block;
  padding: 4px 0;
  width: 68px;
  height: 26px;
  border-radius: 4px;
  background: rgba(21, 52, 72, 0.1);
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}
.modal-status .modal-card-body .earthquake-info-table {
  margin-top: 12px;
}
.modal-status .modal-card-body .earthquake-info-table .table th, .modal-status .modal-card-body .earthquake-info-table .table td {
  text-align: center;
}
.modal-status .modal-card-body .earthquake-info-table .table thead th {
  border-top: 1px solid #A7A7A7;
}
.modal-status .modal-card-body .earthquake-info-table .table tbody tr td {
  font-weight: 500;
}
.modal-status .modal-card-body .earthquake-info-table .table tbody tr:first-child td {
  border-bottom: 1px solid #A7A7A7;
}
.modal-status .modal-card-body .earthquake-info-table .table tbody tr:last-child td {
  border-bottom: 1px solid #A7A7A7;
}
.modal-status .modal-card-body .typhoon-wrap {
  background: #F8F8F8;
  border-radius: 6px;
}
.modal-status .modal-card-body .typhoon-wrap ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 16px;
  gap: 12px 0;
}
.modal-status .modal-card-body .typhoon-wrap ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-status .modal-card-body .typhoon-wrap ul li span {
  display: block;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.modal-status .modal-card-body .typhoon-wrap ul li .tit {
  height: 28px;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(21, 52, 72, 0.1);
  font-weight: 500;
}
.modal-status .modal-card-body .typhoon-wrap ul li .cont {
  padding: 0 10px;
}
.modal-status .modal-card-body .typhoon-wrap-txt {
  padding: 10px 0;
  text-align: center;
  background: rgba(21, 52, 72, 0.1);
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #222;
}
.modal-status .modal-card-body .warning {
  max-height: 270px;
  overflow-y: auto;
}
.modal-status .modal-card-body .warning::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.modal-status .modal-card-body .warning::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-status .modal-card-body .warning li {
  border-radius: 6px;
  overflow: hidden;
}
.modal-status .modal-card-body .warning li:not(:first-child) {
  margin-top: 12px;
}
.modal-status .modal-card-body .warning-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  background: #FFF3F3;
}
.modal-status .modal-card-body .warning-header .name {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #ff3737;
}
.modal-status .modal-card-body .warning-header .name .icon {
  position: relative;
  top: 1px;
}
.modal-status .modal-card-body .warning-header .time {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.modal-status .modal-card-body .warning-body {
  padding: 10px 12px;
  background: #F8F8F8;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #222;
}
.modal-warning .modal-card-title {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 6px;
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #222;
}
.modal-airplane {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 15px;
  background: hsl(0, 0%, 100%);
  border-radius: 6px;
}
.modal-airplane .airplane-wrap {
  padding: 16px 16px;
  width: 560px;
}
.modal-airplane .airplane-header {
  margin-bottom: 12px;
}
.modal-airplane .airplane-header-tab .buttons {
  padding: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #F8F8F8;
  border-radius: 4px;
}
.modal-airplane .airplane-header-tab .buttons .button {
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
  border: 0;
}
.modal-airplane .airplane-header-tab .buttons .button.is-selected {
  background: #0085ff;
  color: hsl(0, 0%, 100%);
}
.modal-airplane .airplane-body-top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  margin-bottom: 6px;
}
.modal-airplane .airplane-body-top .airplane-total {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  font-family: "Freesentation";
  color: #153448;
}
.modal-airplane .airplane-body-top .airplane-total .tit {
  font-weight: 500;
}
.modal-airplane .airplane-body-top .airplane-total .number {
  font-weight: 500;
  color: #0085ff;
}
.modal-airplane .airplane-body-top .btn-download .button {
  font-size: 13px;
  border-radius: 4px;
}
.modal-airplane .airplane-body-table .table {
  border-top: 1px solid #a7a7a7;
}
.modal-airplane .airplane-body-table .table th, .modal-airplane .airplane-body-table .table td {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}
.modal-airplane .airplane-body-table .table thead th {
  padding: 5px 0;
  font-size: 14px;
  border-bottom: 0;
}
.modal-airplane .airplane-body-table .table thead th span {
  font-size: 12px;
  font-weight: 400;
}
.modal-airplane .airplane-body-table .table tbody tr {
  height: 34px;
}
.modal-airplane .airplane-body-table .table tbody tr td {
  padding: 5px 0;
}
.modal-airplane .airplane-body-table .table tbody tr:last-child td {
  border-color: #a7a7a7;
}
.modal-airplane .airplane-body-table .table-list {
  height: 151px;
  max-height: 151px;
  overflow-y: auto;
}
.modal-airplane .airplane-body-table .table-list::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.modal-airplane .airplane-body-table .table-list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-airplane .airplane-footer {
  margin-top: 8px;
}
.modal-airplane .airplane-footer .button {
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
}
.modal-airplane.is-active {
  display: block;
}
.modal-ai .modal-card {
  height: 686px;
}
.modal-ai .modal-card-head {
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #a7a7a7;
}
.modal-ai .ai .section {
  margin-bottom: 0;
}
.modal-ai .ai .section:not(:first-child) {
  margin-top: 30px;
}
.modal-ai .ai .section-head {
  margin-bottom: 16px;
}
.modal-ai .ai .section-head__title {
  font-size: 19px;
  font-weight: 500;
  line-height: 22px;
}
.modal-ai .ai .section-head.flex-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
.modal-ai .ai .section-head .info {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #888888;
}
.modal-ai .ai .section-head .info span {
  font-weight: 700;
  color: #0085ff;
}
.modal-ai .ai .section-body .fieldset-body {
  border-color: #e5e5e5;
  border-bottom: 0;
}
.modal-ai .ai .section-body .fieldset-body .field-body {
  padding: 0;
}
.modal-ai .ai .section-body .fieldset-body .field-body .radio:not(:last-child) {
  margin-right: 20px;
}
.modal-ai .ai .section-body .fieldset-body .field-body .radio input[type=radio] + label {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #444;
}
.modal-ai .ai .section-body .fieldset-body .field.is-grouped {
  margin-bottom: 0;
}
.modal-ai .ai .section-body .fieldset-body .field.is-horizontal .field-label {
  padding: 8px 0 8px 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  width: 120px;
}
.modal-ai .ai .section-body .fieldset-body .field.is-horizontal.field-sec {
  gap: 10px;
  border-top: 0;
}
.modal-ai .ai .section-body .fieldset-body .field.field-top {
  gap: 40px;
}
.modal-ai .ai .section-body .fieldset-body .field.field-id {
  gap: 30px;
}
.modal-ai .ai .section-body .fieldset-body .field.field-date {
  gap: 20px;
}
.modal-ai .ai .section-body .fieldset-info {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  padding: 10px 10px;
  background: #F8F8F8;
  border-radius: 4px;
}
.modal-ai .ai .section-body .fieldset-info span {
  color: #3C5B6F;
}
.modal-ai .ai .section-body .fieldset-info__text {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.modal-ai .ai .section-body .buttons {
  padding: 0 15px;
}
.modal-ai .ai .section-body .filelist-total {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.modal-ai .ai .section-body .filelist-total span {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #153448;
}
.modal-ai .ai .section-body .filelist-total span .point {
  color: #0085ff;
}
.modal-ai .ai .section-body .filelist-total span:not(:first-child) {
  position: relative;
  padding-left: 8px;
}
.modal-ai .ai .section-body .filelist-total span:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #ccc;
}
.modal-ai .ai .section-body .tabs ul li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.modal-ai .ai .section-body .tabs ul li button {
  padding: 8px 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  color: #444444;
  border: 1px solid #cccccc;
  border-radius: 6px;
}
.modal-ai .ai .section-body .tabs ul li button::before, .modal-ai .ai .section-body .tabs ul li button::after {
  display: none;
}
.modal-ai .ai .section-body .tabs ul li:not(:first-child) {
  margin-left: 10px;
}
.modal-ai .ai .section-body .tabs ul li.is-active button {
  background: #153448;
  color: hsl(0, 0%, 100%);
  border-color: #153448;
}
.modal-ai .ai .section-body .tbl-num {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.modal-ai .ai .section-body .tbl-num span {
  font-weight: 700;
  color: #0085ff;
}
.modal-ai .ai .section-body .tbl-list {
  position: relative;
  max-height: 220px;
  min-height: 220px;
  overflow: auto;
}
.modal-ai .ai .section-body .tbl-list::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.modal-ai .ai .section-body .tbl-list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-ai .ai .section-body .tbl-list .table {
  min-width: 1073px;
}
.modal-ai .ai .section-body .tbl-list .sticky-head {
  position: sticky;
  top: -1px;
  z-index: 5;
}
.modal-ai .ai .section-body .tbl-list .loading-container {
  position: absolute;
}
.modal-ai .ai .section-body .tbl-list .loading-container .loading {
  position: fixed;
  top: 45%;
}
.modal-ai .ai .section-body .tbl-list .table th {
  border-bottom: 1px solid #e5e5e5;
}
.modal-ai .ai .section-body .tbl-list .table tbody td {
  text-align: right;
}
.modal-ai .ai .section-body .result {
  padding-bottom: 8px;
  border-bottom: 1px solid #a7a7a7;
}
.modal-ai .ai .section-body .result-box {
  -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;
  gap: 0;
  padding: 0 12px;
  height: 94px;
  border: 1px solid #e3e3e3;
}
.modal-ai .ai .section-body .result-box-txt {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #888;
  text-align: center;
}
.modal-ai .ai .section-body .result-box-txt.is-result {
  margin: 0 auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
}
.modal-ai .ai .section-body .result-box-txt.is-result .result-info {
  color: #222;
}
.modal-ai .ai .section-body .result-box-txt.is-result .result-info.point {
  color: #0085ff;
}
.modal-ai .ai .section-body .result-box-txt.is-result .result-info:not(:first-child) {
  margin-top: 10px;
}
.modal-ai .ai .section-body .result-box-error {
  margin-top: 12px;
}
.modal-ai .ai .section-body .result-box-error li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-ai .ai .section-body .result-box-error .error-title {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222222;
}
.modal-ai .ai .section-body .result-box-error .error-title span {
  font-weight: 700;
  color: #ff3737;
}
.modal-ai .ai .section-body .result-box-error .error-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
}
.modal-ai .ai .section-body .result-box-error .error-list::before {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #cccccc;
}
.modal-ai .ai .section-filelist-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.modal-ai .ai-02 .section-filelist-btn {
  margin-top: 5px;
}
.modal-ai .loading-container {
  position: absolute;
}
.modal-ai .loading-container .loading-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-budgetview .modal-card {
  padding: 30px 10px 30px 25px;
  max-width: 664px;
}
.modal-budgetview .modal-card-head {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 15px;
  margin-bottom: 20px;
}
.modal-budgetview .modal-card-head__title {
  font-size: 23px;
  font-weight: 600;
  line-height: 27px;
  color: #153448;
}
.modal-budgetview .modal-card-head-filter .control {
  margin-left: auto;
}
.modal-budgetview .budgetview-body-scroll {
  max-height: 510px;
  scrollbar-gutter: stable;
  overflow-y: auto;
}
.modal-budgetview .budgetview-body-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.modal-budgetview .budgetview-body-scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-budgetview .budgetview-body .table {
  border-top: 1px solid #A7A7A7;
  border-bottom: 1px solid #A7A7A7;
}
.modal-budgetview .budgetview-body .table thead th, .modal-budgetview .budgetview-body .table thead td, .modal-budgetview .budgetview-body .table tbody th, .modal-budgetview .budgetview-body .table tbody td {
  padding: 0 8px;
  text-align: center;
}
.modal-budgetview .budgetview-body .table thead th.is-right, .modal-budgetview .budgetview-body .table thead td.is-right, .modal-budgetview .budgetview-body .table tbody th.is-right, .modal-budgetview .budgetview-body .table tbody td.is-right {
  text-align: right;
}
.modal-budgetview .budgetview-body .table th .is-history .icon-sort::before {
  display: none;
}
.modal-budgetview .budgetview-body .table th .is-history .icon-sort::after {
  bottom: 7px;
}
.modal-budgetview .budgetview-body .table th .is-history .icon-sort.is-sort::before {
  display: block;
  top: 4px;
}
.modal-budgetview .budgetview-body .table th .is-history .icon-sort.is-sort::after {
  display: none;
}
.modal-budgetview .budgetview-body .table th .is-history .icon-sort.none-sort::after {
  content: "-";
}
.modal-budgetview .budgetview-body .table td .ellipsis {
  max-width: 181px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.modal-budgetview .budgetview-footer {
  padding: 14px 24px 0;
  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: 10px;
}
.modal-budgetview .budgetview.is-active {
  right: 0;
}
.modal-budgetview .budgetview.is-active .budgetview-body-scroll {
  padding: 5px 0;
}

.page-message {
  margin-bottom: 8px;
}
.page-message .key-message-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 4px 4px 4px 12px;
  background: -webkit-gradient(linear, right top, left top, from(#56CCF2), to(#2F80ED));
  background: linear-gradient(270deg, #56CCF2 0%, #2F80ED 100%);
  border-radius: 4px;
}
.page-message .key-message__title {
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  color: hsl(0, 0%, 100%);
}
.page-message .key-message-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 10px 12px;
  background: hsl(0, 0%, 100%);
  border-radius: 50px 4px 4px 50px;
}
.page-message .key-message-body .message-day {
  padding: 4px 16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
  border: 2px solid transparent;
  border-radius: 50px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, right top, left top, from(#56CCF2), to(#2F80ED));
  background-image: linear-gradient(#fff, #fff), linear-gradient(270deg, #56CCF2 0%, #2F80ED 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.page-message .key-message-body .message-item {
  gap: 0;
  padding-left: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #444444;
}
.page-message .key-message-body .message-item .title {
  font-weight: 700;
  color: #153448;
}
.page-message .key-message-body .message-item .title.space {
  margin-right: 10px;
}
.page-message .key-message-body .message-item .point {
  font-weight: 600;
  color: #0085ff;
}
.page-message .key-message-body .message-item .bold {
  font-weight: 700;
}
.page-message .key-message-body .message-item .unit {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #444;
}
.page-message .key-message-body .message-item::before {
  margin-left: 0;
  margin-right: 3px;
  color: #153448;
  font-size: 20px;
}
.page-message .key-message-body .message-item-box {
  gap: 20px;
}
.page-message .key-message-body .message-item-st:not(:first-of-type) {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
}
.page-message .key-message-body .message-item-st:not(:first-of-type)::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #aaaaaa;
}
.page-message.case02 .key-message-box {
  position: relative;
  padding: 12px 0 0 10px;
  background: transparent;
}
.page-message.case02 .key-message-box .key-message__title {
  position: absolute;
  left: 0;
  top: 0;
}
.page-message.case02 .key-message-box .key-message__title .labels {
  position: relative;
  display: block;
  z-index: 1;
  padding: 9px 37px 9px 15px;
  background: -webkit-gradient(linear, right top, left top, from(#56CCF2), to(#2F80ED));
  background: linear-gradient(270deg, #56CCF2 0%, #2F80ED 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);
  overflow: hidden;
}
.page-message.case02 .key-message-box .key-message__title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 185px;
  height: 48px;
  background: #CCE7FF;
  clip-path: polygon(0 0, 99% 0, calc(100% - 24px) 100%, 0% 100%);
}
.page-message.case02 .key-message-box .key-message-body {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  padding: 20px 0;
  background: #F6F9FA;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.page-message.case02 .key-message-box .key-message-body .message-item .title {
  margin-right: 12px;
}
.page-timeline02 .timeline-board-wrap {
  padding: 0;
}
.page-timeline02 .timeline-board-wrap .bottom-center {
  padding: 39px 0 0 0;
}
.page-timeline02 .timeline-board-wrap .bottom-center .status-info-box {
  width: 1408px;
  height: 90px;
}
.page-timeline02 .timeline-board-wrap .bottom-center .status-info-box::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 0 26.8571428571%;
  width: 1410px;
  height: 92px;
}
.page-timeline02 .timeline-board-wrap .bottom-center .status-info-box::before {
  margin-left: -1px;
  margin-top: -1px;
}
.page-timeline02 .timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos01 {
  top: -120px;
  left: 335px;
}
.page-timeline02 .timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos01 .pointer {
  top: 162px;
  height: 43px;
}
.page-timeline02 .timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos03 {
  top: -120px;
  right: 274px;
}
.page-timeline02 .timeline-board-wrap .bottom-center .status-info-box .sec-tbl.pos03 .pointer {
  top: 162px;
  height: 43px;
}
.page-timeline02 .timeline-board-wrap .bottom-center .tbl-align .item.i01 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  right: 782px;
  width: 135px;
  height: auto;
  border: 0;
}
.page-timeline02 .timeline-board-wrap .bottom-center .tbl-align .item.i01 .name {
  width: 100%;
  text-align: center;
  border: 1px solid rgba(238, 238, 238, 0.9333333333);
}
.page-timeline02 .timeline-board-wrap .bottom-center .tbl-align .item.i03 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  right: 422px;
  width: 150px;
  height: auto;
  border: 0;
}
.page-timeline02 .timeline-board-wrap .bottom-center .tbl-align .item.i03 .name {
  width: 100%;
  text-align: center;
  border: 1px solid rgba(238, 238, 238, 0.9333333333);
}
.page-timeline02 .timeline-board-wrap .bottom-center .tbl-align .item.i04 {
  left: 996px;
}
.page-timeline02 .timeline-board-wrap .bottom-center .tbl-align .flag-txt {
  top: 10px;
  height: 40px;
  text-align: center;
}
.page-timeline02 .timeline-board-wrap .bottom-center .tbl-align .flag-txt.f01 {
  right: 659px;
  width: 115px;
}
.page-timeline02 .timeline-board-wrap .bottom-center .tbl-align .flag-txt.f02 {
  right: 579px;
  width: 73px;
}
.page-power .power-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.page-power .power-header-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-power .power-header-usage {
  height: auto;
}
.page-power .power-header-usage .power-usage {
  position: initial;
}
.page-notam .notam-alert {
  background: rgba(248, 248, 248, 0.8);
  border: 1px solid #ccc;
  border-radius: 8px;
}
.page-notam .notam-alert-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding: 12px 16px;
}
.page-notam .notam-alert-header .type-info__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.page-notam .notam-alert-header .type-info-check {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-notam .notam-alert-header .type-info-check .checkbox label {
  font-family: "Freesentation";
}
.page-notam .notam-alert-header .type-info-check .button {
  height: auto;
  padding: 0;
  border: 0;
}
.page-notam .notam-alert-body {
  padding: 12px 12px;
  border-top: 1px solid #ccc;
}
.page-notam .notam-alert-body .alert-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.page-notam .notam-alert-body .alert-text button {
  padding: 8px 12px;
  width: 100%;
  text-align: left;
  background: #003675;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
}
.page-airanalyze .content-box-body {
  border: 1px solid #D4DFF3;
  border-radius: 6px;
  overflow: hidden;
}
.page-airanalyze .airanalyze-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  padding: 16px 16px;
  border-bottom: 1px solid #cccccc;
}
.page-airanalyze .airanalyze-header .field {
  margin-bottom: 0;
}
.page-airanalyze .airanalyze-header .field.is-grouped {
  gap: 14px;
}
.page-airanalyze .airanalyze-header .field.control-select {
  gap: 10px;
}
.page-airanalyze .airanalyze-header .field .flex-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.page-airanalyze .airanalyze-header .field .flex-box:not(:first-child) {
  padding-left: 10px;
  position: relative;
}
.page-airanalyze .airanalyze-header .field .flex-box:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-airanalyze .airanalyze-header .field .select select {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
}
.page-airanalyze .airanalyze-header-info__box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 46px);
          flex: 0 0 calc(100% - 46px);
  padding: 8px 40px 8px 12px;
  background: rgba(0, 133, 255, 0.05);
  border-radius: 4px;
}
.page-airanalyze .airanalyze-header-info__box p {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #0085ff;
}
.page-airanalyze .airanalyze-body {
  gap: 0;
}
.page-airanalyze .airanalyze-body img {
  display: block;
}
.page-airanalyze .airanalyze-body-map {
  width: 50%;
  position: relative;
}
.page-airanalyze .airanalyze-body-map .map-info {
  position: absolute;
  left: 0;
  top: 10px;
  padding: 0 10px;
  width: 100%;
}
.page-airanalyze .airanalyze-body-map .map-info-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  padding: 11px 18px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
}
.page-airanalyze .airanalyze-body-map .map-info-txt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-airanalyze .airanalyze-body-map .map-info-txt span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
  font-family: "Freesentation";
}
.page-airanalyze .airanalyze-body-map .map-info-txt span.map-info-txt__area {
  padding: 2px 12px;
  background: #153448;
  border-radius: 50px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
}
.page-airanalyze .airanalyze-body-map .map-info-txt span:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #cccccc;
}
.page-airanalyze .airanalyze-body-map .map-info-ex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  font-family: "Freesentation";
  color: #444444;
}
.page-airanalyze .airanalyze-body-map .map-info-ex .icon {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.page-airanalyze .airanalyze-body-map .map-box {
  height: 100%;
}
.page-airanalyze .airanalyze-body-map .map-box img {
  height: 100%;
}
.page-airanalyze .airanalyze-body-map .map-box .tooltip-txt {
  padding: 0;
  left: 75%;
  top: 40%;
}
.page-airanalyze .airanalyze-body-map .map-box .tooltips {
  padding: 8px 8px;
  width: 145px;
  height: 128px;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
}
.page-airanalyze .airanalyze-body-map .map-box .tooltips__title {
  padding: 4px 0;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  color: #153448;
  border-bottom: 1px solid #153448;
}
.page-airanalyze .airanalyze-body-map .map-box .tooltips-item {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-airanalyze .airanalyze-body-map .map-box .tooltips-item span {
  font-weight: 600;
}
.page-airanalyze .airanalyze-body-map .map-button {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  position: absolute;
  left: 0;
  bottom: 14px;
  padding: 0 16px;
  width: 100%;
  z-index: 1;
}
.page-airanalyze .airanalyze-body-map .map-button .col-box button {
  padding: 10px 8px;
  width: 40px;
  background: #153448;
  border-radius: 4px;
}
.page-airanalyze .airanalyze-body-map .map-button .col-box .source-btn {
  margin-bottom: 10px;
}
.page-airanalyze .airanalyze-body-map .map-button .col-box .source-btn .tooltip-txt li {
  padding: 3px 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #444;
}
.page-airanalyze .airanalyze-body-map .map-button .legend {
  position: relative;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-icon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-icon[data-text]:hover::after {
  right: initial;
  left: 40px;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  width: 174px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 8px 8px;
  background: #153448;
  border-radius: 0 0 4px 4px;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-header__title {
  margin: 0 41px 0 4px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
  font-family: "Freesentation";
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-header button {
  padding: 0;
  width: auto;
  font-size: 18px;
  color: hsl(0, 0%, 100%);
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body .legend-list {
  padding: 4px 4px;
  background: hsl(0, 0%, 100%);
  border: 1px solid #153448;
  border-radius: 4px 4px 0 0;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body .legend-list .text-box {
  display: block;
  padding: 4px 10px;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  color: hsl(0, 0%, 100%);
  text-align: right;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body .legend-list .text-box.color01 {
  background: #DB1001;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body .legend-list .text-box.color02 {
  background: #F13814;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body .legend-list .text-box.color03 {
  background: #F85A21;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body .legend-list .text-box.color04 {
  background: #FA7626;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body .legend-list .text-box.color05 {
  background: #FF9936;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body .legend-list .text-box.color06 {
  background: #FEB743;
}
.page-airanalyze .airanalyze-body-map .map-button .legend-wrap-body .legend-list .text-box.color07 {
  background: #FFD248;
}
.page-airanalyze .airanalyze-body-map .map-button .legend.is-active .legend-icon {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10);
          transform: translateY(10);
}
.page-airanalyze .airanalyze-body-map .map-button .legend.is-active .legend-wrap {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.page-airanalyze .airanalyze-body-map .map-button .zoom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
.page-airanalyze .airanalyze-body-map .map-button .zoom button.zoom-plus {
  border-radius: 4px 4px 0 0;
}
.page-airanalyze .airanalyze-body-map .map-button .zoom button.zoom-minus {
  border-radius: 0 0 4px 4px;
}
.page-airanalyze .airanalyze-body-map .map-explanation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 8px 18px 8px 6px;
  width: calc(100% - 20px);
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border-radius: 4px;
}
.page-airanalyze .airanalyze-body-map .map-explanation-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
}
.page-airanalyze .airanalyze-body-map .map-explanation-btn .explanation-btn {
  padding: 2px 12px;
  background: transparent;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
  border-radius: 50px;
  text-align: center;
}
.page-airanalyze .airanalyze-body-map .map-explanation-btn .explanation-btn:not(:first-child) {
  margin-left: 5px;
  position: relative;
}
.page-airanalyze .airanalyze-body-map .map-explanation-btn .explanation-btn:not(:first-child)::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 50.7246376812% 82.4027072758%;
  width: 27px;
  height: 26px;
}
.page-airanalyze .airanalyze-body-map .map-explanation-btn .explanation-btn:not(:first-child)::before {
  display: block;
  position: absolute;
  left: -27px;
}
.page-airanalyze .airanalyze-body-map .map-explanation-btn .explanation-btn.is-active {
  background: #153448;
  color: hsl(0, 0%, 100%);
}
.page-airanalyze .airanalyze-body-info {
  width: 50%;
  padding: 10px 10px;
  background: #F8F8F8;
}
.page-airanalyze .airanalyze-body-info .section {
  margin-bottom: 10px;
  background: hsl(0, 0%, 100%);
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
}
.page-airanalyze .airanalyze-body-info .section-header {
  padding: 13px 20px 0;
}
.page-airanalyze .airanalyze-body-info .section-header-line {
  gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 7px;
  width: 100%;
  border-bottom: 1px solid #222222;
}
.page-airanalyze .airanalyze-body-info .section-header__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.page-airanalyze .airanalyze-body-info .section-header .tabs {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-airanalyze .airanalyze-body-info .section-header .tabs ul {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
}
.page-airanalyze .airanalyze-body-info .section-header .tabs ul li {
  -webkit-box-flex: initial;
      -ms-flex-positive: initial;
          flex-grow: initial;
}
.page-airanalyze .airanalyze-body-info .section-header .tabs ul li button {
  padding: 0;
  border-bottom: 0;
  width: auto;
}
.page-airanalyze .airanalyze-body-info .section-header .tabs ul li button::after, .page-airanalyze .airanalyze-body-info .section-header .tabs ul li button::before {
  display: none;
}
.page-airanalyze .airanalyze-body-info .section-header .tabs ul li button span {
  padding: 8px 0;
  width: 100px;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  color: hsl(0, 0%, 100%);
  border: 0;
  border-bottom: 0;
}
.page-airanalyze .airanalyze-body-info .section-header .tabs ul li.is-active button span {
  background: hsl(0, 0%, 100%);
  color: #153448;
  font-weight: 500;
  border-radius: 50px;
}
.page-airanalyze .airanalyze-body-info .section-header-right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-airanalyze .airanalyze-body-info .section-header-check .radio input[type=radio] + label {
  font-family: "Freesentation";
  padding: 0;
  color: #222;
}
.page-airanalyze .airanalyze-body-info .section-header-check .radio input[type=radio] + label::before {
  margin-left: 0;
}
.page-airanalyze .airanalyze-body-info .section-header-check .radio input[type=radio]:checked + label {
  color: #222;
}
.page-airanalyze .airanalyze-body-info .section-header-down {
  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: 28px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.page-airanalyze .airanalyze-body-info .section-status .section-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  padding: 6px 20px;
  background: #153448;
}
.page-airanalyze .airanalyze-body-info .section-status .section-header__title {
  color: hsl(0, 0%, 100%);
}
.page-airanalyze .airanalyze-body-info .section-status .section-body {
  height: 127px;
}
.page-airanalyze .airanalyze-body-info .section-sec {
  margin-bottom: 0;
}
.page-airanalyze .airanalyze-body-info .section-ranking {
  border-bottom: 1px solid #E5E5E5;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-header-category {
  gap: 8px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-header-category .ranking-box {
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  color: #444444;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 4px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body {
  padding: 0 20px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking {
  display: none;
  position: relative;
  padding: 0 10px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking .ranking-label {
  position: absolute;
  left: 0;
  top: 6px;
  width: 100%;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking .ranking-label-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking .ranking-label-icon.square {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #153448;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking .ranking-label-icon.line {
  padding: 0;
  width: 24px;
  height: 1px;
  border-radius: 2px;
  border-bottom: 0;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking .ranking-label-icon.line:nth-child(1) {
  background: #F2426F;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking .ranking-label-box {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #444;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking .ranking-label-box:nth-child(2) .ranking-label-icon {
  background: #00D100;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-axis {
  gap: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0 8px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-axis span {
  display: block;
  width: 45px;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  color: #0085ff;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-chart .dxc-axes-group .dxc-val-axis .dxc-val-line path {
  stroke-width: 0 !important;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-chart .dxc-tooltip {
  background: hsl(0, 0%, 100%);
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-chart .dxc-tooltip .tooltip {
  padding: 8px 8px;
  border: 1px solid #E3E3E3;
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-chart .dxc-tooltip .tooltip__title {
  padding: 4px 0;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  color: #153448;
  border-bottom: 1px solid #153448;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-chart .dxc-tooltip .tooltip-item {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-chart .dxc-tooltip .tooltip-item span {
  font-weight: 600;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-elements {
  position: relative;
  top: -7px;
  height: 55px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking-elements .axis-label {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  color: #444444;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking .dxc-val-constant-lines text {
  display: none !important;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area {
  display: block;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 185px;
  max-height: 185px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
  border-right: 1px solid #e5e5e5;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .ranking-area-total {
  padding: 6px 20px 6px 0;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .ranking-area-total:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-top {
  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-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-top .sticker {
  padding: 2px 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: hsl(0, 0%, 100%);
  background: #153448;
  border-radius: 2px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-top .year {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #444;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom {
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .total {
  margin-top: 5px;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast {
  position: relative;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast .unit {
  padding-left: 4px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast::before {
  content: "";
  display: inline-block;
  margin-right: -2px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast::after {
  content: "";
  display: block;
  position: absolute;
  left: -13px;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast.is-plus {
  color: #ff3737;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast.is-plus::before {
  content: "+";
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast.is-plus::after {
  border-bottom: 6px solid #ff3737;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast.is-minus {
  color: #0085ff;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast.is-minus::before {
  content: "-";
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .total-bottom .contrast.is-minus::after {
  border-top: 6px solid #0085ff;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-area-inner .unit {
  font-size: 12px;
  font-weight: 500;
  line-height: 23px;
  color: #888;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-chart-inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 150px);
          flex: 0 0 calc(100% - 150px);
  padding: 0 0 8px 22px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-label {
  position: initial;
  margin-bottom: 6px;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-label-icon.square {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #153448;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-label-icon.line {
  padding: 0;
  width: 24px;
  height: 1px;
  border-radius: 2px;
  border-bottom: 0;
  background: #F2426F;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .ranking-label-box:nth-child(2) .ranking-label-icon {
  background: #00C1FF;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .tooltip-txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #444;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-body .ranking.is-area .ranking-inner .dxc-arg-line path {
  stroke-width: 0 !important;
}
.page-airanalyze .airanalyze-body-info .section-ranking .section-ranking-info {
  padding: 0 20px 7px;
  text-align: right;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  color: #888888;
}
.page-airanalyze .airanalyze-body-info .section-analyze {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.page-airanalyze .airanalyze-body-info .section-analyze .section-body {
  padding: 0 20px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze {
  gap: 0;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 340px;
  border-right: 1px solid #E5E5E5;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-header {
  gap: 0;
  background: #F8F8F8;
  border-bottom: 1px solid #e5e5e5;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-header div {
  padding: 2px 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  color: #444444;
  text-align: center;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-header div:not(:first-child) {
  border-left: 1px solid #e5e5e5;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-header div.region {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 84px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-header div.men, .page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-header div.women {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
  min-width: 129px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-body {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-height: 230px;
  gap: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-body::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-body .gender-ct {
  -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;
  gap: 5px;
  padding: 5px 0;
  min-width: 85px;
  border-right: 1px solid #e5e5e5;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-body .gender-ct .region-label {
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  color: #444444;
  text-align: center;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-body .gender-chart {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
  padding: 5px 0;
  min-width: 129px;
  height: 300px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-body .dxc-axes-group .dxc-arg-axis .dxc-arg-line path {
  stroke-width: 0 !important;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.gender .gender-body .dxc-axes-group .dxc-val-axis .dxc-val-line path {
  stroke-width: 0 !important;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 317px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  padding: 0px 15px 10px 20px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 140px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value__title {
  padding: 3px 0 3px;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  color: #444444;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box {
  margin-bottom: 6px;
  padding: 6px 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label:not(:first-child) {
  margin-top: 6px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #444;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color {
  display: inline-block;
  margin-right: 3px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color.color01 {
  background: #32B4FF;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color.color02 {
  background: #FFC5C7;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color.color03 {
  background: #03C987;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color.color04 {
  background: #56E4F4;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color.color05 {
  background: #FFB443;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color.color06 {
  background: #0080CA;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color.color07 {
  background: #9CA3FF;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color.color08 {
  background: #626CFF;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .age .color.color09 {
  background: #E0F055;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-box .custom-label .value {
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-total .tit {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #444444;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-total .tit .color {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #cccccc;
  border-radius: 2px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-total .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: #444444;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-value-total .num::before {
  content: "=";
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-pie {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  width: 100%;
}
.page-airanalyze .airanalyze-body-info .section-analyze .analyze-box.age .age-pie-box {
  aspect-ratio: 1/1;
  margin: 0 auto;
  max-width: 200px;
  min-width: 127px;
  width: 100%;
  height: auto;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .tabpanel {
  position: relative;
  height: 127px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .tabpanel .unit {
  position: absolute;
  right: 20px;
  top: 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  color: #888888;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box {
  padding: 0 20px;
  gap: 0;
  height: 127px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  padding-right: 20px;
  border-right: 1px solid #E5E5E5;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-txt {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  width: 100%;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-txt .tit {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-txt .num {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #ff3737;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-txt .num::before {
  content: "";
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 7px solid #ff3737;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-txt.is-minus .num {
  color: #007bff;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-txt.is-minus .num::before {
  content: "";
  border-bottom: 0;
  border-top: 7px solid #007bff;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box__total {
  margin-top: 28px;
  font-size: 33px;
  font-weight: 600;
  line-height: 39px;
  color: #222222;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-chart {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 150px);
          flex: 0 0 calc(100% - 150px);
  position: relative;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-chart-labels {
  position: absolute;
  top: 40px;
  width: 100%;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-chart-labels .custom-label {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-chart .chart {
  padding-top: 47px;
  height: 93px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-chart-axis {
  height: 35px;
  border-top: 1px solid #E5E5E5;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-chart-axis .axis-label {
  padding: 6px 0 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-info {
  gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 20px;
  height: 28px;
  background: rgba(21, 52, 72, 0.1);
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-info span {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  color: #888888;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-info span i {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-box-info span.flex-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  color: #3C5B6F;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-flight .graph-box-chart-labels {
  top: 35px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-flight .graph-box-chart .chart {
  padding-top: 33px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-flight .graph-box-chart-axis .axis-label:nth-child(1), .page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-flight .graph-box-chart-axis .axis-label:nth-child(4) {
  padding-left: 2px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-num {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-num .select {
  width: 100%;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-num .select select {
  min-width: 100%;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart {
  padding-left: 20px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tabs-box {
  position: relative;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-chart {
  padding-top: 8px;
  width: calc(100% - 38px);
  height: 93px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-chart .labels {
  margin-bottom: 3px;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-chart .vertical-line {
  bottom: 15px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-chart .vertical-line .category-label {
  position: absolute;
  left: 50%;
  top: -17px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 2px 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: hsl(0, 0%, 100%);
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-chart .dxc-val-line path {
  stroke-width: 0 !important;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-chart .dxc-val-constant-lines text {
  display: none !important;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-time {
  position: relative;
  top: 10px;
  height: 20px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-time .axis-label {
  height: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-time .axis-label:nth-child(even) {
  opacity: 0;
  visibility: hidden;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-weekday-time .labels {
  position: absolute;
  right: 20px;
  top: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  top: 8px;
  right: 0;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip .tooltip {
  text-align: right;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip .tooltip i {
  position: relative;
  right: -3px;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip .tooltip-txt {
  right: calc(100% + 5px);
  left: initial;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip .tooltip-txt div {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #444444;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip .tooltip-txt div span {
  font-weight: 600;
  padding-right: 8px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip .tooltip-txt div.smoothly span {
  color: #32D534;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip .tooltip-txt div.normal span {
  color: #FDD34D;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip .tooltip-txt div.confusion span {
  color: #ff3737;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip .tooltip-txt div:not(:first-child) {
  margin-top: 4px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip-situation {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  color: #444444;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip-situation div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip-situation div::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip-situation div.smoothly::before {
  background: #32D534;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip-situation div.normal::before {
  background: #FDD34D;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip-situation div.confusion::before {
  background: #ff3737;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-chart .average-tooltip-situation div:not(:first-child) {
  margin-top: 2px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-total {
  width: 100%;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-total .flex-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  padding: 12px 4px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-total .flex-box:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-total .flex-box span {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #153448;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-total .flex-box div {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-total .flex-box div.time {
  color: #0085ff;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .graph-box-total .flex-box div.percent {
  color: #ff3737;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs {
  margin-bottom: 0;
  width: 100%;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li button {
  padding: 0;
  border-bottom: 0;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li button span {
  padding: 3px 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #153448;
  border: 1px solid #153448;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li button span.left {
  border-radius: 4px 0 0 4px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li button span.right {
  border-radius: 0 4px 4px 0;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li button::before, .page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li button::after {
  display: none;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li:not(:first-child) {
  margin-left: -2px;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li:not(:first-child) button span {
  border-left-color: transparent;
}
.page-airanalyze .airanalyze-body-info .section-body .tabs-box .graph-average .tabs li.is-active button span {
  background: #153448;
  color: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-service .service-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  margin: 25px 0 15px;
}
.page-service .service-header-tit {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.page-service .service-header-tit span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.page-service .service-header-tit span:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #cccccc;
}
.page-service .service-header-tit .title {
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  color: #222;
}
.page-service .service-header-tit .time {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-service .service-body .section {
  margin-bottom: 12px;
}
.page-service .service-body .section-service .service {
  margin-top: 8px;
}
.page-service .service-body .section-service .service-select {
  padding: 8px 0 6px;
}
.page-service .service-body .section-service .service-select .field.is-horizontal {
  gap: 20px;
  min-height: auto;
}
.page-service .service-body .section-service .service-select .field.is-grouped {
  gap: 8px;
}
.page-service .service-body .section-service .service-select .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  width: auto;
  min-height: auto;
}
.page-service .service-body .section-service .service-select .field-label .label {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
}
.page-service .service-body .section-service .service-select .field-label .label::before {
  display: none;
}
.page-service .service-body .section-service .service-select .field-body {
  padding: 0;
}
.page-service .service-body .section-service .service-select .field .list-ref {
  margin-left: 12px;
}
.page-service .service-body .section-service .service-select .field .list-ref li {
  padding-left: 2px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.page-service .service-body .section-service .service-select .field .list-ref li span {
  font-weight: 600;
  color: #ff3737;
}
.page-service .service-body .section-service .service-select .field .list-ref li::before {
  margin-left: 0;
  margin-right: 4px;
}
.page-service .service-body .section-service .service-item-box {
  padding: 8px 12px 12px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
  overflow: hidden;
}
.page-service .service-body .section-service .service .serviceitem-header-box {
  width: 50%;
}
.page-service .service-body .section-service .service .serviceitem-total {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 449px;
          flex: 0 0 449px;
  width: 449px;
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-header {
  gap: 0;
  background: #153448;
  border-radius: 4px;
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-header-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11px 20px;
  height: 46px;
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-header-box:not(:first-child) {
  border-left: 1px solid #e5e5e5;
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-header-box .tit {
  font-size: 17px;
  font-weight: 500;
  line-height: 23px;
  color: hsl(0, 0%, 100%);
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-header-box .num {
  font-size: 19px;
  font-weight: 700;
  line-height: 23px;
  color: hsl(0, 0%, 100%);
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-header-box .num span {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: hsl(0, 0%, 100%);
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-body {
  margin-top: 8px;
  gap: 0;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-body .total-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 149px;
          flex: 0 0 149px;
  width: 149px;
  height: 88px;
  text-align: center;
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-body .total-box:not(:first-child) {
  border-left: 1px solid #e5e5e5;
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-body-head {
  padding: 11px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222222;
  background: rgba(21, 52, 72, 0.05);
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-body-cont {
  padding: 10px 0;
  font-size: 23px;
  font-weight: 700;
  line-height: 28px;
  color: #0085ff;
}
.page-service .service-body .section-service .service .serviceitem-total .serviceitem-body-cont span {
  padding-left: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  color: #444444;
}
.page-service .service-body .section-service .service .serviceitem-time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 459px);
          flex: 0 0 calc(100% - 459px);
  width: calc(100% - 459px);
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-header {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0;
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-header__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 114px;
          flex: 0 0 114px;
  padding: 3px 0;
  width: 114px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
  text-align: center;
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-header__title:not(:first-child) {
  border-left: 1px solid #cccccc;
  position: relative;
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-body {
  margin-top: 6px;
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-body .serviceitem-list {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  height: 34px;
  border-radius: 4px;
  overflow: hidden;
  gap: 0;
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-body .serviceitem-list > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 114px;
          flex: 0 0 114px;
  width: 114px;
  text-align: center;
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-body .serviceitem-list:not(:last-child) {
  margin-bottom: 6px;
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-body .serviceitem-list .tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 122px;
          flex: 0 0 122px;
  padding: 8px 0;
  width: 122px;
  height: 34px;
  background: #3C5B6F;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: hsl(0, 0%, 100%);
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-body .serviceitem-list .info {
  padding: 6px 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #153448;
  background: rgba(21, 52, 72, 0.1);
}
.page-service .service-body .section-service .service .serviceitem-time .serviceitem-body .serviceitem-list .info:not(:last-child) {
  border-right: 1px solid #cccccc;
}
.page-service .service-body .section-service .service-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 947px;
          flex: 0 0 947px;
  width: 947px;
}
.page-service .service-body .section-service .service-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 483px;
          flex: 0 0 483px;
  width: 483px;
}
.page-service .service-body .section-service .service-right .serviceitem-box {
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-service .service-body .section-service .service-right .serviceitem-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
  padding: 7px 12px 6px 17px;
  border-bottom: 1px solid #D4DFF3;
}
.page-service .service-body .section-service .service-right .serviceitem-header__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #222222;
}
.page-service .service-body .section-service .service-right .serviceitem-header .field.is-grouped {
  gap: 4px;
}
.page-service .service-body .section-service .service-right .serviceitem-header .field .control .schedule {
  padding: 9px 10px;
  width: 195px;
  background: #F8F8F8;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.page-service .service-body .section-service .service-right .serviceitem-body {
  padding: 6px 12px 12px;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 0;
  height: 56px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head-box {
  gap: 12px;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head .day {
  padding: 16px 0;
  width: 106px;
  height: 100%;
  font-size: 23px;
  font-weight: 600;
  line-height: 26px;
  color: #00ACE5;
  text-align: center;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head .total {
  width: calc(100% - 106px);
  height: 100%;
  border-left: 1px solid #e5e5e5;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head .total .tit {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222222;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head .total .num {
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  color: #153448;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head .total .num span {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head .total .flex-box {
  gap: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3px 8px;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head .total .passenger {
  border-top: 1px solid #e5e5e5;
}
.page-service .service-body .section-service .service-right .serviceitem-body .special-head.is-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
}
.page-service .service-body .section-service .service-right .serviceitem-body.is-none {
  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: 459px;
  height: 88px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: rgba(21, 52, 72, 0.05);
}
.page-service .service-body .section-service .service-right .serviceitem-body.is-none span {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #444444;
}
.page-service .service-body .section-service .service-right .serviceitem-total {
  width: 100%;
}
.page-service .service-body .section-service .service-right .serviceitem-total .serviceitem-body {
  margin-top: 4px;
  padding: 0;
  height: 88px;
}
.page-service .service-body .section-service .service-right .serviceitem-total .serviceitem-body-cont {
  color: #00ACE5;
}
.page-service .service-body .section-service .service-right .serviceitem-total .serviceitem-body .total-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 0px) / 3);
          flex: 0 0 calc((100% - 0px) / 3);
  width: auto;
}
.page-service .service-body .section-flow {
  padding: 20px 25px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-service .service-body .section-flow .flow-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-service .service-body .section-flow .flow-header__title {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #153448;
}
.page-service .service-body .section-flow .flow-header-tabs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.page-service .service-body .section-flow .flow-header-tabs .tabs {
  margin-bottom: 0;
}
.page-service .service-body .section-flow .flow-header-tabs .tabs .tabslist {
  gap: 10px;
}
.page-service .service-body .section-flow .flow-header-tabs .tabs li button {
  padding-top: 0;
  padding-bottom: 0;
  height: 36px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
  background: #F2F4F7;
  border-color: #cccccc;
}
.page-service .service-body .section-flow .flow-header-tabs .tabs li.is-active button {
  background: #0085ff;
  border-color: #0085ff;
  color: hsl(0, 0%, 100%);
}
.page-service .service-body .section-flow .flow-header-tabs .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.page-service .service-body .section-flow .flow-header-tabs .buttons .button {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}
.page-service .service-body .section-flow .flow-header-tabs .buttons::before {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background: #cccccc;
}
.page-service .service-body .section-flow .flow-body {
  margin-top: 16px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
}
.page-service .service-body .section-flow .flow-body-check {
  padding: 10px 16px;
  background: #f8f8f8;
  border-bottom: 1px solid #cccccc;
}
.page-service .service-body .section-flow .flow-body-check .fieldset .field.is-grouped {
  gap: 20px;
}
.page-service .service-body .section-flow .flow-body-check .fieldset .checkbox input[type=checkbox] + label {
  padding-left: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
}
.page-service .service-body .section-flow .flow-body-check .fieldset .checkbox input[type=checkbox] + label::before {
  margin-left: 0;
  margin-right: 8px;
  border-color: #cccccc;
}
.page-service .service-body .section-flow .flow-body-chart .chart {
  position: relative;
}
.page-service .service-body .section-flow .flow-body-chart .chart-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  position: absolute;
  right: 16px;
  top: -33px;
}
.page-service .service-body .section-flow .flow-body-chart .chart-btn .swiper-arw {
  width: 24px;
  height: 24px;
  background: #3C5B6F;
  border-radius: 4px;
}
.page-service .service-body .section-flow .flow-body-chart .chart-btn .swiper-arw i {
  color: hsl(0, 0%, 100%);
}
.page-service .service-body .section-flow .flow-body-chart .chart-btn .swiper-arw.swiper-btn-prev {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.page-service .service-body .section-flow .flow-body-chart .chart-btn .swiper-arw.swiper-button-disabled {
  background: #cccccc;
  border-color: #cccccc;
}
.page-service .service-body .section-flow .flow-body-chart .chart-btn .swiper-arw.swiper-button-disabled i {
  color: #aaaaaa;
}
.page-service .service-body .section-flow .flow-body-chart .chart-slide {
  padding: 0 16px 16px;
}
.page-service .service-body .section-flow .flow-body-chart .chart-label__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 8px;
  padding: 0 10px;
}
.page-service .service-body .section-flow .flow-body-chart .chart-label__title span {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  color: #888888;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box {
  position: relative;
  margin-bottom: 12px;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .dxc-tooltip {
  width: 170px;
  height: 59px;
  border-radius: 4px;
  background: #153448;
  padding: 0;
  z-index: 10;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .dxc-tooltip path {
  fill: #153448;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .dxc-tooltip svg {
  width: 100%;
  height: 100%;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .dxc-tooltip .tooltip-item {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Freesentation";
  color: hsl(0, 0%, 100%);
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .dxc-tooltip .tooltip-item span {
  font-weight: 600;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .dxc-val-line path {
  stroke-width: 0 !important;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .dxc-arg-line path {
  stroke-width: 0 !important;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .dxc-val-constant-lines text {
  opacity: 0 !important;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-legend {
  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;
  gap: 16px;
  margin: 16px 0 11px;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-legend .legend-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-legend .legend-item__dot {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-legend .legend-item__dot.dot01 {
  background: #6A60A9;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-legend .legend-item__dot.dot02 {
  background: #47B8E0;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-legend .legend-item__dot.dot03 {
  background: #00BC65;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-legend .legend-item__dot.dot04 {
  background: #FF9C0F;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-legend .legend-item__dot.dot03, .page-service .service-body .section-flow .flow-body-chart .chart-box-legend .legend-item__dot.dot04 {
  border-radius: 100%;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-legend .legend-item__txt {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #444444;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-rm__title {
  margin-top: 15px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-rm .recommend-item-box {
  position: relative;
  height: 26px;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-rm .recommend-item-box .recommend-item {
  position: relative;
  padding: 6px 9px;
  border-top: 1px solid #CCCCCC;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-rm .recommend-item-box .recommend-item::before {
  position: absolute;
  left: -1px;
  top: -1px;
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: #cccccc;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-rm .recommend-item-box .recommend-item span {
  display: block;
  width: 100%;
  height: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  background: rgba(0, 133, 255, 0.1);
  color: #222;
  border-radius: 4px;
  text-align: center;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-rm .recommend-item-box .recommend-item.is-up span {
  background: rgba(255, 55, 55, 0.1);
  color: #ff3737;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box-rm .recommend-item-box .recommend-item:last-child::after {
  position: absolute;
  right: 0;
  top: -1px;
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: #cccccc;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .vertical-max-line {
  position: absolute;
  width: 2px;
  bottom: 40px;
  z-index: 1;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .vertical-max-line .categorys {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -17px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 33px;
}
.page-service .service-body .section-flow .flow-body-chart .chart-box .vertical-max-line .categorys span {
  display: block;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: hsl(0, 0%, 100%);
  text-align: center;
}
.page-brand .content-box-body {
  margin-top: 25px;
}
.page-brand .buttons {
  margin: 10px 0 30px;
}
.page-brand .buttons.report-buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 15px;
}
.page-brand .fieldset .field.flex-box {
  gap: 0;
}
.page-brand .fieldset .field .control {
  position: relative;
}
.page-brand .fieldset .field .control .select select {
  border-color: #cccccc;
}
.page-brand .fieldset .field .control.period {
  width: 338px;
}
.page-brand .fieldset .field .control.period .datetimepicker-dummy-wrapper {
  border-color: #cccccc;
}
.page-brand .fieldset .field-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 17px;
  font-weight: 300;
  line-height: 20px;
  color: #444444;
}
.page-brand .fieldset .field-info i {
  color: #444444;
}
.page-brand .fieldset .field-body-calendar .field .control .buttons {
  margin: 0;
}
.page-brand .fieldset .field-body-calendar .field .control .buttons .button {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
  border: 0;
}
.page-brand .fieldset .field-body-calendar .field .control .datetimepicker-dummy {
  display: none !important;
}
.page-brand .fieldset .field-body-calendar .field .control .datetimepicker-wrapper {
  position: absolute;
  top: 35px;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button {
  width: 60px;
  height: 34px;
  border: 0;
  padding: 0;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox {
  width: 100%;
  height: 100%;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox .dx-texteditor-container {
  border: 0;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox .dx-texteditor-input {
  padding: 0 !important;
  border: 0;
  text-align: center;
  caret-color: transparent;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox .dx-texteditor-input::-webkit-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox .dx-texteditor-input::-moz-placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox .dx-texteditor-input:-ms-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox .dx-texteditor-input::-ms-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox .dx-texteditor-input::placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active, .page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.is-select {
  background: #0085ff;
  border-radius: 4px;
  overflow: hidden;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active input, .page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.is-select input {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active input::-webkit-input-placeholder, .page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.is-select input::-webkit-input-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active input::-moz-placeholder, .page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.is-select input::-moz-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active input:-ms-input-placeholder, .page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.is-select input:-ms-input-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active input::-ms-input-placeholder, .page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.is-select input::-ms-input-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active input::placeholder, .page-brand .fieldset .field-body-calendar .field .control-custombutton .button .dx-datebox.is-select input::placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input {
  background: #0085ff;
  border-radius: 4px;
  overflow: hidden;
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input::-webkit-input-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input::-moz-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input:-ms-input-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input::-ms-input-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input::placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton:not(:first-child) .button .dx-datebox {
  position: relative;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton:not(:first-child) .button .dx-datebox::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #dddddd;
}
.page-brand .fieldset .field-body-calendar .field .control-custombutton:not(:first-child) .button .dx-datebox.dx-dropdowneditor-active::before {
  background: #0085ff;
}
.page-brand .fieldset .field-body-calendar .field .control .datepickeroutput {
  max-width: 228px;
  min-width: 228px;
  height: 34px;
  padding: 4px 10px;
  background: #F8F8F8;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  color: #444444;
}
.page-brand .brand-header {
  margin-bottom: 15px;
}
.page-brand .brand-header-dash .flex-box {
  gap: 15px;
}
.page-brand .brand-header-dash li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 30px) / 3);
          flex: 0 0 calc((100% - 30px) / 3);
  height: 162px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-brand .brand-header-dash li .dash-item-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  gap: 0;
}
.page-brand .brand-header-dash li .dash-item.text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 155px;
          flex: 0 0 155px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 9px;
  padding: 18px 18px;
  padding-right: 0;
}
.page-brand .brand-header-dash li .dash-item.number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 155px);
          flex: 0 0 calc(100% - 155px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 16px 16px;
  padding-left: 0;
}
.page-brand .brand-header-dash li .dash-item__icon {
  font-size: 0;
}
.page-brand .brand-header-dash li .dash-item__title {
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  color: #222222;
}
.page-brand .brand-header-dash li .dash-item__title .subtitle {
  padding-left: 4px;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  color: #0085ff;
  letter-spacing: 0.1px;
}
.page-brand .brand-header-dash li .dash-item__title .subtitle::after {
  content: "5";
  display: inline-block;
  padding-left: 4px;
  font-size: 17px;
  font-weight: 800;
  line-height: 23px;
  color: #0085ff;
}
.page-brand .brand-header-dash li .dash-item__rate {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-brand .brand-header-dash li .dash-item__rate span {
  margin-left: 6px;
  padding: 2px 7px;
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  border-radius: 4px;
}
.page-brand .brand-header-dash li .dash-item__rate span::before {
  display: inline-block;
  vertical-align: middle;
  font-size: 19px;
  font-weight: 700;
  line-height: 23px;
}
.page-brand .brand-header-dash li .dash-item__rate.is-plus span {
  color: #ff3737;
  background: #FFE9E9;
}
.page-brand .brand-header-dash li .dash-item__rate.is-plus span::before {
  content: "+";
  color: #ff3737;
}
.page-brand .brand-header-dash li .dash-item__rate.is-minus span {
  color: #0085ff;
  background: rgba(0, 133, 255, 0.05);
}
.page-brand .brand-header-dash li .dash-item__rate.is-minus span::before {
  content: "-";
  color: #0085ff;
}
.page-brand .brand-header-dash li .dash-item__total {
  font-size: 50px;
  font-weight: 700;
  line-height: 55px;
  color: #222;
}
.page-brand .brand-header-dash li .dash-item__total span {
  padding-left: 5px;
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
  color: #888888;
}
.page-brand .brand-header-dash li .dash-item-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 5px;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-brand .brand-header-dash li .dash-item-tags .tag {
  max-width: 145px;
  height: 28px;
  padding: 0 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  color: #0085ff;
  background-color: rgba(0, 133, 255, 0.05);
  border-radius: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.page-brand .brand-header-dash li .dash-item-tags .tags-box {
  display: inline-block;
  position: relative;
}
.page-brand .brand-header-dash li .dash-item-tags .tags-box .tootip-inner {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(100% + 10px);
  z-index: 10;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 28px;
  padding: 0 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  color: #ffffff;
  background-color: #0085ff;
  border-radius: 50px;
}
.page-brand .brand-header-dash li .dash-item-tags .tags-box .tootip-inner span {
  display: block;
  position: relative;
}
.page-brand .brand-header-dash li .dash-item-tags .tags-box .tootip-inner span::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-inline: 5px solid transparent;
  border-top: 7px solid #0085ff;
}
.page-brand .brand-header-dash li .dash-item-tags .tags-box:hover .tootip-inner {
  display: block;
}
.page-brand .brand-header-dash li .dash-item__chart {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.page-brand .brand-header-dash li .dash-item__chart .custom-label {
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-brand .brand-header-dash li .dash-item__chart .age {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #444444;
}
.page-brand .brand-header-dash li .dash-item__chart .age .color {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.page-brand .brand-header-dash li .dash-item__chart .age .color.color01 {
  background: #2196F3;
}
.page-brand .brand-header-dash li .dash-item__chart .age .color.color02 {
  background: #2EEE51;
}
.page-brand .brand-header-dash li .dash-item__chart .age .color.color03 {
  background: #FF7931;
}
.page-brand .brand-header-dash li .dash-item__chart .value {
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  color: #222;
}
.page-brand .brand-header-dash li .dash-item__chart .value.color01 {
  color: #2196F3;
}
.page-brand .brand-header-dash li .dash-item__chart .value.color02 {
  color: #2EEE51;
}
.page-brand .brand-header-dash li .dash-item__chart .value.color03 {
  color: #FF7931;
}
.page-brand .brand-header-dash li .dash-item__chart .analyze-pie-label {
  -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: 4px;
}
.page-brand .brand-body {
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-brand .brand-body .tabs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
  padding-right: 20px;
}
.page-brand .brand-body .tabs ul {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.page-brand .brand-body .tabs li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.page-brand .brand-body .tabs li button {
  padding: 0;
  border-bottom: 0;
}
.page-brand .brand-body .tabs li button span {
  padding: 15px 26px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
  border-bottom: 2px solid transparent;
}
.page-brand .brand-body .tabs li.is-active button {
  border-bottom: 0;
}
.page-brand .brand-body .tabs li.is-active button::before, .page-brand .brand-body .tabs li.is-active button::after {
  display: none;
}
.page-brand .brand-body .tabs li.is-active button span {
  font-weight: 500;
  color: #0085ff;
  border-bottom: 2px solid #0085ff;
}
.page-brand .brand-body .tabs .buttons {
  margin: 0;
}
.page-brand .brand-body .tabs .buttons .button {
  padding: 7px 9px;
  height: 34px;
  color: hsl(0, 0%, 100%);
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}
.page-brand .brand-body .tabs .buttons .button:hover {
  color: #222222;
}
.page-brand .brand-body .tabpanel-inner {
  padding: 20px 20px;
  background: rgba(21, 52, 72, 0.05);
}
.page-brand .brand-body .tabpanel-inner-chart {
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart {
  position: relative;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart__title {
  padding: 16px 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart-box {
  position: relative;
  padding: 25px 20px;
  height: 383px;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip {
  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;
  gap: 8px;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip-box {
  padding: 10px 12px;
  width: 192px;
  background: hsl(0, 0%, 100%);
  border: 1px solid #cccccc;
  border-radius: 12px;
  overflow: hidden;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip-box__title {
  margin-bottom: 12px;
  font-size: 17px;
  font-weight: 600;
  line-height: 17px;
  color: #000000;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip-row {
  width: 80px;
  text-align: center;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip-row__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #444444;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip-row__num {
  margin-top: 4px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip-row__num.mt {
  color: #153448;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip-row__num.imp {
  color: #ff3737;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip-row:not(:first-child) {
  position: relative;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .customtooltip-row:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: #ccc;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-main .dxc-series circle {
  cursor: pointer;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-label {
  position: absolute;
  left: 0;
  top: 52px;
  width: 100%;
  height: 347px;
  pointer-events: none;
}
.page-brand .brand-body .tabpanel-inner-chart .tabpanel-chart .keyword-chart-label .axis-label {
  max-width: 89px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 600;
  line-height: 17px;
  color: #000;
}
.page-brand .brand-body .tabpanel-inner-chart .dxc-val-axis .dxc-val-line path {
  stroke-width: 0 !important;
}
.page-brand .brand-body .tabpanel-inner-chart .dxc-arg-axis .dxc-arg-line path {
  stroke-width: 0 !important;
}
.page-brand .brand-body .tabpanel-inner-chart .dxc-constant-lines-group .dxc-val-constant-lines text {
  opacity: 0 !important;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-inner-chart {
  gap: 20px;
  background: transparent;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart {
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.main {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 800px;
          flex: 0 0 800px;
  position: relative;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 580px;
          flex: 0 0 580px;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .tabpanel-chart-head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  padding: 13px 16px;
  border-bottom: 1px solid #e5e5e5;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .tabpanel-chart-head .tabpanel-chart__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
  border-bottom: 0;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .tabpanel-chart-head .soaring-day {
  padding: 4px 6px;
  background: rgba(21, 52, 72, 0.05);
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
  border-radius: 4px;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .tabpanel-chart-head .soaring-day span {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #153448;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .list-ref {
  position: absolute;
  right: 16px;
  top: 62px;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .list-ref li {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keyword-chart-soaring {
  position: relative;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-label {
  position: absolute;
  left: 16px;
  top: 53px;
  width: 548px;
  height: 250px;
  z-index: 2;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-label .custom-label {
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  z-index: 1;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-label .custom-label-arrow {
  margin: 0 auto;
  position: relative;
  width: 34px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF3737), color-stop(40%, rgba(241, 80, 0, 0.7)), color-stop(75%, rgba(255, 173, 51, 0.5)), to(rgba(241, 193, 0, 0)));
  background: linear-gradient(180deg, #FF3737 0%, rgba(241, 80, 0, 0.7) 40%, rgba(255, 173, 51, 0.5) 75%, rgba(241, 193, 0, 0) 100%);
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-label .custom-label-arrow .arrow {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 35px solid #ff3737;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-label .custom-label-keyword {
  position: absolute;
  top: -74px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 10px 10px;
  min-width: 103px;
  max-width: 103px;
  background: #153448;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  color: hsl(0, 0%, 100%);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-label .custom-label:hover {
  z-index: 2;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-label .custom-label:hover .custom-label-keyword {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-rank {
  position: absolute;
  left: 16px;
  bottom: 10px;
  width: 548px;
  height: 56px;
  z-index: 2;
  background: hsl(0, 0%, 100%);
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-rank .keyword-rank-item {
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  width: 104px;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-rank .keyword-rank-item .keyword-rank {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  overflow: hidden;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-rank .keyword-rank-item .keyword-rank .percent {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 5px 0;
  background: hsl(0, 0%, 100%);
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #ff3737;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-rank .keyword-rank-item .keyword-rank .percent span {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #ff3737;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-rank .keyword-rank-item .keyword-rank .rank {
  padding: 3px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #444444;
  border-top: 1px solid #e3e3e3;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart.soaring .keywordSoaring-rank .keyword-rank-item .keyword-rank .rank span {
  padding-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-brand .brand-body .tabpanel-inner.keyword .tabpanel-chart__title {
  border-bottom: 1px solid #e5e5e5;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyze-chart-main {
  margin: 0 auto;
  width: 335px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 480px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel.analyzeChart01 {
  left: 12px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel.analyzeChart02 {
  right: 12px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content {
  padding: 10px 10px;
  border: 1px solid transparent;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-head-img {
  width: 60px;
  height: 60px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-head-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-head__title {
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-head-number {
  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: 9px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-head-number .item {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-head-number span {
  font-size: 21px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-head-number .num {
  padding-left: 9px;
  position: relative;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-head-number .num::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #cccccc;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-body {
  margin-top: 16px;
  padding: 10px 16px;
  border-radius: 4px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-body__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 17px;
  color: #444444;
  margin-bottom: 16px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-body-keywords {
  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-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content .label-body-keywords .keyword {
  padding: 2px 8px;
  height: 26px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 4px;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.positive {
  border-color: rgba(0, 133, 255, 0.1);
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.positive .label-head-img {
  background: url("../img/positive-icon.png") no-repeat;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.positive .label-head__title {
  color: #2196F3;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.positive .label-head-number .item {
  color: #2196F3;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.positive .label-body {
  background: rgba(33, 150, 243, 0.05);
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.positive .label-body-keywords .keyword {
  color: #2196F3;
  background: rgba(33, 150, 243, 0.05);
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.negative {
  border-color: rgba(249, 97, 100, 0.1);
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.negative .label-head-img {
  background: url("../img/negative-icon.png") no-repeat;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.negative .label-head__title {
  color: #FF7931;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.negative .label-head-number .item {
  color: #FF7931;
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.negative .label-body {
  background: rgba(255, 121, 49, 0.05);
}
.page-brand .brand-body .tabpanel-inner.analyze .analyzeLabel-content.negative .label-body-keywords .keyword {
  color: #FF7931;
  background: rgba(255, 121, 49, 0.05);
}
.page-brandlist .content-box-body {
  margin-top: 25px;
}
.page-brandlist .buttons-excel {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-brandlist .buttons-excel .button {
  width: auto;
}
.page-brandlist .buttons-excel .button.btn-excel i {
  margin-top: 2px;
}
.page-brandlist .buttons-excel .button.btn-excel:hover i:before, .page-brandlist .buttons-excel .button.btn-excel:focus i:before {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
}
.page-brandlist .brandlist .content-box-search .field + .field {
  margin: 0;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field.flex-box {
  gap: 0;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control .buttons {
  margin: 0;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control .buttons .button {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
  border: 0;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control .datetimepicker-dummy {
  display: none !important;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control .datetimepicker-wrapper {
  position: absolute;
  top: 35px;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button {
  width: 60px;
  height: 34px;
  border: 0;
  padding: 0;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox {
  width: 100%;
  height: 100%;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox .dx-texteditor-container {
  border: 0;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox .dx-texteditor-input {
  padding: 0 !important;
  border: 0;
  text-align: center;
  caret-color: transparent;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox .dx-texteditor-input::-webkit-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox .dx-texteditor-input::-moz-placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox .dx-texteditor-input:-ms-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox .dx-texteditor-input::-ms-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox .dx-texteditor-input::placeholder {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active {
  background: #0085ff;
  border-radius: 4px;
  overflow: hidden;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active .dx-texteditor-input::-webkit-input-placeholder {
  color: hsl(0, 0%, 100%);
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active .dx-texteditor-input::-moz-placeholder {
  color: hsl(0, 0%, 100%);
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active .dx-texteditor-input:-ms-input-placeholder {
  color: hsl(0, 0%, 100%);
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active .dx-texteditor-input::-ms-input-placeholder {
  color: hsl(0, 0%, 100%);
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button .dx-datebox.dx-dropdowneditor-active .dx-texteditor-input::placeholder {
  color: hsl(0, 0%, 100%);
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input {
  background: #0085ff;
  border-radius: 4px;
  overflow: hidden;
  color: hsl(0, 0%, 100%) !important;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input::-webkit-input-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input::-moz-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input:-ms-input-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input::-ms-input-placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton .button.is-select .dx-datebox .dx-texteditor-input::placeholder {
  color: hsl(0, 0%, 100%) !important;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton:not(:first-child) .button .dx-datebox {
  position: relative;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton:not(:first-child) .button .dx-datebox::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #dddddd;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control-custombutton:not(:first-child) .button .dx-datebox.dx-dropdowneditor-active::before {
  background: #0085ff;
}
.page-brandlist .brandlist .content-box-search .field-body-brandlist .field .control .datepickeroutput {
  max-width: 228px;
  min-width: 228px;
  height: 34px;
  padding: 4px 10px;
  background: #F8F8F8;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  color: #444444;
}
.page-brandlist .brandlist .content-box-search .search-result__list li {
  display: block;
}
.page-brandlist .brandlist .content-box-search .search-cont {
  display: block;
}
.page-brandlist .brandlist .content-box-search .search-cont .flex-box {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
.page-brandlist .brandlist .content-box-search .search-cont-box {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  text-align: left;
}
.page-brandlist .brandlist .content-box-search .search-cont__title {
  line-height: 20px;
}
.page-brandlist .brandlist .content-box-search .search-cont__con {
  margin-top: 10px;
  color: #444444;
  font-weight: 400;
  line-height: 23px;
}
.page-brandlist .brandlist .content-box-search .search-tag {
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 142px;
}
.page-brandlist .brandlist .content-box-search .search-tag .tags {
  display: block;
}
.page-brandlist .brandlist .content-box-search .search-tag .tags:not(:last-child) {
  margin-bottom: 0;
}
.page-brandlist .brandlist .content-box-search .search-tag .tags .tag {
  padding: 0 20px;
  height: 24px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #444444;
  background: #F2F4F7;
}
.page-brandlist .brandlist .content-box-search .search-tag__date {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #777777;
}
.page-brandlist .brandlist .fieldset .field.field-keyword {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-label .checkbox input[type=checkbox] + label {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-label .checkbox input[type=checkbox] + label::before {
  width: 18px;
  height: 18px;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body {
  margin-left: 0;
  padding: 0;
  border-left: 1px solid #e5e5e5;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field.is-grouped {
  gap: 8px;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field-body {
  border-left: 0;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field .control {
  line-height: 34px;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field .control label {
  position: relative;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field .control label input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field .control label input[type=checkbox] + span {
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
  border: 1px solid #cccccc;
  cursor: pointer;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field .control label input[type=checkbox]:checked + span {
  font-weight: 500;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field-main .control label input[type=checkbox]:checked + span {
  background: rgba(60, 91, 111, 0.1);
  border-color: #3C5B6F;
  color: #3C5B6F;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field-affirmative .control label input[type=checkbox]:checked + span {
  background: rgba(0, 133, 255, 0.1);
  border-color: #0085ff;
  color: #0085ff;
}
.page-brandlist .brandlist .fieldset .field.field-keyword .field-body .field-no .control label input[type=checkbox]:checked + span {
  background: rgba(249, 37, 100, 0.1);
  border-color: #F96164;
  color: #F96164;
}
.page-keyword .content-box-body {
  margin-top: 25px;
}
.page-keyword .keyword .tbl-list {
  margin-top: 25px;
}
.page-keyword .keyword .tbl-list tbody td .is-left {
  text-align: left;
}
.page-keyword .keyword .tbl-list tbody td .control {
  margin: 0 auto;
}
.page-keyword .keyword .tbl-list tbody td .control .select {
  width: 100%;
}
.page-keyword .keyword .tbl-list tbody td .control .select select {
  width: 100%;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  font-family: "Freesentation";
}
.page-keyword .keyword .tbl-list tbody .is-editing-cell.text-edit .dx-texteditor-input {
  height: 32px !important;
  line-height: 48px !important;
  border: 1px solid #cccccc;
  text-align: left !important;
}
.page-keyword .keyword .tbl-list tbody .is-editing-cell.select-edit .dx-selectbox-container {
  width: 150px;
  margin: 0 auto;
  border: 1px solid #cccccc;
}
.page-keyword .keyword .tbl-list tbody .is-editing-cell.select-edit .dx-selectbox-container .dx-texteditor-input {
  height: 32px !important;
  line-height: 32px !important;
  text-align: left !important;
}
.page-report .content-box-body {
  margin-top: 25px;
}
.page-report .list-report-box .report-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 10px) / 2);
          flex: 0 0 calc((100% - 10px) / 2);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-report .list-report-box .report-item-date {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 34px;
  border-radius: 4px;
  overflow: hidden;
}
.page-report .list-report-box .report-item-date__title {
  padding: 5px 11px;
  height: 34px;
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  color: #153448;
  background: rgba(21, 52, 72, 0.1);
}
.page-report .list-report-box .report-item-date__day {
  padding: 8px 10px;
  height: 34px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #444444;
  background: #F8F8F8;
}
.page-report .list-report-box .report-item-num {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-report .list-report-box .report-item-num-percent {
  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: 8px;
  position: relative;
  bottom: 5px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-report .list-report-box .report-item-num-percent span {
  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;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.page-report .list-report-box .report-item-num-percent span::before {
  display: block;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.page-report .list-report-box .report-item-num-percent.is-plus span {
  color: #0085ff;
}
.page-report .list-report-box .report-item-num-percent.is-plus span::before {
  content: "+";
  color: #0085ff;
}
.page-report .list-report-box .report-item-num-percent.is-minus span {
  color: #ff3737;
}
.page-report .list-report-box .report-item-num-percent.is-minus span::before {
  content: "-";
  color: #ff3737;
}
.page-report .list-report-box .report-item-num-total {
  font-size: 19px;
  font-weight: 500;
  line-height: 32px;
  color: #222;
}
.page-report .list-report-box .report-item-num-total span {
  padding-right: 4px;
  font-size: 29px;
  font-weight: 700;
  line-height: 32px;
  color: #153448;
}
.page-report .tbl-list .table tbody td .text-ellips {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.page-report .collabo-wrap .content-box-header + .content-box-body:not(:has(.list-search)) > .list-table {
  margin-top: 17px;
}
.page-cancelled .cancelled {
  margin-top: 25px;
}
.page-cancelled .cancelled-header {
  gap: 16px;
}
.page-cancelled .cancelled-header__title {
  font-size: 21px;
  font-weight: 700;
  line-height: 42px;
  color: #222;
}
.page-cancelled .cancelled-header-today {
  background: #F8F8F8;
  border-radius: 4px;
  padding: 5px 13px;
}
.page-cancelled .cancelled-header-today ul li {
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  color: #444444;
}
.page-cancelled .cancelled-header-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-left: 10px;
}
.page-cancelled .cancelled-header-down::before {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #ccc;
}
.page-cancelled .cancelled-header-top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.page-cancelled .cancelled-header-top .field.is-grouped {
  margin-bottom: 0;
}
.page-cancelled .cancelled-header-top .field:not(:first-child) {
  margin-bottom: 0;
}
.page-cancelled .cancelled-header-top .field .control.airport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-left: 10px;
}
.page-cancelled .cancelled-header-top .field .control.airport::before {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #ccc;
}
.page-cancelled .cancelled-header-bottom {
  padding: 15px 16px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-cancelled .cancelled-header-operate {
  max-width: 1104px;
  width: 100%;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom {
  background: #F3F5F6;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 52px) / 5);
          flex: 0 0 calc((100% - 52px) / 5);
  padding: 14px 12px 12px;
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__title {
  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;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  color: #222;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__title span {
  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: 30px;
  height: 30px;
  border-radius: 4px;
  background: #f8f8f8;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box {
  padding: 12px 0;
  margin-top: 14px;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  font-size: 33px;
  font-weight: 700;
  line-height: 36px;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.expected {
  background: #F2FBFD;
  color: #00ACE5;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.real {
  background: #F3F5F6;
  color: #153448;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.warning {
  background: #FFF5F5;
  color: #ff3737;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time {
  position: relative;
  background: #FEFBF2;
  color: #F7BE00;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time.time-none .time-none__item {
  display: block;
  font-size: 29px;
  color: #888;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time .time-list {
  display: none;
  position: absolute;
  left: calc(100% + 2px);
  top: 0;
  padding: 16px 12px;
  width: 250px;
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  z-index: 5;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time .time-list__title {
  margin-bottom: 17px;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  color: #222;
  text-align: left;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time .time-list ul {
  padding: 12px 0;
  max-height: 320px;
  background: #FEFBF2;
  overflow-y: auto;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time .time-list ul::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time .time-list ul::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time .time-list ul li {
  font-size: 21px;
  font-weight: 700;
  line-height: 23px;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time .time-list ul li:not(:first-child) {
  margin-top: 16px;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box.time .time-list.is-focus {
  display: block;
}
.page-cancelled .cancelled-header-operate .cancelled-header-bottom .cancelled-header-info .info-item__box span {
  font-size: 29px;
}
.page-cancelled .cancelled-header-report {
  max-width: 321px;
  width: 100%;
}
.page-cancelled .cancelled-header-report .weather-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.page-cancelled .cancelled-header-report .weather-item-icon {
  padding-left: 24px;
  width: calc(100% - 143px);
}
.page-cancelled .cancelled-header-report .weather-item-icon .icon-box {
  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: 80px;
  height: 80px;
}
.page-cancelled .cancelled-header-report .weather-item-box {
  width: 143px;
}
.page-cancelled .cancelled-header-report .weather-item-box__title {
  padding: 4px 0;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  color: #153448;
  background: rgba(21, 52, 72, 0.05);
}
.page-cancelled .cancelled-header-report .weather-item-box-day {
  margin-top: 6px;
}
.page-cancelled .cancelled-header-report .weather-item-box-day span {
  padding: 4px 0;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #444444;
}
.page-cancelled .cancelled-header-report .weather-item-box-day span:not(:first-child) {
  border-top: 1px solid #eeeeee;
}
.page-cancelled .cancelled-header-report .weather-item-box-day span.time {
  padding-top: 4px;
  padding-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.page-cancelled .cancelled-header-report .weather-item-none {
  display: none;
}
.page-cancelled .cancelled-header-report .weather-item.weather-none {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 95px;
}
.page-cancelled .cancelled-header-report .weather-item.weather-none .weather-item-icon, .page-cancelled .cancelled-header-report .weather-item.weather-none .weather-item-box {
  display: none;
}
.page-cancelled .cancelled-header-report .weather-item.weather-none .weather-item-none {
  display: block;
}
.page-cancelled .cancelled-header-report .report {
  margin-top: 6px;
  padding: 6px 15px;
  height: 30px;
  color: #888;
  background: #f8f8f8;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  font-family: "Freesentation";
}
.page-cancelled .cancelled-header-report .report.warning {
  background: #fff3f3;
  color: #222;
  font-family: "Freesentation";
}
.page-cancelled .cancelled-header-report .report.warning .warning-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.page-cancelled .cancelled-header-report .report.warning .warning-text {
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}
.page-cancelled .cancelled-header-report .report.warning .warning-text .c__red {
  color: #ff3737;
  font-weight: 600;
}
.page-cancelled .cancelled-header-report .report.warning .warning-text::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 12px;
  background: #ffdddd;
}
.page-cancelled .cancelled-body {
  margin-top: 15px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-cancelled .cancelled-body-title {
  -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 20px;
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #153448;
}
.page-cancelled .cancelled-body-title ul {
  gap: 20px;
}
.page-cancelled .cancelled-body-title ul li {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.page-cancelled .cancelled-body-title ul li.list-ref-info::before {
  content: "*";
  margin-left: -10px;
}
.page-cancelled .cancelled-body-title ul li:not(:first-child) {
  position: relative;
}
.page-cancelled .cancelled-body-title ul li:not(:first-child)::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #cccccc;
}
.page-cancelled .cancelled-body-chart {
  padding: 20px 20px;
  background: rgba(21, 52, 72, 0.05);
}
.page-cancelled .cancelled-body-chart .chart {
  position: relative;
  padding: 25px 20px;
  margin-bottom: 20px;
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  margin-bottom: 9px;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-label .tit {
  padding-left: 11px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #888888;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-label .value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-label .value .legend-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-label .value .legend-item__dot {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-label .value .legend-item__dot.dot01 {
  background: #F7BE00;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-label .value .legend-item__dot.dot02 {
  border-radius: 100%;
  background: #ff3737;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-label .value .legend-item__txt {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-time {
  position: relative;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-time .time {
  height: 18px;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-time .tit {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #888888;
}
.page-cancelled .cancelled-body-chart .chart .cancelled-time .axis-label {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.page-cancelled .cancelled-body-chart .chart .dxc-tooltip .tooltip {
  padding: 4px 8px;
  border-radius: 4px;
  background: #153448;
}
.page-cancelled .cancelled-body-chart .chart .dxc-tooltip .tooltip-item {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}
.page-cancelled .cancelled-body-chart .chart .dxc-tooltip .tooltip-item span {
  font-weight: 600;
}
.page-cancelled .cancelled-body-chart .chart .dxc-val-axis .dxc-val-line path {
  stroke-width: 0 !important;
}
.page-cancelled .cancelled-body-chart .chart .dxc-val-constant-lines text {
  display: none !important;
}
.page-cancelled .cancelled-body-chart .chart .dxc-strips-labels-group .dxc-arg-axis-labels text {
  display: block;
  width: 102px;
  height: 26px;
  background: rgba(255, 55, 55, 0.1);
}
.page-cancelled .cancelled-body-chart .chart-bg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 527px;
  z-index: 5;
}
.page-cancelled .cancelled-body-chart .chart-bg-wrap {
  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%;
  height: 100%;
}
.page-cancelled .cancelled-body-chart .chart-bg-wrap .none-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  gap: 24px;
}
.page-cancelled .cancelled-body-chart .chart-bg-wrap .none-box span {
  font-size: 50px;
  font-weight: 700;
  line-height: 55px;
  color: #cccccc;
}
.page-cancelled .cancelled-body-chart .chart.is-none {
  background: #F8F8F8;
}
.page-cancelled .cancelled-body-chart .chart.is-none .chart-bg {
  display: block;
}
.page-cancelled .cancelled-body-chart .table-list {
  margin-top: 20px;
}
.page-cancelled .cancelled-body-chart .table th, .page-cancelled .cancelled-body-chart .table td {
  text-align: center;
}
.page-cancelled .cancelled-body-chart .table th.is-left, .page-cancelled .cancelled-body-chart .table td.is-left {
  text-align: left;
}
.page-cancelled .cancelled-body-chart .table thead th {
  background: #F6F9FA;
  border-top: 1px solid #a7a7a7;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.page-cancelled .cancelled-body-chart .table tbody {
  background-color: hsl(0, 0%, 100%);
}
.page-cancelled .cancelled-body-chart .table tbody tr:hover {
  background: #E9F1FF;
}
.page-cancelled .cancelled-body-chart .table tbody td {
  padding: 10px 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-cancelled .cancelled-body-chart .table tbody .probability {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0;
}
.page-cancelled .cancelled-body-chart .table tbody .probability-num {
  width: 70px;
  text-align: center;
}
.page-cancelled .cancelled-body-chart .table tbody .probability-bar {
  position: relative;
  width: calc(100% - 70px);
  height: 16px;
  background: #f8f8f8;
}
.page-cancelled .cancelled-body-chart .table tbody .probability-bar::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.page-cancelled .cancelled-body-chart .table tbody .probability-bar.forecast::before {
  width: 1%;
  background: #F7BE00;
}
.page-cancelled .cancelled-body-chart .table tbody .probability-bar.is-low::before {
  width: 5%;
  background: #10980C;
}
.page-cancelled .cancelled-body-chart .table tbody .probability-bar.is-mid::before {
  width: 42%;
  background: #FF8A0C;
}
.page-cancelled .cancelled-body-chart .table tbody .probability-bar.is-high::before {
  width: 72%;
  background: #ff3737;
}
.page-cancelled .cancelled-body-chart .table tbody .probability-bar.is-disabled {
  background: #dddddd;
}
.page-airportweather i {
  -webkit-transform-origin: unset;
          transform-origin: unset;
}
.page-airportweather i.n {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.page-airportweather i.nne {
  -webkit-transform: rotate(22.5deg);
          transform: rotate(22.5deg);
}
.page-airportweather i.ne {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.page-airportweather i.ene {
  -webkit-transform: rotate(67.5deg);
          transform: rotate(67.5deg);
}
.page-airportweather i.e {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.page-airportweather i.ese {
  -webkit-transform: rotate(112.5deg);
          transform: rotate(112.5deg);
}
.page-airportweather i.se {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.page-airportweather i.sse {
  -webkit-transform: rotate(157.5deg);
          transform: rotate(157.5deg);
}
.page-airportweather i.s {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-airportweather i.ssw {
  -webkit-transform: rotate(202.5deg);
          transform: rotate(202.5deg);
}
.page-airportweather i.sw {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.page-airportweather i.wsw {
  -webkit-transform: rotate(247.5deg);
          transform: rotate(247.5deg);
}
.page-airportweather i.w {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.page-airportweather i.wnw {
  -webkit-transform: rotate(292.5deg);
          transform: rotate(292.5deg);
}
.page-airportweather i.nw {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.page-airportweather i.nnw {
  -webkit-transform: rotate(337.5deg);
          transform: rotate(337.5deg);
}
.page-airportweather i.svg-arwnew-up {
  -webkit-transform-origin: unset;
          transform-origin: unset;
}
.page-airportweather i.svg-arwnew-up.n {
  -webkit-transform: rotate(0) scale(1.2);
          transform: rotate(0) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.nne {
  -webkit-transform: rotate(22.5deg) scale(1.2);
          transform: rotate(22.5deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.ne {
  -webkit-transform: rotate(45deg) scale(1.2);
          transform: rotate(45deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.ene {
  -webkit-transform: rotate(67.5deg) scale(1.2);
          transform: rotate(67.5deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.e {
  -webkit-transform: rotate(90deg) scale(1.2);
          transform: rotate(90deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.ese {
  -webkit-transform: rotate(112.5deg) scale(1.2);
          transform: rotate(112.5deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.se {
  -webkit-transform: rotate(135deg) scale(1.2);
          transform: rotate(135deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.sse {
  -webkit-transform: rotate(157.5deg) scale(1.2);
          transform: rotate(157.5deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.s {
  -webkit-transform: rotate(180deg) scale(1.2);
          transform: rotate(180deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.ssw {
  -webkit-transform: rotate(202.5deg) scale(1.2);
          transform: rotate(202.5deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.sw {
  -webkit-transform: rotate(225deg) scale(1.2);
          transform: rotate(225deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.wsw {
  -webkit-transform: rotate(247.5deg) scale(1.2);
          transform: rotate(247.5deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.w {
  -webkit-transform: rotate(270deg) scale(1.2);
          transform: rotate(270deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.wnw {
  -webkit-transform: rotate(292.5deg) scale(1.2);
          transform: rotate(292.5deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.nw {
  -webkit-transform: rotate(315deg) scale(1.2);
          transform: rotate(315deg) scale(1.2);
}
.page-airportweather i.svg-arwnew-up.nnw {
  -webkit-transform: rotate(337.5deg) scale(1.2);
          transform: rotate(337.5deg) scale(1.2);
}
.page-airportweather .content-box-body {
  margin-top: 25px;
}
.page-airportweather .airportweather-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
.page-airportweather .airportweather-header-tab .tab-boxs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-airportweather .airportweather-header-tab .tab-boxs li .button {
  position: relative;
  width: 160px;
  background: #F2F4F7;
  border: 1px solid #cccccc;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-airportweather .airportweather-header-tab .tab-boxs li .button.is-active {
  background: #153448;
  border-color: #153448;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather-header-tab .tab-boxs li .button .dot {
  display: block;
  position: absolute;
  right: 41px;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #ff3737;
}
.page-airportweather .airportweather-header-tab .tab-boxs li + li {
  margin-top: 0;
}
.page-airportweather .airportweather-header-time .time-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #f8f8f8;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
}
.page-airportweather .airportweather-header-time .time-box-text {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-airportweather .airportweather-header-time .time-box-text span {
  font-weight: 500;
  color: #222222;
  padding-right: 8px;
}
.page-airportweather .airportweather-header-time .time-box .tooltip .icon {
  position: relative;
  top: 2px;
}
.page-airportweather .airportweather-header-time .time-box .tooltip-txt {
  padding: 7px 12px;
  background: #153448;
}
.page-airportweather .airportweather-header-time .btn-maximise {
  width: 42px;
  height: 42px;
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
  border: 1px solid #cccccc;
}
.page-airportweather .airportweather-body {
  margin-top: 15px;
}
.page-airportweather .airportweather-dashboard {
  gap: 0;
  border: 1px solid #cccccc;
  border-radius: 6px;
}
.page-airportweather .airportweather-dashboard .dashboard-title {
  padding: 24px 20px 27px;
  width: 240px;
  background: #153448;
  border-radius: 6px 0 0 6px;
}
.page-airportweather .airportweather-dashboard .dashboard-title .eng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  padding: 3px 8px;
  width: 98px;
  background: #FF7931;
  border-radius: 4px;
  overflow: hidden;
}
.page-airportweather .airportweather-dashboard .dashboard-title .eng span {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather-dashboard .dashboard-title .eng span:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.page-airportweather .airportweather-dashboard .dashboard-title .eng span:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather-dashboard .dashboard-title .dropdown {
  margin-top: 7px;
}
.page-airportweather .airportweather-dashboard .dashboard-title .dropdown .button {
  padding-left: 0;
  background: #153448;
  border-color: #153448;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather-dashboard .dashboard-data {
  width: calc(100% - 240px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather {
  padding: 9px 15px 9px 17px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air {
  gap: 16px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 543px;
          flex: 0 0 543px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-item:not(:first-child) {
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-item:not(:first-child)::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #cccccc;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-now {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-now .num {
  font-size: 29px;
  font-weight: 600;
  line-height: 35px;
  color: #222222;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-now .num .unit {
  font-weight: 500;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-temperature {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-temperature .tit {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #222;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-temperature .num {
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  color: #222222;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-temperature .num .unit {
  font-weight: 400;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-description {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-description .tit {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  color: #222222;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-description .num {
  gap: 0;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-description .num div {
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-description .num div.min {
  color: #0085ff;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-description .num div.max {
  color: #ff3737;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-description .num div:not(:first-child) {
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-temp-description .num div:not(:first-child)::before {
  content: "/";
  position: absolute;
  left: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #cccccc;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 559px);
          flex: 0 0 calc(100% - 559px);
  gap: 20px;
  padding: 10px 20px;
  background: #f8f8f8;
  border-radius: 6px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-info-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 80px) / 5);
          flex: 0 0 calc((100% - 80px) / 5);
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-info-item:not(:first-child) {
  position: relative;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-info-item:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 32px;
  background: #E5E5E5;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-info__title {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.page-airportweather .airportweather-dashboard .dashboard-data-weather .air-info__box {
  margin-top: 4px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.page-airportweather .airportweather-dashboard .dashboard-data-report .report {
  padding: 10px 16px;
  height: 40px;
  background: #F3F5F6;
  border-top: 1px solid #CCCCCC;
  border-bottom-right-radius: 6px;
}
.page-airportweather .airportweather-dashboard .dashboard-data-report .report__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #222222;
}
.page-airportweather .airportweather-dashboard .dashboard-data-report .report-text {
  padding-left: 16px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-airportweather .airportweather-dashboard .dashboard-data-report .report.warning {
  background: #fff3f3;
  color: #222;
}
.page-airportweather .airportweather-dashboard .dashboard-data-report .report.warning .report-text .c__red {
  color: #ff3737;
}
.page-airportweather .airportweather-data {
  padding: 20px 20px;
  margin-top: 30px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-airportweather .airportweather-data-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  margin-bottom: 20px;
}
.page-airportweather .airportweather-data-header .title {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #153448;
}
.page-airportweather .airportweather-data-header .caption {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.page-airportweather .airportweather-data-header .caption-item span {
  vertical-align: middle;
}
.page-airportweather .airportweather-data-header .caption-item .color {
  display: inline-block;
  margin-right: 4px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #cccccc;
}
.page-airportweather .airportweather-data-header .caption-item .txt {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.page-airportweather .airportweather-data-header .caption-item.taf .color {
  background: #F6F9FA;
}
.page-airportweather .airportweather-data-header .caption-item.short .color {
  background: #DEEEFA;
}
.page-airportweather .airportweather-data-header .caption-item.mid .color {
  background: #E2F4F0;
}
.page-airportweather .airportweather-data-body {
  position: relative;
}
.page-airportweather .airportweather-data-body .air-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.page-airportweather .airportweather-data-body .air-wrap .air-legend {
  width: 120px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-legend ul li {
  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;
  gap: 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
}
.page-airportweather .airportweather-data-body .air-wrap .air-legend ul li:not(:first-child) {
  border-bottom: 1px solid #e5e5e5;
}
.page-airportweather .airportweather-data-body .air-wrap .air-legend ul li.air-legend-day {
  margin-bottom: 15px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-legend ul li.air-legend-time {
  background: #F6F9FA;
  border-top: 1px solid #a7a7a7;
  border-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.page-airportweather .airportweather-data-body .air-wrap .air-legend.air-type-weekly .air-legend-unit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body {
  width: calc(100% - 120px);
  overflow: hidden;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item {
  width: 128px;
  float: left;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #e5e5e5;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li .txt {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-time {
  height: 42px;
  background: #F6F9FA;
  border-top: 1px solid #a7a7a7;
  border-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-weather {
  gap: 4px;
  height: 92px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-weather .icon {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-unit {
  height: 92px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-unit .txt {
  position: relative;
  top: -15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #0085ff;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-vrb, .page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-rain, .page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-snow, .page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-wind, .page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-cloud {
  height: 42px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-cloudheight {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  height: 92px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item li.air-item-way {
  gap: 8px;
  height: 92px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar {
  width: 40px;
  background: #E8EBED;
  border-top: 2px solid #153448;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-0 {
  height: 0;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-1 {
  height: 7px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-2 {
  height: 14px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-3 {
  height: 21px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-4 {
  height: 28px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-5 {
  height: 35px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-6 {
  height: 42px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-7 {
  height: 49px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-8 {
  height: 56px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-9 {
  height: 63px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-item .cloudheight-bar.bar-10 {
  height: 70px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head {
  position: relative;
  margin-bottom: 14px;
  height: 34px;
  overflow: hidden;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  position: absolute;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  height: 34px;
  border: 1px solid #eeeeee;
  background: #F8F8F8;
  border-radius: 4px;
  overflow: hidden;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head__title {
  padding: 6px 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
  background: rgba(21, 52, 72, 0.1);
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head-minmax {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 7px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head-minmax .minmax {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head-minmax .minmax .num {
  display: inline-block;
  font-weight: 500;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head-minmax .minmax .num span {
  font-weight: 400;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head-minmax .minmax.min .num {
  color: #0085ff;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head-minmax .minmax.max {
  position: relative;
  margin-left: 5px;
  padding-left: 5px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head-minmax .minmax.max .num {
  color: #ff3737;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-head-minmax .minmax.max::before {
  content: "/";
  display: block;
  position: absolute;
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #cccccc;
  font-weight: 400;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-item {
  float: left;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-item.short .air-item li {
  background: rgba(222, 238, 250, 0.5);
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-item.short .air-item li.air-item-time {
  background: rgba(0, 133, 255, 0.1);
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-item.mid .air-item li {
  background: #F1FAF8;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-item.mid .air-item li.air-item-time {
  background: rgba(41, 193, 149, 0.1);
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-item.mid .air-item li.air-item-unit {
  height: 134px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-daily-item.mid .air-item li:last-child {
  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: 310px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-chart {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 55px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-chart.air-chart-atemp {
  top: 215px;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-chart.air-info-weekly {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: initial;
  bottom: 0;
  height: 310px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-chart.air-info-weekly i {
  margin-right: 5px;
  font-size: 14px;
  color: #444444;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-chart.air-info-weekly span {
  font-weight: 500;
  color: #0085ff;
}
.page-airportweather .airportweather-data-body .air-wrap .air-body-wrap .air-chart.air-chart-minmaxtemp {
  top: 182px;
  height: 134px;
}
.page-airportweather .airportweather-data-body .buttons-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 120px;
  top: 5px;
  z-index: 1;
  width: calc(100% - 120px);
}
.page-airportweather .airportweather-data-body .buttons-box .air-btn-move {
  width: 24px;
  height: 24px;
  background: #3C5B6F;
  border-radius: 4px;
}
.page-airportweather .airportweather-data-body .buttons-box .air-btn-move i {
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather-data-body .buttons-box .air-btn-move.air-btn-move-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-airportweather .airportweather-data-body .buttons-box .air-btn-move.air-btn-move-prev .icon-shevron-right {
  position: relative;
  top: 1px;
  left: 1px;
}
.page-airportweather .airportweather .status {
  position: relative;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
  overflow: hidden;
}
.page-airportweather .airportweather .status-map img {
  display: block;
  width: 100%;
}
.page-airportweather .airportweather .status-nav {
  width: 120px;
}
.page-airportweather .airportweather .status-nav-box {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
}
.page-airportweather .airportweather .status-nav-item .collapse {
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
}
.page-airportweather .airportweather .status-nav-item .collapse-item {
  border: 0;
}
.page-airportweather .airportweather .status-nav-item .collapse-item.is-active .collapse-header a {
  border-bottom: 1px solid #cccccc;
}
.page-airportweather .airportweather .status-nav-item .collapse-header {
  background: #E8EBED;
}
.page-airportweather .airportweather .status-nav-item .collapse-header a {
  padding: 9px 12px;
  height: auto;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.page-airportweather .airportweather .status-nav-item .collapse-header::after {
  right: 12px;
  margin-right: 0;
  margin-top: -9px;
}
.page-airportweather .airportweather .status-nav-item .collapse-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-nav-item:not(:first-child) {
  margin-top: 8px;
}
.page-airportweather .airportweather .status-nav-item .floating-btn {
  padding: 7px 12px;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
.page-airportweather .airportweather .status-nav-item .floating-btn:hover, .page-airportweather .airportweather .status-nav-item .floating-btn.is-active {
  font-weight: 500;
  color: #0085ff;
  background: #E6F3FF;
}
.page-airportweather .airportweather .status-nav-item .floating-btn.airpor-warning {
  padding: 8px 12px;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #888;
  text-align: left;
  background: #F2F4F7;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.page-airportweather .airportweather .status-nav-item .floating-btn.airpor-warning.is-active {
  background: #0085ff;
  border-color: #0085ff;
  color: hsl(0, 0%, 100%);
  font-weight: 500;
}
.page-airportweather .airportweather .status .calamity-floating-airport {
  position: absolute;
  text-align: center;
}
.page-airportweather .airportweather .status .calamity-floating-airport .airport-name {
  display: block;
  padding: 2px 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  color: #153448;
  font-family: "Freesentation";
}
.page-airportweather .airportweather .status .calamity-floating-airport.is-active .icon.svg-airport-off::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 30.8095515434% 77.147766323%;
  width: 35px;
  height: 35px;
}
.page-airportweather .airportweather .status .calamity-floating-airport.is-active .icon.svg-mark-off::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 72.526193248% 77.0154373928%;
  width: 34px;
  height: 34px;
}
.page-airportweather .airportweather .status .calamity-floating-airport.is-active .airport-name {
  color: hsl(0, 0%, 100%);
  background: #153448;
  border-radius: 4px;
}
.page-airportweather .airportweather .status-box-calamity {
  display: none;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box {
  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;
  gap: 16px;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box li {
  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;
  position: relative;
  gap: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 190px;
          flex: 0 0 190px;
  padding: 14px 14px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  border: 1px solid #D4DFF3;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box li .firegreen-info {
  position: absolute;
  top: 0;
  left: calc(100% + 16px);
  padding: 4px 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  overflow: hidden;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box li .firegreen-info-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box li .firegreen-info-txt span {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box li .firegreen-info-txt span b {
  font-weight: 500;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box li .firegreen-info-txt::before {
  display: block;
  content: "\203b";
  width: 12px;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box-txt {
  width: 100px;
  overflow: hidden;
  text-align: center;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box-txt .label {
  padding: 4px 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box-txt .count {
  margin-top: 9px;
  font-size: 19px;
  font-weight: 700;
  line-height: 21px;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box-txt.ing .label {
  background: #ff3737;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box-txt.ing .count {
  color: #ff3737;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box-txt.finish .label {
  background: #444444;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box-txt.finish .count {
  color: #444444;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box-txt.etc .label {
  background: #10980C;
}
.page-airportweather .airportweather .status-box-calamity .calamity-box-txt.etc .count {
  color: #10980C;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport {
  position: absolute;
  left: 20px;
  bottom: 20px;
  padding: 16px 16px;
  min-width: 416px;
  max-width: 662px;
  background: hsl(0, 0%, 100%);
  border-radius: 6px;
  border: 1px solid #D4DFF3;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport__title {
  margin-bottom: 12px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  max-width: 662px;
  height: 54px;
  overflow-x: auto;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 204px;
          flex: 0 0 204px;
  padding: 0 12px;
  height: 100%;
  border: 1px solid #eeeeee;
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list li span {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list li span.title {
  color: #222222;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list li span.unit {
  color: #0085ff;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list li.is-focus {
  border-color: #D4DFF3;
  background: #E9F1FF;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list li.is-focus span {
  font-weight: 600;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list .none-list {
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  background: #F8F8F8;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list .none-list .none-list-txt {
  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: 100%;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-airportweather .airportweather .status-box-calamity .calamity-airport-list.is-none .none-list {
  display: block;
  border: 0;
}
.page-airportweather .airportweather .status-box-earthquake {
  display: none;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-box {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 16px;
  background: #153448;
  border-radius: 4px 4px 0 0;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-header__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-header-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-header-tab .earthquake-tab-btn {
  padding: 8px 0;
  width: 100px;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-header-tab .earthquake-tab-btn.is-active {
  background: hsl(0, 0%, 100%);
  color: #153448;
  border-radius: 50px;
  font-weight: 500;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list {
  gap: 0;
  width: 585px;
  max-height: 169px;
  min-height: 169px;
  overflow-y: auto;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .table {
  width: 50%;
  border-top: 0;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .table-sticky {
  position: sticky;
  top: -1px;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .table thead th, .page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .table tbody td {
  border-left: 1px solid #e5e5e5;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .table thead th {
  background: #E8EDF4;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .table .num {
  background: #F5F7FA;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .table tbody tr td {
  font-weight: 500;
  word-break: keep-all;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .table tbody tr:last-child td {
  border-color: #e5e5e5;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .none-table {
  display: none;
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list .none-table__title {
  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%;
  height: 168px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
  background: #F8F8F8;
  font-family: "Freesentation";
}
.page-airportweather .airportweather .status-box-earthquake .earthquake-body .tbl-list.is-none .none-table {
  display: block;
}
.page-airportweather .airportweather .status-box-lgt {
  display: none;
}
.page-airportweather .airportweather .status-box-lgt .lgt {
  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;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-lgt .lgt-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 205px;
  height: 42px;
  background: #153448;
  border: 1px solid hsl(0, 0%, 100%);
  border-radius: 6px;
}
.page-airportweather .airportweather .status-box-lgt .lgt-info span {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-box-lgt .lgt-info span.num {
  font-weight: 700;
}
.page-airportweather .airportweather .status-box-typhoon {
  display: none;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  min-width: 147px;
  height: 42px;
  background: #153448;
  border: 1px solid hsl(0, 0%, 100%);
  border-radius: 6px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-info-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-info .tit {
  font-size: 17px;
  font-weight: 700;
  line-height: 19px;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item {
  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;
  position: absolute;
  width: 54px;
  height: 54px;
  background: rgba(255, 55, 55, 0.2);
  border-radius: 100%;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item-btn {
  position: relative;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item-btn .num {
  position: relative;
  z-index: 2;
  display: block;
  padding: 5px 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #153448;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: hsl(0, 0%, 100%);
  text-align: center;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item-btn .date {
  display: none;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 1;
  padding: 7px 6px;
  width: 90px;
  height: 32px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: hsl(0, 0%, 100%);
  background: #153448;
  border: 2px solid hsl(0, 0%, 100%);
  border-radius: 15px;
  text-align: right;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item-btn.is-active .num {
  position: relative;
  z-index: 4;
  background: hsl(0, 0%, 100%);
  color: #153448;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item-btn.is-active .date {
  display: block;
  z-index: 3;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item-btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 55, 55, 0.2);
  border-radius: 100%;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item::after, .page-airportweather .airportweather .status-box-typhoon .typhoon-item::before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 55, 55, 0.2);
  border-radius: 100%;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item-box {
  min-width: 499px;
  position: relative;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-fir {
  width: 38px;
  height: 38px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-sec {
  width: 38px;
  height: 38px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-sec::before {
  width: 46px;
  height: 46px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-third {
  width: 38px;
  height: 38px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-third::before {
  width: 46px;
  height: 46px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-third::after {
  width: 54px;
  height: 54px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-fourth {
  width: 38px;
  height: 38px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-fourth::before {
  width: 46px;
  height: 46px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-fourth::after {
  width: 54px;
  height: 54px;
}
.page-airportweather .airportweather .status-box-typhoon .typhoon-item.is-fourth .typhoon-item-btn::after {
  width: 62px;
  height: 62px;
}
.page-airportweather .airportweather .status-box-weather {
  display: none;
}
.page-airportweather .airportweather .status-box-weather .weather-header {
  position: absolute;
  left: 20px;
  top: 20px;
}
.page-airportweather .airportweather .status-box-weather .weather-header-tab {
  padding: 4px 4px;
  border-radius: 4px;
  background: #F8F8F8;
}
.page-airportweather .airportweather .status-box-weather .weather-header-tab ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.page-airportweather .airportweather .status-box-weather .weather-header-tab ul li .tab-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 6px 10px;
  min-width: 100px;
  border-radius: 4px;
}
.page-airportweather .airportweather .status-box-weather .weather-header-tab ul li .tab-btn .icon {
  position: relative;
  top: 1px;
}
.page-airportweather .airportweather .status-box-weather .weather-header-tab ul li .tab-btn .name {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #0085ff;
}
.page-airportweather .airportweather .status-box-weather .weather-header-tab ul li.is-active .tab-btn {
  background: #0085ff;
}
.page-airportweather .airportweather .status-box-weather .weather-header-tab ul li.is-active .tab-btn .icon.svg-weather-air-off::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 87.3696407879% 92.8934010152%;
  width: 26px;
  height: 26px;
}
.page-airportweather .airportweather .status-box-weather .weather-header-tab ul li.is-active .tab-btn .icon.svg-weather-etc-off::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 90.382387022% 92.8934010152%;
  width: 26px;
  height: 26px;
}
.page-airportweather .airportweather .status-box-weather .weather-header-tab ul li.is-active .tab-btn .name {
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-box-weather .weather-body {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
}
.page-airportweather .airportweather .status-box-weather .weather-body .scroll-box {
  display: none;
  padding: 0 20px;
  width: 100%;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item {
  width: 190px;
  border: 2px solid hsl(0, 0%, 100%);
  border-radius: 6px;
  overflow: hidden;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-body {
  max-height: 138px;
  min-height: 138px;
  overflow-y: auto;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-body::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-rain .warning-item-header {
  background: #0076C0;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-rain .warning-item-body {
  position: relative;
  background-color: #0099E0;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-rain .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #0099E0;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-cold .warning-item-header {
  background: #0061B5;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-cold .warning-item-body {
  position: relative;
  background-color: #3491D2;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-cold .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #3491D2;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-snow .warning-item-header {
  background: #4B5DD8;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-snow .warning-item-body {
  position: relative;
  background-color: #6B7BDE;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-snow .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #6B7BDE;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-typhoon .warning-item-header {
  background: #316774;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-typhoon .warning-item-body {
  position: relative;
  background-color: #448087;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-typhoon .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #448087;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-wind .warning-item-header {
  background: #0F8189;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-wind .warning-item-body {
  position: relative;
  background-color: #0EA8A0;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-wind .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #0EA8A0;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-storm .warning-item-header {
  background: #00765F;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-storm .warning-item-body {
  position: relative;
  background-color: #008A61;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-storm .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #008A61;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-tsunami .warning-item-header {
  background: #3FA471;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-tsunami .warning-item-body {
  position: relative;
  background-color: #57BF80;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-tsunami .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #57BF80;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-hot .warning-item-header {
  background: #CE4C60;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-hot .warning-item-body {
  position: relative;
  background-color: #F06871;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-hot .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #F06871;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-dry .warning-item-header {
  background: #DB6630;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-dry .warning-item-body {
  position: relative;
  background-color: #FF8A43;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-dry .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #FF8A43;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-dust .warning-item-header {
  background: #B88613;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-dust .warning-item-body {
  position: relative;
  background-color: #D7A31A;
  z-index: 1;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item.is-dust .warning-item-body::-webkit-scrollbar-thumb {
  border-color: #D7A31A;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-header {
  gap: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 10px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-header .text {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-info {
  padding: 8px 12px;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-info__title {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-info__txt {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-info .card:not(:first-child) {
  margin-top: 8px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 20px;
  width: 100%;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card {
  width: 190px;
  border-radius: 6px;
  overflow: hidden;
  border: 2px solid transparent;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 8px 8px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card-header .text {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: hsl(0, 0%, 100%);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card-body {
  height: 138px;
  max-height: 100%;
  padding: 8px 8px 0;
  background: hsl(0, 0%, 100%);
  overflow-y: auto;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card-body::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card-body li {
  gap: 4px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card-body .tit {
  padding: 2px 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 2px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card-body .day {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-card-body .text {
  margin-top: 8px;
  color: #222;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-btn {
  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;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  width: 100%;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-btn .swiper-arw {
  position: relative;
  width: 32px;
  height: 32px;
  background: hsl(0, 0%, 100%);
  border: 1px solid #ccc;
  border-radius: 100%;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-btn .swiper-arw.swiper-btn-prev .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll .warning-btn .swiper-arw.swiper-button-disabled {
  background: #cccccc;
  border-color: #aaaaaa;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-rain .warning-card {
  border-color: #0076C0;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-rain .warning-card-header {
  background: #0076C0;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-rain .warning-card-body li span {
  color: #0076C0;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-rain .warning-card-body li span.tit {
  background: rgba(0, 118, 192, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-cold .warning-card {
  border-color: #0061B5;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-cold .warning-card-header {
  background: #0061B5;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-cold .warning-card-body li span {
  color: #3491D2;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-cold .warning-card-body li span.tit {
  background: rgba(52, 145, 210, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-snow .warning-card {
  border-color: #4B5DD8;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-snow .warning-card-header {
  background: #4B5DD8;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-snow .warning-card-body li span {
  color: #6B7BDE;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-snow .warning-card-body li span.tit {
  background: rgba(107, 123, 222, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-typhoon .warning-card {
  border-color: #316774;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-typhoon .warning-card-header {
  background: #316774;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-typhoon .warning-card-body li span {
  color: #448087;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-typhoon .warning-card-body li span.tit {
  background: rgba(68, 128, 135, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-wind .warning-card {
  border-color: #0EA8A0;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-wind .warning-card-header {
  background: #0F8189;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-wind .warning-card-body li span {
  color: #0EA8A0;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-wind .warning-card-body li span.tit {
  background: rgba(14, 168, 160, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-storm .warning-card {
  border-color: #00765F;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-storm .warning-card-header {
  background: #00765F;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-storm .warning-card-body li span {
  color: #008A61;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-storm .warning-card-body li span.tit {
  background: rgba(0, 138, 97, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-tsunami .warning-card {
  border-color: #3FA471;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-tsunami .warning-card-header {
  background: #3FA471;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-tsunami .warning-card-body li span {
  color: #57BF80;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-tsunami .warning-card-body li span.tit {
  background: rgba(87, 191, 128, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-hot .warning-card {
  border-color: #CE4C60;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-hot .warning-card-header {
  background: #CE4C60;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-hot .warning-card-body li span {
  color: #F06871;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-hot .warning-card-body li span.tit {
  background: rgba(240, 104, 113, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-dry .warning-card {
  border-color: #DB6630;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-dry .warning-card-header {
  background: #DB6630;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-dry .warning-card-body li span {
  color: #FF8A43;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-dry .warning-card-body li span.tit {
  background: rgba(255, 138, 67, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-dust .warning-card {
  border-color: #B88613;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-dust .warning-card-header {
  background: #B88613;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-dust .warning-card-body li span {
  color: #D7A31A;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-scroll.is-dust .warning-card-body li span.tit {
  background: rgba(215, 163, 26, 0.1);
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-box {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-box.is-active {
  display: block;
}
.page-airportweather .airportweather .status-box-weather .weather-body .warning-item-box.is-active .scroll-box {
  display: block;
}
.page-airportweather .airportweather .status-box-warning {
  display: none;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item .item-box .icon::before {
  margin-top: 0;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item .item-box:not(:last-of-type) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item .item-box:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #a7a7a7;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item .item-box:not(:first-child) {
  display: none;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item .item-box.is-focus.item-box:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border: 1px solid #ff3737;
  background: #FFF3F3;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item-wrap .count-box {
  display: none;
  position: relative;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item-wrap .count-box .count span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #153448;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item-wrap .count-box .count span::before {
  content: "+";
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #153448;
}
.page-airportweather .airportweather .status-box-warning .warning .calamity-floating-box .item-wrap .count-box.is-over {
  display: block;
}
.page-warning .content-box-body {
  margin-top: 25px;
}
.page-warning .warning-header {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.page-warning .warning-header .field.is-horizontal {
  gap: 10px;
  min-height: auto;
}
.page-warning .warning-header .field.is-horizontal .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  width: auto;
  min-height: auto;
}
.page-warning .warning-header .field.is-horizontal .field-label .label {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
}
.page-warning .warning-header .field.is-horizontal .field-label .label::before {
  display: none;
}
.page-warning .warning-header .field.is-horizontal .field-body {
  padding: 0;
}
.page-warning .warning-header .field.is-horizontal:not(:first-child) {
  border-top: 0;
}
.page-warning .warning-header .field:not(:last-child) {
  margin-bottom: 0;
}
.page-warning .warning-header .field-box:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.page-warning .warning-header .field-box:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #cccccc;
}
.page-warning .warning-header-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-warning .warning-header-down {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-warning .warning-header-down .list-ref li span {
  font-weight: 600;
  color: #0085ff;
}
.page-warning .warning-body-dashboard {
  padding: 18px 18px;
  border: 1px solid #D4DFF3;
  background: #F8F8F8;
  border-radius: 6px;
}
.page-warning .warning-body-dashboard .dashboard {
  gap: 20px;
}
.page-warning .warning-body-dashboard .dashboard-box {
  width: 100%;
}
.page-warning .warning-body-dashboard .dashboard-box__title {
  padding: 8px 0;
  margin-bottom: 4px;
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  color: hsl(0, 0%, 100%);
  border-radius: 4px;
  text-align: center;
  background: #3C5B6F;
}
.page-warning .warning-body-dashboard .dashboard-box-body {
  gap: 0;
  padding: 11px 0;
  background: hsl(0, 0%, 100%);
  border: 1px solid #E5E5E5;
  border-radius: 4px;
}
.page-warning .warning-body-dashboard .dashboard-box-body .dashboard-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px;
  text-align: center;
}
.page-warning .warning-body-dashboard .dashboard-box-body .dashboard-item__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.page-warning .warning-body-dashboard .dashboard-box-body .dashboard-item-num {
  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;
  gap: 4px;
  margin-top: 10px;
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
  color: #153448;
}
.page-warning .warning-body-dashboard .dashboard-box-body .dashboard-item-num span {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-warning .warning-body-dashboard .dashboard-box-body .dashboard-item:not(:first-child) {
  position: relative;
}
.page-warning .warning-body-dashboard .dashboard-box-body .dashboard-item:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 58px;
  background: #e5e5e5;
}
.page-warning .warning-body-dashboard .dashboard-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 1140px);
          flex: 0 0 calc(100% - 1140px);
}
.page-warning .warning-body-dashboard .dashboard-title__txt {
  margin-top: 12px;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  color: #222;
}
.page-warning .warning-body-dashboard .dashboard-expect {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 580px;
          flex: 0 0 580px;
}
.page-warning .warning-body-dashboard .dashboard-schedul {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 520px;
          flex: 0 0 520px;
}
.page-warning .warning-body-dashboard .dashboard-schedul .dashboard-box__title {
  background: #153448;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.page-warning .warning-body-dashboard .dashboard-schedul .dashboard-box__title .category {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 3px 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.page-warning .warning-body-dashboard .dashboard-schedul .dashboard-box__title .category__title {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.page-warning .warning-body-dashboard .dashboard-schedul .dashboard-box__title .category__title:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-warning .warning-body-dashboard .dashboard-schedul .dashboard-box__title .category__title:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: hsl(0, 0%, 100%);
}
.page-warning .warning-body-dashboard .dashboard-schedul .dashboard-item-num .plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-right: 4px;
  color: #888888;
}
.page-warning .warning-body-dashboard .dashboard-schedul .dashboard-item-num .plan::after {
  content: "/";
  display: block;
  color: #ccc;
}
.page-warning .warning-body-dashboard .dashboard-schedul .dashboard-item-num .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
}
.page-warning .warning-body-chart {
  margin-top: 15px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-warning .warning-body-chart .chart-head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  padding: 9px 20px;
}
.page-warning .warning-body-chart .chart-head__title {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #153448;
}
.page-warning .warning-body-chart .chart-head-check {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-warning .warning-body-chart .chart-head-check .check-label .field.is-grouped {
  gap: 20px;
}
.page-warning .warning-body-chart .chart-head-check .check-down {
  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: 32px;
  height: 32px;
  border: 1px solid #cccccc;
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-warning .warning-body-chart .chart-head-check .check-down .tooltip {
  font-size: 16px;
  color: #444444;
}
.page-warning .warning-body-chart .chart-head-check .check-down .tooltip-txt {
  padding: 7px 12px;
  left: 50%;
  top: initial;
  bottom: calc(100% + 10px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #153448;
}
.page-warning .warning-body-chart .chart-head-check .check-down .tooltip-txt::before {
  content: "";
  display: block;
  top: initial;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 7px solid #153448;
}
.page-warning .warning-body-chart .chart-body {
  padding: 20px 15px;
  background: rgba(21, 52, 71, 0.05);
}
.page-warning .warning-body-chart .chart-body-box {
  padding: 20px 25px;
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-warning .warning-body-chart .chart-body-box .dxc-val-line path, .page-warning .warning-body-chart .chart-body-box .dxc-arg-line path {
  stroke-width: 0 !important;
}
.page-warning .warning-body-chart .chart-body-box .dxc-val-constant-lines text {
  display: none !important;
}
.page-warning .warning-body-chart .chart-body-box .warning-legend {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
  margin-bottom: 20px;
}
.page-warning .warning-body-chart .chart-body-box .warning-legend .legend-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.page-warning .warning-body-chart .chart-body-box .warning-legend .legend-item__dot {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.page-warning .warning-body-chart .chart-body-box .warning-legend .legend-item__dot.dot01 {
  background: #6A60A9;
}
.page-warning .warning-body-chart .chart-body-box .warning-legend .legend-item__dot.dot02 {
  background: #47B8E0;
}
.page-warning .warning-body-chart .chart-body-box .warning-legend .legend-item__dot.dot03, .page-warning .warning-body-chart .chart-body-box .warning-legend .legend-item__dot.dot04 {
  border-radius: 100%;
}
.page-warning .warning-body-chart .chart-body-box .warning-legend .legend-item__dot.dot03 {
  background: #00BC65;
}
.page-warning .warning-body-chart .chart-body-box .warning-legend .legend-item__dot.dot04 {
  background: #FF9C0F;
}
.page-warning .warning-body-chart .chart-body-box .warning-legend .legend-item__txt {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
}
.page-warning .warning-body-chart .chart-body-box .warning-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.page-warning .warning-body-chart .chart-body-box .warning-title span {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #888888;
}
.page-warning .warning-body-chart .chart-body-box .warning-chart {
  position: relative;
}
.page-warning .warning-body-chart .chart-body-box .warning-chart .dxc-tooltip .tooltip {
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(21, 52, 72, 0.7);
}
.page-warning .warning-body-chart .chart-body-box .warning-chart .dxc-tooltip .tooltip-item {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}
.page-warning .warning-body-chart .chart-body-box .warning-chart .dxc-tooltip .tooltip-item span {
  font-weight: 600;
}
.page-warning .warning-body-chart .chart-body-box .warning-chart .vertical-max-line {
  border-width: 1px;
  border-style: solid;
}
.page-warning .warning-body-chart .chart-body-box .warning-chart .vertical-max-line .categorys {
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 54px;
  height: 18px;
  text-align: center;
}
.page-warning .warning-body-chart .chart-body-box .warning-chart .vertical-max-line .categorys span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: hsl(0, 0%, 100%);
}
.page-warning .warning-body-chart .chart-body-box .warning-chart .vertical-max-line.is-now {
  border-style: dashed;
}
.page-airstatistics .content-box-body {
  margin-top: 25px;
}
.page-airstatistics .button.btn-excel i {
  margin-top: 3px;
}
.page-airstatistics .button.btn-excel:hover i:before, .page-airstatistics .button.btn-excel:focus i:before {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
}
.page-airstatistics .airstatistics-header .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  width: auto;
  max-width: 210px;
}
.page-airstatistics .airstatistics-header .field-body {
  padding: 0;
}
.page-airstatistics .airstatistics-header .field-body .control.control-150 {
  width: auto;
  min-width: 150px;
}
.page-airstatistics .airstatistics-header .field.is-grouped {
  gap: 20px;
}
.page-airstatistics .airstatistics-header .field .checkbox input[type=checkbox] + label {
  padding: 0;
}
.page-airstatistics .airstatistics-header .field .checkbox input[type=checkbox] + label::before {
  margin-left: 0;
  margin-right: 8px;
}
.page-airstatistics .airstatistics-header-field {
  padding: 0 10px;
}
.page-airstatistics .airstatistics-header-field .field.is-horizontal:not(:first-child) {
  border-top: 0;
}
.page-airstatistics .airstatistics-header-field .field.is-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-airstatistics .airstatistics-header-field .field.is-line .field.is-grouped {
  gap: 12px;
}
.page-airstatistics .airstatistics-header-field .field.is-line:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #cccccc;
}
.page-airstatistics .airstatistics-header .buttons {
  position: relative;
}
.page-airstatistics .airstatistics-header .buttons .btn-excel {
  position: absolute;
  right: 0;
  top: 0;
}
.page-airstatistics .airstatistics-body .dxc-arg-axis path, .page-airstatistics .airstatistics-body .dxc-val-line path {
  stroke-width: 0 !important;
}
.page-airstatistics .airstatistics-body .dxc-val-constant-lines text {
  display: none !important;
}
.page-airstatistics .airstatistics-body-chart, .page-airstatistics .airstatistics-body-list {
  padding: 20px 20px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
  overflow: hidden;
}
.page-airstatistics .airstatistics-body-header {
  margin-bottom: 16px;
}
.page-airstatistics .airstatistics-body__title {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #153448;
}
.page-airstatistics .airstatistics-body__title span {
  padding-left: 3px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #444;
}
.page-airstatistics .airstatistics-body-chart .chart-header {
  -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: 12px;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend {
  gap: 8px;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li {
  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: 4px;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color01 {
  background: #EB648C;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color02 {
  background: #C0619C;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color03 {
  background: #8E619E;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color04 {
  background: #1FD0BE;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color05 {
  background: #00A695;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color06 {
  background: #007D6F;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color07 {
  background: #00574B;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color08 {
  background: #FF994B;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color09 {
  background: #EC7E31;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color10 {
  background: #CD6415;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color11 {
  background: #98490B;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .color.color12 {
  border-radius: 2px;
  background: #03A9F4;
}
.page-airstatistics .airstatistics-body-chart .chart-body-legend li .title {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #444444;
}
.page-airstatistics .airstatistics-body-chart .chart-body .dxc-tooltip .tooltip {
  padding: 4px 8px;
  border-radius: 4px;
  background: #153448;
}
.page-airstatistics .airstatistics-body-chart .chart-body .dxc-tooltip .tooltip-item {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}
.page-airstatistics .airstatistics-body-chart .chart-body .dxc-tooltip .tooltip-item span {
  font-weight: 600;
}
.page-airstatistics .airstatistics-body-list {
  margin-top: 20px;
}
.page-airstatistics .airstatistics-body-list .list-body .tbl-list {
  max-height: 632px;
  overflow-y: auto;
}
.page-airstatistics .airstatistics-body-list .list-body .tbl-list::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-airstatistics .airstatistics-body-list .list-body .tbl-list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-airstatistics .airstatistics-body-list .list-body .tbl-list .table thead.sticky-head {
  position: sticky;
  top: -1px;
  z-index: 1;
}
.page-airstatistics .airstatistics-body-list .list-body .tbl-list .table tbody tr.is-all td {
  background: #f2f2f2;
  font-weight: 500;
  color: #222;
}
.page-user .user-header {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.page-user .user-header .field.is-horizontal {
  gap: 10px;
  min-height: auto;
}
.page-user .user-header .field.is-horizontal .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  width: auto;
  min-height: auto;
}
.page-user .user-header .field.is-horizontal .field-label .label {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
}
.page-user .user-header .field.is-horizontal .field-label .label::before {
  display: none;
}
.page-user .user-header .field.is-horizontal .field-body {
  padding: 0;
}
.page-user .user-header .field.is-horizontal:not(:first-child) {
  border-top: 0;
}
.page-user .user-header .field:not(:last-child) {
  margin-bottom: 0;
}
.page-user .user-header .field-box:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.page-user .user-header .field-box:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #cccccc;
}
.page-user .user-header-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-user .user-header-time .time-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #f8f8f8;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
}
.page-user .user-header-time .time-box-text {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-user .user-header-time .time-box-text span {
  font-weight: 500;
  color: #222222;
  padding-right: 8px;
}
.page-user .user-header-time .time-box .tooltip .icon {
  position: relative;
  top: 2px;
}
.page-user .user-header-time .time-box .tooltip-txt {
  padding: 7px 12px;
  background: #153448;
}
.page-user .user-body .user-dashboard {
  margin-bottom: 15px;
}
.page-user .user-body .user-dashboard .dashboard {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-user .user-body .user-dashboard .dashboard-row {
  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;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16px) / 2);
          flex: 0 0 calc((100% - 16px) / 2);
  color: hsl(0, 0%, 100%);
}
.page-user .user-body .user-dashboard .dashboard-row:last-child {
  position: relative;
  padding-left: 16px;
}
.page-user .user-body .user-dashboard .dashboard-row:last-child::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background: #e5e5e5;
}
.page-user .user-body .user-dashboard .dashboard-row-title {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}
.page-user .user-body .user-dashboard .dashboard-row-title .icon {
  margin-right: 4px;
}
.page-user .user-body .user-dashboard .dashboard-row-title .time {
  padding: 4px 6px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  vertical-align: middle;
}
.page-user .user-body .user-dashboard .dashboard-row-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
}
.page-user .user-body .user-dashboard .dashboard-row-total .unit {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
.page-user .user-body .user-dashboard .dashboard-row-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 10px 16px;
  height: 48px;
  border-radius: 4px;
  overflow: hidden;
}
.page-user .user-body .user-dashboard .dashboard-row-box.status {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 628px;
          flex: 0 0 628px;
  background: #153448;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul {
  gap: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 648px);
          flex: 0 0 calc(100% - 648px);
  padding: 0;
  background: rgba(21, 52, 72, 0.1);
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 10px 16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #153448;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-title .category {
  padding: 4px 10px;
  background: rgba(21, 52, 72, 0.1);
  border-radius: 4px;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-title .category__title {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-title .category__title:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-title .category__title:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: hsl(0, 0%, 100%);
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box {
  padding: 10px 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 180px);
          flex: 0 0 calc(100% - 180px);
  gap: 16px;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box .dashboard-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16px) / 2);
          flex: 0 0 calc((100% - 16px) / 2);
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box .dashboard-row:last-child::before {
  background: #aaaaaa;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box .dashboard-row .dashboard-row-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: #444;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box .dashboard-row .dashboard-row-total .plan, .page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box .dashboard-row .dashboard-row-total .total {
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box .dashboard-row .dashboard-row-total .plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-right: 8px;
  color: #888;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box .dashboard-row .dashboard-row-total .plan::after {
  content: "/";
  display: block;
  color: #cccccc;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box .dashboard-row .dashboard-row-total .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  color: #153448;
}
.page-user .user-body .user-dashboard .dashboard-row-box.schedul .schedul-row-box .dashboard-row .dashboard-row-total .total .unit {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #888;
}
.page-user .user-body .user-chart-box {
  border-radius: 6px;
  border: 1px solid #D4DFF3;
}
.page-user .user-body .user-chart-box .chart-top {
  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: 10px 20px;
  border-bottom: 1px solid #D4DFF3;
}
.page-user .user-body .user-chart-box .chart-top-title {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  color: #153448;
}
.page-user .user-body .user-chart-box .chart-top-title .time {
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(0, 133, 255, 0.1);
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #0085ff;
  vertical-align: middle;
}
.page-user .user-body .user-chart-box .chart-top .check-down {
  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: 32px;
  height: 32px;
  border: 1px solid #cccccc;
  background: hsl(0, 0%, 100%);
  border-radius: 4px;
}
.page-user .user-body .user-chart-box .chart-top .check-down .tooltip {
  font-size: 16px;
  color: #444444;
}
.page-user .user-body .user-chart-box .chart-top .check-down .tooltip-txt {
  padding: 7px 12px;
  left: 50%;
  top: initial;
  bottom: calc(100% + 10px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #153448;
}
.page-user .user-body .user-chart-box .chart-top .check-down .tooltip-txt::before {
  content: "";
  display: block;
  top: initial;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 7px solid #153448;
}
.page-user .user-body .user-chart-box .chart-mid {
  padding: 20px 20px;
}
.page-user .user-body .user-chart-box .chart-mid .user-legend {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin-bottom: 10px;
}
.page-user .user-body .user-chart-box .chart-mid .user-legend-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.page-user .user-body .user-chart-box .chart-mid .user-legend-item .legend-item__dot {
  display: block;
  width: 12px;
  height: 12px;
}
.page-user .user-body .user-chart-box .chart-mid .user-legend-item .legend-item__dot.dot01 {
  border-radius: 2px;
  background: #03A9F4;
}
.page-user .user-body .user-chart-box .chart-mid .user-legend-item .legend-item__dot.dot02 {
  border-radius: 100%;
  background: #9058FF;
}
.page-user .user-body .user-chart-box .chart-mid .value-title {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.page-user .user-body .user-chart-box .chart-mid .value-title span {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #888;
}
.page-user .user-body .user-chart-box .chart-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 6px;
  padding: 20px 20px;
  background: #F8F8F8;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-title {
  width: 50px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-title__text {
  padding: 4px 0;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
  background: #888888;
  border-radius: 4px;
  text-align: center;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-title-icon {
  -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;
  gap: 5px;
  height: 56px;
  background: #888888;
  border-radius: 4px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-title-icon i::before {
  width: 18px;
  height: 18px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item {
  width: 84px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-box {
  max-height: 180px;
  overflow-y: auto;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-box::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-box::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-box::-webkit-scrollbar-thumb {
  border-color: #F8F8F8;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-sec {
  margin-top: 12px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item__title {
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-state {
  padding: 4px 0;
  margin-bottom: 2px;
  height: 28px;
  border-radius: 4px;
  background: #000000;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-state span {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-state span.tag-delay, .page-user .user-body .user-chart-box .chart-bottom .gate-item-state span.tag-gatechange {
  color: #FFEB00;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-state span.tag-cancelled, .page-user .user-body .user-chart-box .chart-bottom .gate-item-state span.tag-hold {
  color: #ff3737;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-state span.tag-processing, .page-user .user-body .user-chart-box .chart-bottom .gate-item-state span.tag-boarding {
  color: #00FF0C;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info {
  padding: 5px 4px;
  height: 122px;
  background: hsl(0, 0%, 100%);
  border: 1px solid #eeeeee;
  border-radius: 4px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info .time {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info .time.cancel {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: #888;
  text-decoration: line-through;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info .time-box {
  height: 37px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info .air-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  margin: 6px 0 5px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info .air-box .logo img {
  display: block;
  width: 100%;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info .air-box .name {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info .air-total-text {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #0085ff;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info .air-total-text .unit {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: #444;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item-info .air-total-text.time {
  margin-top: 2px;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item .none-gate .gate-item-state {
  display: none;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item .none-gate .gate-item-info {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  height: 152px;
  background: #dddddd;
}
.page-user .user-body .user-chart-box .chart-bottom .gate-item .none-gate .gate-item-info .none-gate__txt {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #888;
}
.page-user .user-body .user-chart-box .dxc-val-constant-lines text {
  display: none !important;
}
.page-user .user-body .user-chart-box .dxc-arg-line path, .page-user .user-body .user-chart-box .dxc-val-line path {
  stroke-width: 0 !important;
}
.page-user .user-body .user-chart-box .dxc-tooltip .tooltip {
  padding: 4px 8px;
  border-radius: 4px;
  background: #153448;
}
.page-user .user-body .user-chart-box .dxc-tooltip .tooltip-item {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}
.page-user .user-body .user-chart-box .dxc-tooltip .tooltip-item span {
  font-weight: 600;
}
.page-user .user-body .user-chart-box .dxc-tooltip .tooltip-item.time {
  margin-bottom: 4px;
}
.page-team .content-box-body {
  margin-top: 25px;
}
.page-team .team-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  margin-bottom: 15px;
}
.page-team .team-header-tab .buttons {
  gap: 10px;
}
.page-team .team-header-tab .buttons .button {
  width: 160px;
  height: 42px;
  border-color: #cccccc;
  background: #F2F4F7;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
}
.page-team .team-header-tab .buttons .button.is-selected {
  background: #153448;
  color: hsl(0, 0%, 100%);
}
.page-team .team-header-filter .field.is-horizontal {
  gap: 10px;
  min-height: auto;
  border-top: 0;
}
.page-team .team-header-filter .field.is-horizontal .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  width: auto;
  min-height: auto;
}
.page-team .team-header-filter .field.is-horizontal .field-label .label {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #153448;
}
.page-team .team-header-filter .field.is-horizontal .field-label .label::before {
  display: none;
}
.page-team .team-header-filter .field.is-horizontal .field-body {
  padding: 0;
}
.page-team .team-header-filter .field.is-horizontal:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #cccccc;
}
.page-team .team-body .buttons-excel {
  display: block;
}
.page-team .team-body .buttons-excel .button {
  padding: 5px 12px 5px 8px;
  width: 140px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}
.page-team .team-body .buttons-excel .button.btn-excel i {
  margin-top: 2px;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.page-team .team-body .buttons-excel .button.btn-excel i::before {
  width: 24px;
}
.page-team .team-body .buttons-excel .button.btn-excel:hover i:before, .page-team .team-body .buttons-excel .button.btn-excel:focus i:before {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(107%) contrast(101%);
}
.page-team .team-body-dashboard .dashboard-total {
  margin-bottom: 15px;
  padding: 11px 48px 11px 18px;
  background: #153448;
  border-radius: 4px;
  gap: 58px;
}
.page-team .team-body-dashboard .dashboard-total-title {
  padding: 10px 0;
  width: 240px;
  height: 42px;
  border-radius: 4px;
  background: #3C5B6F;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: hsl(0, 0%, 100%);
}
.page-team .team-body-dashboard .dashboard-total-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
}
.page-team .team-body-dashboard .dashboard-total-item .item-row {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 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;
}
.page-team .team-body-dashboard .dashboard-total-item .item-row__title, .page-team .team-body-dashboard .dashboard-total-item .item-row-num {
  color: hsl(0, 0%, 100%);
}
.page-team .team-body-dashboard .dashboard-total-item .item-row__title {
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
}
.page-team .team-body-dashboard .dashboard-total-item .item-row-num {
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
}
.page-team .team-body-dashboard .dashboard-total-item .item-row-num .unit {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  vertical-align: bottom;
}
.page-team .team-body-dashboard .dashboard-total-item .item-row:not(:first-child) {
  padding-left: 60px;
  position: relative;
}
.page-team .team-body-dashboard .dashboard-total-item .item-row:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background: hsl(0, 0%, 100%);
}
.page-team .team-body-dashboard .dashboard-chart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row {
  padding: 20px 10px 0;
  height: 280px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row-header {
  padding: 0 0 8px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #222;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row-header .sticker {
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(21, 52, 72, 0.05);
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #444444;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row-header .unit {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row-body {
  padding: 6px 0 8px;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row-body .custom-label {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3px 2px 3px 12px;
  width: 182px;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 100px;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row-body .custom-label .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row-body .custom-label .title .color {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row-body .custom-label .number {
  padding: 3px 0;
  width: 40px;
  background: hsl(0, 0%, 100%);
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
  border-radius: 100px;
  text-align: center;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row-body .custom-label:not(:first-child) {
  margin-top: 4px;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row.account {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 460px;
          flex: 0 0 460px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row.account .chart-row__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row.account .chart-row-body {
  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;
  gap: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row.account .chart-row-body .chart-account {
  padding: 0 10px;
  width: 196px;
  height: 218px;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row.month {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 475px);
          flex: 0 0 calc(100% - 475px);
}
.page-team .team-body-dashboard .dashboard-chart .chart-row.month .chart-row-body {
  padding: 6px 0 0;
}
.page-team .team-body-dashboard .dashboard-chart .chart-row .dxc-val-line path, .page-team .team-body-dashboard .dashboard-chart .chart-row .dxc-arg-line path {
  stroke-width: 0 !important;
}
.page-team .team-body-list {
  margin-top: 15px;
  padding: 20px 0 0;
  height: 356px;
  border: 1px solid #D4DFF3;
  border-radius: 6px;
}
.page-team .team-body-list .list-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 0 20px;
  margin-bottom: 16px;
}
.page-team .team-body-list .list-header .point {
  color: #0085ff;
}
.page-team .team-body-list .list-header .list-total {
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
}
.page-team .team-body-list .list-header .list-total .point {
  font-weight: 600;
}
.page-team .team-body-list .list-header .list-info {
  padding: 7px 0;
  width: 69.167%;
  height: 36px;
  background: #f8f8f8;
  border-radius: 4px;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
}
.page-team .team-body-list .list-header .list-info .point {
  font-weight: 600;
}
.page-team .team-body-list .list-header .list-down {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-team .team-body-list .list-header .list-down .unit {
  width: 128px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #444;
}
.page-team .team-body-list .list-body {
  padding: 0 9px 0 20px;
}
.page-team .team-body-list .list-body-table {
  height: 280px;
  scrollbar-gutter: stable;
  overflow-y: auto;
}
.page-team .team-body-list .list-body-table::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
}
.page-team .team-body-list .list-body-table::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-team .team-body-list .list-body-table .list-tabel {
  border-color: #a7a7a7;
}
.page-team .team-body-list .list-body-table .list-tabel th, .page-team .team-body-list .list-body-table .list-tabel td {
  padding: 11px 5px;
}
.page-team .team-body-list .list-body-table .list-tabel td {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-team .team-body-list .list-body-table .list-tabel td .dx-datagrid-text-content {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.page-team .team-body-list .list-body-table .list-tabel .tooltip-txt {
  background: #f8f8f8;
  color: #222;
  z-index: 5;
  font-size: 15px;
  font-weight: 500;
}
.page-team .team.contract .team-body-dashboard .dashboard-total {
  gap: 16px;
  padding: 11px 16px;
}
.page-team .team.contract .team-body-dashboard .dashboard-total-item {
  gap: 0;
}
.page-team .team.contract .team-body-dashboard .dashboard-total-item .item-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}
.page-team .team.contract .team-body-dashboard .dashboard-total-item .item-row:not(:first-child) {
  padding-left: 0;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.contract {
  width: 20.278%;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.contract .chart-row-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.contract .chart-row-body .chart-contract {
  padding: 0 10px;
  width: 197px;
  height: 218px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.contract .chart-row-body .chart-contract-list .custom-label {
  padding: 2px 4px;
  width: auto;
  background: #fff;
  border-radius: 0;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.contract .chart-row-body .chart-contract-list .custom-label .title {
  gap: 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.contract .chart-row-body .chart-contract-list .custom-label:not(:first-child) {
  margin-top: 0;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent {
  width: 37.153%;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-legend {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
  margin-bottom: 8px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-legend .legend-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-legend .legend-row .title {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: #444;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-legend .legend-row .color {
  display: block;
  border-radius: 2px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-legend .legend-row .color.color01 {
  width: 10px;
  height: 10px;
  background: #A5DAFF;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-legend .legend-row .color.color02 {
  width: 14px;
  height: 2px;
  background: #FF7931;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-list {
  position: relative;
  margin-top: -4px;
  height: 38px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-list .custom-label {
  padding: 0;
  width: 40px;
  background: transparent;
  border-radius: 0;
  text-align: center;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-list .custom-label .number {
  padding: 2px 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #222;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 2px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-list .custom-label .contract {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #222;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .chart-row-body .chart-percent-list .custom-label:not(:first-child) {
  margin-top: 0;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.percent .dxc-val-constant-lines text {
  display: none !important;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process {
  width: 40.417%;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-header {
  border-bottom: 0;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-header {
  margin-bottom: 8px;
  padding: 4px 6px;
  width: 100%;
  text-align: center;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  padding: 0 30px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps li {
  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: 8px;
  width: 20%;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps li .arrow {
  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: 14px;
  height: 14px;
  background: rgba(21, 52, 72, 0.1);
  border-radius: 100%;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps li .arrow i {
  position: relative;
  top: 1px;
  font-size: 8px;
  color: #888;
  font-weight: 600;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps li .title {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #222;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps li .total {
  padding: 1px 6px;
  width: 100%;
  height: 22px;
  border-radius: 100px;
  border: 1px solid #eee;
  background: #f8f8f8;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps li .total .unit {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #444;
  vertical-align: bottom;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps li:not(:first-child) {
  position: relative;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps li:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: -45%;
  top: 8px;
  width: 48px;
  height: 1px;
  background: #e5e5e5;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row-body .steps li.last i {
  top: 0;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row:not(:first-child) {
  margin-top: 12px;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row.order .process-row-body li.is-active .arrow {
  background: rgba(0, 133, 255, 0.1);
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row.order .process-row-body li.is-active .arrow i {
  color: #0085FF;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row.order .process-row-body li.is-active .total {
  border-color: rgba(0, 133, 255, 0.1);
  background: rgba(0, 133, 255, 0.1);
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row.order .process-row-body li.last.is-active i::before {
  -webkit-filter: brightness(0) saturate(100%) invert(43%) sepia(89%) saturate(6434%) hue-rotate(193deg) brightness(101%) contrast(104%);
          filter: brightness(0) saturate(100%) invert(43%) sepia(89%) saturate(6434%) hue-rotate(193deg) brightness(101%) contrast(104%);
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row.contract .process-row-body li.is-active .arrow {
  background: rgba(255, 121, 49, 0.1);
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row.contract .process-row-body li.is-active .arrow i {
  color: #FF7931;
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row.contract .process-row-body li.is-active .total {
  border-color: rgba(255, 121, 49, 0.1);
  background: rgba(255, 121, 49, 0.1);
}
.page-team .team.contract .team-body-dashboard .dashboard-chart .chart-row.process .chart-row-body .process-row.contract .process-row-body li.last.is-active i::before {
  -webkit-filter: brightness(0) saturate(100%) invert(57%) sepia(73%) saturate(2783%) hue-rotate(339deg) brightness(101%) contrast(103%);
          filter: brightness(0) saturate(100%) invert(57%) sepia(73%) saturate(2783%) hue-rotate(339deg) brightness(101%) contrast(103%);
}
.page-team .team.contract .team-body-list .list-body-table .table .ellipsis {
  width: 210px;
}
.page-team .team.contract .team-body-list .list-body-table .table .ellipsis.is-company {
  width: 130px;
}
.page-performance .performance {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  grid-auto-flow: row dense;
}
.page-performance .performance-item {
  position: relative;
  width: 100%;
  min-width: 0;
}
.page-performance .performance-item:nth-child(1) {
  grid-column: span 3;
}
.page-performance .performance-item:nth-child(5) {
  grid-column: span 2;
  grid-row: span 2;
}
.page-performance .performance-item-info .news-rows .field {
  gap: 0;
}
.page-performance .performance-item-info .news-rows .control {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 128px;
          flex: 0 0 128px;
}
.page-performance .performance-item-info .news-rows .control:not(:first-child) {
  margin-left: -1px;
}
.page-performance .performance-item-info .news-rows .control input[type=checkbox] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.page-performance .performance-item-info .news-rows .control input[type=checkbox] + label {
  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;
  gap: 4px;
  padding: 6px 0;
  width: 100%;
  border: 1px solid #cccccc;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
  cursor: pointer;
}
.page-performance .performance-item-info .news-rows .control input[type=checkbox] + label::before {
  position: relative;
  top: 1px;
}
.page-performance .performance-item-info .news-rows .control input[type=checkbox]:checked + label {
  border-color: rgba(0, 133, 255, 0.12);
  background: rgba(0, 133, 255, 0.12);
  color: #153448;
  font-weight: 500;
}
.page-performance .performance-item-info .news-rows .control.airports input[type=checkbox] + label {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.page-performance .performance-item-info .news-rows .control.airports input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 97.5722543353% 27.0588235294%;
  width: 22px;
  height: 22px;
}
.page-performance .performance-item-info .news-rows .control.airports input[type=checkbox]:checked + label::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 98.8439306358% 27.0588235294%;
  width: 22px;
  height: 22px;
}
.page-performance .performance-item-info .news-rows .control.news input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 59.7687861272% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.page-performance .performance-item-info .news-rows .control.news input[type=checkbox]:checked + label::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 61.0404624277% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.page-performance .performance-item-info .news-rows .control.schedule input[type=checkbox] + label {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.page-performance .performance-item-info .news-rows .control.schedule input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 71.2138728324% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.page-performance .performance-item-info .news-rows .control.schedule input[type=checkbox]:checked + label::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 72.4855491329% 96.6386554622%;
  width: 22px;
  height: 22px;
}
.page-performance .performance-item-info .news-rows .control:has(input[type=checkbox]:checked) {
  z-index: 1;
}
.page-performance .performance-item-info .news-rows-check {
  margin-bottom: 10px;
}
.page-performance .performance-item-info .news-rows-slide {
  height: 28px;
  overflow: hidden;
}
.page-performance .performance-item-info .news-rows-slide .swiper-container {
  width: 100%;
  height: 100%;
}
.page-performance .performance-item-info .news-item {
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-performance .performance-item-info .news-item-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.page-performance .performance-item-info .news-item__sticker {
  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: 28px;
  height: 28px;
  border-radius: 4px;
}
.page-performance .performance-item-info .news-item__sticker.airports {
  background: rgba(255, 160, 0, 0.15);
}
.page-performance .performance-item-info .news-item__sticker.news {
  background: rgba(76, 139, 245, 0.15);
}
.page-performance .performance-item-info .news-item__sticker.schedule {
  background: rgba(41, 193, 149, 0.15);
}
.page-performance .performance-item-info .news-item__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.page-performance .performance-item-info .news-item-txt {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-performance .performance-item-info .news-item-txt:not(:first-child) {
  position: relative;
  padding-left: 16px;
}
.page-performance .performance-item-info .news-item-txt:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #ccc;
}
.page-performance .performance-item-info .news-item-txt .point {
  color: #FFA000;
}
.page-performance .performance-item-info .news-item-txt .category {
  color: #888888;
}
.page-performance .performance-item-info .news-item-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.page-performance .performance-item-info .news-item-body::before {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #ccc;
}
.page-performance .performance-item-info.news {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 11px 11px 10px 11px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.page-performance .performance-item-info.date {
  width: 24.028%;
}
.page-performance .performance-item-info.date .date-top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.page-performance .performance-item-info.date .date-top-time {
  padding: 7px 12px;
  width: 43.35%;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.page-performance .performance-item-info.date .date-top-time .time-txt {
  display: block;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}
.page-performance .performance-item-info.date .date-top-select {
  width: 41.04%;
}
.page-performance .performance-item-info.date .date-top-all {
  width: 10.4%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #cccccc;
}
.page-performance .performance-item-info.date .date-top-all .btn-maximise {
  width: 100%;
  height: 100%;
}
.page-performance .performance-item-info.date .date-bottom .swiper-container {
  overflow: hidden;
}
.page-performance .performance-item-info.date .date-bottom-weather {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 8px;
  background: #F8F8F8;
  border: 1px solid rgba(21, 52, 72, 0.1);
  border-radius: 4px;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather__title {
  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: 2px 6px;
  width: 62px;
  height: 32px;
  background: rgba(21, 52, 72, 0.05);
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #153448;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-txt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-txt .icon-box {
  display: block;
  width: 24px;
  height: 24px;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-txt .icon-box .icon {
  -webkit-transform: scale(0.45);
          transform: scale(0.45);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-num {
  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: 6px;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-num .num {
  font-size: 19px;
  font-weight: 700;
  line-height: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-num .num .unit {
  font-weight: 400;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-num .num .min, .page-performance .performance-item-info.date .date-bottom-weather .weather-content-num .num .max {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-num .num .min .unit, .page-performance .performance-item-info.date .date-bottom-weather .weather-content-num .num .max .unit {
  font-weight: 400;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-num .num .min {
  color: #0085ff;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-num .num .max {
  padding-left: 6px;
  position: relative;
  color: #ff3737;
}
.page-performance .performance-item-info.date .date-bottom-weather .weather-content-num .num .max::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #ccc;
}
.page-performance .performance .section {
  margin-bottom: 0;
}
.page-performance .performance .section-row {
  display: grid;
  gap: 24px;
}
.page-performance .performance .section-row.section-row-01 {
  grid-template-columns: repeat(3, 1fr);
}
.page-performance .performance .section-row.section-row-01 .item-body {
  height: 160px;
}
.page-performance .performance .section-row.section-row-02 {
  grid-template-columns: 66.112% 32.223%;
}
.page-performance .performance .section-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  position: relative;
}
.page-performance .performance .section-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.page-performance .performance .section-header__title::before {
  content: "";
  display: block;
  width: 3px;
  height: 24px;
  background: -webkit-gradient(linear, right top, left top, from(#56CCF2), to(#2F80ED));
  background: linear-gradient(270deg, #56CCF2 0%, #2F80ED 100%);
}
.page-performance .performance .section-header__sticker {
  padding: 2px 9px;
  height: 24px;
  border: 1px solid #e5e5e5;
  background: #F2F4F7;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.page-performance .performance .section-header-more {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #888;
}
.page-performance .performance .section-header-more i {
  font-size: 9px;
}
.page-performance .performance .section-body .item-wrap {
  gap: 12px;
}
.page-performance .performance .section-body .item-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.page-performance .performance .section-body .item-header-group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-performance .performance .section-body .item-header__title {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #153448;
}
.page-performance .performance .section-body .item-header__sticker {
  padding: 2px 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #444444;
  border-radius: 2px;
  background: #EEEEEE;
}
.page-performance .performance .section-body .item-body {
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.page-performance .performance .section-body .item-body-budget .budget-item.total {
  margin: 0 0 11px;
  padding: 8px 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(206, 205, 254, 0.1)), to(rgba(135, 133, 255, 0.1)));
  background: linear-gradient(180deg, rgba(206, 205, 254, 0.1) 0%, rgba(135, 133, 255, 0.1) 100%);
  border-radius: 4px;
  border: 1px solid rgba(206, 205, 254, 0.15);
  text-align: center;
}
.page-performance .performance .section-body .item-body-budget .budget-item.total b {
  font-size: 21px;
  font-weight: 700;
  line-height: 23px;
  color: #222;
}
.page-performance .performance .section-body .item-body-budget .budget-item.total .unit {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.page-performance .performance .section-body .item-body-budget .budget-item.percent .budget-item-top {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0;
  margin-bottom: 8px;
}
.page-performance .performance .section-body .item-body-budget .budget-item.percent .budget-item-top .txt {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}
.page-performance .performance .section-body .item-body-budget .budget-item.percent .budget-item-top .num {
  font-size: 19px;
  font-weight: 700;
  line-height: 21px;
  color: #8785FF;
}
.page-performance .performance .section-body .item-body-budget .budget-item.percent .budget-item-top .num .unit {
  font-size: 13px;
}
.page-performance .performance .section-body .item-body-budget .budget-item.percent .budget-item-bar {
  position: relative;
  width: 100%;
  height: 20px;
  background: rgba(135, 133, 255, 0.1);
  border-radius: 50px;
  overflow: hidden;
}
.page-performance .performance .section-body .item-body-budget .budget-item.percent .budget-item-bar__fill {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#C1C0FF), to(#8785FF));
  background: linear-gradient(90deg, #C1C0FF 0%, #8785FF 100%);
  border-radius: 50px;
}
.page-performance .performance .section-body .item-body-budget .budget-item.percent.is-zero .budget-item-top .num {
  color: #888888;
}
.page-performance .performance .section-body .item-body-budget .budget-item.percent.is-zero .budget-item-bar {
  background: #eeeeee;
}
.page-performance .performance .section-body .item-body-main .caption {
  display: block;
  padding: 2px 0;
  margin: 0 0 8px;
  width: 100%;
  background: #eee;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #444;
  text-align: center;
}
.page-performance .performance .section-body .item-body-main .list-num li {
  line-height: 24px;
}
.page-performance .performance .section-body .item-body-main .list-num li::before {
  content: counter(number);
  padding: 2px 0;
  width: 24px;
  height: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(206, 205, 254, 0.1)), to(rgba(135, 133, 255, 0.1)));
  background: linear-gradient(180deg, rgba(206, 205, 254, 0.1) 0%, rgba(135, 133, 255, 0.1) 100%);
  border: 1px solid rgba(206, 205, 254, 0.15);
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
}
.page-performance .performance .section-body .item-body-main .list-num li:not(:first-child) {
  margin-top: 7px;
}
.page-performance .performance .section-body .item-body-main .list-num li span {
  padding-left: 6px;
  max-width: 100%;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
}
.page-performance .performance .section-body .item-body .item-tabs {
  padding: 10px 12px 0;
  margin-bottom: 0;
}
.page-performance .performance .section-body .item-body .item-tabs ul {
  padding: 2px 2px;
  background: #F2F4F7;
}
.page-performance .performance .section-body .item-body .item-tabs ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.page-performance .performance .section-body .item-body .item-tabs ul li .tab {
  padding: 8px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #888;
  border-bottom: 0;
}
.page-performance .performance .section-body .item-body .item-tabs ul li.is-active .tab {
  background: #153448;
  color: hsl(0, 0%, 100%);
  border-radius: 4px;
  overflow: hidden;
}
.page-performance .performance .section-body .item-body .item-tabs ul li.is-active::before, .page-performance .performance .section-body .item-body .item-tabs ul li.is-active::after {
  display: none;
}
.page-performance .performance .section-body .item-body .item-tabs-mid {
  padding: 0 12px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin: 8px 0;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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: 10px;
  padding: 12px 10px;
  border-radius: 2px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item .brand-item-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item .brand-item-text .title {
  margin-bottom: 6px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item .brand-item-text .percent {
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item .brand-item-text .percent .unit {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item.positive {
  background: rgba(50, 213, 52, 0.08);
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item.positive .brand-item-text .title {
  color: #21C624;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item.positive .brand-item-text .percent {
  background: rgba(50, 213, 52, 0.08);
  color: #21C624;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item.neutral {
  background: rgba(255, 199, 20, 0.08);
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item.neutral .brand-item-text .title {
  color: #F7BE00;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item.neutral .brand-item-text .percent {
  background: rgba(255, 199, 20, 0.08);
  color: #F7BE00;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item.negative {
  background: rgba(255, 55, 55, 0.08);
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item.negative .brand-item-text .title {
  color: #FF0505;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-mid .brand-item.negative .brand-item-text .percent {
  background: rgba(255, 55, 55, 0.08);
  color: #FF0505;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  padding: 9px 12px;
  background: rgba(21, 52, 72, 0.05);
  border-top: 1px solid #eee;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom__title {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #153448;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom-number {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom-number .subtit {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #444;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom-number .percent {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom-number .total {
  margin-left: 6px;
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom-number .total .unit {
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom.is-plus .brand-bottom-number .percent, .page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom.is-minus .brand-bottom-number .percent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom.is-plus .brand-bottom-number .percent {
  color: #ff3737;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom.is-plus .brand-bottom-number .percent::before {
  content: "+";
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom.is-minus .brand-bottom-number .percent {
  color: #0085ff;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .brand-bottom.is-minus .brand-bottom-number .percent::before {
  content: "-";
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-box {
  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;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tag {
  padding: 6px 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 201px;
  background: rgba(0, 133, 255, 0.1);
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #0085ff;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  text-align: center;
  border-radius: 4px;
  border: 1px solid rgba(0, 133, 255, 0.1);
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tootip {
  padding: 7px 7px;
  left: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  top: initial;
  bottom: calc(100% + 5px);
  min-width: 168px;
  max-width: 168px;
  width: 100%;
  border-radius: 4px;
  border-color: #ccc;
  overflow: hidden;
  z-index: 1;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tootip .tootip__title {
  margin-bottom: 8px;
  word-break: keep-all;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tootip .tootip-cont {
  gap: 4px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tootip .tootip-cont .tootip-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 4px) / 2);
          flex: 0 0 calc((100% - 4px) / 2);
  padding: 4px 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #444;
  border-radius: 4px;
  text-align: center;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tootip .tootip-cont .tootip-row .total {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tootip .tootip-cont .tootip-row.tootip-cont-num {
  background: rgba(21, 52, 72, 0.05);
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tootip .tootip-cont .tootip-row.tootip-cont-num .total {
  color: #153448;
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tootip .tootip-cont .tootip-row.tootip-cont-imp {
  background: rgba(255, 55, 55, 0.05);
}
.page-performance .performance .section-body .item-body .item-tabs-wrap .keyword-item-tootip .tootip-cont .tootip-row.tootip-cont-imp .total {
  color: #ff3737;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li .list-rank-bar {
  width: 55.556%;
  height: 103px;
  margin: 0 auto;
  background: #eee;
  border-radius: 4px;
  position: relative;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li .list-rank-bar::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  border-radius: 4px;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li .list-rank-bar .list-rank-icon {
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li .list-rank-bar .tooltip-txt {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20px;
  padding: 4px 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: #222;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li .list-rank-label {
  margin-top: 6px;
  text-align: center;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li .list-rank-label .percent {
  margin-bottom: 4px;
  padding: 2px 6px;
  width: 100%;
  border-radius: 2px;
  background: #eeeeee;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  color: #222;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li .list-rank-label .txt {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li.is-rank01 .list-rank-bar::before {
  height: 100%;
  background: #720A2B;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li.is-rank02 .list-rank-bar::before {
  height: 85%;
  background: #8A112C;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li.is-rank03 .list-rank-bar::before {
  height: 75%;
  background: #AC1B2F;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li.is-rank04 .list-rank-bar::before {
  height: 65%;
  background: #CD2731;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li.is-rank05 .list-rank-bar::before {
  height: 55%;
  background: #EF3B36;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li.is-rank06 .list-rank-bar::before {
  height: 45%;
  background: #F57666;
}
.page-performance .performance .section-body .item-body .article-rank .list-rank li.is-rank07 .list-rank-bar::before {
  height: 35%;
  background: #FA9C85;
}
.page-performance .performance .section-body .item-divide .title {
  margin-bottom: 0;
}
.page-performance .performance .section-body .item-divide .list-flight-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 6px;
}
.page-performance .performance .section-body .item-divide .list-flight-title .plan, .page-performance .performance .section-body .item-divide .list-flight-title .real {
  max-width: 101px;
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
}
.page-performance .performance .section-body .item-divide .list-flight li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-performance .performance .section-body .item-divide .list-flight li:not(:first-child) {
  margin-top: 9px;
}
.page-performance .performance .section-body .item-divide .list-flight li .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  color: #153448;
}
.page-performance .performance .section-body .item-divide .list-flight li .title .unit {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}
.page-performance .performance .section-body .item-divide .list-flight li .number {
  -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;
  gap: 10px;
  padding: 4px 9px;
  width: 202px;
  border: 1px solid rgba(21, 52, 72, 0.05);
  background: rgba(21, 52, 72, 0.05);
  border-radius: 4px;
}
.page-performance .performance .section-body .item-divide .list-flight li .number-tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  color: #444;
  text-align: right;
}
.page-performance .performance .section-body .item-divide .list-flight li .number-tit.plan .total {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
}
.page-performance .performance .section-body .item-divide .list-flight li .number-tit.real .total {
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
}
.page-performance .performance .section-body .item-divide .list-flight li .number-tit:not(:first-child) {
  position: relative;
  padding-left: 10px;
}
.page-performance .performance .section-body .item-divide .list-flight li .number-tit:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #ccc;
}
.page-performance .performance .section-body .item-divide .list-chart li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}
.page-performance .performance .section-body .item-divide .list-chart li:not(:first-child) {
  margin-top: 16px;
}
.page-performance .performance .section-body .item-divide .list-chart-item.num {
  width: 57.42%;
}
.page-performance .performance .section-body .item-divide .list-chart-item.graph {
  width: 37.54;
}
.page-performance .performance .section-body .item-divide .list-chart-item .chart-cancel, .page-performance .performance .section-body .item-divide .list-chart-item .chart-delay {
  width: 54px;
  height: 54px;
}
.page-performance .performance .section-body .item-divide .list-chart-item .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  color: #153448;
}
.page-performance .performance .section-body .item-divide .list-chart-item .title .unit {
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
}
.page-performance .performance .section-body .item-divide .list-chart-item .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;
  margin-top: 6px;
  width: 100%;
  height: 40px;
  background: rgba(21, 52, 72, 0.05);
  border: 1px solid rgba(21, 52, 72, 0.05);
  border-radius: 4px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  color: #222;
}
.page-performance .performance .section-body .item-divide .divide-header-top, .page-performance .performance .section-body .item-divide .divide-header-bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-performance .performance .section-body .item-divide .divide-header-top {
  margin-bottom: 6px;
}
.page-performance .performance .section-body .item-divide .divide-header__title {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #153448;
}
.page-performance .performance .section-body .item-divide .divide-header__title .unit {
  padding: 2px 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #444444;
  border-radius: 2px;
  background: #EEEEEE;
}
.page-performance .performance .section-body .item-divide .divide-header__subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #888;
}
.page-performance .performance .section-body .item-divide .divide-header-total {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
}
.page-performance .performance .section-body .item-divide .divide-header-total .unit {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.page-performance .performance .section-body .item-divide .divide-header-total .percent {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.page-performance .performance .section-body .item-divide .divide-header-total .percent .unit {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.page-performance .performance .section-body .item-divide .divide-body .divide-chart {
  margin-top: 8px;
}
.page-performance .performance .section-body .item-divide .divide-body .divide-chart .chart-sales {
  height: 50px;
}
.page-performance .performance .section-body .item-divide .divide-body .divide-chart .dxc-arg-line path {
  stroke-width: 0 !important;
}
.page-performance .performance .section-body .item-divide .divide-body .divide-chart .chart-label {
  position: relative;
  height: 18px;
}
.page-performance .performance .section-body .item-divide .divide-body .divide-chart .chart-label .axis-label {
  padding: 3px 3px;
  width: 14.285%;
  border-top: 1px solid #cccccc;
}
.page-performance .performance .section-body .item-divide .divide-body .divide-chart .chart-label .axis-label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 5px;
  background: #ccc;
}
.page-performance .performance .section-body .item-divide .divide-body .divide-chart .chart-label .axis-label:last-child::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 5px;
  background: #ccc;
}
.page-performance .performance .section-body .item-divide .divide-body .divide-chart .chart-label .axis-label span {
  display: block;
  font-size: 9px;
  font-weight: 400;
  line-height: 11px;
  color: #444;
  text-align: center;
}
.page-performance .performance .section-body.section-bg .item {
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.page-performance .performance .section-body.section-bg .item-body {
  display: block;
  padding: 0;
  height: auto;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}
.page-performance .performance .section.piechart .section-body .item-body {
  gap: 14px;
}
.page-performance .performance .section.piechart .section-body .item-body .item-divide.fir {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-performance .performance .section.piechart .section-body .item-body .item-divide.sec {
  width: 36.6%;
}
.page-performance .performance .section.piechart .section-body .item-body .item-divide:not(:first-child) {
  position: relative;
  padding-left: 14px;
}
.page-performance .performance .section.piechart .section-body .item-body .item-divide:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
.page-performance .performance .section.linechart .item-body {
  gap: 12px;
}
.page-performance .performance .section.linechart .item-body .item-divide {
  width: 50%;
}
.page-performance .performance .section.linechart .item-body .item-divide .divide-header {
  padding: 7px 11px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
}
.page-performance .performance .section.linechart .item-body .item-divide.is-plus .divide-header {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 153, 153, 0.1)), to(rgba(255, 55, 55, 0.1)));
  background: linear-gradient(180deg, rgba(255, 153, 153, 0.1) 0%, rgba(255, 55, 55, 0.1) 100%);
}
.page-performance .performance .section.linechart .item-body .item-divide.is-plus .divide-header-total .percent {
  padding-left: 10px;
  position: relative;
  color: #ff3737;
}
.page-performance .performance .section.linechart .item-body .item-divide.is-plus .divide-header-total .percent::before {
  content: "+";
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: normal;
}
.page-performance .performance .section.linechart .item-body .item-divide.is-minus .divide-header {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 206, 255, 0.1)), to(rgba(0, 133, 255, 0.1)));
  background: linear-gradient(180deg, rgba(153, 206, 255, 0.1) 0%, rgba(0, 133, 255, 0.1) 100%);
}
.page-performance .performance .section.linechart .item-body .item-divide.is-minus .divide-header-total .percent {
  padding-left: 10px;
  position: relative;
  color: #0085ff;
}
.page-performance .performance .section.budget .section-body .item {
  height: 160px;
}
.page-performance .performance .section.budget .section-body .item.fir {
  width: 39.656%;
}
.page-performance .performance .section.budget .section-body .item.sec {
  width: 57.759%;
}
.page-performance .performance .section.budget .section-body .item.sec .item-header {
  position: relative;
  margin-bottom: 4px;
}
.page-performance .performance .section.budget .section-body .item.sec .section-header-more {
  top: unset;
  bottom: 0;
}
.page-performance .performance .section.airplane .section-body .item-wrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item-flex {
  width: 23.84%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fir, .page-performance .performance .section.airplane .section-body .item-wrap .item.sec {
  width: 100%;
  height: 201px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.sec .item-header {
  position: relative;
  margin-bottom: 20px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.sec .section-header-more {
  top: 3px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.th {
  width: 19.01%;
  height: 414px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo {
  width: 54.621%;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route {
  margin-bottom: 11px;
  height: 98px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item {
  border-radius: 4px;
  overflow: hidden;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 9px 10px;
  background: -webkit-gradient(linear, right top, left top, from(#56CCF2), to(#2F80ED));
  background: linear-gradient(270deg, #56CCF2 0%, #2F80ED 100%);
  color: hsl(0, 0%, 100%);
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-header__title::before {
  display: block;
  content: "\2022";
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-header-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-header-total .unit {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-body {
  background: #F8F8F8;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-body .route-box {
  padding: 10px 5px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-body .route-box li {
  padding: 0 20px;
  width: auto;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #222;
  cursor: ew-resize;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-body .route-box li:not(:first-child) {
  position: relative;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route-item-body .route-box li:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #e5e5e5;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .table {
  border: 1px solid #E5E5E5;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .table tr, .page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .table th {
  height: 34px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .table thead th, .page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .table thead td, .page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .table tbody th, .page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .table tbody td {
  padding: 0;
  width: 25%;
  text-align: center;
  font-weight: 500;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .table .line-left {
  border-left: 1px solid #ccc;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control {
  width: 100%;
  height: 22px;
  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: 8px;
  margin-top: 6px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control button {
  z-index: 1;
  margin-top: 2px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .btn-pause {
  display: none;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .btn-pause.is-active {
  display: block;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .btn-play {
  display: none;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .btn-play.is-active {
  display: block;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-pagination {
  position: static;
  width: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-pagination-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-pagination-current {
  font-weight: 600;
  color: #222;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: #ccc;
  opacity: 1;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-pagination .swiper-pagination-bullet-active {
  border-radius: 4px;
  width: 30px;
  background: #153448;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-arw {
  position: static;
  width: auto;
  height: auto;
  margin-top: 0;
  cursor: pointer;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-arw::after {
  font-family: none;
  font-size: 0;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .route .swiper-control .swiper-arw.swiper-btn-prev .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .item-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .item-header .has-addons {
  border-radius: 2px;
  overflow: hidden;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .item-header .has-addons .button {
  padding: 5px 12px;
  height: auto;
  background: #F2F4F7;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #888;
  border: 0;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .item-header .has-addons .button.is-selected {
  color: hsl(0, 0%, 100%);
  background: #153448;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .switch-list.is-after {
  width: 120px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .switch-list.is-after .onoff-switch-label__after {
  font-size: 13px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .onoff-switch-container {
  width: 28px;
  height: 14px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .onoff-switch-container .onoff-switch-label {
  height: 14px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .onoff-switch-container .onoff-switch-inner:before, .page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .onoff-switch-container .onoff-switch-inner:after {
  height: 14px;
  border-radius: 12px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .onoff-switch-container .onoff-switch-switch {
  width: 10px;
  height: 10px;
  right: 15px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .onoff-switch-container input[type=checkbox]:focus ~ .onoff-switch {
  border-radius: 12px;
  outline: 1px solid;
  outline-offset: 2px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .onoff-switch-container input[type=checkbox]:focus ~ .onoff-switch .onoff-switch-inner:before, .page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .onoff-switch-container input[type=checkbox]:focus ~ .onoff-switch .onoff-switch-inner:after {
  border: 0;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header .onoff-switch-container input[type=checkbox]:checked ~ .onoff-switch .onoff-switch-label .onoff-switch-switch {
  right: 2px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .starting-arrival-icon {
  position: relative;
  top: -3px;
  width: 20px;
  height: 20px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .starting-arrival-icon i {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .starting-arrival-tit {
  font-size: 15px;
  font-weight: 18;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .domestic-international {
  gap: 4px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .domestic-international .buttons.forwardw {
  margin-left: 6px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .domestic-international .buttons.forwardw .button {
  width: 24px;
  height: 24px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .domestic-international .buttons.forwardw .button i {
  margin-top: 2.5px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .domestic-international .button {
  width: auto;
  height: auto;
  padding: 4px 6px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .domestic-international .control.control-80 {
  width: 80px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .domestic-international .control.control-80 .select {
  width: 100%;
  height: auto;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .domestic-international .control.control-80 .select select {
  padding-top: 3px;
  padding-bottom: 3px;
  width: 100%;
  height: auto;
  min-width: auto;
  font-size: 13px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .domestic-international .control.control-80 .select select:not(multiple) {
  padding-right: 0;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids {
  height: 244px;
  border-color: #eee;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-header {
  padding: 12px 12px 8px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-body {
  padding: 0 12px 8px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-table .table-time {
  width: 13.578%;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-table .table-destination {
  width: 43.44%;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-table .table-flight {
  width: 31.223%;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-table .table-note {
  width: 18.552%;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-table-header {
  border-radius: 2px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids-table-header ul li {
  height: 28px;
  font-size: 13px;
  line-height: 16px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .fids .swiper-control {
  padding-top: 8px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-time, .page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-destination, .page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-flight, .page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-note {
  padding: 0 8px;
  height: 42px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table span {
  display: block;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-time .cancel {
  font-size: 12px;
  line-height: 14px;
  color: #ccc;
  text-decoration: line-through;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-destination {
  text-align: left;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-flight {
  text-align: left;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-flight .table-flight-box {
  display: inline-block;
  vertical-align: middle;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-flight .table-flight-box:not(:first-child) {
  margin-left: 10px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-flight .flight span {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-note .place {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.page-performance .performance .section.airplane .section-body .item-wrap .item.fo .ul-table .table-note .place .unit {
  color: #ccc;
  display: inline-block;
}
.page-performance .performance .section.airplane .section-body .parking {
  margin-top: 0;
  padding: 0;
  height: auto;
  border: 0;
  border-radius: 0;
}
.page-performance .performance .section.airplane .section-body .parking-swiper {
  height: auto;
}
.page-performance .performance .section.airplane .section-body .parking-swiper .swiper-slide {
  padding-top: 0;
}
.page-performance .performance .section.airplane .section-body .parking-swiper .swiper-control {
  position: unset;
  margin-top: 10px;
  gap: 8px;
}
.page-performance .performance .section.airplane .section-body .parking-swiper .swiper-control .swiper-pagination-current {
  color: #222;
}
.page-performance .performance .section.airplane .section-body .parking-top-name {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  color: #222;
}
.page-performance .performance .section.airplane .section-body .parking-bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  margin-top: 10px;
}
.page-performance .performance .section.airplane .section-body .parking-bottom-congestion .congestion {
  -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;
  gap: 4px;
  padding: 16px 25px;
  height: auto;
  border-radius: 4px;
}
.page-performance .performance .section.airplane .section-body .parking-bottom-cell {
  display: block;
  padding: 10px 10px;
}
.page-performance .performance .section.airplane .section-body .parking-bottom-cell .cell {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
.page-performance .performance .section.airplane .section-body .parking-bottom-cell .cell .text {
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
  color: #444;
}
.page-performance .performance .section.airplane .section-body .parking-bottom-cell .cell .num {
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  color: #222;
}
.page-performance .performance .section.airplane .section-body .parking-bottom-cell .cell:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  position: relative;
}
.page-performance .performance .section.airplane .section-body .parking-bottom-cell .cell:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}
.page-performance .performance .section.airplane .section-body .smart-item {
  width: 33.334%;
}
.page-performance .performance .section.airplane .section-body .smart-item-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.page-performance .performance .section.airplane .section-body .smart-item-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 60px;
  height: 60px;
}
.page-performance .performance .section.airplane .section-body .smart-item-circle span {
  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;
  width: 52px;
  height: 52px;
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
  margin: 0 auto;
}
.page-performance .performance .section.airplane .section-body .smart-item-circle span .icon {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.page-performance .performance .section.airplane .section-body .smart-item-content {
  min-height: 67px;
}
.page-performance .performance .section.airplane .section-body .smart-item-content .percent {
  margin: 8px 0 6px;
  width: 100%;
  padding: 5px 0;
  background: rgba(21, 52, 72, 0.05);
  border: 1px solid rgba(21, 52, 72, 0.05);
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  color: #153448;
}
.page-performance .performance .section.airplane .section-body .smart-item-content .percent .unit {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #888;
}
.page-performance .performance .section.airplane .section-body .smart-item-content .title {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.page-performance .performance .section.airplane .section-body .smart-item.mob .smart-item-content .title {
  line-height: 32px;
}
.page-performance .performance .section.airplane .section-body .smart-item.is-on .smart-item-circle span {
  width: 100%;
  height: 100%;
  background: rgba(0, 133, 255, 0.1);
  border: 1px solid rgba(0, 133, 255, 0.15);
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.page-performance .performance .section.airplane .section-body .smart-item.is-on .smart-item-circle span .icon {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.page-performance .performance .section.airplane .section-body .smart-item.is-on.counter .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 81.1695906433% 65.5652173913%;
  width: 42px;
  height: 42px;
}
.page-performance .performance .section.airplane .section-body .smart-item.is-on.self .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 90.9941520468% 65.5652173913%;
  width: 42px;
  height: 42px;
}
.page-performance .performance .section.airplane .section-body .smart-item.is-on.mob .icon::before {
  content: "";
  display: inline-block;
  margin-top: -2.5px;
  background: url("../img/sprites/sprite_svg.svg") no-repeat;
  vertical-align: middle;
  background-position: 86.081871345% 65.5652173913%;
  width: 42px;
  height: 42px;
}
.page-performance .performance .section.airplane .section-body .complicated-item {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.page-performance .performance .section.airplane .section-body .complicated-item-wrap .arrow-box {
  margin: 5px 0 10px;
  text-align: center;
}
.page-performance .performance .section.airplane .section-body .complicated-item-01 {
  background: rgba(0, 133, 255, 0.07);
}
.page-performance .performance .section.airplane .section-body .complicated-item-02 {
  background: rgba(0, 133, 255, 0.12);
}
.page-performance .performance .section.airplane .section-body .complicated-item-03 {
  background: rgba(0, 133, 255, 0.2);
}
.page-performance .performance .section.airplane .section-body .complicated-item-header {
  padding: 9px 0;
  position: relative;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: #153448;
}
.page-performance .performance .section.airplane .section-body .complicated-item-header .section-header-more {
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #153448;
  font-size: 11px;
}
.page-performance .performance .section.airplane .section-body .complicated-item-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  padding: 8px 0 9px;
  background: #f8f8f8;
}
.page-performance .performance .section.airplane .section-body .complicated-item-body .txt {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #888;
  margin-bottom: 6px;
}
.page-performance .performance .section.airplane .section-body .complicated-item-body .time {
  font-size: 19px;
  font-weight: 700;
  line-height: 23px;
}
.page-performance .performance .section.airplane .section-body .complicated-item-body .time .unit {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #444;
}
.page-performance .performance .section.airplane .section-body .complicated-item-people, .page-performance .performance .section.airplane .section-body .complicated-item-time {
  width: 50%;
  text-align: center;
}
.page-performance .performance .section.airplane .section-body .complicated-item-time {
  border-left: 1px solid #e5e5e5;
}
.page-performance .performance .section.airplane .section-body .complicated-item.is-disabled .complicated-item-header {
  background: #eeeeee;
  color: #888888;
}
.page-performance .performance .section.airplane .section-body .complicated-item.is-disabled .complicated-item-header .section-header-more {
  color: #888888;
}
.page-performance .performance .section.airplane .section-body .complicated-item.is-disabled .complicated-item-body .time, .page-performance .performance .section.airplane .section-body .complicated-item.is-disabled .complicated-item-body .unit {
  color: #888;
}
.page-performance .performance .section.press .section-body .item-body {
  padding: 0;
}
.page-performance .performance .section.press .section-body .item-body .keyword {
  padding: 6px 0 14px;
}
.page-ai .content-box-body {
  margin-top: 25px;
}
.page-ai .ai-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
  gap: 0;
}
.page-ai .ai-header-row .field.is-grouped {
  gap: 20px;
}
.page-ai .ai-header-row .field.is-horizontal {
  gap: 10px;
  min-height: auto;
}
.page-ai .ai-header-row .field .field-label, .page-ai .ai-header-row .field .field-body {
  padding: 0;
  min-height: auto;
}
.page-ai .ai-header-row .field .field-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}
.page-ai .ai-header-row .field .field-label .label {
  color: #153448;
  font-size: 16px;
  font-weight: 500;
}
.page-ai .ai-header-row .field .field-label .label::before {
  display: none;
}
.page-ai .ai-header-row .buttons button {
  width: 100px;
  font-size: 17px;
}
.page-ai .ai-body .tbl-list .table {
  min-width: 1474px;
}
.page-ai .ai-body .tbl-list .table tr td {
  color: #222;
  text-align: right;
}
.page-ai .ai-body .tbl-list .table tr.is-total td {
  background: rgba(21, 52, 72, 0.1);
}
.page-ai .ai-body .tbl-list .table tr.is-total td.is-total-title {
  font-weight: 500;
}
.page-ai .ai-body .tbl-list .table tr .total {
  background: #F2F2F2;
}
.page-askmerge .list-search-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-askmerge .list-search-box .list-help {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #888;
}
.page-infographics {
  width: 100%;
  height: 100vh;
  font-family: "GmarketSan";
}
.page-infographics .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: center;
  position: relative;
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #000617;
  background-repeat: no-repeat;
  background-position: right bottom;
  color: hsl(0, 0%, 100%);
}
.page-infographics .section-box {
  width: 100%;
}
.page-infographics .section-box.absolute {
  position: absolute;
  left: 100px;
  top: 90px;
  padding-top: 0;
  width: auto;
}
.page-infographics .section-title {
  font-size: 5.4rem;
  font-weight: 500;
  line-height: 10rem;
}
.page-infographics .section-title .text-bold {
  font-size: 7.4rem;
  font-weight: 700;
}
.page-infographics .section-subtitle {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 3.6rem;
}
.page-infographics .section-text {
  font-size: 4rem;
  font-weight: 500;
  line-height: 5.6rem;
}
.page-infographics .section-text .text-bold {
  font-size: 6rem;
  font-weight: 700;
  line-height: 8.4rem;
}
.page-infographics .section-description {
  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;
  gap: 110px;
  padding: 40px 0;
  margin-top: 76px;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.page-infographics .section-divide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-infographics .section-divide-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-infographics .section-icon {
  position: absolute;
}
.page-infographics .section-required {
  margin-top: 20px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 6rem;
  text-align: right;
}
.page-infographics .section .point.point-line {
  position: relative;
  font-size: 5.4rem;
  line-height: 7.6rem;
}
.page-infographics .section .point.point-line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
}
.page-infographics .section .point.point-b {
  color: #0195FF;
}
.page-infographics .section .point.point-b.point-line::after {
  background: #0195FF;
}
.page-infographics .section .point.point-g {
  color: #00D3AA;
}
.page-infographics .section .point.point-g.point-line::after {
  background: #00D3AA;
}
.page-infographics .section .point.point-w {
  color: hsl(0, 0%, 100%);
}
.page-infographics .section .point.point-w.point-line::after {
  background: hsl(0, 0%, 100%);
}
.page-infographics .section .text-center {
  text-align: center;
}
.page-infographics .section .category {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 10px;
  vertical-align: middle;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 5rem;
}
.page-infographics .section .category.color-b {
  background: rgba(1, 149, 255, 0.2);
}
.page-infographics .section .category.color-g {
  background: rgba(0, 211, 170, 0.2);
}
.page-infographics .section .list-stat {
  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;
  gap: 18rem;
  margin-top: 50px;
}
.page-infographics .section .list-stat-total {
  margin-top: 32px;
  text-align: center;
}
.page-infographics .section .list-stat-total .title {
  margin-bottom: 0;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.2rem;
}
.page-infographics .section .list-stat-total .number {
  margin-top: 12px;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 6.2rem;
}
.page-infographics .section .list-dot {
  margin-top: 104px;
}
.page-infographics .section .list-dot li {
  padding-left: 26px;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 5.8rem;
}
.page-infographics .section .list-dot li:not(:first-child) {
  margin-top: 56px;
}
.page-infographics .section .list-dot li::before {
  position: relative;
  top: 24px;
  width: 12px;
  height: 12px;
  margin-left: -26px;
  font-size: 0;
  background: hsl(0, 0%, 100%);
  border-radius: 100%;
}
.page-infographics .section .list-time {
  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;
  gap: 39px;
  margin: 70px auto 0;
}
.page-infographics .section .list-time-title {
  padding: 26px 0;
  width: 100%;
  background: #19303B;
  border-radius: 10px;
  font-size: 4rem;
  font-weight: 500;
  line-height: 5.6rem;
}
.page-infographics .section .list-time-icon {
  margin: 58px 0 47px;
}
.page-infographics .section .list-time li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54.8rem;
          flex: 0 0 54.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  padding: 30px 30px;
  min-height: 528px;
  background: rgba(0, 211, 170, 0.1);
  border: 1px solid #00D3AA;
  border-radius: 20px;
}
.page-infographics .section .list-time .section-text {
  font-size: 6rem;
  font-weight: 700;
  line-height: 12rem;
}
.page-infographics .section .list-time-last .list-time-icon {
  margin: 50px 0 42px;
}
.page-infographics .section.section-fir {
  background-image: url("../img/infographics/section-fir-bg.jpg");
}
.page-infographics .section.section-fir .section-box {
  top: 127px;
}
.page-infographics .section.section-fir .section-title {
  font-size: 9.6rem;
  font-weight: 700;
  line-height: 12.5rem;
}
.page-infographics .section.section-fir .section-subtitle {
  margin-top: 50px;
  font-size: 4.8rem;
  line-height: 6.2rem;
}
.page-infographics .section.section-sec .section-box {
  padding: 90px 0 60px;
}
.page-infographics .section.section-sec .section-title {
  font-size: 7.4rem;
  font-weight: 700;
  line-height: 9.6rem;
}
.page-infographics .section.section-sec .section-subtitle {
  margin-top: 24px;
  color: #dddddd;
}
.page-infographics .section.section-sec .section-text {
  font-size: 3.8rem;
  font-weight: 500;
  line-height: 4.9rem;
}
.page-infographics .section.section-sec .section-text.text-bold {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 7rem;
}
.page-infographics .section.section-th {
  background-image: url("../img/infographics/section-th-bg.jpg");
}
.page-infographics .section.section-th .section-title {
  line-height: 9.7rem;
}
.page-infographics .section.section-th .section-required {
  margin-top: 142px;
  padding-left: 20px;
  text-align: left;
}
.page-infographics .section.section-fou {
  position: relative;
}
.page-infographics .section.section-fou .section-box {
  padding: 90px 0 128px;
  position: relative;
}
.page-infographics .section.section-fou .section-text + .section-text {
  margin-top: 20px;
}
.page-infographics .section.section-fou .section-divide {
  gap: 222px;
}
.page-infographics .section.section-fou .section-divide-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 110px;
  position: relative;
  margin-top: 97px;
  padding-left: 220px;
}
.page-infographics .section.section-fou .section-divide-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 22px;
}
.page-infographics .section.section-fou .section-divide-title .point {
  font-size: 6rem;
  line-height: 8.4rem;
}
.page-infographics .section.section-fou .section-divide-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.page-infographics .section.section-fou .section-divide:last-child {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  padding-top: 110px;
}
.page-infographics .section.section-fou .section-icon {
  top: 120px;
  left: 284px;
  width: 100%;
  height: 31.5rem;
  z-index: 1;
}
.page-infographics .section.section-fou .section-icon img {
  height: 100%;
}
.page-infographics .section.section-fou .section-icon::before {
  content: "";
  display: block;
  position: absolute;
  left: -290px;
  bottom: 50%;
  width: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transition: width 1.2s ease;
  transition: width 1.2s ease;
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
  z-index: -1;
}
.page-infographics .section.section-fou .section-required {
  position: absolute;
  right: 12rem;
  bottom: 6rem;
  margin-top: 0;
}
.page-infographics .section.section-fif .section-box {
  padding-top: 90px;
}
.page-infographics .section.section-fif .section-text {
  font-size: 4.8rem;
  line-height: 6.7rem;
}
.page-infographics .section.section-fif .section-description {
  padding: 72px 0;
  margin-top: 70px;
  background: rgba(0, 211, 170, 0.05);
}
.page-infographics .section.section-fif .section-description .section-text {
  font-size: 3.6rem;
}
.page-infographics .section.section-fif .section-description .section-text b {
  line-height: 7.6rem;
}
.page-infographics .section.section-fif .section-divide {
  -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: 50px;
}
.page-infographics .section.section-fif .section-divide-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 178px;
  margin-top: 40px;
}
.page-infographics .section.section-fif .section-divide-text {
  margin-top: 28px;
}
.page-infographics .section.section-fif .section-label {
  padding: 10px 40px;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 5rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #000;
  border-radius: 50px;
}
.page-infographics .section.section-fif .section-label-box {
  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: 20px;
}
.page-infographics .section.section-fif .section-label-box p {
  font-size: 6.8rem;
  font-weight: 700;
  line-height: 9.5rem;
}
.page-infographics .section.section-sixth .section-box {
  padding: 90px 0 100px;
}
.page-infographics .section.section-sixth .section-content {
  padding: 0 15px;
}
.page-infographics .section.section-sixth .section-required {
  position: relative;
  height: 65px;
}
.page-infographics .section.section-sixth .section-required p {
  position: absolute;
  right: 8.5rem;
  bottom: 0;
}
.page-infographics .section.section-sev .section-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 90px 0 100px;
  width: 100%;
  height: 100%;
}
.page-infographics .section.section-sev .section-divide {
  position: relative;
}
.page-infographics .section.section-sev .section-divide-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-infographics .section.section-sev .section-divide-text {
  position: absolute;
}
.page-infographics .section.section-sev .section-divide-text .section-text {
  font-size: 12rem;
  font-weight: 700;
  line-height: 16.8rem;
}
.page-infographics .section.section-sev .section-divide-text .section-text.title {
  margin: 10px 0 0;
  font-size: 6rem;
  line-height: 8.4rem;
}
.page-infographics .section.section-sev .section-divide.screening01 {
  left: 16px;
  top: -10px;
}
.page-infographics .section.section-sev .section-divide.screening01 .section-divide-text {
  left: 160px;
  top: 165px;
}
.page-infographics .section.section-sev .section-divide.screening02 {
  -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: 35px;
  left: -68px;
  top: 37px;
}
.page-infographics .section.section-sev .section-divide.screening02 .section-divide-text {
  position: relative;
  left: 71px;
}
.page-infographics .section.section-sev .section-divide.screening02 .section-divide-text .section-text {
  font-size: 3.8rem;
  font-weight: 500;
  line-height: 5rem;
}
.page-infographics .section.section-sev .section-divide.screening02 .section-divide-text .section-text .text-bold {
  font-size: 3.8rem;
  line-height: 5rem;
}
.page-infographics .section.section-sev .section-divide.screening03 {
  right: 18px;
  top: -10px;
}
.page-infographics .section.section-sev .section-divide.screening03 .section-divide-text {
  right: 85px;
  bottom: 95px;
}
.page-infographics .section.section-sev .section-divide.screening03 .section-divide-text .section-text {
  font-size: 8rem;
  line-height: 11.2rem;
}
.page-infographics .section.section-sev .section-divide.screening03 .section-divide-text .section-text.title {
  font-size: 3.8rem;
  line-height: 5.3rem;
}
.page-infographics .section.section-eig {
  background-image: url("../img/infographics/section-eig-bg.jpg");
}
.page-infographics .section.section-eig .section-box {
  top: 100px;
}
.page-infographics .section.section-eig .section-text {
  margin-top: 60px;
  padding-top: 67px;
  padding-left: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.page-infographics .section.section-eig .section-text .category {
  margin-bottom: 20px;
}
.page-infographics .section.section-eig .section-text.text-fir {
  margin-top: 120px;
  padding-top: 0;
  border-top: 0;
  font-size: 6.8rem;
  line-height: 9.5rem;
}
.page-infographics .section.section-eig .section-required {
  margin-top: 30px;
  padding-left: 20px;
  text-align: left;
}
.page-infographics .section.section-nin {
  background-image: url("../img/infographics/section-nin-bg.jpg");
  background-position: center center;
}
.page-infographics .section.section-nin .section-box {
  padding: 90px 0 160px;
}
.page-infographics .section.section-nin .section-divide {
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 39px 40px;
  margin: 0 0 0 auto;
  max-width: 864px;
  background: rgba(1, 149, 255, 0.1);
  border: 1px solid #0195FF;
  border-radius: 20px;
}
.page-infographics .section.section-nin .section-divide-box {
  max-width: 1720px;
  display: block;
  width: 100%;
  margin: 166px auto 0;
}
.page-infographics .section.section-nin .section-divide .title {
  margin: 0;
  padding: 12px 0;
  width: 220px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  font-size: 4rem;
  font-weight: 500;
  line-height: 5.6rem;
  text-align: center;
}
.page-infographics .section.section-nin .section-divide .total {
  font-size: 6.8rem;
  font-weight: 700;
  line-height: 9.5rem;
}
.page-infographics .section.section-nin .section-divide:not(:first-child) {
  margin-top: 30px;
}
.page-infographics .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-infographics .swiper-container .swiper-slide {
  width: 100% !important;
}
.page-infographics .swiper-container .swiper-slide .fade {
  opacity: 0;
  overflow: hidden;
}
.page-infographics .swiper-container .swiper-slide .fade .fadein {
  -webkit-transform: translateY(800px);
          transform: translateY(800px);
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
.page-infographics .swiper-container .swiper-slide .fade .fadesc {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
.page-infographics .swiper-container .swiper-slide.swiper-slide-active .fade {
  opacity: 1;
}
.page-infographics .swiper-container .swiper-slide.swiper-slide-active .fade .fadein {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.page-infographics .swiper-container .swiper-slide.swiper-slide-active .fade .fadesc {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.page-infographics .swiper-container .swiper-slide.swiper-slide-active .section-fou .section-icon::before {
  width: 100%;
}
@media screen and (min-width: 2000px) {
  .page-infographics .section-title {
    font-size: 54px;
    line-height: 100px;
  }
  .page-infographics .section-title .text-bold {
    font-size: 74px;
  }
  .page-infographics .section-subtitle {
    font-size: 28px;
    line-height: 36px;
  }
  .page-infographics .section-text {
    font-size: 40px;
    line-height: 56px;
  }
  .page-infographics .section-text .text-bold {
    font-size: 60px;
    line-height: 84px;
  }
  .page-infographics .section-required {
    font-size: 30px;
    line-height: 60px;
  }
  .page-infographics .section .point.point-line {
    font-size: 54px;
    line-height: 76px;
  }
  .page-infographics .section .category {
    font-size: 36px;
    line-height: 50px;
  }
  .page-infographics .section .list-stat-total .title {
    font-size: 32px;
    line-height: 42px;
  }
  .page-infographics .section .list-stat-total .number {
    font-size: 48px;
    line-height: 62px;
  }
  .page-infographics .section .list-dot li {
    font-size: 36px;
    line-height: 52px;
  }
  .page-infographics .section .list-time-title {
    font-size: 40px;
    line-height: 56px;
  }
  .page-infographics .section .list-time .section-text {
    font-size: 60px;
    line-height: 120px;
  }
  .page-infographics .section.section-fir .section-title {
    font-size: 96px;
    line-height: 125px;
  }
  .page-infographics .section.section-fir .section-subtitle {
    font-size: 48px;
    line-height: 62px;
  }
  .page-infographics .section.section-sec .section-title {
    font-size: 74px;
    line-height: 96px;
  }
  .page-infographics .section.section-sec .section-text {
    font-size: 38px;
    line-height: 49px;
  }
  .page-infographics .section.section-sec .section-text.text-bold {
    font-size: 54px;
    line-height: 70px;
  }
  .page-infographics .section.section-th .section-title {
    line-height: 97px;
  }
  .page-infographics .section.section-fou .section-divide-title .point {
    font-size: 60px;
    line-height: 84px;
  }
  .page-infographics .section.section-fou .section-icon {
    height: 315px;
  }
  .page-infographics .section.section-fif .section-text {
    font-size: 48px;
    line-height: 67px;
  }
  .page-infographics .section.section-fif .section-description .section-text {
    font-size: 36px;
  }
  .page-infographics .section.section-fif .section-description .section-text b {
    line-height: 76px;
  }
  .page-infographics .section.section-fif .section-label {
    font-size: 36px;
    line-height: 50px;
  }
  .page-infographics .section.section-fif .section-label-box p {
    font-size: 68px;
    line-height: 95px;
  }
  .page-infographics .section.section-sev .section-divide-text .section-text {
    font-size: 120px;
    line-height: 168px;
  }
  .page-infographics .section.section-sev .section-divide-text .section-text.title {
    font-size: 60px;
    line-height: 84px;
  }
  .page-infographics .section.section-sev .section-divide.screening02 .section-divide-text .section-text {
    font-size: 38px;
    line-height: 50px;
  }
  .page-infographics .section.section-sev .section-divide.screening02 .section-divide-text .section-text .text-bold {
    font-size: 38px;
    line-height: 50px;
  }
  .page-infographics .section.section-sev .section-divide.screening03 .section-divide-text .section-text {
    font-size: 80px;
    line-height: 112px;
  }
  .page-infographics .section.section-sev .section-divide.screening03 .section-divide-text .section-text.title {
    font-size: 38px;
    line-height: 53px;
  }
  .page-infographics .section.section-eig .section-text.text-fir {
    font-size: 68px;
    line-height: 95px;
  }
  .page-infographics .section.section-nin .section-divide .title {
    font-size: 40px;
    line-height: 56px;
  }
  .page-infographics .section.section-nin .section-divide .total {
    font-size: 68px;
    line-height: 95px;
  }
}

#wrap.wrap-infographics {
  min-width: 1439px;
}
/*# sourceMappingURL=maps/style.css.map */