#app{height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none}body{margin:0px}div,span,p,button,label{letter-spacing:.7px}.ant-btn:not(:disabled):focus-visible{outline:noen !important;outline-offset:0 !important;transition:none !important}.ant-slider .ant-slider-track{background-color:#004590}.ant-slider .ant-slider-handle::after{box-shadow:0 0 0 2px #004590}.ant-slider .ant-slider-rail{background:#d6d6d6}.ant-slider:hover .ant-slider-rail{background:#d6d6d6}.ant-radio-wrapper span.ant-radio+*{margin-top:5px}.ant-modal .ant-modal-content{padding:0;border-radius:12px}.ant-modal .ant-modal-header{margin-bottom:0}.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub:not([class*=-active]){margin-bottom:0}.ant-menu-dark.ant-menu-submenu>.ant-menu,.ant-menu-dark{background:#1b91d3;padding-left:0}.ant-layout .ant-layout-sider{background:#fff}.ant-slider.ant-slider-disabled .ant-slider-rail{background-color:#d6d6d6 !important}.ant-layout-header{background:#1b91d3;padding-inline:20px}.ant-slider .ant-slider-handle::after{box-shadow:0 0 0 2px #fff !important;background-color:#fff}.ant-slider .ant-slider-handle:focus::after,.ant-slider .ant-slider-handle:hover::after{box-shadow:0 0 0 2px #fff;width:10px;height:10px;inset-inline-start:0px;inset-block-start:0px;outline:none}.ant-picker-prev-icon,.ant-picker-next-icon{position:relative}.ant-picker-prev-icon::before,.ant-picker-next-icon::before{transform:rotate(-45deg);position:absolute;top:-3px;inset-inline-start:0;display:inline-block;width:7px;height:7px;border:0 solid currentcolor;border-block-start-width:1.5px;border-block-end-width:0;border-inline-start-width:1.5px;border-inline-end-width:0;content:""}.ant-picker-next-icon::before{transform:rotate(135deg)}.ant-tooltip .ant-tooltip-inner{text-align:center}button{transition:all .3s}.mb-0{margin-bottom:0px}.mt-15{margin-top:15px}.mt-25{margin-top:25px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.font-600{font-weight:600}.hide{display:none}.flex{display:flex}.align-center{align-items:center}.justify-content-center{justify-content:center}.shadow{box-shadow:rgba(34,41,47,.1) 0px 4px 24px 0px}.ant-breadcrumb li .ant-breadcrumb-link,.ant-breadcrumb li .ant-breadcrumb-separator{color:#8987b3}.ant-breadcrumb li:last-child .ant-breadcrumb-link{color:#fff}.loading{height:100%;border-radius:15px}.loading .ant-spin-container{height:100%}.loading .ant-spin-container::after{border-radius:15px}.loading>div{position:absolute;height:100%;width:100%}.loading>div>.ant-spin{max-height:unset}.loading .ant-spin-blur{opacity:0}.ant-modal-content{border-radius:10px;background:rgba(0,0,0,0)}.ant-modal-content .ant-modal-header{border-radius:10px 10px 0 0;border-bottom:0;text-align:center}.ant-modal-content .ant-modal-header .ant-modal-title{font-size:18px}.ant-modal-content .ant-modal-body{padding:16px 16px 0px 16px;text-align:center;font-size:16px;background:#fff}.ant-modal-content .ant-modal-footer{display:flex;border-top:0;padding:15px;background:#fff;border-radius:0 0 10px 10px;margin-top:-1px}.ant-modal-content .ant-modal-footer .ant-btn{border-radius:25px;width:100%;height:40px;font-size:16px}.ant-modal-content .ant-modal-footer .ant-btn.modal-cancel{background:#8096b7;color:#fff;margin-left:20px;margin-right:10px}.ant-modal-content .ant-modal-footer .ant-btn.modal-cancel:hover{opacity:.9}.form-modal .ant-input,.form-modal .ant-input:hover,.form-modal .ant-input:focus,.form-modal .ant-input:active{border-color:#a6a6a6;outline:#a6a6a6;box-shadow:none}.form-modal textarea{resize:none}.form-modal .ant-modal-header{text-align:left;background:#6f73a4}.form-modal .ant-modal-header .ant-modal-title{color:#fff;line-height:2.5;padding-left:20px}.form-modal .ant-modal-close{top:7px}.form-modal .ant-modal-close-x{color:#fff}.form-modal .ant-form-item-control-input-content{text-align:left}.form-modal .qrcode>div{display:inline-flex;flex-direction:column;padding:12px 14px 9px;border-radius:10px;background-color:#eceef7}.form-modal .qrcode>div canvas{background:#fff;padding:12px 14px 9px;border-radius:10px;border:solid 2px #abb3f7}.form-modal .qrcode>div .desc{font-size:14px;color:#848695}.form-modal .custom-loading{display:none;height:calc(100% - 135px);position:absolute;width:100%;left:0;top:54px;opacity:.4;background:#fff}.form-modal .custom-loading.active{display:block}.round-input{border-radius:30px;line-height:35px;padding-left:20px}.round-input input{line-height:unset}.round-button{border-radius:30px;font-size:17px;height:unset;padding:6px 0}.round-button .anticon{margin-top:6px}.notification .ant-notification-notice-message{margin-bottom:0}.notification .ant-notification-notice-close{margin-top:2px}@media(max-width: 500px){.form-modal{top:0}}@media(max-height: 840px){.form-modal{top:5px}}
/* 20230308 junyoung.hong@raymedical.co.kr */
/* ezcheck */
body {
  font-family: "Noto Sans", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",
    "Roboto", sans-serif !important;
}

.ant-layout {
  background-color: #1f2239 !important;
}

.ant-layout-header {
  background-color: #2d3150 !important;
}

.menu.ant-menu-dark.ant-menu-horizontal {
  background-color: transparent !important;
}

/* #app .menu .ant-menu-item-disabled img,
#app .menu.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-disabled {
    background-color: #4f557a !important;
    opacity: 0.5 !important
} */

.ant-layout-footer {
  background-color: #1f2239 !important;
  padding: 27px 0 !important;
}

.menu.ant-menu-dark.ant-menu-horizontal
  > .ant-menu-item:hover
  .ant-menu-title-content
  > span,
.menu.ant-menu-dark.ant-menu-horizontal
  .ant-menu-item-selected
  .ant-menu-title-content
  > span,
.menu.ant-menu-dark.ant-menu-horizontal
  > .ant-menu-submenu.ant-menu-submenu-selected
  .ant-menu-title-content
  > span,
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  background-color: #5a64ad !important;
}

.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  background-color: #5a64ad !important;
}

.ant-spin-nested-loading,
#main {
  background-color: #1f213a !important;
}

.ant-layout-header {
  border-top-left-radius: 0.475rem;
  border-top-right-radius: 0.475rem;
}

canvas {
  border-bottom-left-radius: 0.475rem !important;
  border-bottom-right-radius: 0.475rem !important;
}

#app .model-opacity-bar-section .ant-slider-rail,
#app .ant-slider:hover .ant-slider-rail,
.ant-table-wrapper .ant-spin-nested-loading {
  background-color: #424772 !important;
}

#app .model-opacity-bar-section .ant-slider-track {
  background-color: #461998 !important;
}

#app .ant-slider-handle {
  border-color: #461998 !important;
}

.model-opacity-bar-section img {
  filter: hue-rotate(40deg) !important;
}

.model-opacity-bar-section .btn-switch img {
  filter: grayscale(0.2) brightness(0.8) contrast(2) saturate(0.6)
    hue-rotate(354deg) !important;
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #444d93 !important;
}

.ant-menu-submenu > .ant-menu {
  border-radius: 0 !important;
}

#app .play-section .btn-group .btn-play {
  background-color: #5a64ad !important;
  border-color: #5a64ad !important;
}

#app .play-section .btn-group .btn-next svg,
#app .play-section .btn-group .btn-back svg,
#app .play-section .btn-group .btn-first svg,
#app .play-section .btn-group .btn-final svg {
  width: 18px !important;
  height: 18px !important;
  fill: #fff !important;
}

#app .play-section .btn-group .btn-next,
#app .play-section .btn-group .btn-back,
#app .play-section .btn-group .btn-first,
#app .play-section .btn-group .btn-final {
  background-color: #5a64ad !important;
}

#app .step-bar-slider-section .dot {
  background-color: #1f2239 !important;
}

#app .play-section .btn-group .btn-play:focus,
#app .play-section .btn-group .btn-pause:focus {
  background-color: #808ad5 !important;
  border-color: #808ad5 !important;
}

#app .step-bar-slider-section .stage:hover,
#app .step-bar-slider-section .stage.active,
.ant-select-selection-item,
.ant-select-arrow {
  color: #fff !important;
}

#app .step-bar-slider-section .stage .start {
  border-color: #5a64ad !important;
}

#app .step-bar-slider-section .dot {
  filter: hue-rotate(53deg) !important;
}

.play-section .group .step-number {
  font-size: 19px !important;
  margin-top: -7px !important;
}

/* .step-bar-slider-section .stage .upper,
.step-bar-slider-section .stage .lower {
    background-color: #343b6a !important
} */

/* .step-bar-slider-section .stage.active .upper,
.step-bar-slider-section .stage.active .lower {
    background-color: #6671c3 !important
} */

.ant-tooltip-arrow-content {
  --antd-arrow-background-color: #5a64ad !important;
}

.ant-tooltip-arrow-content,
.ant-tooltip-inner {
  background-color: #5a64ad !important;
}

.play-section .group .step-number,
.step-number span {
  color: #fff !important;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #3e4365 !important;
}

.ant-modal-body .ant-spin-nested-loading,
.step-bar-slider-section .stage:hover,
.step-bar-slider-section .stage.active {
  background: none !important;
}

.treatment-plan-section .ant-modal-content .ant-modal-body .desc,
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  background-color: #2d3150 !important;
}

.model-opacity-bar-section .wrapper .btn-upper:hover,
.model-opacity-bar-section .wrapper .btn-lower:hover,
.model-opacity-bar-section .wrapper .btn-slider:hover,
.model-opacity-bar-section .wrapper .btn-click:hover {
  background: none !important;
}

.model-opacity-bar-section .wrapper .btn-upper:hover img,
.model-opacity-bar-section .wrapper .btn-lower:hover img,
.model-opacity-bar-section .wrapper .btn-slider:hover img,
.model-opacity-bar-section .wrapper .btn-click:hover img {
  background-color: #ffffffa3 !important;
  border-radius: 0.5rem !important;
}

.model-opacity-bar-section .wrapper .btn-slider:hover .btn-gum-slider {
  background-color: #000000a3 !important;
}

.model-opacity-bar-section .wrapper .btn-click img.active {
  background-color: #000000a3 !important;
  border-radius: 0.5rem !important;
}

/* .ant-btn-primary {
    background-color: #00a6e9 !important;
    border-color: #00a6e9 !important
}

.ant-btn-primary:hover {
    background-color: #0093ce !important;
    border-color: #0093ce !important
} */

#app
  .menu.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
  .ant-menu-item-selected {
  background-color: #5a64ad !important;
}

.btn-click img,
.model-opacity-bar-section img.btn-gum-slider {
  filter: hue-rotate(198deg) brightness(0.9) contrast(1) saturate(6) invert(1) !important;
}

.model-opacity-bar-section .wrapper .btn-click:hover img {
  background-color: #000000a3 !important;
}

.file-not-found-section .ant-result-title {
  color: #fff;
}

@media (max-width: 992px) {
  .play-section .group .ant-select .ant-select-selector {
    border-radius: 0 !important;
  }

  .stage-bar-section .left {
    margin-bottom: 58px !important;
  }

  .step-bar-slider-section .bar {
    top: 18px !important;
  }

  .step-bar-slider-section .dot {
    display: none !important;
  }
}