@charset "utf-8";
/*! roundSlider v1.3.3 | (c) 2015-2019, Soundar | MIT license | http://roundsliderui.com/licence.html */
.rs-ie,
.rs-edge {
  -ms-touch-action: none;
  touch-action: none;
}
.rs-control {
  position: relative;
  outline: 0 none;
}
.rs-container {
  position: relative;
}
.rs-control *,
.rs-control *:before,
.rs-control *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rs-animation .rs-transition {
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
.rs-bar {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.rs-control .rs-split .rs-path,
.rs-control .rs-overlay1,
.rs-control .rs-overlay2 {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.rs-control .rs-overlay {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.rs-rounded .rs-seperator,
.rs-split .rs-path {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.rs-control.rs-error {
  border: 1px dotted;
  text-align: center;
}
.rs-readonly {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 100;
}
.rs-disabled {
  opacity: 0.35;
}
.rs-inner-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.quarter div.rs-block {
  height: 200%;
  width: 200%;
}
.half.top div.rs-block,
.half.bottom div.rs-block {
  height: 200%;
  width: 100%;
}
.half.left div.rs-block,
.half.right div.rs-block {
  height: 100%;
  width: 200%;
}
.bottom > .rs-inner-container > .rs-block {
  top: auto;
  bottom: 0;
}
.right .rs-inner-container > .rs-block {
  right: 0;
}
div.rs-block {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}
.rs-block {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 3;
}
.rs-block .rs-inner {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
.rs-overlay {
  width: 50%;
}
.rs-overlay1,
.rs-overlay2 {
  width: 100%;
}
.rs-overlay,
.rs-overlay1,
.rs-overlay2 {
  position: absolute;
  background-color: #fff;
  z-index: 3;
  top: 0;
  height: 50%;
}
.rs-bar {
  display: block;
  position: absolute;
  height: 0;
  z-index: 10;
}
.rs-bar.rs-rounded {
  z-index: 5;
}
.rs-bar .rs-seperator {
  height: 0;
  display: block;
  float: left;
}
.rs-bar:not(.rs-rounded) .rs-seperator {
  border-left: none;
  border-right: none;
}
.rs-bar.rs-start .rs-seperator {
  border-top: none;
}
.rs-bar.rs-end .rs-seperator {
  border-bottom: none;
}
.rs-bar.rs-start.rs-rounded .rs-seperator {
  border-radius: 0 0 1000px 1000px;
}
.rs-bar.rs-end.rs-rounded .rs-seperator {
  border-radius: 1000px 1000px 0 0;
}
.full .rs-bar,
.half .rs-bar {
  width: 50%;
}
.half.left .rs-bar,
.half.right .rs-bar,
.quarter .rs-bar {
  width: 100%;
}
.full .rs-bar,
.half.left .rs-bar,
.half.right .rs-bar {
  top: 50%;
}
.bottom .rs-bar {
  top: 0;
}
.half.right .rs-bar,
.quarter.right .rs-bar {
  right: 100%;
}
.rs-handle.rs-move {
  cursor: move;
}
.rs-readonly .rs-handle.rs-move {
  cursor: default;
}
.rs-path {
  display: block;
  height: 100%;
  width: 100%;
}
.rs-split .rs-path {
  -webkit-border-radius: 1000px 1000px 0 0;
  border-radius: 1000px 1000px 0 0;
  overflow: hidden;
  height: 50%;
  position: absolute;
  top: 0;
  z-index: 2;
}
.rs-tooltip {
  position: absolute;
  cursor: default;
  border: 1px solid transparent;
  z-index: 10;
}
.full .rs-tooltip {
  top: 50%;
  left: 50%;
}
.bottom .rs-tooltip {
  top: 0;
}
.top .rs-tooltip {
  bottom: 0;
}
.right .rs-tooltip {
  left: 0;
}
.left .rs-tooltip {
  right: 0;
}
.half.top .rs-tooltip,
.half.bottom .rs-tooltip {
  left: 50%;
}
.half.left .rs-tooltip,
.half.right .rs-tooltip {
  top: 50%;
}
.rs-tooltip .rs-input {
  outline: 0 none;
  border: none;
  background: transparent;
}
.rs-tooltip-text {
  font-family: verdana;
  font-size: 13px;
  border-radius: 7px;
  text-align: center;
}
.rs-tooltip.edit,
.rs-tooltip .rs-input {
  padding: 5px 8px;
}
.rs-tooltip.hover,
.rs-tooltip.edit:hover {
  border: 1px solid #aaa;
  cursor: pointer;
}
.rs-readonly .rs-tooltip.edit:hover {
  border-color: transparent;
  cursor: default;
}
.rs-handle {
  border-radius: 1000px;
  outline: 0 none;
  float: left;
}
.rs-handle.rs-handle-square {
  border-radius: 0;
}
.rs-handle-dot {
  border: 1px solid #aaa;
  padding: 6px;
}
.rs-handle-dot:after {
  display: block;
  content: "";
  border: 1px solid #aaa;
  height: 100%;
  width: 100%;
  border-radius: 1000px;
}
.rs-seperator {
  border: 1px solid #aaa;
}
.rs-border {
  border: 1px solid #aaa;
}
.rs-path-color {
  background-color: #fff;
}
.rs-range-color {
  background-color: #54bbe0;
}
.rs-bg-color {
  background-color: #fff;
}
.rs-handle {
  background-color: #838383;
}
.rs-handle-dot {
  background-color: #fff;
}
.rs-handle-dot:after {
  background-color: #838383;
}
/**
 * Copyright (c) 2015 Spoqa, Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * "Software"), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR MetricExpression PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 700;
  src: local('Spoqa Han Sans Bold'), url('/s/font/SpoqaHanSansBold-76b8c78aef67207eeb8113597ae6e86b.woff2') format('woff2'), url('/s/font/SpoqaHanSansBold-4ad74ffe34b23dc2e4e4ab8d1e1871c5.woff') format('woff'), url('/s/font/SpoqaHanSansBold-f6e14af67543634042408b4096fe59b2.ttf') format('truetype');
}
@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 400;
  src: local('Spoqa Han Sans Regular'), url('/s/font/SpoqaHanSansRegular-544112e58f9a0c5e61938c3168e6ef50.woff2') format('woff2'), url('/s/font/SpoqaHanSansRegular-5ffec7731901dc0b720f9bf1e541abef.woff') format('woff'), url('/s/font/SpoqaHanSansRegular-65f1261ac163f9ea841308800fabd5fd.ttf') format('truetype');
}
@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 300;
  src: local('Spoqa Han Sans Light'), url('/s/font/SpoqaHanSansLight-c41494aac6f4ad8bb82042490366c20f.woff2') format('woff2'), url('/s/font/SpoqaHanSansLight-9e83e4227b99ea4cfd8dcf052b6c9a8b.woff') format('woff'), url('/s/font/SpoqaHanSansLight-8eaaae7e2b62cec82a2fd44de6e7971b.ttf') format('truetype');
}
@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 100;
  src: local('Spoqa Han Sans Thin'), url('/s/font/SpoqaHanSansThin-366a745dd267f46a795e3235d6da8bb1.woff2') format('woff2'), url('/s/font/SpoqaHanSansThin-a1a1697fa12d14eaee122f2aeed3215c.woff') format('woff'), url('/s/font/SpoqaHanSansThin-85741cd485c8f9d48eeb55729a4cf84b.ttf') format('truetype');
}
* {
  font-weight: 400;
  font-family: "Spoqa Han Sans", "Helvetica Neue", sans-serif;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: unset;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
  display: inline;
  margin: 0;
  padding: 0;
}
h1 {
  font-weight: 700;
  font-size: calc(24px * 1.1);
  letter-spacing: 1px;
}
h2 {
  font-weight: 700;
  font-size: calc(20px * 1.1);
  letter-spacing: 1px;
}
h3 {
  font-size: calc(16px * 1.1);
  letter-spacing: 0.5px;
}
h4 {
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
}
h5 {
  font-size: calc(13px * 1.1);
  letter-spacing: -0.4px;
}
h6 {
  font-size: calc(12px * 1.1);
  letter-spacing: 0;
}
pre {
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
  line-height: 22px;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
body {
  display: none;
  margin: 0;
  padding: 0;
  background: #fbfcfc;
}
body.load {
  display: inherit !important;
}
ul,
li,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.clearfix {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  clear: both;
}
a {
  text-decoration: none;
  color: #32373a;
  outline: none;
  -webkit-transition: color 0.15s;
  -moz-transition: color 0.15s;
  -ms-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
a:hover,
a:active {
  color: #1d99f1;
}
a.disabled {
  pointer-events: none;
  cursor: default;
}
.group-box > h4 {
  position: relative;
  display: block;
  padding: 0 2px 2px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: calc(15px * 1.1);
  text-align: left;
  color: #a5a7a8;
  background: #fbfcfc;
  z-index: 1;
}
.group-box > h5 {
  position: relative;
  display: block;
  padding: 0 12px 2px;
  width: 100%;
  margin-top: -16px;
  height: 30px;
  line-height: 30px;
  font-size: calc(12px * 1.1);
  text-align: left;
  color: #a5a7a8;
  z-index: 1;
}
.group-box > div.content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}
.group-box > div.content.empty {
  padding: 10px;
  text-align: center;
  font-weight: 300;
}
.group-box > div.content.empty:before {
  content: "노출할 데이터가 없습니다";
}
.group-box.in-header > h4,
.group-box.in-header > div.action {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.group-box.in-header > div.action {
  position: relative;
  text-align: right;
  z-index: 1;
}
.group-box.in-header > div.content {
  clear: both;
}
.hidden-xs-up {
  display: none !important;
}
@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hidden-xl-up {
    display: none !important;
  }
}
.hidden-xl-down {
  display: none !important;
}
.container {
  height: 100vh;
}
.container > .sidebar-container {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  width: 212px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #32373a;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  -ms-transition: left 0.4s;
  -o-transition: left 0.4s;
  transition: left 0.4s;
  -ms-overflow-style: none;
}
.container > .sidebar-container::-webkit-scrollbar {
  display: none;
}
.container > .body-container {
  margin-left: 200px;
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -ms-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
.container > .body-container .content-container {
  padding: 18px 60px;
}
.container > .body-container .content-container .content-header-container > div {
  position: relative;
}
.container > .body-container .content-container .content-header-container > div h1 > span {
  color: #a5a7a8;
}
.container > .body-container .content-container .content-header-container > div .page-action-area {
  position: absolute;
  bottom: 0;
  right: 0;
}
.container > .body-container .content-container .content-header-container > div .page-action-area button,
.container > .body-container .content-container .content-header-container > div .page-action-area form {
  display: inline-block;
}
.container > .body-container .content-container .content-body-container {
  margin-top: 40px;
}
.container.hide-sidebar > .sidebar-container {
  left: -190px;
}
.container.hide-sidebar > .body-container {
  margin-left: 10px;
}
@media screen and (max-width: 1023px) {
  .container > .sidebar-container {
    left: 0 !important;
    width: 100% !important;
    height: 44px;
    overflow: hidden;
    z-index: 100;
  }
  .container > .body-container {
    margin-left: 0;
    padding-top: 44px;
  }
  .container > .body-container .content-container {
    padding: 40px 20px;
  }
  .container > .body-container .content-container .content-header-container > div {
    position: inherit;
    margin-top: 14px;
  }
  .container > .body-container .content-container .content-header-container > div .page-action-area {
    position: inherit;
    bottom: auto;
    right: auto;
  }
}
i.ps {
  display: inline-block;
  -webkit-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  -ms-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
i.fa-menu {
  font-size: calc(18px * 1.1);
  width: 18px;
  color: #dfe1e3;
  text-align: center;
}
i.far.active,
.active i.far,
a:active > i.far,
button:active > i.far,
i.fas.active,
.active i.fas,
a:active > i.fas,
button:active > i.fas {
  color: #8ac5ef;
}
i.ps.ps-company-icon {
  background: url("/s/img/icon-mddatasolution-d4a816a663bac453281b8af80dc666f3.png") 0 0 no-repeat;
  background-size: 70px 50px;
  width: 70px;
  height: 50px;
}
i.ps.ps-company-icon.ps-fix,
i.ps.ps-company-icon.ps-fix.active,
.active > i.ps.ps-company-icon.ps-fix,
a:active > i.ps.ps-company-icon.ps-fix,
button:active > i.ps.ps-company-icon.ps-fix {
  background: url("/s/img/icon-mddatasolution-d4a816a663bac453281b8af80dc666f3.png") 0 0 no-repeat !important;
  background-size: 70px 50px !important;
  width: 70px !important;
  height: 50px !important;
}
body.double i.ps.ps-company-icon {
  background-image: url("/s/img/icon-mddatasolution@2x-6f3223cfb80052785df9cb3505e97326.png");
}
body.triple i.ps.ps-company-icon {
  background-image: url("/s/img/icon-mddatasolution@3x-59991f7abccfa2e9dfd6b00be014e106.png");
}
body.svg i.ps.ps-company-icon {
  background-image: url("/s/img/icon-mddatasolution-d7d39ba89508f9594de3532ab3c3f33c.svg");
}
i.ps.ps-brand-large {
  background: url("/s/img/icon-brand-large-870f28c766c294dd81677d83e33febe9.png") 0 0 no-repeat;
  background-size: 186px 32px;
  width: 186px;
  height: 32px;
}
i.ps.ps-brand-large.ps-fix,
i.ps.ps-brand-large.ps-fix.active,
.active > i.ps.ps-brand-large.ps-fix,
a:active > i.ps.ps-brand-large.ps-fix,
button:active > i.ps.ps-brand-large.ps-fix {
  background: url("/s/img/icon-brand-large-870f28c766c294dd81677d83e33febe9.png") 0 0 no-repeat !important;
  background-size: 186px 32px !important;
  width: 186px !important;
  height: 32px !important;
}
body.double i.ps.ps-brand-large {
  background-image: url("/s/img/icon-brand-large@2x-81f133581b64968147eb884e1e0cc8f8.png");
}
body.triple i.ps.ps-brand-large {
  background-image: url("/s/img/icon-brand-large@3x-8a9a40669cc5a6b08d851ca693a87b57.png");
}
body.svg i.ps.ps-brand-large {
  background-image: url("/s/img/icon-brand-large-65be0fa13a627c7e0000dcde9a71f069.svg");
}
i.ps.ps-brand-middle {
  background: url("/s/img/icon-brand-middle-a53fb4ecf47c6139d6007a7aac194c6e.png") 0 0 no-repeat;
  background-size: 130px 20px;
  width: 130px;
  height: 20px;
}
i.ps.ps-brand-middle.ps-fix,
i.ps.ps-brand-middle.ps-fix.active,
.active > i.ps.ps-brand-middle.ps-fix,
a:active > i.ps.ps-brand-middle.ps-fix,
button:active > i.ps.ps-brand-middle.ps-fix {
  background: url("/s/img/icon-brand-middle-a53fb4ecf47c6139d6007a7aac194c6e.png") 0 0 no-repeat !important;
  background-size: 130px 20px !important;
  width: 130px !important;
  height: 20px !important;
}
body.double i.ps.ps-brand-middle {
  background-image: url("/s/img/icon-brand-middle@2x-b3673d582456303525912d6b3e5a32a6.png");
}
body.triple i.ps.ps-brand-middle {
  background-image: url("/s/img/icon-brand-middle@3x-5aed8663caa77386c69cd81d215248da.png");
}
body.svg i.ps.ps-brand-middle {
  background-image: url("/s/img/icon-brand-middle-e540fef10ac3083928585c7d74f16f45.svg");
}
i.ps.ps-brand-icon {
  background: url("/s/img/icon-brand-81dccacbaf229301e296b354f0f51d69.png") 0 0 no-repeat;
  background-size: 36px 40px;
  width: 36px;
  height: 40px;
}
i.ps.ps-brand-icon.ps-fix,
i.ps.ps-brand-icon.ps-fix.active,
.active > i.ps.ps-brand-icon.ps-fix,
a:active > i.ps.ps-brand-icon.ps-fix,
button:active > i.ps.ps-brand-icon.ps-fix {
  background: url("/s/img/icon-brand-81dccacbaf229301e296b354f0f51d69.png") 0 0 no-repeat !important;
  background-size: 36px 40px !important;
  width: 36px !important;
  height: 40px !important;
}
body.double i.ps.ps-brand-icon {
  background-image: url("/s/img/icon-brand@2x-13622d20063043062e5807baad8fde30.png");
}
body.triple i.ps.ps-brand-icon {
  background-image: url("/s/img/icon-brand@3x-ef1dfee97aadab62d7ced6ad7f6fb114.png");
}
body.svg i.ps.ps-brand-icon {
  background-image: url("/s/img/icon-brand-b3ae09f54caf6511058ef20a3c0afdc6.svg");
}
i.ps.ps-brand-text {
  background: url("/s/img/icon-brand-text-0bfb1a3af760e2ca0c5a4a7dd63196ed.png") 0 0 no-repeat;
  background-size: 137px 18px;
  width: 137px;
  height: 18px;
}
i.ps.ps-brand-text.ps-fix,
i.ps.ps-brand-text.ps-fix.active,
.active > i.ps.ps-brand-text.ps-fix,
a:active > i.ps.ps-brand-text.ps-fix,
button:active > i.ps.ps-brand-text.ps-fix {
  background: url("/s/img/icon-brand-text-0bfb1a3af760e2ca0c5a4a7dd63196ed.png") 0 0 no-repeat !important;
  background-size: 137px 18px !important;
  width: 137px !important;
  height: 18px !important;
}
body.double i.ps.ps-brand-text {
  background-image: url("/s/img/icon-brand-text@2x-c30d7e9d52a0260c2db6d0446342dbc2.png");
}
body.triple i.ps.ps-brand-text {
  background-image: url("/s/img/icon-brand-text@3x-ac815f822f85ccfdfc9ce670433f9d41.png");
}
body.svg i.ps.ps-brand-text {
  background-image: url("/s/img/icon-brand-text-86e41e3919434fb6d8f688e222f480d8.svg");
}
@media screen and (min-width: 1023px) {
  .ecrf i.ps.ps-brand-text {
    background: url("/s/img/ecrf/icon-brand-text-6f46144008b933913d14d9e2021a83cf.png") 0 0 no-repeat !important;
    background-size: 137px 37px !important;
    width: 137px !important;
    height: 37px !important;
  }
  .ecrf i.ps.ps-brand-text.ps-fix,
  .ecrf i.ps.ps-brand-text.ps-fix.active,
  .ecrf .active > i.ps.ps-brand-text.ps-fix,
  .ecrf a:active > i.ps.ps-brand-text.ps-fix,
  .ecrf button:active > i.ps.ps-brand-text.ps-fix {
    background: url("/s/img/ecrf/icon-brand-text-6f46144008b933913d14d9e2021a83cf.png") 0 0 no-repeat !important;
    background-size: 137px 37px !important;
    width: 137px !important;
    height: 37px !important;
  }
  .ecrf body.double i.ps.ps-brand-text {
    background-image: url("../img/ecrf/icon-brand-text@2x.png") !important;
  }
  .ecrf body.triple i.ps.ps-brand-text {
    background-image: url("../img/ecrf/icon-brand-text@3x.png") !important;
  }
  .ecrf body.svg i.ps.ps-brand-text {
    background-image: url("../img/ecrf/icon-brand-text.svg") !important;
  }
  .ecrf i.ps.ps-brand-large {
    background: url("/s/img/ecrf/icon-brand-large-9b0aeadb4648aa0584cc7826efbe3eb0.png") 0 0 no-repeat !important;
    background-size: 186px 50px !important;
    width: 186px !important;
    height: 50px !important;
  }
  .ecrf i.ps.ps-brand-large.ps-fix,
  .ecrf i.ps.ps-brand-large.ps-fix.active,
  .ecrf .active > i.ps.ps-brand-large.ps-fix,
  .ecrf a:active > i.ps.ps-brand-large.ps-fix,
  .ecrf button:active > i.ps.ps-brand-large.ps-fix {
    background: url("/s/img/ecrf/icon-brand-large-9b0aeadb4648aa0584cc7826efbe3eb0.png") 0 0 no-repeat !important;
    background-size: 186px 50px !important;
    width: 186px !important;
    height: 50px !important;
  }
  .ecrf body.double i.ps.ps-brand-large {
    background-image: url("../img/ecrf/icon-brand-large@2x.png") !important;
  }
  .ecrf body.triple i.ps.ps-brand-large {
    background-image: url("../img/ecrf/icon-brand-large@3x.png") !important;
  }
  .ecrf body.svg i.ps.ps-brand-large {
    background-image: url("../img/ecrf/icon-brand-large.svg") !important;
  }
}
.ecrf i.ps.ps-brand-middle {
  background: url("/s/img/ecrf/icon-brand-middle-dbb4a51d21a9d8a1e5d4ff3c7635ba27.png") 0 0 no-repeat !important;
  background-size: 169px 20px !important;
  width: 169px !important;
  height: 20px !important;
}
.ecrf i.ps.ps-brand-middle.ps-fix,
.ecrf i.ps.ps-brand-middle.ps-fix.active,
.ecrf .active > i.ps.ps-brand-middle.ps-fix,
.ecrf a:active > i.ps.ps-brand-middle.ps-fix,
.ecrf button:active > i.ps.ps-brand-middle.ps-fix {
  background: url("/s/img/ecrf/icon-brand-middle-dbb4a51d21a9d8a1e5d4ff3c7635ba27.png") 0 0 no-repeat !important;
  background-size: 169px 20px !important;
  width: 169px !important;
  height: 20px !important;
}
.ecrf body.double i.ps.ps-brand-middle {
  background-image: url("../img/ecrf/icon-brand-middle@2x.png") !important;
}
.ecrf body.triple i.ps.ps-brand-middle {
  background-image: url("../img/ecrf/icon-brand-middle@3x.png") !important;
}
.ecrf body.svg i.ps.ps-brand-middle {
  background-image: url("../img/ecrf/icon-brand-middle.svg") !important;
}
i.ps.ps-menu-dashboard {
  background: url("/s/img/icon-menu-dashboard-13f3f9e5bab8bd26c21f2592c3069678.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
  margin-bottom: calc(-1px);
}
i.ps.ps-menu-dashboard.ps-fix,
i.ps.ps-menu-dashboard.ps-fix.active,
.active > i.ps.ps-menu-dashboard.ps-fix,
a:active > i.ps.ps-menu-dashboard.ps-fix,
button:active > i.ps.ps-menu-dashboard.ps-fix {
  background: url("/s/img/icon-menu-dashboard-13f3f9e5bab8bd26c21f2592c3069678.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-menu-dashboard {
  background-image: url("/s/img/icon-menu-dashboard@2x-c634685562a7a5d9f7847eb45152c0eb.png");
}
body.triple i.ps.ps-menu-dashboard {
  background-image: url("/s/img/icon-menu-dashboard@3x-a5db7912e9297405d4cfb3aaf25c5a2e.png");
}
body.svg i.ps.ps-menu-dashboard {
  background-image: url("/s/img/icon-menu-dashboard-59ada0ec3d2d8739553a9b17254db01f.svg");
}
i.ps:hover.ps-menu-dashboard,
a:hover > i.ps.ps-menu-dashboard,
button:hover > i.ps.ps-menu-dashboard {
  background-position: calc(48px / 3 * -1) 0;
}
i.ps.active.ps-menu-dashboard,
.active i.ps.ps-menu-dashboard,
a:active > i.ps.ps-menu-dashboard,
button:active > i.ps.ps-menu-dashboard {
  background-position: calc(48px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-menu-dashboard,
a:disabled > i.ps.ps-menu-dashboard,
button:disabled > i.ps.ps-menu-dashboard {
  background-position: 0 0 !important;
}
i.ps.ps-menu-patient {
  background: url("/s/img/icon-menu-user-abc6561a5c934428cb591445e68bdd47.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
  margin-bottom: calc(-1px);
}
i.ps.ps-menu-patient.ps-fix,
i.ps.ps-menu-patient.ps-fix.active,
.active > i.ps.ps-menu-patient.ps-fix,
a:active > i.ps.ps-menu-patient.ps-fix,
button:active > i.ps.ps-menu-patient.ps-fix {
  background: url("/s/img/icon-menu-user-abc6561a5c934428cb591445e68bdd47.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-menu-patient {
  background-image: url("/s/img/icon-menu-user@2x-068d6549277bf606abf707c73fdf2ee4.png");
}
body.triple i.ps.ps-menu-patient {
  background-image: url("/s/img/icon-menu-user@3x-271b8354439654f3cf9128226488a1ba.png");
}
body.svg i.ps.ps-menu-patient {
  background-image: url("/s/img/icon-menu-user-e03eee1e9fb3f261cab6dc8a2fe86da7.svg");
}
i.ps:hover.ps-menu-patient,
a:hover > i.ps.ps-menu-patient,
button:hover > i.ps.ps-menu-patient {
  background-position: calc(48px / 3 * -1) 0;
}
i.ps.active.ps-menu-patient,
.active i.ps.ps-menu-patient,
a:active > i.ps.ps-menu-patient,
button:active > i.ps.ps-menu-patient {
  background-position: calc(48px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-menu-patient,
a:disabled > i.ps.ps-menu-patient,
button:disabled > i.ps.ps-menu-patient {
  background-position: 0 0 !important;
}
i.ps.ps-menu-folder {
  background: url("/s/img/icon-menu-folder-e56110a90bc9593561462f9eadfc8b38.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
  margin-bottom: calc(-1px);
}
i.ps.ps-menu-folder.ps-fix,
i.ps.ps-menu-folder.ps-fix.active,
.active > i.ps.ps-menu-folder.ps-fix,
a:active > i.ps.ps-menu-folder.ps-fix,
button:active > i.ps.ps-menu-folder.ps-fix {
  background: url("/s/img/icon-menu-folder-e56110a90bc9593561462f9eadfc8b38.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-menu-folder {
  background-image: url("/s/img/icon-menu-folder@2x-cd19d12c61ec8d712e0e0bc9458f700c.png");
}
body.triple i.ps.ps-menu-folder {
  background-image: url("/s/img/icon-menu-folder@3x-a593b8b4bc927e144cfa8d0c68e5bc82.png");
}
body.svg i.ps.ps-menu-folder {
  background-image: url("/s/img/icon-menu-folder-f62627d06c5e4a53f034ef1b4bd9aa4d.svg");
}
i.ps:hover.ps-menu-folder,
a:hover > i.ps.ps-menu-folder,
button:hover > i.ps.ps-menu-folder {
  background-position: calc(48px / 3 * -1) 0;
}
i.ps.active.ps-menu-folder,
.active i.ps.ps-menu-folder,
a:active > i.ps.ps-menu-folder,
button:active > i.ps.ps-menu-folder {
  background-position: calc(48px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-menu-folder,
a:disabled > i.ps.ps-menu-folder,
button:disabled > i.ps.ps-menu-folder {
  background-position: 0 0 !important;
}
i.ps.ps-menu-notice {
  background: url("/s/img/icon-menu-notice-df3ac519f6481d2240bac4c30d7977d2.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
  margin-bottom: calc(-1px);
}
i.ps.ps-menu-notice.ps-fix,
i.ps.ps-menu-notice.ps-fix.active,
.active > i.ps.ps-menu-notice.ps-fix,
a:active > i.ps.ps-menu-notice.ps-fix,
button:active > i.ps.ps-menu-notice.ps-fix {
  background: url("/s/img/icon-menu-notice-df3ac519f6481d2240bac4c30d7977d2.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-menu-notice {
  background-image: url("/s/img/icon-menu-notice@2x-8027fa66eb0e25253951a13252a0763b.png");
}
body.triple i.ps.ps-menu-notice {
  background-image: url("/s/img/icon-menu-notice@3x-29da2a8f6fed9733a4e2cb9a9d0e631e.png");
}
body.svg i.ps.ps-menu-notice {
  background-image: url("/s/img/icon-menu-notice-73dff81ea9177ec0c1482d55f327f136.svg");
}
i.ps:hover.ps-menu-notice,
a:hover > i.ps.ps-menu-notice,
button:hover > i.ps.ps-menu-notice {
  background-position: calc(48px / 3 * -1) 0;
}
i.ps.active.ps-menu-notice,
.active i.ps.ps-menu-notice,
a:active > i.ps.ps-menu-notice,
button:active > i.ps.ps-menu-notice {
  background-position: calc(48px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-menu-notice,
a:disabled > i.ps.ps-menu-notice,
button:disabled > i.ps.ps-menu-notice {
  background-position: 0 0 !important;
}
i.ps.ps-menu-mypage {
  background: url("/s/img/icon-menu-mypage-181340aa44710760756c748a772353d2.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
  margin-bottom: calc(-1px);
}
i.ps.ps-menu-mypage.ps-fix,
i.ps.ps-menu-mypage.ps-fix.active,
.active > i.ps.ps-menu-mypage.ps-fix,
a:active > i.ps.ps-menu-mypage.ps-fix,
button:active > i.ps.ps-menu-mypage.ps-fix {
  background: url("/s/img/icon-menu-mypage-181340aa44710760756c748a772353d2.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-menu-mypage {
  background-image: url("/s/img/icon-menu-mypage@2x-a598780521784d0997fb14c087da17d5.png");
}
body.triple i.ps.ps-menu-mypage {
  background-image: url("/s/img/icon-menu-mypage@3x-c3d313ffedd086c9752021e2ab269f83.png");
}
body.svg i.ps.ps-menu-mypage {
  background-image: url("/s/img/icon-menu-mypage-f9fc2fed42ae80bd02ebf002d9785321.svg");
}
i.ps:hover.ps-menu-mypage,
a:hover > i.ps.ps-menu-mypage,
button:hover > i.ps.ps-menu-mypage {
  background-position: calc(48px / 3 * -1) 0;
}
i.ps.active.ps-menu-mypage,
.active i.ps.ps-menu-mypage,
a:active > i.ps.ps-menu-mypage,
button:active > i.ps.ps-menu-mypage {
  background-position: calc(48px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-menu-mypage,
a:disabled > i.ps.ps-menu-mypage,
button:disabled > i.ps.ps-menu-mypage {
  background-position: 0 0 !important;
}
i.ps.ps-menu-logout {
  background: url("/s/img/icon-menu-logout-7f8a512a481178463ba22c813efbadd6.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
  margin-bottom: calc(-1px);
}
i.ps.ps-menu-logout.ps-fix,
i.ps.ps-menu-logout.ps-fix.active,
.active > i.ps.ps-menu-logout.ps-fix,
a:active > i.ps.ps-menu-logout.ps-fix,
button:active > i.ps.ps-menu-logout.ps-fix {
  background: url("/s/img/icon-menu-logout-7f8a512a481178463ba22c813efbadd6.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-menu-logout {
  background-image: url("/s/img/icon-menu-logout@2x-633417fea8dc679ff409549d549460d8.png");
}
body.triple i.ps.ps-menu-logout {
  background-image: url("/s/img/icon-menu-logout@3x-ac20ef00ffd57c07e9d762b3ce5384f9.png");
}
body.svg i.ps.ps-menu-logout {
  background-image: url("/s/img/icon-menu-logout-4bfaa28724424f700dd5390bdfef2515.svg");
}
i.ps:hover.ps-menu-logout,
a:hover > i.ps.ps-menu-logout,
button:hover > i.ps.ps-menu-logout {
  background-position: calc(48px / 3 * -1) 0;
}
i.ps.active.ps-menu-logout,
.active i.ps.ps-menu-logout,
a:active > i.ps.ps-menu-logout,
button:active > i.ps.ps-menu-logout {
  background-position: calc(48px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-menu-logout,
a:disabled > i.ps.ps-menu-logout,
button:disabled > i.ps.ps-menu-logout {
  background-position: 0 0 !important;
}
i.ps.ps-menu-preset {
  background: url("/s/img/icon-menu-preset-67625ee313e355fedae28a8a7bbf25d7.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
  margin-bottom: calc(-1px);
}
i.ps.ps-menu-preset.ps-fix,
i.ps.ps-menu-preset.ps-fix.active,
.active > i.ps.ps-menu-preset.ps-fix,
a:active > i.ps.ps-menu-preset.ps-fix,
button:active > i.ps.ps-menu-preset.ps-fix {
  background: url("/s/img/icon-menu-preset-67625ee313e355fedae28a8a7bbf25d7.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-menu-preset {
  background-image: url("/s/img/icon-menu-preset@2x-e3c11172e55e143daa1886d16d6ffc3b.png");
}
body.triple i.ps.ps-menu-preset {
  background-image: url("/s/img/icon-menu-preset@3x-a1d7b58c933411e66f509dfb4910903b.png");
}
body.svg i.ps.ps-menu-preset {
  background-image: url("/s/img/icon-menu-preset-107b7238921661c89a582e77ba50ee71.svg");
}
i.ps:hover.ps-menu-preset,
a:hover > i.ps.ps-menu-preset,
button:hover > i.ps.ps-menu-preset {
  background-position: calc(48px / 3 * -1) 0;
}
i.ps.active.ps-menu-preset,
.active i.ps.ps-menu-preset,
a:active > i.ps.ps-menu-preset,
button:active > i.ps.ps-menu-preset {
  background-position: calc(48px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-menu-preset,
a:disabled > i.ps.ps-menu-preset,
button:disabled > i.ps.ps-menu-preset {
  background-position: 0 0 !important;
}
i.ps.ps-hamburger {
  background: url("/s/img/icon-hamburger-1962a9ff41fee54ede6b3bbb2a90204b.png") 0 0 no-repeat;
  background-size: 54px 16px;
  width: calc(54px / 3);
  height: 16px;
}
i.ps.ps-hamburger.ps-fix,
i.ps.ps-hamburger.ps-fix.active,
.active > i.ps.ps-hamburger.ps-fix,
a:active > i.ps.ps-hamburger.ps-fix,
button:active > i.ps.ps-hamburger.ps-fix {
  background: url("/s/img/icon-hamburger-1962a9ff41fee54ede6b3bbb2a90204b.png") 0 0 no-repeat !important;
  background-size: 54px 16px !important;
  width: calc(54px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-hamburger {
  background-image: url("/s/img/icon-hamburger@2x-a9d1275b39f978435a319ead8d667531.png");
}
body.triple i.ps.ps-hamburger {
  background-image: url("/s/img/icon-hamburger@3x-e50edd705a910c4ace206c73cbf09c6f.png");
}
body.svg i.ps.ps-hamburger {
  background-image: url("/s/img/icon-hamburger-7bfca9c3378ec74f6add72414f4ab024.svg");
}
i.ps:hover.ps-hamburger,
a:hover > i.ps.ps-hamburger,
button:hover > i.ps.ps-hamburger {
  background-position: calc(54px / 3 * -1) 0;
}
i.ps.active.ps-hamburger,
.active i.ps.ps-hamburger,
a:active > i.ps.ps-hamburger,
button:active > i.ps.ps-hamburger {
  background-position: calc(54px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-hamburger,
a:disabled > i.ps.ps-hamburger,
button:disabled > i.ps.ps-hamburger {
  background-position: 0 0 !important;
}
i.ps.ps-notification {
  background: url("/s/img/icon-notification-963feec4ad8f82b2139a9a7c6b045233.png") 0 0 no-repeat;
  background-size: 66px 20px;
  width: calc(66px / 3);
  height: 20px;
}
i.ps.ps-notification.ps-fix,
i.ps.ps-notification.ps-fix.active,
.active > i.ps.ps-notification.ps-fix,
a:active > i.ps.ps-notification.ps-fix,
button:active > i.ps.ps-notification.ps-fix {
  background: url("/s/img/icon-notification-963feec4ad8f82b2139a9a7c6b045233.png") 0 0 no-repeat !important;
  background-size: 66px 20px !important;
  width: calc(66px / 3) !important;
  height: 20px !important;
}
body.double i.ps.ps-notification {
  background-image: url("/s/img/icon-notification@2x-1b4d01d86bbc0e44adeaef848cdd4781.png");
}
body.triple i.ps.ps-notification {
  background-image: url("/s/img/icon-notification@3x-c5e649d52d5c787d029291a29776d2bd.png");
}
body.svg i.ps.ps-notification {
  background-image: url("/s/img/icon-notification-edcd236c302811678d2a5bf30df71b8c.svg");
}
i.ps:hover.ps-notification,
a:hover > i.ps.ps-notification,
button:hover > i.ps.ps-notification {
  background-position: calc(66px / 3 * -1) 0;
}
i.ps.active.ps-notification,
.active i.ps.ps-notification,
a:active > i.ps.ps-notification,
button:active > i.ps.ps-notification {
  background-position: calc(66px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-notification,
a:disabled > i.ps.ps-notification,
button:disabled > i.ps.ps-notification {
  background-position: 0 0 !important;
}
i.ps.ps-down-open {
  background: url("/s/img/icon-down-open-375d203cf984a3f838cf22804bb5308d.png") 0 0 no-repeat;
  background-size: 8px 4px;
  width: 8px;
  height: 4px;
}
i.ps.ps-down-open.ps-fix,
i.ps.ps-down-open.ps-fix.active,
.active > i.ps.ps-down-open.ps-fix,
a:active > i.ps.ps-down-open.ps-fix,
button:active > i.ps.ps-down-open.ps-fix {
  background: url("/s/img/icon-down-open-375d203cf984a3f838cf22804bb5308d.png") 0 0 no-repeat !important;
  background-size: 8px 4px !important;
  width: 8px !important;
  height: 4px !important;
}
body.double i.ps.ps-down-open {
  background-image: url("/s/img/icon-down-open@2x-d64a2a68c3f1dcf69b879cd7adc92f75.png");
}
body.triple i.ps.ps-down-open {
  background-image: url("/s/img/icon-down-open@3x-3c09fd805edfdf352ac4698c089dffed.png");
}
body.svg i.ps.ps-down-open {
  background-image: url("/s/img/icon-down-open-095c7f135022c223a5dafa9658aa7cbd.svg");
}
i.ps.ps-left-open {
  background: url("/s/img/icon-left-open-bd500677c6cc4ec3826169238babb32e.png") 0 0 no-repeat;
  background-size: 6px 10px;
  width: 6px;
  height: 10px;
}
i.ps.ps-left-open.ps-fix,
i.ps.ps-left-open.ps-fix.active,
.active > i.ps.ps-left-open.ps-fix,
a:active > i.ps.ps-left-open.ps-fix,
button:active > i.ps.ps-left-open.ps-fix {
  background: url("/s/img/icon-left-open-bd500677c6cc4ec3826169238babb32e.png") 0 0 no-repeat !important;
  background-size: 6px 10px !important;
  width: 6px !important;
  height: 10px !important;
}
body.double i.ps.ps-left-open {
  background-image: url("/s/img/icon-left-open@2x-cc163479c61eb511922ebd9b8b51614a.png");
}
body.triple i.ps.ps-left-open {
  background-image: url("/s/img/icon-left-open@3x-d3c8cc1b8c426ba194fe15c9ab395b82.png");
}
body.svg i.ps.ps-left-open {
  background-image: url("/s/img/icon-left-open-616905e9ba74afa961a9e9001074d3c4.svg");
}
i.ps.ps-right-open {
  background: url("/s/img/icon-right-open-faa78432cd49aa839d4e555b52961ba3.png") 0 0 no-repeat;
  background-size: 6px 10px;
  width: 6px;
  height: 10px;
}
i.ps.ps-right-open.ps-fix,
i.ps.ps-right-open.ps-fix.active,
.active > i.ps.ps-right-open.ps-fix,
a:active > i.ps.ps-right-open.ps-fix,
button:active > i.ps.ps-right-open.ps-fix {
  background: url("/s/img/icon-right-open-faa78432cd49aa839d4e555b52961ba3.png") 0 0 no-repeat !important;
  background-size: 6px 10px !important;
  width: 6px !important;
  height: 10px !important;
}
body.double i.ps.ps-right-open {
  background-image: url("/s/img/icon-right-open@2x-f5976f28f65358bc409cd75db0285f47.png");
}
body.triple i.ps.ps-right-open {
  background-image: url("/s/img/icon-right-open@3x-357aefc597fb1804d131a58f9a4f82db.png");
}
body.svg i.ps.ps-right-open {
  background-image: url("/s/img/icon-right-open-45cdf6dee2024d9fe7e482f6d8b78243.svg");
}
i.ps.ps-plus {
  background: url("/s/img/icon-plus-4fcc166d4d96412e7e1dc5968e37b70d.png") 0 0 no-repeat;
  background-size: 36px 12px;
  width: calc(36px / 3);
  height: 12px;
  margin-bottom: calc(--1px);
}
i.ps.ps-plus.ps-fix,
i.ps.ps-plus.ps-fix.active,
.active > i.ps.ps-plus.ps-fix,
a:active > i.ps.ps-plus.ps-fix,
button:active > i.ps.ps-plus.ps-fix {
  background: url("/s/img/icon-plus-4fcc166d4d96412e7e1dc5968e37b70d.png") 0 0 no-repeat !important;
  background-size: 36px 12px !important;
  width: calc(36px / 3) !important;
  height: 12px !important;
}
body.double i.ps.ps-plus {
  background-image: url("/s/img/icon-plus@2x-7aecca1cb6f798e4a91013bec3c6b802.png");
}
body.triple i.ps.ps-plus {
  background-image: url("/s/img/icon-plus@3x-d2e7e40f4dd77c46e60005828f964d1a.png");
}
body.svg i.ps.ps-plus {
  background-image: url("/s/img/icon-plus-efd77c4c31d94784b0225b13e35cc642.svg");
}
i.ps:hover.ps-plus,
a:hover > i.ps.ps-plus,
button:hover > i.ps.ps-plus {
  background-position: calc(36px / 3 * -1) 0;
}
i.ps.active.ps-plus,
.active i.ps.ps-plus,
a:active > i.ps.ps-plus,
button:active > i.ps.ps-plus {
  background-position: calc(36px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-plus,
a:disabled > i.ps.ps-plus,
button:disabled > i.ps.ps-plus {
  background-position: 0 0 !important;
}
i.ps.ps-down-triangle {
  background: url("/s/img/icon-down-triangle-76f03c16d348016ef9a21113612e2b7b.png") 0 0 no-repeat;
  background-size: 30px 5px;
  width: calc(30px / 3);
  height: 5px;
}
i.ps.ps-down-triangle.ps-fix,
i.ps.ps-down-triangle.ps-fix.active,
.active > i.ps.ps-down-triangle.ps-fix,
a:active > i.ps.ps-down-triangle.ps-fix,
button:active > i.ps.ps-down-triangle.ps-fix {
  background: url("/s/img/icon-down-triangle-76f03c16d348016ef9a21113612e2b7b.png") 0 0 no-repeat !important;
  background-size: 30px 5px !important;
  width: calc(30px / 3) !important;
  height: 5px !important;
}
body.double i.ps.ps-down-triangle {
  background-image: url("/s/img/icon-down-triangle@2x-7d2942e4adfb1d6e2dc7e81525185aa9.png");
}
body.triple i.ps.ps-down-triangle {
  background-image: url("/s/img/icon-down-triangle@3x-24d187a55f5b4f4f18b6d1d775c06f1c.png");
}
body.svg i.ps.ps-down-triangle {
  background-image: url("/s/img/icon-down-triangle-c6709da9f6234145a5352a7b7edaa253.svg");
}
i.ps:hover.ps-down-triangle,
a:hover > i.ps.ps-down-triangle,
button:hover > i.ps.ps-down-triangle {
  background-position: calc(30px / 3 * -1) 0;
}
i.ps.active.ps-down-triangle,
.active i.ps.ps-down-triangle,
a:active > i.ps.ps-down-triangle,
button:active > i.ps.ps-down-triangle {
  background-position: calc(30px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-down-triangle,
a:disabled > i.ps.ps-down-triangle,
button:disabled > i.ps.ps-down-triangle {
  background-position: 0 0 !important;
}
i.ps.ps-folder {
  background: url("/s/img/icon-folder-48010549d71a02630b434755e7e1c27f.png") 0 0 no-repeat;
  background-size: 60px 16px;
  width: calc(60px / 3);
  height: 16px;
}
i.ps.ps-folder.ps-fix,
i.ps.ps-folder.ps-fix.active,
.active > i.ps.ps-folder.ps-fix,
a:active > i.ps.ps-folder.ps-fix,
button:active > i.ps.ps-folder.ps-fix {
  background: url("/s/img/icon-folder-48010549d71a02630b434755e7e1c27f.png") 0 0 no-repeat !important;
  background-size: 60px 16px !important;
  width: calc(60px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-folder {
  background-image: url("/s/img/icon-folder@2x-6783c6633c709505900336f0277aed51.png");
}
body.triple i.ps.ps-folder {
  background-image: url("/s/img/icon-folder@3x-d4a2929ceea3f0a24a8049bd209e2fa7.png");
}
body.svg i.ps.ps-folder {
  background-image: url("/s/img/icon-folder-89c109c92d28095c43c747968b0e15df.svg");
}
i.ps:hover.ps-folder,
a:hover > i.ps.ps-folder,
button:hover > i.ps.ps-folder {
  background-position: calc(60px / 3 * -1) 0;
}
i.ps.active.ps-folder,
.active i.ps.ps-folder,
a:active > i.ps.ps-folder,
button:active > i.ps.ps-folder {
  background-position: calc(60px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-folder,
a:disabled > i.ps.ps-folder,
button:disabled > i.ps.ps-folder {
  background-position: 0 0 !important;
}
i.ps.ps-folder-small {
  background: url("/s/img/icon-folder-small-77458fa1904ae6f4aa2b040d0ad6ac4c.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
  margin-bottom: calc(-1px);
}
i.ps.ps-folder-small.ps-fix,
i.ps.ps-folder-small.ps-fix.active,
.active > i.ps.ps-folder-small.ps-fix,
a:active > i.ps.ps-folder-small.ps-fix,
button:active > i.ps.ps-folder-small.ps-fix {
  background: url("/s/img/icon-folder-small-77458fa1904ae6f4aa2b040d0ad6ac4c.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-folder-small {
  background-image: url("/s/img/icon-folder-small@2x-7e3375805dee50c4e32cc6641bc6ee4d.png");
}
body.triple i.ps.ps-folder-small {
  background-image: url("/s/img/icon-folder-small@3x-5ac8befd41e1eb98e421a13c3b232680.png");
}
body.svg i.ps.ps-folder-small {
  background-image: url("/s/img/icon-folder-small-2678426935d8e917719aae76811f940d.svg");
}
i.ps:hover.ps-folder-small,
a:hover > i.ps.ps-folder-small,
button:hover > i.ps.ps-folder-small {
  background-position: calc(48px / 3 * -1) 0;
}
i.ps.active.ps-folder-small,
.active i.ps.ps-folder-small,
a:active > i.ps.ps-folder-small,
button:active > i.ps.ps-folder-small {
  background-position: calc(48px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-folder-small,
a:disabled > i.ps.ps-folder-small,
button:disabled > i.ps.ps-folder-small {
  background-position: 0 0 !important;
}
i.ps.ps-foldercell-normal {
  background: url("/s/img/icon-foldercell-normal-12568fad586ecfc57f3b77670d283dee.png") 0 0 no-repeat;
  background-size: 20px 18px;
  width: 20px;
  height: 18px;
}
i.ps.ps-foldercell-normal.ps-fix,
i.ps.ps-foldercell-normal.ps-fix.active,
.active > i.ps.ps-foldercell-normal.ps-fix,
a:active > i.ps.ps-foldercell-normal.ps-fix,
button:active > i.ps.ps-foldercell-normal.ps-fix {
  background: url("/s/img/icon-foldercell-normal-12568fad586ecfc57f3b77670d283dee.png") 0 0 no-repeat !important;
  background-size: 20px 18px !important;
  width: 20px !important;
  height: 18px !important;
}
body.double i.ps.ps-foldercell-normal {
  background-image: url("/s/img/icon-foldercell-normal@2x-242544f6b9181c81768912a378bdf7a8.png");
}
body.triple i.ps.ps-foldercell-normal {
  background-image: url("/s/img/icon-foldercell-normal@3x-bb877d973c6a604e9c8f1f25e9a53592.png");
}
body.svg i.ps.ps-foldercell-normal {
  background-image: url("/s/img/icon-foldercell-normal-673f511de22b71a687792012fe43f37b.svg");
}
i.ps.ps-foldercell-share {
  background: url("/s/img/icon-foldercell-share-54411834a2f87a928f630dabaeee9b7c.png") 0 0 no-repeat;
  background-size: 23px 18px;
  width: 23px;
  height: 18px;
}
i.ps.ps-foldercell-share.ps-fix,
i.ps.ps-foldercell-share.ps-fix.active,
.active > i.ps.ps-foldercell-share.ps-fix,
a:active > i.ps.ps-foldercell-share.ps-fix,
button:active > i.ps.ps-foldercell-share.ps-fix {
  background: url("/s/img/icon-foldercell-share-54411834a2f87a928f630dabaeee9b7c.png") 0 0 no-repeat !important;
  background-size: 23px 18px !important;
  width: 23px !important;
  height: 18px !important;
}
body.double i.ps.ps-foldercell-share {
  background-image: url("/s/img/icon-foldercell-share@2x-848b319e764f158e1348932117dac930.png");
}
body.triple i.ps.ps-foldercell-share {
  background-image: url("/s/img/icon-foldercell-share@3x-dfb55f195abd87e6e4f335083f6b1800.png");
}
body.svg i.ps.ps-foldercell-share {
  background-image: url("/s/img/icon-foldercell-share-43cdc1e2d05f70e04d22251c0d525610.svg");
}
i.ps.ps-graph {
  background: url("/s/img/icon-graph-a3206aa1000a7337192534abfd2cc5d9.png") 0 0 no-repeat;
  background-size: 60px 16px;
  width: calc(60px / 3);
  height: 16px;
}
i.ps.ps-graph.ps-fix,
i.ps.ps-graph.ps-fix.active,
.active > i.ps.ps-graph.ps-fix,
a:active > i.ps.ps-graph.ps-fix,
button:active > i.ps.ps-graph.ps-fix {
  background: url("/s/img/icon-graph-a3206aa1000a7337192534abfd2cc5d9.png") 0 0 no-repeat !important;
  background-size: 60px 16px !important;
  width: calc(60px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-graph {
  background-image: url("/s/img/icon-graph@2x-607b395eea0685387d473ca279c1a84b.png");
}
body.triple i.ps.ps-graph {
  background-image: url("/s/img/icon-graph@3x-9ff201e2cfe9305b1e1873fe3be814d0.png");
}
body.svg i.ps.ps-graph {
  background-image: url("/s/img/icon-graph-b50b21c66f0dd5ba64860d64e2a6729b.svg");
}
i.ps:hover.ps-graph,
a:hover > i.ps.ps-graph,
button:hover > i.ps.ps-graph {
  background-position: calc(60px / 3 * -1) 0;
}
i.ps.active.ps-graph,
.active i.ps.ps-graph,
a:active > i.ps.ps-graph,
button:active > i.ps.ps-graph {
  background-position: calc(60px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-graph,
a:disabled > i.ps.ps-graph,
button:disabled > i.ps.ps-graph {
  background-position: 0 0 !important;
}
i.ps.ps-graph-small {
  background: url("/s/img/icon-graph-small-8ee27a7b6cd062f008bbc5ad71c9a949.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
  margin-bottom: calc(-1px);
}
i.ps.ps-graph-small.ps-fix,
i.ps.ps-graph-small.ps-fix.active,
.active > i.ps.ps-graph-small.ps-fix,
a:active > i.ps.ps-graph-small.ps-fix,
button:active > i.ps.ps-graph-small.ps-fix {
  background: url("/s/img/icon-graph-small-8ee27a7b6cd062f008bbc5ad71c9a949.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-graph-small {
  background-image: url("/s/img/icon-graph-small@2x-69b635c8f47df94ec3707ecc972f22bd.png");
}
body.triple i.ps.ps-graph-small {
  background-image: url("/s/img/icon-graph-small@3x-59cffc9bc8498e9ba22e6b48b8844a74.png");
}
body.svg i.ps.ps-graph-small {
  background-image: url("/s/img/icon-graph-small-239b9e650c60a9ffd81ddc649b39cff9.svg");
}
i.ps:hover.ps-graph-small,
a:hover > i.ps.ps-graph-small,
button:hover > i.ps.ps-graph-small {
  background-position: calc(48px / 3 * -1) 0;
}
i.ps.active.ps-graph-small,
.active i.ps.ps-graph-small,
a:active > i.ps.ps-graph-small,
button:active > i.ps.ps-graph-small {
  background-position: calc(48px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-graph-small,
a:disabled > i.ps.ps-graph-small,
button:disabled > i.ps.ps-graph-small {
  background-position: 0 0 !important;
}
i.ps.ps-download {
  background: url("/s/img/icon-download-924845ba8e59b5e633654eacc17c52e6.png") 0 0 no-repeat;
  background-size: 60px 18px;
  width: calc(60px / 3);
  height: 18px;
}
i.ps.ps-download.ps-fix,
i.ps.ps-download.ps-fix.active,
.active > i.ps.ps-download.ps-fix,
a:active > i.ps.ps-download.ps-fix,
button:active > i.ps.ps-download.ps-fix {
  background: url("/s/img/icon-download-924845ba8e59b5e633654eacc17c52e6.png") 0 0 no-repeat !important;
  background-size: 60px 18px !important;
  width: calc(60px / 3) !important;
  height: 18px !important;
}
body.double i.ps.ps-download {
  background-image: url("/s/img/icon-download@2x-ee94b8273358d10f5b0afff24e28b237.png");
}
body.triple i.ps.ps-download {
  background-image: url("/s/img/icon-download@3x-43c0b12cd186a177398c0a6d7cb5bd89.png");
}
body.svg i.ps.ps-download {
  background-image: url("/s/img/icon-download-3cd93484ba7675260cf1c8c8fd555695.svg");
}
i.ps:hover.ps-download,
a:hover > i.ps.ps-download,
button:hover > i.ps.ps-download {
  background-position: calc(60px / 3 * -1) 0;
}
i.ps.active.ps-download,
.active i.ps.ps-download,
a:active > i.ps.ps-download,
button:active > i.ps.ps-download {
  background-position: calc(60px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-download,
a:disabled > i.ps.ps-download,
button:disabled > i.ps.ps-download {
  background-position: 0 0 !important;
}
i.ps.ps-search {
  background: url("/s/img/icon-search-639ee829ce275d6e30c740e4510f6344.png") 0 0 no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
i.ps.ps-search.ps-fix,
i.ps.ps-search.ps-fix.active,
.active > i.ps.ps-search.ps-fix,
a:active > i.ps.ps-search.ps-fix,
button:active > i.ps.ps-search.ps-fix {
  background: url("/s/img/icon-search-639ee829ce275d6e30c740e4510f6344.png") 0 0 no-repeat !important;
  background-size: 16px 16px !important;
  width: 16px !important;
  height: 16px !important;
}
body.double i.ps.ps-search {
  background-image: url("/s/img/icon-search@2x-21a8e761c25ee68ce2b3716f7a62c61f.png");
}
body.triple i.ps.ps-search {
  background-image: url("/s/img/icon-search@3x-a05f69b229233935ac12d0be63e0334e.png");
}
body.svg i.ps.ps-search {
  background-image: url("/s/img/icon-search-60a269167734a4ef995e2bbd9f5fc4ba.svg");
}
i.ps.ps-user {
  background: url("/s/img/icon-user-0484887254266a985058e2bdef6e2bdf.png") 0 0 no-repeat;
  background-size: 20px 18px;
  width: 20px;
  height: 18px;
}
i.ps.ps-user.ps-fix,
i.ps.ps-user.ps-fix.active,
.active > i.ps.ps-user.ps-fix,
a:active > i.ps.ps-user.ps-fix,
button:active > i.ps.ps-user.ps-fix {
  background: url("/s/img/icon-user-0484887254266a985058e2bdef6e2bdf.png") 0 0 no-repeat !important;
  background-size: 20px 18px !important;
  width: 20px !important;
  height: 18px !important;
}
body.double i.ps.ps-user {
  background-image: url("/s/img/icon-user@2x-2ca45f1edf7830914e82315756cab17d.png");
}
body.triple i.ps.ps-user {
  background-image: url("/s/img/icon-user@3x-c8defa7a538015de23599a8da7cbac64.png");
}
body.svg i.ps.ps-user {
  background-image: url("/s/img/icon-user-3cbdae15b7fdda297823f926cec4c183.svg");
}
i.ps.ps-info {
  background: url("/s/img/icon-info-dd14af28e03409a72998f861bbc6ac6e.png") 0 0 no-repeat;
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
}
i.ps.ps-info.ps-fix,
i.ps.ps-info.ps-fix.active,
.active > i.ps.ps-info.ps-fix,
a:active > i.ps.ps-info.ps-fix,
button:active > i.ps.ps-info.ps-fix {
  background: url("/s/img/icon-info-dd14af28e03409a72998f861bbc6ac6e.png") 0 0 no-repeat !important;
  background-size: 18px 18px !important;
  width: 18px !important;
  height: 18px !important;
}
body.double i.ps.ps-info {
  background-image: url("/s/img/icon-info@2x-81dfa403aa2e2832523d0735e3d6f8d9.png");
}
body.triple i.ps.ps-info {
  background-image: url("/s/img/icon-info@3x-3f33b90631293d4c8e01f4cdad9ea035.png");
}
body.svg i.ps.ps-info {
  background-image: url("/s/img/icon-info-dc8a913eba040300b61986054ef2c7ad.svg");
}
i.ps.ps-leave {
  background: url("/s/img/icon-leave-277776ce52370d05c8ca1f9dbf39cede.png") 0 0 no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
}
i.ps.ps-leave.ps-fix,
i.ps.ps-leave.ps-fix.active,
.active > i.ps.ps-leave.ps-fix,
a:active > i.ps.ps-leave.ps-fix,
button:active > i.ps.ps-leave.ps-fix {
  background: url("/s/img/icon-leave-277776ce52370d05c8ca1f9dbf39cede.png") 0 0 no-repeat !important;
  background-size: 12px 12px !important;
  width: 12px !important;
  height: 12px !important;
}
body.double i.ps.ps-leave {
  background-image: url("/s/img/icon-leave@2x-ef5f3183a95a5853fd4ea8d377b64f14.png");
}
body.triple i.ps.ps-leave {
  background-image: url("/s/img/icon-leave@3x-58204979a1d3aa52aa0515d0d711aa56.png");
}
body.svg i.ps.ps-leave {
  background-image: url("/s/img/icon-leave-5c83328491d397ddbe18bad243ae0427.svg");
}
i.ps.ps-close {
  background: url("/s/img/icon-close-45712a1933ead9f240591ac2ca02a180.png") 0 0 no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
i.ps.ps-close.ps-fix,
i.ps.ps-close.ps-fix.active,
.active > i.ps.ps-close.ps-fix,
a:active > i.ps.ps-close.ps-fix,
button:active > i.ps.ps-close.ps-fix {
  background: url("/s/img/icon-close-45712a1933ead9f240591ac2ca02a180.png") 0 0 no-repeat !important;
  background-size: 16px 16px !important;
  width: 16px !important;
  height: 16px !important;
}
body.double i.ps.ps-close {
  background-image: url("/s/img/icon-close@2x-7bcca62bf150610b495fb6dd7f269d64.png");
}
body.triple i.ps.ps-close {
  background-image: url("/s/img/icon-close@3x-ae8cb27cae73365ebc55ed48c6650867.png");
}
body.svg i.ps.ps-close {
  background-image: url("/s/img/icon-close-2d1ef20caf4165ea93365d7f2f2a6e94.svg");
}
i.ps.ps-share {
  background: url("/s/img/icon-share-c629b7efc730f97fe231e0d146a98fb1.png") 0 0 no-repeat;
  background-size: 36px 12px;
  width: calc(36px / 3);
  height: 12px;
}
i.ps.ps-share.ps-fix,
i.ps.ps-share.ps-fix.active,
.active > i.ps.ps-share.ps-fix,
a:active > i.ps.ps-share.ps-fix,
button:active > i.ps.ps-share.ps-fix {
  background: url("/s/img/icon-share-c629b7efc730f97fe231e0d146a98fb1.png") 0 0 no-repeat !important;
  background-size: 36px 12px !important;
  width: calc(36px / 3) !important;
  height: 12px !important;
}
body.double i.ps.ps-share {
  background-image: url("/s/img/icon-share@2x-249f41bd9d076f3338d0a13d096246f2.png");
}
body.triple i.ps.ps-share {
  background-image: url("/s/img/icon-share@3x-789cf13af573f9694caffdd92a9db6e3.png");
}
body.svg i.ps.ps-share {
  background-image: url("/s/img/icon-share-61e8ce4cf8e11d8b5b7594a363afcab5.svg");
}
i.ps:hover.ps-share,
a:hover > i.ps.ps-share,
button:hover > i.ps.ps-share {
  background-position: calc(36px / 3 * -1) 0;
}
i.ps.active.ps-share,
.active i.ps.ps-share,
a:active > i.ps.ps-share,
button:active > i.ps.ps-share {
  background-position: calc(36px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-share,
a:disabled > i.ps.ps-share,
button:disabled > i.ps.ps-share {
  background-position: 0 0 !important;
}
i.ps.ps-modify {
  background: url("/s/img/icon-modify-18610f89dd413bc9a96123c391bb34a7.png") 0 0 no-repeat;
  background-size: 42px 14px;
  width: calc(42px / 3);
  height: 14px;
}
i.ps.ps-modify.ps-fix,
i.ps.ps-modify.ps-fix.active,
.active > i.ps.ps-modify.ps-fix,
a:active > i.ps.ps-modify.ps-fix,
button:active > i.ps.ps-modify.ps-fix {
  background: url("/s/img/icon-modify-18610f89dd413bc9a96123c391bb34a7.png") 0 0 no-repeat !important;
  background-size: 42px 14px !important;
  width: calc(42px / 3) !important;
  height: 14px !important;
}
body.double i.ps.ps-modify {
  background-image: url("/s/img/icon-modify@2x-3a3f0a20779b9f7e2c2a1beb98c6c21e.png");
}
body.triple i.ps.ps-modify {
  background-image: url("/s/img/icon-modify@3x-508eb67744af318faf141da6cac670c6.png");
}
body.svg i.ps.ps-modify {
  background-image: url("/s/img/icon-modify-47644d37fc45077f38a97711d41a9124.svg");
}
i.ps:hover.ps-modify,
a:hover > i.ps.ps-modify,
button:hover > i.ps.ps-modify {
  background-position: calc(42px / 3 * -1) 0;
}
i.ps.active.ps-modify,
.active i.ps.ps-modify,
a:active > i.ps.ps-modify,
button:active > i.ps.ps-modify {
  background-position: calc(42px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-modify,
a:disabled > i.ps.ps-modify,
button:disabled > i.ps.ps-modify {
  background-position: 0 0 !important;
}
i.ps.ps-comment {
  background: url("/s/img/icon-comment-6f8c417f80c06f5430ae6cd4d97bb7fe.png") 0 0 no-repeat;
  background-size: 42px 14px;
  width: calc(42px / 3);
  height: 14px;
}
i.ps.ps-comment.ps-fix,
i.ps.ps-comment.ps-fix.active,
.active > i.ps.ps-comment.ps-fix,
a:active > i.ps.ps-comment.ps-fix,
button:active > i.ps.ps-comment.ps-fix {
  background: url("/s/img/icon-comment-6f8c417f80c06f5430ae6cd4d97bb7fe.png") 0 0 no-repeat !important;
  background-size: 42px 14px !important;
  width: calc(42px / 3) !important;
  height: 14px !important;
}
body.double i.ps.ps-comment {
  background-image: url("/s/img/icon-comment@2x-ddf848b44dba529d8372a2924217fdb6.png");
}
body.triple i.ps.ps-comment {
  background-image: url("/s/img/icon-comment@3x-8cb051701473fb089f045786b2f66fe7.png");
}
body.svg i.ps.ps-comment {
  background-image: url("/s/img/icon-comment-f55945715f39bb4de4a98b0cb2d6f0d9.svg");
}
i.ps:hover.ps-comment,
a:hover > i.ps.ps-comment,
button:hover > i.ps.ps-comment {
  background-position: calc(42px / 3 * -1) 0;
}
i.ps.active.ps-comment,
.active i.ps.ps-comment,
a:active > i.ps.ps-comment,
button:active > i.ps.ps-comment {
  background-position: calc(42px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-comment,
a:disabled > i.ps.ps-comment,
button:disabled > i.ps.ps-comment {
  background-position: 0 0 !important;
}
i.ps.ps-delete {
  background: url("/s/img/icon-delete-38db020539d527d5682a43b6c212c3b8.png") 0 0 no-repeat;
  background-size: 36px 16px;
  width: calc(36px / 3);
  height: 16px;
}
i.ps.ps-delete.ps-fix,
i.ps.ps-delete.ps-fix.active,
.active > i.ps.ps-delete.ps-fix,
a:active > i.ps.ps-delete.ps-fix,
button:active > i.ps.ps-delete.ps-fix {
  background: url("/s/img/icon-delete-38db020539d527d5682a43b6c212c3b8.png") 0 0 no-repeat !important;
  background-size: 36px 16px !important;
  width: calc(36px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-delete {
  background-image: url("/s/img/icon-delete@2x-e0d78ff0989c6c329a750b05cd36df0d.png");
}
body.triple i.ps.ps-delete {
  background-image: url("/s/img/icon-delete@3x-2f64b66e5450bb8cf611ef26e087bba9.png");
}
body.svg i.ps.ps-delete {
  background-image: url("/s/img/icon-delete-1f031ec999fa668b6af8f128d483fffa.svg");
}
i.ps:hover.ps-delete,
a:hover > i.ps.ps-delete,
button:hover > i.ps.ps-delete {
  background-position: calc(36px / 3 * -1) 0;
}
i.ps.active.ps-delete,
.active i.ps.ps-delete,
a:active > i.ps.ps-delete,
button:active > i.ps.ps-delete {
  background-position: calc(36px / 3 * -2) 0 !important;
}
i.ps:disabled.ps-delete,
a:disabled > i.ps.ps-delete,
button:disabled > i.ps.ps-delete {
  background-position: 0 0 !important;
}
i.ps.ps-input-bag {
  background: url("/s/img/icon-input-bag-a5082634d6ac54cd2aa0733644f6df06.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
}
i.ps.ps-input-bag.ps-fix,
i.ps.ps-input-bag.ps-fix.active,
.active > i.ps.ps-input-bag.ps-fix,
a:active > i.ps.ps-input-bag.ps-fix,
button:active > i.ps.ps-input-bag.ps-fix {
  background: url("/s/img/icon-input-bag-a5082634d6ac54cd2aa0733644f6df06.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-input-bag {
  background-image: url("/s/img/icon-input-bag@2x-ea4f114e602585662dcf813bb4f8ecbc.png");
}
body.triple i.ps.ps-input-bag {
  background-image: url("/s/img/icon-input-bag@3x-cfd91722b0d4545ece5a6b70e73afbbc.png");
}
body.svg i.ps.ps-input-bag {
  background-image: url("/s/img/icon-input-bag-b2fba22c94935804a376147448974e94.svg");
}
i.ps:disabled.ps-input-bag,
a:disabled > i.ps.ps-input-bag,
button:disabled > i.ps.ps-input-bag {
  background-position: 0 0 !important;
}
i.ps.ps-input-company {
  background: url("/s/img/icon-input-company-af67ccb7b399f8dc98f595bd395b9129.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
}
i.ps.ps-input-company.ps-fix,
i.ps.ps-input-company.ps-fix.active,
.active > i.ps.ps-input-company.ps-fix,
a:active > i.ps.ps-input-company.ps-fix,
button:active > i.ps.ps-input-company.ps-fix {
  background: url("/s/img/icon-input-company-af67ccb7b399f8dc98f595bd395b9129.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-input-company {
  background-image: url("/s/img/icon-input-company@2x-44918ea18fd51f321b41c125cae9d5f5.png");
}
body.triple i.ps.ps-input-company {
  background-image: url("/s/img/icon-input-company@3x-5f61e055240b4e32d6d6b93921c9a208.png");
}
body.svg i.ps.ps-input-company {
  background-image: url("/s/img/icon-input-company-2e785a5c504a274d2997b10528d0f9ac.svg");
}
i.ps:disabled.ps-input-company,
a:disabled > i.ps.ps-input-company,
button:disabled > i.ps.ps-input-company {
  background-position: 0 0 !important;
}
i.ps.ps-input-email {
  background: url("/s/img/icon-input-email-39ba4f318ed9890aff1e5a028721bf3b.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
}
i.ps.ps-input-email.ps-fix,
i.ps.ps-input-email.ps-fix.active,
.active > i.ps.ps-input-email.ps-fix,
a:active > i.ps.ps-input-email.ps-fix,
button:active > i.ps.ps-input-email.ps-fix {
  background: url("/s/img/icon-input-email-39ba4f318ed9890aff1e5a028721bf3b.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-input-email {
  background-image: url("/s/img/icon-input-email@2x-4ab56febc95d5ce6a8b400d9263d9de6.png");
}
body.triple i.ps.ps-input-email {
  background-image: url("/s/img/icon-input-email@3x-f10fcaf350960e865b3ecb67850d3cae.png");
}
body.svg i.ps.ps-input-email {
  background-image: url("/s/img/icon-input-email-4343d488c2712936ef115650f9bd70d3.svg");
}
i.ps:disabled.ps-input-email,
a:disabled > i.ps.ps-input-email,
button:disabled > i.ps.ps-input-email {
  background-position: 0 0 !important;
}
i.ps.ps-input-password {
  background: url("/s/img/icon-input-password-497c388b66465f462868190909fac463.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
}
i.ps.ps-input-password.ps-fix,
i.ps.ps-input-password.ps-fix.active,
.active > i.ps.ps-input-password.ps-fix,
a:active > i.ps.ps-input-password.ps-fix,
button:active > i.ps.ps-input-password.ps-fix {
  background: url("/s/img/icon-input-password-497c388b66465f462868190909fac463.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-input-password {
  background-image: url("/s/img/icon-input-password@2x-610275527dbc44e765cb2e041a3f67ad.png");
}
body.triple i.ps.ps-input-password {
  background-image: url("/s/img/icon-input-password@3x-65e4d6d6ec714ad4e11373fb4ffd3f42.png");
}
body.svg i.ps.ps-input-password {
  background-image: url("/s/img/icon-input-password-2eae5414528053d7c419229d87cfb5f6.svg");
}
i.ps:disabled.ps-input-password,
a:disabled > i.ps.ps-input-password,
button:disabled > i.ps.ps-input-password {
  background-position: 0 0 !important;
}
i.ps.ps-input-phone {
  background: url("/s/img/icon-input-phone-6d730e6002d923c8ff1234303bba7c99.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
}
i.ps.ps-input-phone.ps-fix,
i.ps.ps-input-phone.ps-fix.active,
.active > i.ps.ps-input-phone.ps-fix,
a:active > i.ps.ps-input-phone.ps-fix,
button:active > i.ps.ps-input-phone.ps-fix {
  background: url("/s/img/icon-input-phone-6d730e6002d923c8ff1234303bba7c99.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-input-phone {
  background-image: url("/s/img/icon-input-phone@2x-f609703ae8614d5ea1c2e53a47c4ee46.png");
}
body.triple i.ps.ps-input-phone {
  background-image: url("/s/img/icon-input-phone@3x-9392c7f237b74b1d8618b985331244d6.png");
}
body.svg i.ps.ps-input-phone {
  background-image: url("/s/img/icon-input-phone-ac3d2277cdf5ffa5922e9a0ce583cc1d.svg");
}
i.ps:disabled.ps-input-phone,
a:disabled > i.ps.ps-input-phone,
button:disabled > i.ps.ps-input-phone {
  background-position: 0 0 !important;
}
i.ps.ps-input-user {
  background: url("/s/img/icon-input-user-64f887414c7c0e725c841c0b32912077.png") 0 0 no-repeat;
  background-size: 48px 16px;
  width: calc(48px / 3);
  height: 16px;
}
i.ps.ps-input-user.ps-fix,
i.ps.ps-input-user.ps-fix.active,
.active > i.ps.ps-input-user.ps-fix,
a:active > i.ps.ps-input-user.ps-fix,
button:active > i.ps.ps-input-user.ps-fix {
  background: url("/s/img/icon-input-user-64f887414c7c0e725c841c0b32912077.png") 0 0 no-repeat !important;
  background-size: 48px 16px !important;
  width: calc(48px / 3) !important;
  height: 16px !important;
}
body.double i.ps.ps-input-user {
  background-image: url("/s/img/icon-input-user@2x-3a524600e1e8d44896448f91b373cb3f.png");
}
body.triple i.ps.ps-input-user {
  background-image: url("/s/img/icon-input-user@3x-dbbfa8590fe782dcb5f3d43652b0b771.png");
}
body.svg i.ps.ps-input-user {
  background-image: url("/s/img/icon-input-user-79edf9da1bc543ce9265ecfdb9841a66.svg");
}
i.ps:disabled.ps-input-user,
a:disabled > i.ps.ps-input-user,
button:disabled > i.ps.ps-input-user {
  background-position: 0 0 !important;
}
i.ps.ps-lock {
  background: url("/s/img/icon-lock-d412c4a8be69890943b89522a241944b.png") 0 0 no-repeat;
  background-size: 32px 48px;
  width: 32px;
  height: 48px;
}
i.ps.ps-lock.ps-fix,
i.ps.ps-lock.ps-fix.active,
.active > i.ps.ps-lock.ps-fix,
a:active > i.ps.ps-lock.ps-fix,
button:active > i.ps.ps-lock.ps-fix {
  background: url("/s/img/icon-lock-d412c4a8be69890943b89522a241944b.png") 0 0 no-repeat !important;
  background-size: 32px 48px !important;
  width: 32px !important;
  height: 48px !important;
}
body.double i.ps.ps-lock {
  background-image: url("/s/img/icon-lock@2x-1161cf07b11cf118d87196a1d0bff01f.png");
}
body.triple i.ps.ps-lock {
  background-image: url("/s/img/icon-lock@3x-4b9c6fc05d8f4387c4e56a3ae37b1935.png");
}
body.svg i.ps.ps-lock {
  background-image: url("/s/img/icon-lock-d4d1ddc92308a38a0aa6b07aec3c8e2f.svg");
}
i.ps.ps-drag {
  background: url("/s/img/icon-drag-6f630463f087af5860191bafd05f6167.png") 0 0 no-repeat;
  background-size: 10px 6px;
  width: 10px;
  height: 6px;
}
i.ps.ps-drag.ps-fix,
i.ps.ps-drag.ps-fix.active,
.active > i.ps.ps-drag.ps-fix,
a:active > i.ps.ps-drag.ps-fix,
button:active > i.ps.ps-drag.ps-fix {
  background: url("/s/img/icon-drag-6f630463f087af5860191bafd05f6167.png") 0 0 no-repeat !important;
  background-size: 10px 6px !important;
  width: 10px !important;
  height: 6px !important;
}
body.double i.ps.ps-drag {
  background-image: url("/s/img/icon-drag@2x-27683ac855804ba637204324d9e84152.png");
}
body.triple i.ps.ps-drag {
  background-image: url("/s/img/icon-drag@3x-b7d35c57b464dc1999a1ac977ed0c8f3.png");
}
body.svg i.ps.ps-drag {
  background-image: url("/s/img/icon-drag-e8442391057cbfd46853a3032f75cb1d.svg");
}
i.ps.ps-remove {
  background: url("/s/img/icon-remove-0f5fb235ce671e18f66ae26c53490c68.png") 0 0 no-repeat;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
}
i.ps.ps-remove.ps-fix,
i.ps.ps-remove.ps-fix.active,
.active > i.ps.ps-remove.ps-fix,
a:active > i.ps.ps-remove.ps-fix,
button:active > i.ps.ps-remove.ps-fix {
  background: url("/s/img/icon-remove-0f5fb235ce671e18f66ae26c53490c68.png") 0 0 no-repeat !important;
  background-size: 10px 10px !important;
  width: 10px !important;
  height: 10px !important;
}
body.double i.ps.ps-remove {
  background-image: url("/s/img/icon-remove@2x-5c68d00e5c1395be2aa853eec639e9b0.png");
}
body.triple i.ps.ps-remove {
  background-image: url("/s/img/icon-remove@3x-d288a7a94ea91ee9d872b1b1475079cd.png");
}
body.svg i.ps.ps-remove {
  background-image: url("/s/img/icon-remove-f995fa48b204121335ac7c37d41615b7.svg");
}
button {
  margin: 0 0 6px 0;
  padding: 0 12px;
  height: 34px;
  line-height: 34px;
  background-color: #ffffff;
  border: solid 1px #dfe2e3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
button h6 {
  height: 34px;
  line-height: 34px;
  color: #545556;
  text-align: left;
  margin-top: -1px;
  display: inline-block;
  vertical-align: top;
}
button i.far,
button i.fas {
  position: relative;
  color: #545556;
}
button i + h6 {
  margin-left: 6px;
}
button:hover,
button.hover {
  border-color: #1d99f1 !important;
}
button:hover i,
button.hover i,
button:hover h6,
button.hover h6 {
  color: #1d99f1;
}
button:active,
button.active,
button.hover:active,
button.hover.active {
  border-color: #1d99f1 !important;
  background: #1d99f1 !important;
}
button:active i,
button.active i,
button.hover:active i,
button.hover.active i,
button:active h6,
button.active h6,
button.hover:active h6,
button.hover.active h6 {
  color: #ffffff !important;
}
button:disabled,
button[readonly] {
  background: #a5a7a8 !important;
  border-color: #a5a7a8 !important;
}
button:disabled i,
button[readonly] i,
button:disabled h6,
button[readonly] h6 {
  color: #ffffff !important;
}
button.small {
  padding: 0;
  line-height: 40px;
  width: 34px;
  text-align: center;
}
button.text {
  text-align: center;
}
button.tag {
  padding: 0 12px;
  width: auto !important;
  height: 24px;
  line-height: 24px;
}
button.tag h6 {
  height: 24px;
  line-height: 24px;
}
div.checkbox {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
}
div.checkbox > input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
div.checkbox > input[type="checkbox"] + div.state {
  height: 100%;
  padding: 0 10px 0 0;
  text-indent: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.checkbox > input[type="checkbox"] + div.state > label {
  color: #a5a7a8;
}
div.checkbox > input[type="checkbox"] + div.state > label:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 12px;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border: solid 1px #1d99f1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: ' ';
}
div.checkbox > input[type="checkbox"] + div.state > label:after {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 10px;
  height: 10px;
  background-color: #1d99f1;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  content: ' ';
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  -webkit-transform: translateY(-50%) scale(0, 0);
  -moz-transform: translateY(-50%) scale(0, 0);
  -ms-transform: translateY(-50%) scale(0, 0);
  -o-transform: translateY(-50%) scale(0, 0);
  transform: translateY(-50%) scale(0, 0);
}
div.checkbox > input[type="checkbox"]:disabled + div.state > label:before {
  background-color: #eeeeee;
  border: solid 1px #a5a7a8;
}
div.checkbox > input[type="checkbox"]:disabled + div.state > label:after {
  background-color: #a5a7a8;
}
div.checkbox > input[type="checkbox"]:checked + div.state > label:after {
  -webkit-transform: translateY(-50%) scale(1, 1);
  -moz-transform: translateY(-50%) scale(1, 1);
  -ms-transform: translateY(-50%) scale(1, 1);
  -o-transform: translateY(-50%) scale(1, 1);
  transform: translateY(-50%) scale(1, 1);
}
button.combobox {
  position: relative;
  width: 110px;
  padding: 0 30px 6px 16px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
}
button.combobox.large-combobox {
  width: 220px;
}
button.combobox h6 {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
button.combobox i {
  position: absolute;
  width: 10px;
  height: 5px;
  right: 12px;
  top: 13.5px;
}
button.combobox.disabled {
  pointer-events: none;
  background-color: #eeeeee;
}
button.combobox.disabled h6 {
  color: #a5a7a8;
}
div.combobox-select {
  position: absolute;
  margin-top: 8px;
  background: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  z-index: 9999;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  overflow: hidden;
}
div.combobox-select > .combobox-select-wrap {
  height: 100%;
  overflow-y: auto;
}
div.combobox-select > .combobox-select-wrap > div.search {
  position: relative;
  margin: 10px 8px 6px 8px;
}
div.combobox-select > .combobox-select-wrap > div.search > input {
  width: 100%;
  padding-right: 36px;
}
div.combobox-select > .combobox-select-wrap > div.search > input:hover + i {
  opacity: 1;
}
div.combobox-select > .combobox-select-wrap > div.search > input + i {
  position: absolute;
  right: 12px;
  top: 9px;
  opacity: 0.2;
}
div.combobox-select > .combobox-select-wrap > div.item > div:hover {
  background-color: #f3f9fd;
}
body.mobile div.combobox-select > .combobox-select-wrap > div.search {
  display: none;
}
input.hidden-focus-input {
  position: fixed;
  top: -100px;
  left: -100px;
  width: 10px;
  height: 10px;
  opacity: 0;
}
@keyframes shake {
  0%,
  100% {
    transform: translate(0, 0);
  }
  10%,
  90% {
    transform: translate(-1px, 0);
  }
  20%,
  80% {
    transform: translate(2px, 0);
  }
  30%,
  50%,
  70% {
    transform: translate(-4px, 0);
  }
  40%,
  60% {
    transform: translate(4px, 0);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translate(0, 0);
  }
  10%,
  90% {
    -moz-transform: translate(-1px, 0);
  }
  20%,
  80% {
    -moz-transform: translate(2px, 0);
  }
  30%,
  50%,
  70% {
    -moz-transform: translate(-4px, 0);
  }
  40%,
  60% {
    -moz-transform: translate(4px, 0);
  }
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
  }
  10%,
  90% {
    -webkit-transform: translate(-1px, 0);
  }
  20%,
  80% {
    -webkit-transform: translate(2px, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate(-4px, 0);
  }
  40%,
  60% {
    -webkit-transform: translate(4px, 0);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translate(0, 0);
  }
  10%,
  90% {
    -o-transform: translate(-1px, 0);
  }
  20%,
  80% {
    -o-transform: translate(2px, 0);
  }
  30%,
  50%,
  70% {
    -o-transform: translate(-4px, 0);
  }
  40%,
  60% {
    -o-transform: translate(4px, 0);
  }
}
@-ms-keyframes shake {
  0%,
  100% {
    -ms-transform: translate(0, 0);
  }
  10%,
  90% {
    -ms-transform: translate(-1px, 0);
  }
  20%,
  80% {
    -ms-transform: translate(2px, 0);
  }
  30%,
  50%,
  70% {
    -ms-transform: translate(-4px, 0);
  }
  40%,
  60% {
    -ms-transform: translate(4px, 0);
  }
}
input[type="text"]::-webkit-input-placeholder {
  color: #dfe2e3;
}
input[type="text"]:-moz-placeholder {
  /* FF 4-18 */
  color: #dfe2e3;
}
input[type="text"]::-moz-placeholder {
  /* FF 19+ */
  color: #dfe2e3;
}
input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #dfe2e3;
}
input[type="text"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dfe2e3;
}
input[type="email"]::-webkit-input-placeholder {
  color: #dfe2e3;
}
input[type="email"]:-moz-placeholder {
  /* FF 4-18 */
  color: #dfe2e3;
}
input[type="email"]::-moz-placeholder {
  /* FF 19+ */
  color: #dfe2e3;
}
input[type="email"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #dfe2e3;
}
input[type="email"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dfe2e3;
}
input[type="password"]::-webkit-input-placeholder {
  color: #dfe2e3;
}
input[type="password"]:-moz-placeholder {
  /* FF 4-18 */
  color: #dfe2e3;
}
input[type="password"]::-moz-placeholder {
  /* FF 19+ */
  color: #dfe2e3;
}
input[type="password"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #dfe2e3;
}
input[type="password"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dfe2e3;
}
input[type="date"]::-webkit-input-placeholder {
  color: #dfe2e3;
}
input[type="date"]:-moz-placeholder {
  /* FF 4-18 */
  color: #dfe2e3;
}
input[type="date"]::-moz-placeholder {
  /* FF 19+ */
  color: #dfe2e3;
}
input[type="date"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #dfe2e3;
}
input[type="date"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dfe2e3;
}
input[type="tel"]::-webkit-input-placeholder {
  color: #dfe2e3;
}
input[type="tel"]:-moz-placeholder {
  /* FF 4-18 */
  color: #dfe2e3;
}
input[type="tel"]::-moz-placeholder {
  /* FF 19+ */
  color: #dfe2e3;
}
input[type="tel"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #dfe2e3;
}
input[type="tel"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dfe2e3;
}
input[type="number"]::-webkit-input-placeholder {
  color: #dfe2e3;
}
input[type="number"]:-moz-placeholder {
  /* FF 4-18 */
  color: #dfe2e3;
}
input[type="number"]::-moz-placeholder {
  /* FF 19+ */
  color: #dfe2e3;
}
input[type="number"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #dfe2e3;
}
input[type="number"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dfe2e3;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="tel"] {
  margin: 0;
  padding: 0 12px;
  height: 34px;
  border-radius: 20px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  font-size: calc(13px * 1.1);
  letter-spacing: -0.4px;
  text-align: left;
  color: #5b5f61;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus {
  border-color: #a5a7a8;
}
input[type="text"]:focus h6,
input[type="email"]:focus h6,
input[type="password"]:focus h6,
input[type="date"]:focus h6,
input[type="number"]:focus h6,
input[type="tel"]:focus h6 {
  color: #ffffff !important;
}
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="text"][readonly],
input[type="email"][readonly],
input[type="password"][readonly],
input[type="date"][readonly],
input[type="number"][readonly],
input[type="tel"][readonly] {
  background-color: #eeeeee;
  color: #a5a7a8;
}
.input-group > label {
  display: block;
  padding: 0 12px 6px 12px;
  font-size: calc(12px * 1.1);
  letter-spacing: -0.4px;
  text-align: left;
  height: 20px;
  line-height: 20px;
}
.input-group > label > span {
  font-size: calc(12px * 1.1);
  letter-spacing: -0.4px;
  color: #a5a7a8;
}
.input-box {
  position: relative;
}
.input-box > i {
  position: absolute;
  display: block;
  left: 14px;
  top: 9px;
  width: 16px;
  height: 16px;
  z-index: 1;
}
.input-box > i + input[type="text"],
.input-box > i + input[type="email"],
.input-box > i + input[type="password"],
.input-box > i + input[type="date"],
.input-box > i + input[type="tel"] {
  width: 100%;
  padding-left: 38px;
}
.input-box > span.error {
  position: absolute;
  white-space: nowrap;
  display: none;
  margin-left: 12px;
  font-size: calc(10px * 1.1);
  color: #eb495d;
  text-align: center;
}
.input-box > div.combobox-area + span.error {
  margin-top: -5px;
}
.input-box > div.combobox + span.error {
  margin-top: -5px;
}
.input-box.error {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -moz-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -o-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -ms-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  perspective: 1000px;
}
.input-box.error > input[type="radio"],
.input-box.error > input[type="text"],
.input-box.error > input[type="email"],
.input-box.error > input[type="password"],
.input-box.error > input[type="date"],
.input-box.error > input[type="tel"],
.input-box.error > input[type="number"],
.input-box.error > button {
  border-color: #eb495d;
}
.input-box.error > span.error {
  display: block;
}
textarea::-webkit-input-placeholder {
  color: #dfe2e3;
}
textarea:-moz-placeholder {
  /* FF 4-18 */
  color: #dfe2e3;
}
textarea::-moz-placeholder {
  /* FF 19+ */
  color: #dfe2e3;
}
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #dfe2e3;
}
textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dfe2e3;
}
textarea.textarea-placeholder {
  color: #dfe2e3;
}
textarea {
  margin: 0;
  padding: 12px;
  width: 100%;
  height: 100%;
  color: #5b5f61;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  outline: none;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
  text-align: left;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: vertical;
}
textarea:focus {
  border-color: #a5a7a8;
}
textarea:disabled,
textarea[readonly] {
  background-color: #eeeeee;
  color: #a5a7a8;
}
div.radiobox {
  position: relative;
  display: block;
  height: 40px;
}
div.radiobox > input[type="radio"] {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
div.radiobox > input[type="radio"] + div.state {
  display: table;
  height: 40px;
  padding: 0 10px 0 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.radiobox > input[type="radio"] + div.state > label {
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
  color: #a5a7a8;
  overflow: hidden;
}
div.radiobox > input[type="radio"] + div.state > label:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 12px;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border: solid 1px #1d99f1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: ' ';
}
div.radiobox > input[type="radio"] + div.state > label:after {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 10px;
  height: 10px;
  background-color: #1d99f1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  content: ' ';
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  -webkit-transform: translateY(-50%) scale(0, 0);
  -moz-transform: translateY(-50%) scale(0, 0);
  -ms-transform: translateY(-50%) scale(0, 0);
  -o-transform: translateY(-50%) scale(0, 0);
  transform: translateY(-50%) scale(0, 0);
}
div.radiobox > input[type="radio"]:disabled + div.state > label:before,
div.radiobox > input[type="radio"][readonly] + div.state > label:before {
  background-color: #eeeeee;
  border: solid 1px #a5a7a8;
}
div.radiobox > input[type="radio"]:disabled + div.state > label:after,
div.radiobox > input[type="radio"][readonly] + div.state > label:after {
  background-color: #a5a7a8;
}
div.radiobox > input[type="radio"]:checked + div.state > label:after {
  -webkit-transform: translateY(-50%) scale(1, 1);
  -moz-transform: translateY(-50%) scale(1, 1);
  -ms-transform: translateY(-50%) scale(1, 1);
  -o-transform: translateY(-50%) scale(1, 1);
  transform: translateY(-50%) scale(1, 1);
}
div.tooltip-container {
  margin: 0;
  padding: 0 10px;
  min-height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  color: #a5a7a8;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
div.search-bar {
  display: inline-block;
  position: relative;
}
div.search-bar > .combobox-area {
  position: absolute;
  display: block;
  top: 0;
  z-index: 1;
}
div.search-bar > input {
  width: 100%;
  padding-left: 114px;
  padding-right: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.search-bar > input:hover + .combobox-area > button.combobox {
  border-color: #a5a7a8;
}
div.search-bar > input:hover + .combobox-area + i {
  opacity: 1;
}
div.search-bar > i {
  position: absolute;
  right: 12px;
  top: 9px;
  opacity: 0.2;
}
div.progress {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 8px;
}
div.progress > div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
div.progress > div.percent {
  background-color: #1d99f1;
  z-index: 1;
}
div.progress > div.body {
  width: 100%;
  background-color: #eeeeee;
  z-index: 0;
}
svg.line-graph .axis .tick > text {
  font-size: calc(12px * 1.1);
  fill: #a5a7a8;
}
svg.line-graph .axis.y .domain {
  display: none;
}
svg.line-graph .axis.y .tick > text {
  text-anchor: start;
}
#graph-gradient .stop1 {
  stop-color: #7dd2ff;
  stop-opacity: 0.4;
}
#graph-gradient .stop2 {
  stop-color: #7dd2ff;
}
body.ie9 .pie-graph > .legend-area > ul.list {
  top: inherit;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.pie-graph > .graph-area path.arc {
  stroke: #fff;
}
.pie-graph > .legend-area {
  position: relative;
}
.pie-graph > .legend-area > ul.list {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pie-graph > .legend-area > ul.list > li.row {
  position: relative;
  margin: 4px 0;
  clear: both;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.pie-graph > .legend-area > ul.list > li.row div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
}
.pie-graph > .legend-area > ul.list > li.row div.icon {
  position: absolute;
  top: 16px;
  left: 14px;
  margin: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pie-graph > .legend-area > ul.list > li.row div.title {
  margin: 0 74px 0 30px;
  color: #a5a7a8;
}
.pie-graph > .legend-area > ul.list > li.row div.percent {
  position: absolute;
  top: 0;
  right: 14px;
  margin: 0;
  padding: 0;
  width: 50px;
  color: #545556;
  text-align: right;
}
.pie-graph > .legend-area > ul.list > li.row.icon div.info {
  padding-right: 32px;
}
.pie-graph > .legend-area > ul.list > li.row.icon a {
  position: absolute;
  display: block;
  top: 5px;
  right: 8px;
}
div.slider {
  position: relative;
  padding: 10px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
div.slider > div.handler {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border: 9px solid #1d99f1;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  cursor: move;
  z-index: 2;
}
div.slider > div.percent-line {
  position: relative;
  width: 0;
  height: 20px;
  margin-top: -20px;
  background: #8ac5ef;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  z-index: 1;
}
div.slider > div.max-line {
  display: block;
  width: 100%;
  height: 20px;
  background: #eeeeee;
  position: relative;
  border: 1px solid #dfe2e3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
div.slider > div.ticks {
  position: relative;
  margin: 16px 10px 10px 10px;
  height: 20px;
}
div.slider > div.ticks > .tick {
  position: absolute;
  margin-left: -20px;
  width: 40px;
  height: 20px;
  text-align: center;
  font-weight: bold;
}
div.slider > div.desc {
  position: relative;
  margin-top: 20px;
}
div.slider > div.desc > .min {
  position: absolute;
  top: 0;
  left: 0;
}
div.slider > div.desc > .max {
  position: absolute;
  top: 0;
  right: 0;
}
.rs-container {
  margin: 100px auto 0;
}
.rs-container .rs-range-color {
  background-color: #1d99f1;
}
.rs-container .rs-path-color {
  background-color: #8ac5ef;
}
.rs-container .rs-handle {
  background-color: #8ac5ef;
  padding: 7px;
  border: 2px solid #8ac5ef;
  margin: -12px 0px 0px -7px;
}
.rs-container .rs-handle:after {
  background-color: #8ac5ef;
  display: block;
  content: " ";
  width: 100%;
  position: absolute;
  top: -3px;
  right: 4px;
  border: 4px solid #eeeeee;
  z-index: -1;
}
.rs-container .rs-handle:before {
  display: block;
  content: " ";
  position: absolute;
  height: 12px;
  width: 12px;
  background: black;
  right: -4px;
  bottom: -7px;
  border-radius: 100%;
}
.rs-container .rs-handle.rs-focus {
  border-color: #1d99f1;
}
.rs-container .rs-border {
  border-color: transparent;
}
.rs-container .rs-tooltip {
  top: -80px;
  width: 140px;
  height: 48px;
}
.rs-container .rs-tooltip-text {
  font-weight: bold;
  font-size: calc(30px * 1.1);
}
.rs-container .rs-numbers.rs-bar {
  font-size: calc(20px * 1.1);
  font-weight: bold;
}
.rs-container .rs-numbers .rs-seperator {
  border: none;
  height: auto;
  position: absolute;
  top: -10px;
  left: -30px;
  width: auto !important;
}
.rs-container .rs-desc {
  display: inline-block !important;
  font-size: calc(14px * 1.1) !important;
  font-weight: bold;
}
.rs-container .rs-desc.desc-left {
  float: left;
  margin-left: -35px !important;
}
.rs-container .rs-desc.desc-right {
  float: right;
  margin-right: -35px !important;
}
div.datepicker-container .datepicker-addon-area {
  text-align: center;
}
div.datepicker-container .datepicker-addon-area button {
  width: 90px;
  background: #1d99f1;
  border-radius: 5px;
  padding: 1px 5px;
  color: white;
  text-align: center;
}
.iziModal.base-modal div.header-area h1.title {
  display: block;
  width: 100%;
  line-height: 50px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.iziModal.base-modal div.header-area > .prev-area {
  position: absolute;
  top: 14px;
  left: 20px;
}
.iziModal.base-modal div.header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
.iziModal.base-modal div.header-area > .close-area i {
  display: block;
}
.iziModal.base-modal div.body-area p.desc {
  font-weight: 300;
  display: block;
  width: 100%;
  min-height: 32px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  font-size: calc(14px * 1.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.iziModal.base-modal div.body-area p.title {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  font-size: calc(16px * 1.1);
  font-weight: 600;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 30px;
}
.iziModal.base-modal .content-container h3.title {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.iziModal.base-modal .content-container h3.desc {
  font-weight: 300;
  display: block;
  width: 100%;
  min-height: 32px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all;
}
.iziModal.base-modal .content-container h3.desc b {
  font-weight: 400;
  color: #545556;
  font-size: calc(16px * 1.1);
  letter-spacing: 0.5px;
}
.iziModal.base-modal .content-container > div {
  padding: 6px 10px 14px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.iziModal.base-modal .content-container > div > div {
  padding: 0 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.iziModal.base-modal .content-container > div > div button {
  width: 100%;
}
.iziModal.base-modal.base-modal-input .input-group {
  display: block;
  padding: 0 14px 14px 14px;
  margin-bottom: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.iziModal.base-modal.base-modal-input .input-group input {
  width: 100%;
}
.iziModal,
.iziModal-overlay {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
ul.menu {
  width: 100%;
}
ul.menu > li {
  position: relative;
  height: 46px;
  line-height: 46px;
  vertical-align: middle;
}
ul.menu > li > a {
  width: 100%;
  display: block;
}
ul.menu > li i {
  margin-left: 24px;
}
ul.menu > li span.badge {
  font-weight: 700;
  position: absolute;
  display: block;
  font-size: calc(12px * 1.1);
  letter-spacing: 0;
  width: 36px;
  top: 0;
  right: 10px;
  text-align: center;
  color: #7dd2ff;
}
ul.menu > li h3.content {
  height: 100%;
  padding-left: 8px;
  color: #dfe2e3;
}
ul.menu > li.active h3.content {
  color: #7dd2ff;
}
ul.menu > li.active h3.content:before {
  position: absolute;
  display: block;
  top: 50%;
  left: -7px;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  content: ' ';
  background: #7dd2ff;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-height: 1024px) {
  ul.menu > li {
    height: 38px;
    line-height: 38px;
  }
}
ul.breadcrumb {
  margin-top: 4px;
}
ul.breadcrumb > li {
  display: inline;
  margin-left: 15px;
  letter-spacing: 0.8px;
}
ul.breadcrumb > li:before {
  position: absolute;
  width: 6px;
  height: 10px;
  margin-left: -12px;
  margin-top: 4.5px;
  background: url("/s/img/icon-breadcrumb-14c2dc98091c66c898afad37200ca232.png") no-repeat;
  content: ' ';
}
ul.breadcrumb > li:nth-child(1) {
  margin: 0;
}
ul.breadcrumb > li:nth-child(1):before {
  content: '';
  background: none !important;
}
ul.breadcrumb > li a {
  color: #a5a7a8;
}
ul.breadcrumb > li a:hover {
  color: #5b5f61;
}
body.double ul.breadcrumb > li:before {
  background-image: url("/s/img/icon-breadcrumb@2x-6a7cc6f679bc76e324bb1d9a4215773d.png");
}
body.triple ul.breadcrumb > li:before {
  background-image: url("/s/img/icon-breadcrumb@3x-bcc86804f0731948a3e4c0ab812b51f8.png");
}
body.svg ul.breadcrumb > li:before {
  background-image: url("/s/img/icon-breadcrumb-7f8bdfe755f23158992670680103c443.svg");
}
div.table-container.no-checkbox .table-body-area table.table thead th:nth-child(1) {
  padding-left: 14px;
}
div.table-container.no-checkbox .table-body-area table.table thead th:nth-last-child(1) {
  padding-right: 14px;
}
div.table-container.no-checkbox .table-body-area table.table tbody td:nth-child(1) {
  padding-left: 14px;
}
div.table-container.no-checkbox .table-body-area table.table tbody td:nth-last-child(1) {
  padding-right: 14px;
}
div.table-container .table-header-area {
  margin-bottom: 12px;
}
div.table-container .table-header-area .filter-area .search-bar {
  width: 320px;
}
div.table-container .table-header-area .filter-area > .combobox-area {
  display: inline-block;
}
div.table-container .table-header-area .filter-area > .combobox-area .combobox-wrap {
  display: inline-block;
}
div.table-container .table-header-area .action-area {
  text-align: right;
}
div.table-container .table-header-area .action-area button {
  margin-left: 6px;
}
div.table-container .table-body-area {
  overflow-x: auto;
  display: block;
  width: 100%;
}
div.table-container .table-body-area .search-summary {
  margin-top: 5px;
  color: #545556;
  font-weight: 300;
  text-align: right;
  margin-right: 10px;
  font-size: calc(15px * 1.1);
}
div.table-container .table-body-area table.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 4px;
  color: #5b5f61;
}
div.table-container .table-body-area table.table.scroll-x {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  table-layout: fixed;
  width: 100%;
}
div.table-container .table-body-area table.table.scroll-x::-webkit-scrollbar {
  -webkit-appearance: none;
}
div.table-container .table-body-area table.table.scroll-x::-webkit-scrollbar:horizontal {
  height: 11px;
}
div.table-container .table-body-area table.table.scroll-x::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}
div.table-container .table-body-area table.table td,
div.table-container .table-body-area table.table th {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
}
div.table-container .table-body-area table.table td button,
div.table-container .table-body-area table.table th button {
  margin: 0;
}
div.table-container .table-body-area table.table thead th {
  position: relative;
  height: 50px;
  padding-right: 10px;
}
div.table-container .table-body-area table.table thead th h4.order {
  font-weight: 400;
  padding-left: 11px;
  display: block;
  width: 100%;
  padding-right: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
div.table-container .table-body-area table.table thead th h4.order:before {
  position: absolute;
  display: block;
  top: 20px;
  left: 2px;
  width: 6px;
  height: 10px;
  background: url("/s/img/icon-order-normal-81ed49fafd2db6fda84bcbfc9766a84d.png") no-repeat;
  content: ' ';
}
div.table-container .table-body-area table.table thead th h4.order.asc {
  font-weight: 700;
  color: #1d99f1;
}
div.table-container .table-body-area table.table thead th h4.order.asc:before {
  top: 22px;
  left: 0;
  width: 10px;
  height: 6px;
  background: url("/s/img/icon-order-asc-f9ac33b516689cc5d00b148a345d819f.png") no-repeat;
}
div.table-container .table-body-area table.table thead th h4.order.desc {
  font-weight: 700;
  color: #1d99f1;
}
div.table-container .table-body-area table.table thead th h4.order.desc:before {
  top: 22px;
  left: 0;
  width: 10px;
  height: 6px;
  background: url("/s/img/icon-order-desc-64d13e441a6167f0c04a712acdffda1b.png") no-repeat;
}
div.table-container .table-body-area table.table thead th:nth-last-child(1) {
  padding: 0;
}
div.table-container .table-body-area table.table tbody tr {
  height: 60px;
  margin-bottom: 4px;
  background-color: #ffffff;
  cursor: pointer;
}
div.table-container .table-body-area table.table tbody tr.no-path {
  cursor: default;
}
div.table-container .table-body-area table.table tbody tr.button {
  height: 50px;
  padding: 10px 0 0 0 !important;
}
div.table-container .table-body-area table.table tbody tr.button td {
  padding: 0 !important;
  border: none !important;
}
div.table-container .table-body-area table.table tbody tr td {
  font-weight: 300;
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
  padding-right: 10px;
}
div.table-container .table-body-area table.table tbody tr td.empty {
  text-align: center;
  pointer-events: none;
}
div.table-container .table-body-area table.table tbody tr td ul.presetList li {
  font-weight: 300;
}
div.table-container .table-body-area table.table tbody tr td:nth-child(1) {
  border-left: solid 1px #eeeeee;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.table-container .table-body-area table.table tbody tr td:nth-last-child(1) {
  border-right: solid 1px #eeeeee;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
div.table-container .table-body-area table.table.border thead th {
  padding: 0 10px;
}
div.table-container .table-body-area table.table.border tbody tr td {
  border-right: 1px solid #eeeeee;
  padding: 0 10px;
}
body.double table.table th h4.order:before {
  background-image: url("/s/img/icon-order-normal@2x-8dcd16a54e8186472d7ac90055f7b613.png");
}
body.double table.table th h4.order.asc:before {
  background-image: url("/s/img/icon-order-asc@2x-7acd8bcea4a8607e59049897b5fa88ed.png");
}
body.double table.table th h4.order.desc:before {
  background-image: url("/s/img/icon-order-desc@2x-c3788cf677584851915f4e1380d89f00.png");
}
body.triple table.table th h4.order:before {
  background-image: url("/s/img/icon-order-normal@3x-b7f271718b1c86e98f0946ea4097a486.png");
}
body.triple table.table th h4.order.asc:before {
  background-image: url("/s/img/icon-order-asc@3x-7e8a9211ebee2d118e76337fdf9fcd52.png");
}
body.triple table.table th h4.order.desc:before {
  background-image: url("/s/img/icon-order-desc@3x-bb26b9c077a165fe918621b004dbbc6e.png");
}
body.svg table.table th h4.order:before {
  background-image: url("/s/img/icon-order-normal-ffe3b8ec36c11671f234554fcc1b2f11.svg");
}
body.svg table.table th h4.order.asc:before {
  background-image: url("/s/img/icon-order-asc-238c07abe3c03a781723783cb6e9833a.svg");
}
body.svg table.table th h4.order.desc:before {
  background-image: url("/s/img/icon-order-desc-77efdcd6e68a54ec1e0ce9d3d43ee694.svg");
}
.table-bottom-area {
  width: 100%;
  margin-top: 26px;
}
div.pager {
  width: 100%;
  text-align: center;
}
div.pager ul {
  display: inline-block;
  height: 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}
div.pager ul li {
  display: block;
  float: left;
  margin: 5px 6px;
  width: 28px;
  height: 28px;
  line-height: 26px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
div.pager ul li a {
  font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  font-size: calc(12px * 1.1);
  letter-spacing: 0;
  color: #a5a7a8;
}
div.pager ul li.left,
div.pager ul li.right {
  margin: 5px 10px;
  line-height: 28px;
}
div.pager ul li.disable {
  opacity: 0.2;
  pointer-events: none;
}
div.pager ul li:hover {
  background-color: #eeeeee;
}
div.pager ul li.active {
  background-color: #1d99f1;
}
div.pager ul li.active a {
  color: #ffffff;
}
div.folder-container {
  margin-bottom: 48px;
}
.folder-area div.table-container {
  padding: 0 10px;
  margin-bottom: 4px;
}
.folder-area ul.folder-wrap {
  margin: 0 -6px;
}
.folder-area ul.folder-wrap li.folder {
  float: left;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 6px 12px 6px;
}
.folder-area ul.folder-wrap li.folder .folder-content {
  position: relative;
  height: 60px;
  line-height: 60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}
.folder-area ul.folder-wrap li.folder .folder-content:hover h4 {
  padding-right: 42px;
}
.folder-area ul.folder-wrap li.folder .folder-content:hover i.info {
  right: 16px;
  opacity: 1;
}
.folder-area ul.folder-wrap li.folder .folder-content.small {
  height: 50px;
  line-height: 50px;
}
.folder-area ul.folder-wrap li.folder .folder-content i {
  position: absolute;
  display: block;
  vertical-align: middle;
}
.folder-area ul.folder-wrap li.folder .folder-content i.icon {
  width: 35px;
  height: 30px;
  background-size: contain;
  left: 15px;
  top: 14px;
  color: #545556;
}
.folder-area ul.folder-wrap li.folder .folder-content i.icon.ps-foldercell-share {
  width: 38px;
}
.folder-area ul.folder-wrap li.folder .folder-content i.info {
  right: 0;
  top: 21px;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.folder-area ul.folder-wrap li.folder .folder-content p.smart-folder {
  position: absolute;
  font-size: 12px;
  left: 27px;
  top: 3px;
  color: #545556;
  font-weight: 700;
}
.folder-area ul.folder-wrap li.folder .folder-content p.smart-folder:after {
  content: 'S';
}
.folder-area ul.folder-wrap li.folder .folder-content p.smart-folder:hover {
  color: #545556;
}
.folder-area ul.folder-wrap li.folder .folder-content h4 {
  font-weight: 300;
  display: block;
  padding: 0 16px 0 55px;
  height: 60px;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #545556;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
@media (min-width: 1440px) {
  .folder-area ul.folder-wrap li.folder {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .folder-area ul.folder-wrap li.folder {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .folder-area ul.folder-wrap li.folder {
    width: 100%;
  }
}
#notification-popup {
  position: absolute;
  display: none;
  opacity: 0;
  top: 60px;
  width: 300px;
  margin-top: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  z-index: 101;
}
#notification-popup .notification-popup-area {
  max-height: 400px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
#notification-popup .notification-popup-area .header-area {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #eeeeee;
}
#notification-popup .notification-popup-area .header-area h4 {
  color: #545556;
}
#notification-popup .notification-popup-area .body-area ul.list li {
  position: relative;
}
#notification-popup .notification-popup-area .body-area ul.list li.item {
  width: 100%;
  padding: 12px 30px 12px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}
#notification-popup .notification-popup-area .body-area ul.list li.item h4 {
  font-weight: 300;
  color: #5b5f61;
}
#notification-popup .notification-popup-area .body-area ul.list li.item h4 > b {
  font-weight: 400;
}
#notification-popup .notification-popup-area .body-area ul.list li.item .dot {
  position: absolute;
  display: none;
  width: 6px;
  height: 6px;
  top: 50%;
  right: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background-color: #066fe3;
}
#notification-popup .notification-popup-area .body-area ul.list li.item.active .dot {
  display: block;
}
#notification-popup .notification-popup-area .body-area ul.list li.item:hover {
  background: #fbfcfc;
}
#notification-popup .notification-popup-area .body-area ul.list li.empty {
  width: 100%;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#notification-popup .notification-popup-area .body-area ul.list li.empty h6 {
  height: 194px;
  line-height: 194px;
  color: #545556;
}
#notification-popup .notification-popup-area .body-area ul.list:nth-last-child(1) {
  border-bottom: 0;
}
#notification-popup:before {
  position: absolute;
  top: -7px;
  left: 50%;
  content: ' ';
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 7px solid #ffffff;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  z-index: 2;
}
#notification-popup:after {
  position: absolute;
  top: -9px;
  left: 50%;
  content: ' ';
  width: 0;
  height: 0;
  border-left: 9.5px solid transparent;
  border-right: 9.5px solid transparent;
  border-bottom: 9px solid rgba(0, 0, 0, 0.05);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
}
#notification-popup.show {
  margin: 0;
  opacity: 1;
}
@media (max-width: 1023px) {
  #notification-popup {
    position: fixed;
    left: 10px !important;
    right: 10px;
    top: 56px;
    width: auto;
  }
  #notification-popup:before {
    left: initial;
    right: 0;
  }
  #notification-popup:after {
    left: initial;
    right: -4px;
  }
}
#profile-popup {
  position: absolute;
  display: none;
  opacity: 0;
  top: 60px;
  width: 140px;
  margin-top: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  z-index: 101;
}
#profile-popup .profile-popup-area {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
#profile-popup .profile-popup-area .body-area ul.list li {
  position: relative;
}
#profile-popup .profile-popup-area .body-area ul.list li.item {
  width: 100%;
  padding: 12px 12px 12px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}
#profile-popup .profile-popup-area .body-area ul.list li.item h4 {
  font-weight: 300;
  color: #5b5f61;
}
#profile-popup .profile-popup-area .body-area ul.list li.item h4 > b {
  font-weight: 400;
}
#profile-popup .profile-popup-area .body-area ul.list li.item:hover {
  background: #fbfcfc;
}
#profile-popup .profile-popup-area .body-area ul.list:nth-last-child(1) {
  border-bottom: 0;
}
#profile-popup:before {
  position: absolute;
  top: -7px;
  left: 50%;
  content: ' ';
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 7px solid #ffffff;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  z-index: 2;
}
#profile-popup:after {
  position: absolute;
  top: -9px;
  left: 50%;
  content: ' ';
  width: 0;
  height: 0;
  border-left: 9.5px solid transparent;
  border-right: 9.5px solid transparent;
  border-bottom: 9px solid rgba(0, 0, 0, 0.05);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
}
#profile-popup.show {
  margin: 0;
  opacity: 1;
}
@media (max-width: 1023px) {
  #profile-popup {
    position: fixed;
    left: 10px !important;
    right: 10px;
    top: 56px;
    width: auto;
  }
  #profile-popup:before {
    left: initial;
    right: 0;
  }
  #profile-popup:after {
    left: initial;
    right: -4px;
  }
}
section.tab-container {
  margin: 0;
  padding: 0;
}
section.tab-container > div.tab-area {
  margin: 32px -12px 0 0px;
}
section.tab-container > div.tab-area > div.tab-wrap {
  overflow-x: auto;
}
section.tab-container > div.tab-area > div.tab-wrap::-webkit-scrollbar-track {
  background-color: #fbfcfc;
}
section.tab-container > div.tab-area > div.tab-wrap::-webkit-scrollbar {
  background-color: #eeeeee;
  height: 8px;
}
section.tab-container > div.tab-area > div.tab-wrap::-webkit-scrollbar-thumb {
  background-color: #eeeeee;
  border-color: 1px solid #eeeeee;
  border-radius: 100px;
}
section.tab-container > div.tab-area > div.tab-wrap > ul {
  white-space: nowrap;
}
section.tab-container > div.tab-area > div.tab-wrap > ul > li.tab {
  float: left;
  display: block;
  margin: 0 0 2px 0;
  padding: 0;
  width: 140px;
  height: 46px;
  line-height: 46px;
  cursor: pointer;
}
section.tab-container > div.tab-area > div.tab-wrap > ul > li.tab a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-size: calc(16px * 1.1);
  color: #a5a7a8;
}
section.tab-container > div.tab-area > div.tab-wrap > ul > li.tab.active a {
  color: #545556;
}
section.tab-container > div.tab-area > div.tab-wrap > ul > li.tab.active:after {
  position: relative;
  display: block;
  margin: 0 auto;
  top: -3px;
  width: 100px;
  height: 3px;
  background: #1d99f1;
  content: ' ';
}
section.tab-container > div.tab-area:after {
  position: relative;
  display: block;
  margin: 0 -48px;
  top: -1px;
  height: 1px;
  content: ' ';
  background: #dfe2e3;
}
@media (max-width: 1023px) {
  section.tab-container > div.tab-area:after {
    margin: 0 -8px;
  }
}
div.accordion {
  margin: 10px auto;
}
div.accordion .accordion-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.accordion .accordion-item {
  margin-bottom: 8px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  overflow: hidden;
}
div.accordion .accordion-toggle {
  display: none;
}
div.accordion .accordion-toggle:checked + .accordion-title {
  background: #ffffff;
  color: #5b5f61;
  background: #fff;
  border-bottom: 1px dashed #eeeeee;
}
div.accordion .accordion-toggle:checked + .accordion-title::after {
  transform: rotate(90deg);
}
div.accordion .accordion-toggle:checked ~ .accordion-content {
  height: auto;
  overflow: visible;
  padding-top: 10px;
  padding-bottom: 20px;
}
div.accordion .accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  padding: 0 20px;
  color: #545556;
  background: #ffffff;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s;
}
div.accordion .accordion-title:hover {
  background: #fbfcfc;
}
div.accordion .accordion-title::after {
  display: block;
  content: '\00276F';
  line-height: 30px;
  transition: 0.2s ease-in-out;
}
div.accordion .accordion-content {
  height: 0;
  overflow: hidden;
  padding: 0 30px;
  color: #5b5f61;
  background: #ffffff;
  transition: 0.2s ease-in-out;
}
.calendar-container {
  width: 100%;
  margin: auto;
  background-color: #ebebeb;
}
.calendar-container * {
  box-sizing: border-box;
}
.calendar-container .clndr-controls {
  padding: 13px;
  background-color: #1d99f1;
  color: white;
  text-align: center;
}
.calendar-container .clndr-controls .current-month {
  display: inline-block;
  font-size: calc(16px * 1.1);
  font-weight: 600;
  cursor: pointer;
  padding: 0 10px;
  border: 2px solid white;
  border-radius: 30px;
}
.calendar-container .clndr-controls .current-month:hover {
  background-color: #066fe3;
}
.calendar-container .clndr-controls .clndr-previous-button {
  float: left;
  text-align: left;
  width: 20px;
  cursor: pointer;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.calendar-container .clndr-controls .clndr-previous-button:hover {
  opacity: 0.5;
}
.calendar-container .clndr-controls .clndr-next-button {
  float: right;
  text-align: right;
  width: 20px;
  cursor: pointer;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.calendar-container .clndr-controls .clndr-next-button:hover {
  opacity: 0.5;
}
.calendar-container .clndr-grid {
  float: left;
  width: 100%;
}
.calendar-container .clndr-grid .days-of-the-week {
  width: 100%;
}
.calendar-container .clndr-grid .days-of-the-week .header-day {
  background: #7dd2ff;
  font-weight: 600;
  font-size: calc(15px * 1.1);
  float: left;
  width: 14.2857%;
  padding: 14px;
  text-align: center;
  color: white;
}
.calendar-container .clndr-grid .days {
  width: 100%;
}
.calendar-container .clndr-grid .days > div {
  float: left;
  width: 14.2857%;
  height: 100px;
  padding: 15px 0;
  text-align: center;
  color: #545556;
  border: 1px solid white;
  background-position: center;
}
.calendar-container .clndr-grid .days > div .day-number {
  font-size: calc(15px * 1.1);
  font-weight: 500;
}
.calendar-container .clndr-grid .days > div div.status {
  margin-top: 16px;
}
.calendar-container .clndr-grid .days > div div.status p {
  padding: 5px 10px;
  border-radius: 30px;
  color: white;
  font-size: calc(15px * 1.1);
  font-weight: 600;
}
.calendar-container .clndr-grid .days > div div.status p.yes {
  border: #43a047;
  background: #43a047;
}
.calendar-container .clndr-grid .days > div div.status p.no {
  border: #eb495d;
  background: #eb495d;
}
.calendar-container .clndr-grid .days > div div.status p.yet {
  border: #f9a825;
  background: #f9a825;
}
@media screen and (max-width: 780px) {
  .calendar-container .clndr-grid .days > div div.status p span {
    display: none;
  }
}
.calendar-container .clndr-grid .days > div.day {
  background-color: #eeeeee;
}
.calendar-container .clndr-grid .days > div.day.event {
  cursor: pointer;
}
.calendar-container .clndr-grid .days > div.day.event .day-number {
  border-bottom: 2px solid #066fe3;
}
.calendar-container .clndr-grid .days > div.day.today {
  background-color: #8ac5ef;
  color: white;
  background-image: none;
}
.calendar-container .clndr-grid .days > div.day:hover {
  background-color: #778899;
  color: white;
}
.calendar-container .clndr-grid .days > div.empty {
  background-color: #fbfcfc;
}
.calendar-container .clndr-grid .days > div.empty.event .day-number {
  border-bottom: 2px solid #066fe3;
}
.calendar-container .noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.ui-autocomplete {
  position: absolute;
  cursor: default;
  margin-top: 8px;
  background: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  z-index: 9999;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  overflow: hidden;
}
.ui-autocomplete > li.ui-menu-item {
  border-bottom: 1px solid #dfe2e3;
}
.ui-autocomplete > li.ui-menu-item:last-child {
  border-bottom: none;
}
.ui-autocomplete > li.ui-menu-item > div div.sub {
  font-weight: 300;
  font-size: calc(12px * 1.1);
}
#add-smart-folder-modal {
  width: 800px;
}
#add-smart-folder-modal .content-container {
  width: 100%;
}
#add-smart-folder-modal .content-container .header-area {
  position: absolute;
  top: 0;
  width: 100%;
  height: 60px;
  padding: 0 58px 0 20px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
#add-smart-folder-modal .content-container .header-area > .info-area h3 {
  text-align: left;
  letter-spacing: 0;
  color: #545556;
}
#add-smart-folder-modal .content-container .header-area > .info-area h3 span {
  font-weight: 300;
  font-size: calc(16px * 1.1);
  letter-spacing: 0;
  color: #a5a7a8;
}
#add-smart-folder-modal .content-container .header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
#add-smart-folder-modal .content-container .header-area > .close-area i {
  display: block;
}
#add-smart-folder-modal .content-container .body-area {
  width: 100%;
  height: 337px;
  margin-top: 60px;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}
#add-smart-folder-modal .content-container .body-area > * {
  width: 100%;
}
#add-smart-folder-modal .content-container .body-area .input-group {
  padding-bottom: 10px;
}
#add-smart-folder-modal .content-container .body-area .input-group label {
  color: #a5a7a8;
}
#add-smart-folder-modal .content-container .body-area .input-box {
  padding: 0 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#add-smart-folder-modal .content-container .body-area .input-box input {
  width: 100%;
}
#add-smart-folder-modal .content-container .body-area .combobox.combobox-base button {
  width: 100%;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area {
  padding: 0 15px;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .template {
  display: none;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter + .filter:before {
  position: relative;
  width: 0;
  left: -40px;
  content: 'and';
  display: inline-block;
  font-size: 12px;
  color: #5b5f61;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter + .filter {
  margin-left: 30px;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter {
  display: inline-block;
  padding: 3px 12px;
  margin-bottom: 5px;
  border: solid 1px #dfe2e3;
  border-radius: 6px;
  background-color: #ffffff;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter h6 {
  line-height: 23px;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter h6 span.criteria {
  font-size: calc(12px * 1.1);
  font-weight: 400;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter h6 span.value {
  font-size: calc(12px * 1.1);
  font-weight: 700;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter h6 span.value span {
  font-size: calc(10px * 1.1);
  color: #5b5f61;
  margin: 0 2px;
  bottom: 1px;
  position: relative;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter .delete-button {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-left: 8px;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter .delete-button:hover {
  color: #eb495d;
}
#add-smart-folder-modal .content-container .body-area .filter-list-area .filter:hover {
  cursor: pointer;
  border: solid 1px #1d99f1;
  background: rgba(138, 197, 239, 0.1);
}
#add-smart-folder-modal .content-container .body-area .filter-add-area {
  padding: 0 15px;
}
#add-smart-folder-modal .content-container .footer-area {
  border-top: 1px solid #eeeeee;
  padding: 14px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#add-smart-folder-modal .content-container .footer-area > div {
  padding: 0 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#add-smart-folder-modal .content-container .footer-area > div button {
  width: 100%;
}
#reservation-add-modal,
#reservation-preset-add-modal {
  width: 960px;
}
#reservation-add-modal .content-container,
#reservation-preset-add-modal .content-container {
  position: relative;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
#reservation-add-modal .content-container .header-area,
#reservation-preset-add-modal .content-container .header-area {
  position: absolute;
  width: 100%;
  height: 60px;
  padding: 0 58px 0 20px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
#reservation-add-modal .content-container .header-area > .info-area h3,
#reservation-preset-add-modal .content-container .header-area > .info-area h3 {
  text-align: left;
  font-size: calc(16px * 1.1);
  letter-spacing: 0;
  color: #545556;
}
#reservation-add-modal .content-container .header-area > .close-area,
#reservation-preset-add-modal .content-container .header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
#reservation-add-modal .content-container .header-area > .close-area i,
#reservation-preset-add-modal .content-container .header-area > .close-area i {
  display: block;
}
#reservation-add-modal .content-container .body-area,
#reservation-preset-add-modal .content-container .body-area {
  width: 100%;
  min-height: 70vh;
  padding: 60px 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#reservation-add-modal .content-container .body-area > div,
#reservation-preset-add-modal .content-container .body-area > div {
  padding: 0;
  overflow-y: auto;
}
#reservation-add-modal .content-container .body-area > div > .group-box,
#reservation-preset-add-modal .content-container .body-area > div > .group-box {
  padding-bottom: 20px;
}
#reservation-add-modal .content-container .body-area > div > .group-box > div.title,
#reservation-preset-add-modal .content-container .body-area > div > .group-box > div.title {
  position: relative;
  height: 30px;
  padding: 0 12px;
}
#reservation-add-modal .content-container .body-area > div > .group-box > div.title.big,
#reservation-preset-add-modal .content-container .body-area > div > .group-box > div.title.big {
  height: 40px;
}
#reservation-add-modal .content-container .body-area > div > .group-box > div.title.big > h2,
#reservation-preset-add-modal .content-container .body-area > div > .group-box > div.title.big > h2 {
  padding-right: 78px;
  line-height: 40px;
}
#reservation-add-modal .content-container .body-area > div > .group-box > div.title > h2,
#reservation-preset-add-modal .content-container .body-area > div > .group-box > div.title > h2 {
  display: block;
  font-size: calc(12px * 1.1);
  text-align: left;
  line-height: 30px;
  color: #a5a7a8;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#reservation-add-modal .content-container .body-area > div > .group-box > div.title > button,
#reservation-preset-add-modal .content-container .body-area > div > .group-box > div.title > button {
  position: absolute;
  right: 10px;
  margin: 6px 0;
  width: 130px;
  height: 28px;
  line-height: 28px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #ffffff;
  border: solid 1px #dfe2e3;
}
#reservation-add-modal .content-container .body-area > div > .group-box > div.title > button > h6,
#reservation-preset-add-modal .content-container .body-area > div > .group-box > div.title > button > h6 {
  height: 28px;
  line-height: 28px;
}
#reservation-add-modal .content-container .body-area .result-area,
#reservation-preset-add-modal .content-container .body-area .result-area {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #eeeeee;
}
#reservation-add-modal .content-container .body-area .result-area ul.schedule-list,
#reservation-preset-add-modal .content-container .body-area .result-area ul.schedule-list {
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#reservation-add-modal .content-container .body-area .result-area ul.schedule-list > li,
#reservation-preset-add-modal .content-container .body-area .result-area ul.schedule-list > li {
  position: relative;
  line-height: 32px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}
#reservation-add-modal .content-container .body-area .result-area ul.schedule-list > li > h3,
#reservation-preset-add-modal .content-container .body-area .result-area ul.schedule-list > li > h3 {
  float: left;
  display: block;
  margin: 5px 6px 0 8px;
  padding: 0;
  width: 38px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: calc(12px * 1.1);
  color: #ffffff;
  background: #1d99f1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}
#reservation-add-modal .content-container .body-area .result-area ul.schedule-list > li > h4,
#reservation-preset-add-modal .content-container .body-area .result-area ul.schedule-list > li > h4 {
  padding-left: 15px;
  display: block;
  padding-right: 30px;
  height: 32px;
  font-size: calc(12px * 1.1);
  text-align: left;
  color: #5b5f61;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#reservation-add-modal .content-container .body-area .result-area ul.schedule-list > li > a,
#reservation-preset-add-modal .content-container .body-area .result-area ul.schedule-list > li > a {
  position: absolute;
  top: 11px;
  right: 10px;
  line-height: 0;
}
#reservation-add-modal .content-container .body-area .result-area .input-group.preset,
#reservation-preset-add-modal .content-container .body-area .result-area .input-group.preset {
  width: 100%;
  padding: 0 10px;
}
#reservation-add-modal .content-container .body-area .result-area .input-group.preset input,
#reservation-preset-add-modal .content-container .body-area .result-area .input-group.preset input {
  width: 100%;
}
#reservation-add-modal .content-container .body-area .result-area .combobox.preset,
#reservation-preset-add-modal .content-container .body-area .result-area .combobox.preset {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
#reservation-add-modal .content-container .body-area .result-area div.order-list,
#reservation-preset-add-modal .content-container .body-area .result-area div.order-list {
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#reservation-add-modal .content-container .body-area .result-area div.order-list > .item,
#reservation-preset-add-modal .content-container .body-area .result-area div.order-list > .item {
  width: 100%;
  position: relative;
}
#reservation-add-modal .content-container .body-area .questionnaire-area,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area {
  padding: 0;
  overflow-y: scroll;
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section {
  position: relative;
  padding: 0;
  width: 100%;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section i,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section i {
  position: absolute;
  top: 12px;
  right: 10px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.4;
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section h2,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section h2 {
  font-weight: 400;
  display: block;
  font-size: calc(12px * 1.1);
  padding: 0 32px 0 10px;
  height: 30px;
  line-height: 28px;
  color: #a5a7a8;
  cursor: pointer;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section div.item-list div.item,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section div.item-list div.item {
  background-color: #ffffff;
  cursor: pointer;
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section div.item-list div.item .checkbox,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section div.item-list div.item .checkbox {
  height: 30px;
  line-height: 30px;
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section div.item-list div.item .checkbox label,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section div.item-list div.item .checkbox label {
  font-weight: 400;
  font-size: calc(12px * 1.1);
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section div.item-list div.item:hover,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section div.item-list div.item:hover {
  background-color: rgba(138, 197, 239, 0.1);
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section.hide,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section.hide {
  height: 30px;
  overflow: hidden;
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section.hide div.item-list,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section.hide div.item-list {
  height: 0;
  overflow: hidden;
}
#reservation-add-modal .content-container .body-area .questionnaire-area div.list .section.hide i,
#reservation-preset-add-modal .content-container .body-area .questionnaire-area div.list .section.hide i {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
#reservation-add-modal .content-container .footer-area,
#reservation-preset-add-modal .content-container .footer-area {
  border-top: 1px solid #eeeeee;
  padding-top: 14px;
}
#reservation-add-modal .content-container .footer-area button,
#reservation-preset-add-modal .content-container .footer-area button {
  margin: 0;
}
.reservation.order.item {
  line-height: 32px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.reservation.order.item > h4 {
  display: block;
  padding: 0 30px 0 12px;
  height: 32px;
  font-size: calc(12px * 1.1);
  text-align: left;
  color: #5b5f61;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.reservation.order.item > a {
  position: absolute;
  top: 8px;
  right: 5px;
  line-height: 0;
  padding: 5px;
  cursor: move;
}
.reservation.order.item > a > i {
  pointer-events: none;
}
#reservation-schedule-add-modal .input-group.repeat,
#ecrf-reservation-schedule-add-modal .input-group.repeat,
#reservation-schedule-add-modal .input-group.single,
#ecrf-reservation-schedule-add-modal .input-group.single {
  display: none;
}
#reservation-schedule-add-modal .input-group.repeat.show,
#ecrf-reservation-schedule-add-modal .input-group.repeat.show,
#reservation-schedule-add-modal .input-group.single.show,
#ecrf-reservation-schedule-add-modal .input-group.single.show {
  display: block;
}
#reservation-schedule-add-modal .input-group,
#ecrf-reservation-schedule-add-modal .input-group {
  padding-bottom: 10px;
}
#reservation-schedule-add-modal .input-group label,
#ecrf-reservation-schedule-add-modal .input-group label {
  color: #a5a7a8;
}
#reservation-schedule-add-modal .input-box,
#ecrf-reservation-schedule-add-modal .input-box {
  padding: 0 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#reservation-schedule-add-modal .input-box input,
#ecrf-reservation-schedule-add-modal .input-box input {
  width: 100%;
}
#reservation-schedule-add-modal .filter-area,
#ecrf-reservation-schedule-add-modal .filter-area {
  padding: 0 12px;
}
#reservation-schedule-add-modal .filter-area > *,
#ecrf-reservation-schedule-add-modal .filter-area > * {
  font-weight: 400;
  float: left;
  padding: 0 4px;
  height: 40px;
  line-height: 40px;
  font-size: calc(14px * 1.1);
  color: #545556;
}
#reservation-schedule-add-modal ul.reservation-list,
#ecrf-reservation-schedule-add-modal ul.reservation-list {
  padding: 0 8px;
}
#reservation-schedule-add-modal ul.reservation-list li,
#ecrf-reservation-schedule-add-modal ul.reservation-list li {
  height: 40px;
}
#reservation-schedule-add-modal ul.reservation-list li > *,
#ecrf-reservation-schedule-add-modal ul.reservation-list li > * {
  float: left;
  margin: 0 2px;
}
#reservation-schedule-add-modal ul.reservation-list li .button-area,
#ecrf-reservation-schedule-add-modal ul.reservation-list li .button-area {
  margin-left: 6px;
}
#reservation-schedule-add-modal ul.reservation-list li .button-area button,
#ecrf-reservation-schedule-add-modal ul.reservation-list li .button-area button {
  width: 34px;
  line-height: 34px;
}
#reservation-schedule-add-modal ul.reservation-list li > *:nth-child(1),
#ecrf-reservation-schedule-add-modal ul.reservation-list li > *:nth-child(1) {
  width: calc(100% - 90px);
}
#reservation-schedule-add-modal ul.reservation-list li > *:nth-child(2),
#ecrf-reservation-schedule-add-modal ul.reservation-list li > *:nth-child(2) {
  width: 72px;
}
#reservation-info-modal .input-group ul.list {
  width: 100%;
}
#reservation-info-modal .input-group ul.list li.item {
  margin-bottom: 6px;
  padding: 0 12px;
  width: 100%;
  height: 34px;
  line-height: 32px;
  font-size: calc(12px * 1.1);
  text-align: left;
  color: #5b5f61;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}
#reservation-manage-modal,
#ecrf-reservation-manage-modal {
  width: 480px;
  min-width: 480px;
}
#reservation-manage-modal .content-container,
#ecrf-reservation-manage-modal .content-container {
  position: relative;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
#reservation-manage-modal .content-container .header-area,
#ecrf-reservation-manage-modal .content-container .header-area {
  position: absolute;
  width: 100%;
  height: 60px;
  padding: 0 58px 0 20px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
#reservation-manage-modal .content-container .header-area > .info-area h3,
#ecrf-reservation-manage-modal .content-container .header-area > .info-area h3 {
  text-align: left;
  font-size: calc(16px * 1.1);
  letter-spacing: 0;
  color: #545556;
  padding: 0;
  margin: 0;
  height: 60px;
  line-height: 60px;
}
#reservation-manage-modal .content-container .header-area > .close-area,
#ecrf-reservation-manage-modal .content-container .header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
#reservation-manage-modal .content-container .header-area > .close-area i,
#ecrf-reservation-manage-modal .content-container .header-area > .close-area i {
  display: block;
}
#reservation-manage-modal .content-container .body-area,
#ecrf-reservation-manage-modal .content-container .body-area {
  width: 100%;
  height: 336px;
  padding: 60px 20px 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#reservation-manage-modal .content-container .body-area > .table-container tr,
#ecrf-reservation-manage-modal .content-container .body-area > .table-container tr {
  width: 460;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#reservation-manage-modal .content-container .body-area > .table-container tr > td,
#ecrf-reservation-manage-modal .content-container .body-area > .table-container tr > td {
  padding: 10px;
}
#reservation-manage-modal .content-container .footer-area,
#ecrf-reservation-manage-modal .content-container .footer-area {
  border-top: 1px solid #eeeeee;
  padding-top: 14px;
}
#reservation-manage-modal .content-container .footer-area button,
#ecrf-reservation-manage-modal .content-container .footer-area button {
  margin: 0;
}
.ecrf-landing-info div.content-container div.header-area {
  padding-top: 70px;
}
.ecrf-landing-info div.content-container div.header-area h1.title {
  display: block;
  width: 100%;
  line-height: 50px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ecrf-landing-info div.content-container div.header-area h1.desc {
  font-weight: 300;
  display: block;
  width: 100%;
  min-height: 32px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ecrf-landing-info div.content-container div.header-area h1.desc span.highlight {
  font-size: calc(24px * 1.1);
  color: #1d99f1;
}
.ecrf-landing-info div.content-container div.header-area > .prev-area {
  position: absolute;
  top: 14px;
  left: 20px;
}
.ecrf-landing-info div.content-container div.header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
.ecrf-landing-info div.content-container div.header-area > .close-area i {
  display: block;
}
.ecrf-landing-info div.content-container div.body-area > div > div {
  margin-top: 10px;
}
.ecrf-landing-info div.content-container div.body-area > div .text-box {
  display: flex;
  align-items: center;
  /* align vertical */
}
.ecrf-landing-info div.content-container div.body-area > div .text-box p {
  font-weight: 300;
  word-break: keep-all;
  display: block;
  font-size: calc(16px * 1.1);
  padding: 0 20px;
  color: #32373a;
}
.ecrf-landing-info div.content-container div.body-area > div .text-box p a {
  cursor: pointer;
  color: #1d99f1;
}
.ecrf-landing-info div.content-container div.body-area > div img.institute-logo {
  width: 150px;
  margin: 0 auto;
}
.ecrf-landing-info div.content-container div.body-area #start-btn {
  width: 200px;
  height: 45px;
  text-align: center;
  display: block;
  margin: 100px auto;
}
.ecrf-landing-info div.content-container div.body-area #start-btn > h6 {
  font-size: calc(17px * 1.1);
}
.ecrf-landing-info div.content-container div.footer-area div.contact {
  position: absolute;
  right: 20px;
  bottom: 22px;
}
.ecrf-landing-info div.content-container div.footer-area div.contact > * {
  display: block;
}
.ecrf-landing-info div.content-container div.footer-area div.contact p.title {
  color: #32373a;
  text-align: right;
  font-size: calc(17px * 1.1);
}
.ecrf-landing-info div.content-container div.footer-area div.contact p.desc {
  color: #545556;
  font-size: calc(15px * 1.1);
  font-weight: 300;
}
.ecrf-landing-info div.content-container div.footer-area div.contact p.desc span.highlight {
  font-weight: 300;
  color: #1d99f1;
}
.ecrf-landing-info div.content-container div.footer-area div.contact a {
  position: relative;
  z-index: 10;
  color: #1d99f1;
}
#randomization-result-modal div.header-area h1.title {
  display: block;
  width: 100%;
  line-height: 50px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#randomization-result-modal div.header-area > .prev-area {
  position: absolute;
  top: 14px;
  left: 20px;
}
#randomization-result-modal div.header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
#randomization-result-modal div.header-area > .close-area i {
  display: block;
}
#randomization-result-modal div.body-area p.desc {
  font-weight: 300;
  display: block;
  width: 100%;
  min-height: 32px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  font-size: calc(14px * 1.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#randomization-result-modal div.body-area p.desc span {
  font-weight: 700;
}
#randomization-result-modal div.body-area p.title {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  margin-bottom: 6px;
  text-align: center;
  color: #545556;
  font-size: calc(16px * 1.1);
  font-weight: 600;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 30px;
}
#randomization-result-modal div.body-area #result {
  margin-bottom: 30px;
}
#randomization-result-modal div.body-area #result button {
  display: block;
  width: fit-content;
  text-align: center;
  margin: 0 auto;
}
#randomization-result-modal div.body-area #result button.disabled {
  cursor: default;
}
#randomization-result-modal div.body-area #result button.disabled:hover:not(.selected),
#randomization-result-modal div.body-area #result button.disabled:active:not(.selected) {
  border: 1px solid #dfe2e3 !important;
  background: #ffffff !important;
}
#randomization-result-modal div.body-area #result button.disabled:hover:not(.selected) > h6,
#randomization-result-modal div.body-area #result button.disabled:active:not(.selected) > h6 {
  color: #545556 !important;
}
#randomization-result-modal div.body-area #result button.selected {
  background: #1d99f1;
  border: #1d99f1;
}
#randomization-result-modal div.body-area #result button.selected > h6 {
  color: #ffffff;
}
#processing {
  position: relative;
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-color: #FFF;
}
#processing * {
  box-sizing: border-box;
}
#processing .center {
  margin: 0 auto;
  text-align: center;
}
#processing.uncomplete .gear-wrapper-1 {
  animation: gearEnter1 0.5s ease 1s forwards;
}
#processing.uncomplete .gear-wrapper-2 {
  animation: gearEnter2 0.5s ease 1.5s forwards;
}
#processing.uncomplete .gear-wrapper-3 {
  animation: gearEnter3 0.5s ease 1.25s forwards;
}
#processing.uncomplete .gear-wrapper-4 {
  animation: gearEnter4 0.5s ease 0.75s forwards;
}
#processing.complete .gears {
  background-color: transparent;
  transition: background-color 0.25s ease 0.75s;
}
#processing.complete .gear-wrapper-1 {
  transform: rotate(10deg) translate3d(-5px, -5px, 0);
  animation: gearLeave1 0.5s ease 0.5s forwards;
}
#processing.complete .gear-wrapper-2 {
  transform: rotate(25deg) translate3d(20px, -50px, 0);
  animation: gearLeave2 0.5s ease 0.5s forwards;
}
#processing.complete .gear-wrapper-3 {
  transform: rotate(15deg) translate3d(-25px, -15px, 0);
  animation: gearLeave3 0.5s ease 0.5s forwards;
}
#processing.complete .gear-wrapper-4 {
  transform: translate3d(0, 0, 0);
  animation: gearLeave4 0.5s ease 0.5s forwards;
}
#processing.complete .loading-bar {
  animation: hideLoading 0.5s forwards;
}
#processing.complete .checkmark.checkmark-success {
  animation: fillCheckSuccess 0.4s cubic-bezier(0.65, 0, 0.45, 1) 1s forwards, beatCheck 0.2s ease-out 1.5s forwards, echoSuccess 1.25s ease-out 1.5s forwards;
}
#processing.complete .checkmark.checkmark-success .checkmark-circle {
  stroke: #1d99f1;
}
#processing.complete .checkmark.checkmark-error {
  animation: fillCheckError 0.4s cubic-bezier(0.65, 0, 0.45, 1) 1s forwards, beatCheck 0.2s ease-out 1.5s forwards, echoError 1.25s ease-out 1.5s forwards;
}
#processing.complete .checkmark.checkmark-error .checkmark-circle {
  stroke: #eb495d;
}
#processing.complete .checkmark-circle {
  animation: strokeCheck 0.5s cubic-bezier(0.65, 0, 0.45, 1) 0.75s forwards;
}
#processing.complete .checkmark-check {
  animation: strokeCheck 0.3s cubic-bezier(0.65, 0, 0.45, 1) 1.25s forwards;
}
#processing h1 {
  display: block;
  color: #32373a;
  font-weight: 400;
}
#processing h2 {
  display: block;
  color: #5b5f61;
  font-weight: 300;
}
#processing .wrapper {
  position: relative;
  margin: 30px auto;
}
#processing .gears {
  width: 200px;
  height: 200px;
  background-color: #5b5f61;
  border-radius: 50%;
  overflow: hidden;
  transform: scale(0);
  animation: scale 0.5s ease 0.5s forwards;
}
@keyframes scale {
  to {
    transform: scale(1);
  }
}
#processing .gear-wrapper {
  position: absolute;
}
#processing .gear-wrapper.gear-wrapper-1 {
  top: 0;
  left: 0;
  transform: rotate(10deg) translate3d(-40px, -60px, 0);
}
#processing .gear-wrapper.gear-wrapper-2 {
  top: 0;
  right: 0;
  transform: rotate(25deg) translate3d(70px, -130px, 0);
}
#processing .gear-wrapper.gear-wrapper-3 {
  bottom: 0;
  right: 0;
  transform: rotate(15deg) translate3d(30px, 20px, 0);
}
#processing .gear-wrapper.gear-wrapper-4 {
  bottom: 0;
  left: 0;
  transform: translate3d(-70px, 70px, 0);
}
@keyframes gearEnter1 {
  to {
    transform: rotate(10deg) translate3d(-5px, -5px, 0);
  }
}
@keyframes gearEnter2 {
  to {
    transform: rotate(25deg) translate3d(20px, -50px, 0);
  }
}
@keyframes gearEnter3 {
  to {
    transform: rotate(15deg) translate3d(-25px, -15px, 0);
  }
}
@keyframes gearEnter4 {
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes gearLeave1 {
  from {
    transform: rotate(10deg) translate3d(-5px, -5px, 0);
  }
  to {
    transform: rotate(10deg) translate3d(-40px, -60px, 0);
  }
}
@keyframes gearLeave2 {
  from {
    transform: rotate(25deg) translate3d(20px, -50px, 0);
  }
  to {
    transform: rotate(25deg) translate3d(70px, -130px, 0);
  }
}
@keyframes gearLeave3 {
  from {
    transform: rotate(15deg) translate3d(-25px, -15px, 0);
  }
  to {
    transform: rotate(15deg) translate3d(30px, 20px, 0);
  }
}
@keyframes gearLeave4 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-70px, 70px, 0);
  }
}
#processing .gear {
  fill: #dfe2e3;
  transform-origin: 50% 50%;
}
#processing .gear.gear-1 {
  width: 90px;
  height: 90px;
  animation: gearRotate 1s linear 2s infinite reverse;
}
#processing .gear.gear-2 {
  width: 150px;
  height: 150px;
  animation: gearRotate 1.5s linear 2s infinite;
}
#processing .gear.gear-3 {
  width: 60px;
  height: 60px;
  animation: gearRotate 0.75s linear 2s infinite reverse;
}
#processing .gear.gear-4 {
  width: 120px;
  height: 110px;
  animation: gearRotate 1.25s linear 2s infinite;
}
@keyframes gearRotate {
  to {
    transform: rotate(360deg);
  }
}
#processing .loading-bar {
  position: relative;
  width: 200px;
  height: 10px;
  margin-top: 50px;
  background-color: #dfe2e3;
  border-radius: 10px;
  overflow: hidden;
}
#processing .loading-bar span {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #5b5f61;
  transition: width 0.5s ease;
}
@keyframes hideLoading {
  to {
    height: 0;
    margin: 0;
    opacity: 0;
  }
}
#processing .checkmark {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  display: block;
  border-radius: 50%;
  stroke-width: 1px;
  stroke: #fff;
  stroke-miterlimit: 10;
}
#processing .checkmark-circle {
  fill: none;
  stroke-dasharray: 200px;
  stroke-dashoffset: 200px;
  stroke-width: 1px;
  stroke-miterlimit: 10;
}
@keyframes fillCheckSuccess {
  to {
    box-shadow: inset 0 0 0 100px #1d99f1;
  }
}
@keyframes fillCheckError {
  to {
    box-shadow: inset 0 0 0 100px #eb495d;
  }
}
@keyframes beatCheck {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
@keyframes echoSuccess {
  from {
    box-shadow: inset 0 0 0 100px #1d99f1, 0 0 0 0 #1d99f1;
  }
  to {
    box-shadow: inset 0 0 0 100px #1d99f1, 0 0 0 50px transparent;
  }
}
@keyframes echoError {
  from {
    box-shadow: inset 0 0 0 100px #eb495d, 0 0 0 0 #eb495d;
  }
  to {
    box-shadow: inset 0 0 0 100px #eb495d, 0 0 0 50px transparent;
  }
}
#processing .checkmark-check {
  stroke: #fff;
  stroke-dasharray: 100px;
  stroke-dashoffset: 100px;
  transform-origin: 50% 50%;
}
@keyframes strokeCheck {
  to {
    stroke-dashoffset: 0;
  }
}
#add-questionnaire-modal .content-container h3,
#ecrf-add-questionnaire-modal .content-container h3 {
  border-bottom: 1px solid #eeeeee;
}
#add-questionnaire-modal .content-container div.list,
#ecrf-add-questionnaire-modal .content-container div.list {
  padding: 0;
  height: 330px;
  overflow-y: scroll;
}
#add-questionnaire-modal .content-container div.list .section,
#ecrf-add-questionnaire-modal .content-container div.list .section {
  position: relative;
  padding: 0;
  width: 100%;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
#add-questionnaire-modal .content-container div.list .section:hover,
#ecrf-add-questionnaire-modal .content-container div.list .section:hover {
  background-color: rgba(138, 197, 239, 0.1);
}
#add-questionnaire-modal .content-container div.list .section i,
#ecrf-add-questionnaire-modal .content-container div.list .section i {
  position: absolute;
  top: 12px;
  right: 10px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.4;
}
#add-questionnaire-modal .content-container div.list .section h2,
#ecrf-add-questionnaire-modal .content-container div.list .section h2 {
  font-weight: 400;
  display: block;
  font-size: calc(12px * 1.1);
  padding: 0 32px 0 10px;
  height: 30px;
  line-height: 30px;
  color: #a5a7a8;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#add-questionnaire-modal .content-container div.list .section ul li,
#ecrf-add-questionnaire-modal .content-container div.list .section ul li {
  font-weight: 400;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  font-size: calc(12px * 1.1);
  color: #545556;
  background-color: #ffffff;
  cursor: pointer;
}
#add-questionnaire-modal .content-container div.list .section ul li:hover,
#ecrf-add-questionnaire-modal .content-container div.list .section ul li:hover {
  background-color: rgba(138, 197, 239, 0.1);
}
#add-questionnaire-modal .content-container div.list .section.hide,
#ecrf-add-questionnaire-modal .content-container div.list .section.hide {
  height: 30px;
  overflow: hidden;
}
#add-questionnaire-modal .content-container div.list .section.hide i,
#ecrf-add-questionnaire-modal .content-container div.list .section.hide i {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
#adaptment-modify-modal div.body-area .result {
  margin: 0 auto 30px;
  text-align: center;
  border: 1px solid #dfe2e3;
  padding: 10px 30px;
  border-radius: 10px;
}
#adaptment-modify-modal div.body-area .result h3 {
  font-weight: 400;
  color: #5b5f61;
}
#adaptment-modify-modal div.body-area .result .respond-text {
  font-size: calc(15px * 1.1);
  margin-top: 20px;
}
#adaptment-modify-modal div.body-area .input-group {
  margin-bottom: 30px;
}
#ecrf-reservation-schedule-add-modal {
  width: 480px;
  min-width: 480px;
}
#add-surgery-modal .content-container {
  width: 100%;
}
#add-surgery-modal .content-container .header-area {
  position: absolute;
  top: 0;
  width: 100%;
  height: 60px;
  padding: 0 58px 0 20px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
#add-surgery-modal .content-container .header-area > .info-area h3 {
  text-align: left;
  letter-spacing: 0;
  color: #545556;
}
#add-surgery-modal .content-container .header-area > .info-area h3 span {
  font-weight: 300;
  font-size: calc(16px * 1.1);
  letter-spacing: 0;
  color: #a5a7a8;
}
#add-surgery-modal .content-container .header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
#add-surgery-modal .content-container .header-area > .close-area i {
  display: block;
}
#add-surgery-modal .content-container .body-area {
  width: 100%;
  height: 60vh;
  margin-top: 60px;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}
#add-surgery-modal .content-container .body-area > * {
  width: 100%;
}
#add-surgery-modal .content-container .body-area .input-group {
  padding-bottom: 10px;
}
#add-surgery-modal .content-container .body-area .input-group label {
  color: #a5a7a8;
}
#add-surgery-modal .content-container .body-area .input-box {
  padding: 0 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#add-surgery-modal .content-container .body-area .input-box input {
  width: 100%;
}
#add-surgery-modal .content-container .body-area .filter-area {
  padding: 0 12px;
}
#add-surgery-modal .content-container .body-area .filter-area > * {
  font-weight: 400;
  float: left;
  padding: 0 4px;
  height: 40px;
  line-height: 40px;
  font-size: calc(14px * 1.1);
  color: #545556;
}
#add-surgery-modal .content-container .body-area ul.surgery-list,
#add-surgery-modal .content-container .body-area ul.existing-surgery-list {
  padding: 0 8px;
}
#add-surgery-modal .content-container .body-area ul.surgery-list li > *,
#add-surgery-modal .content-container .body-area ul.existing-surgery-list li > * {
  float: left;
  margin: 0 2px;
}
#add-surgery-modal .content-container .body-area ul.surgery-list li .button-area,
#add-surgery-modal .content-container .body-area ul.existing-surgery-list li .button-area {
  margin-left: 6px;
}
#add-surgery-modal .content-container .body-area ul.surgery-list li .button-area button,
#add-surgery-modal .content-container .body-area ul.existing-surgery-list li .button-area button {
  width: 34px;
  line-height: 34px;
}
#add-surgery-modal .content-container .body-area ul.surgery-list li > *:nth-child(1),
#add-surgery-modal .content-container .body-area ul.existing-surgery-list li > *:nth-child(1) {
  width: calc(100% - 90px);
}
#add-surgery-modal .content-container .body-area ul.surgery-list li > *:nth-child(2),
#add-surgery-modal .content-container .body-area ul.existing-surgery-list li > *:nth-child(2) {
  width: 72px;
}
#add-surgery-modal .content-container .footer-area {
  border-top: 1px solid #eeeeee;
  padding: 14px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#add-surgery-modal .content-container .footer-area > div {
  padding: 0 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#add-surgery-modal .content-container .footer-area > div button {
  width: 100%;
}
#add-symptom-modal .content-container {
  width: 100%;
}
#add-symptom-modal .content-container .header-area {
  position: absolute;
  top: 0;
  width: 100%;
  height: 60px;
  padding: 0 58px 0 20px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
#add-symptom-modal .content-container .header-area > .info-area h3 {
  text-align: left;
  letter-spacing: 0;
  color: #545556;
}
#add-symptom-modal .content-container .header-area > .info-area h3 span {
  font-weight: 300;
  font-size: calc(16px * 1.1);
  letter-spacing: 0;
  color: #a5a7a8;
}
#add-symptom-modal .content-container .header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
#add-symptom-modal .content-container .header-area > .close-area i {
  display: block;
}
#add-symptom-modal .content-container .body-area {
  width: 100%;
  height: 60vh;
  margin-top: 60px;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}
#add-symptom-modal .content-container .body-area > * {
  width: 100%;
}
#add-symptom-modal .content-container .body-area .input-group {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
}
#add-symptom-modal .content-container .body-area .input-group label {
  color: #a5a7a8;
}
#add-symptom-modal .content-container .body-area .input-box {
  padding: 0 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#add-symptom-modal .content-container .body-area .input-box input {
  width: 100%;
}
#add-symptom-modal .content-container .body-area .filter-area {
  padding: 0 12px;
}
#add-symptom-modal .content-container .body-area .filter-area > * {
  font-weight: 400;
  float: left;
  padding: 0 4px;
  height: 40px;
  line-height: 40px;
  font-size: calc(14px * 1.1);
  color: #545556;
}
#add-symptom-modal .content-container .body-area ul.symptom-list li div.pure-g {
  display: inline-block;
  width: calc(100% - 100px);
}
#add-symptom-modal .content-container .body-area ul.symptom-list li div.pure-g > * {
  display: inline-block;
}
#add-symptom-modal .content-container .body-area ul.symptom-list li .button-area {
  display: inline-block;
  width: 78px;
  vertical-align: bottom;
  margin-bottom: 18px;
}
#add-symptom-modal .content-container .body-area ul.symptom-list li .button-area button {
  width: 34px;
  line-height: 34px;
}
#add-symptom-modal .content-container .footer-area {
  border-top: 1px solid #eeeeee;
  padding: 14px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#add-symptom-modal .content-container .footer-area > div {
  padding: 0 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#add-symptom-modal .content-container .footer-area > div button {
  width: 100%;
}
#upsert-filter-modal .content-container {
  width: 100%;
}
#upsert-filter-modal .content-container .header-area {
  position: absolute;
  top: 0;
  width: 100%;
  height: 60px;
  padding: 0 58px 0 20px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
#upsert-filter-modal .content-container .header-area > .info-area h3 {
  text-align: left;
  letter-spacing: 0;
  color: #545556;
}
#upsert-filter-modal .content-container .header-area > .info-area h3 span {
  font-weight: 300;
  font-size: calc(16px * 1.1);
  letter-spacing: 0;
  color: #a5a7a8;
}
#upsert-filter-modal .content-container .header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
#upsert-filter-modal .content-container .header-area > .close-area i {
  display: block;
}
#upsert-filter-modal .content-container .body-area {
  height: 60vh;
  margin-top: 60px;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}
#upsert-filter-modal .content-container .body-area .input-group {
  padding-bottom: 10px;
}
#upsert-filter-modal .content-container .body-area .input-group label {
  color: #a5a7a8;
}
#upsert-filter-modal .content-container .body-area .input-box {
  padding: 0 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#upsert-filter-modal .content-container .body-area .input-box input {
  width: 100%;
}
#upsert-filter-modal .content-container .body-area ul.value-list {
  padding: 0 8px;
}
#upsert-filter-modal .content-container .body-area ul.value-list.string-type input:not(.string-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.string-type .combobox.combobox-base:not(.string-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.number-type input:not(.number-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.number-type .combobox.combobox-base:not(.number-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.date-type input:not(.date-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.date-type .combobox.combobox-base:not(.date-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.gender-type input:not(.gender-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.gender-type .combobox.combobox-base:not(.gender-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.part-type input:not(.part-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.part-type .combobox.combobox-base:not(.part-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.predefined-symptom-type input:not(.predefined-symptom-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list.predefined-symptom-type .combobox.combobox-base:not(.predefined-symptom-type) {
  display: none;
}
#upsert-filter-modal .content-container .body-area ul.value-list > li > *:nth-child(1) {
  width: 100%;
}
#upsert-filter-modal .content-container .body-area ul.value-list > li > *:nth-child(2) {
  display: none;
  width: 72px;
}
#upsert-filter-modal .content-container .body-area ul.value-list.multiple > li > * {
  float: left;
  margin: 0 2px;
}
#upsert-filter-modal .content-container .body-area ul.value-list.multiple > li .button-area {
  margin-left: 6px;
}
#upsert-filter-modal .content-container .body-area ul.value-list.multiple > li .button-area button {
  width: 34px;
  line-height: 34px;
}
#upsert-filter-modal .content-container .body-area ul.value-list.multiple > li > *:nth-child(1) {
  width: calc(100% - 90px);
}
#upsert-filter-modal .content-container .body-area ul.value-list.multiple > li > *:nth-child(2) {
  display: block;
  width: 72px;
}
#upsert-filter-modal .content-container .footer-area {
  border-top: 1px solid #eeeeee;
  padding: 14px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#upsert-filter-modal .content-container .footer-area > div {
  padding: 0 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#upsert-filter-modal .content-container .footer-area > div button {
  width: 100%;
}
#query-view-modal .content-container {
  position: relative;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
#query-view-modal .content-container .header-area {
  position: absolute;
  width: 100%;
  height: 60px;
  padding: 0 58px 0 52px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
#query-view-modal .content-container .header-area > .info-area i {
  position: absolute;
  display: block;
  left: 20px;
  top: 25px;
}
#query-view-modal .content-container .header-area > .info-area h3 {
  text-align: left;
  letter-spacing: 0;
  color: #545556;
}
#query-view-modal .content-container .header-area > .info-area h3 span {
  font-weight: 300;
  font-size: calc(16px * 1.1);
  letter-spacing: 0;
  color: #a5a7a8;
}
#query-view-modal .content-container .header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
#query-view-modal .content-container .header-area > .close-area i {
  display: block;
}
#query-view-modal .content-container .body-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 600px;
  padding-top: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#query-view-modal .content-container .body-area div.question-info-area {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding: 10px 15px;
}
#query-view-modal .content-container .body-area div.question-info-area h3 {
  display: block;
  margin-left: 5px;
  margin-top: 10px;
  font-weight: bold;
}
#query-view-modal .content-container .body-area div.question-info-area .question {
  font-weight: bold;
  color: #5b5f61;
}
#query-view-modal .content-container .body-area div.question-info-area .answer {
  margin-top: 5px;
}
#query-view-modal .content-container .body-area div.question-info-area div.button-area {
  position: absolute;
  width: 80px;
  right: 25px;
}
#query-view-modal .content-container .body-area div.question-info-area div.button-area button.hide {
  display: none;
}
#query-view-modal .content-container .body-area div.timeline-area {
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  margin-top: 8px;
  padding: 10px 15px;
}
#query-view-modal .content-container .body-area div.timeline-area .info-area {
  width: 100%;
}
#query-view-modal .content-container .body-area div.timeline-area .info-area div {
  display: inline-block;
}
#query-view-modal .content-container .body-area div.timeline-area .info-area div.action {
  display: inline-block;
}
#query-view-modal .content-container .body-area div.timeline-area .info-area div.action h3 {
  font-weight: 700;
}
#query-view-modal .content-container .body-area div.timeline-area .info-area div.auditor {
  margin-left: 10px;
  color: #5b5f61;
  font-size: calc(11px * 1.1);
}
#query-view-modal .content-container .body-area div.timeline-area .info-area div.status {
  display: inline-block;
  float: right;
}
#query-view-modal .content-container .body-area div.timeline-area .info-area div.status div.combobox button {
  background: #43a047;
  padding: 0 5px;
  border-radius: 5px;
}
#query-view-modal .content-container .body-area div.timeline-area .info-area div.status div.combobox button h6 {
  font-size: calc(13px * 1.1);
  margin-left: -12px;
  text-align: center;
  font-weight: bold;
  color: white;
}
#query-view-modal .content-container .body-area div.timeline-area .info-area div.status div.combobox button:hover {
  border-color: #43a047 !important;
}
#query-view-modal .content-container .body-area div.timeline-area .info-area div.status div.combobox button:hover i {
  background-position: 0 !important;
}
#query-view-modal .content-container .body-area div.timeline-area .log-area {
  width: 100%;
  display: inline-block;
}
#query-view-modal .content-container .body-area div.divider {
  border-top: 1px solid #dfe2e3;
  width: calc(100% + 20px);
  margin: auto -10px 15px -10px;
}
#query-view-modal .content-container .body-area div.comment-area {
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  padding: 10px 15px;
}
#query-view-modal .content-container .body-area div.comment-area div.combobox,
#query-view-modal .content-container .body-area div.comment-area select.combobox {
  display: inline-block;
  width: 200px;
  float: left;
}
#query-view-modal .content-container .body-area div.comment-area button.button {
  display: inline-block;
  width: 100px;
  text-align: center;
  float: right;
}
.body-container {
  height: 100vh;
  overflow: auto;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.body-container .header-container {
  width: 100%;
  height: 72px;
  vertical-align: middle;
  line-height: 72px;
}
.body-container .header-container > .left-area {
  padding: 0 28px;
  box-sizing: border-box;
}
.body-container .header-container > .right-area {
  text-align: right;
  padding: 0 46px;
  box-sizing: border-box;
}
.body-container .header-container > .right-area > * {
  float: right;
  padding: 0 10px;
}
.body-container .header-container .notification-area {
  display: inline-block;
  margin-top: 5px;
}
.body-container .header-container .user-area {
  cursor: pointer;
}
.body-container .header-container .user-area .user-wrap > h4 {
  letter-spacing: 0.5px;
}
.body-container .header-container .user-area .user-wrap > i {
  margin-left: 8px;
  margin-bottom: 3px;
}
.notification-area > .notification-wrap {
  position: relative;
  width: 23px;
  height: 22px;
}
.notification-area > .notification-wrap span.dot {
  position: absolute;
  display: block;
  top: -5px;
  right: 0;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #1d99f1;
}
.sidebar-container .brand-area {
  margin: 0 auto;
  width: 100%;
  height: 174px;
  background-color: #32373a;
}
.sidebar-container .brand-area a {
  width: 100%;
}
.sidebar-container .brand-area .brand-wrap {
  padding-top: 47px;
  padding-bottom: 30px;
  text-align: center;
}
.sidebar-container .brand-area .brand-wrap .text {
  margin-top: 20px;
}
.sidebar-container .menu-area {
  background-color: #32373a;
}
.sidebar-container .menu-area .case-running-title {
  display: block;
  width: 180px;
  margin: 20px auto;
  color: #1d99f1;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar-container .menu-area .link-area a {
  cursor: pointer;
  display: block;
  background: rgba(255, 255, 255, 0.25);
  height: 50px;
  position: relative;
  border-radius: 1000px;
  margin: 30px 10px 10px;
}
.sidebar-container .menu-area .link-area a i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  font-size: 20px;
  color: #ffffff;
}
.sidebar-container .menu-area .link-area a img.home {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 110px;
  margin-left: 12px;
}
.sidebar-container .footer-area {
  margin: auto 0 30px 0;
  width: 100%;
  z-index: -1;
}
.sidebar-container .footer-area .footer-wrap {
  text-align: center;
  padding: 0 10px;
}
.sidebar-container .footer-area .footer-wrap > .swiper-big-ad-container {
  width: 190px;
  height: 288px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.sidebar-container .footer-area .footer-wrap > .swiper-small-ad-container {
  width: 190px;
  height: 54px;
  margin-bottom: 10px;
}
.sidebar-container .footer-area .footer-wrap > i {
  padding-bottom: 11px;
}
.sidebar-container .footer-area .footer-wrap > h5 > a {
  display: block;
  font-size: calc(11px * 1.1);
  color: #5b5f61;
}
.sidebar-container .footer-area .footer-wrap > h5 > a:hover {
  color: #a5a7a8;
}
.sidebar-container .footer-area .footer-wrap > h6 > a {
  display: block;
  font-size: calc(10px * 1.1);
  color: #5b5f61;
  margin-top: -1px;
}
.sidebar-container .footer-area .footer-wrap > h6 > a:hover {
  color: #a5a7a8;
}
@media (max-height: 1024px) {
  .sidebar-container .brand-area .brand-wrap {
    padding-top: 27px;
    padding-bottom: 17px;
  }
  .sidebar-container .footer-area {
    margin-bottom: 10px;
  }
}
body.ecrf .sidebar-container {
  background-color: #022853;
}
body.ecrf .sidebar-container .brand-area {
  background-color: #022853;
}
body.ecrf .sidebar-container .menu-area {
  background-color: #022853;
}
@media screen and (max-width: 1023px) {
  .sidebar-container {
    -webkit-transition: height 0.3s !important;
    -moz-transition: height 0.3s !important;
    -ms-transition: height 0.3s !important;
    -o-transition: height 0.3s !important;
    transition: height 0.3s !important;
  }
  .sidebar-container .brand-area {
    width: 100%;
    height: 44px;
  }
  .sidebar-container .brand-area .brand-wrap {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 140px;
    height: 44px;
    line-height: 44px;
  }
  .sidebar-container .brand-area .brand-wrap .icon {
    display: inline;
    position: relative;
    top: 3px;
  }
  .sidebar-container .brand-area .brand-wrap .icon i {
    width: 19px;
    height: 20px;
    background-size: cover;
  }
  .sidebar-container .brand-area .brand-wrap .text {
    display: inline;
    position: relative;
    top: 0;
    margin: 0 0 0 8px;
  }
  .sidebar-container .brand-area .brand-wrap .text i {
    width: 100px;
    height: 12.89px;
    background-size: cover;
  }
  .sidebar-container .brand-area .hamburger-area {
    position: absolute;
    top: 14px;
    left: 14px;
  }
  .sidebar-container .brand-area .notification-area {
    position: absolute;
    top: 10px;
    right: 14px;
  }
  .sidebar-container .menu-area {
    border-top: 1px solid #545556;
  }
  .sidebar-container .footer-area {
    display: none;
  }
  .sidebar-container.open {
    height: 100vh;
  }
}
.dashboard-area .group-box {
  margin-bottom: 40px;
}
.dashboard-area > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dashboard-area > div:nth-child(1) {
  padding-right: 10px;
}
.dashboard-area > div:nth-child(2) {
  padding-left: 10px;
}
div.patient-list-area .search-area .search-bar {
  display: inline-block;
}
div.patient-list-area .search-area .filter-add-area {
  margin-left: 10px;
  display: inline-block;
}
div.patient-list-area .search-area .filter-remove-area {
  margin-left: 5px;
  display: inline-block;
}
div.patient-list-area .search-area .smart-folder-add-area {
  margin-left: 5px;
  display: inline-block;
}
div.patient-list-area .filter-area .filter-list-area.smart-filter > p {
  font-weight: 300;
  margin-left: 10px;
}
div.patient-list-area .filter-area .filter-list-area .operator {
  display: inline-block;
  font-size: 12px;
  color: #5b5f61;
}
div.patient-list-area .filter-area .filter-list-area .filter + .filter:before {
  position: relative;
  width: 0;
  left: -40px;
  content: 'and';
  display: inline-block;
  font-size: 12px;
  color: #5b5f61;
}
div.patient-list-area .filter-area .filter-list-area .filter + .filter {
  margin-left: 30px;
}
div.patient-list-area .filter-area .filter-list-area .filter {
  display: inline-block;
  padding: 3px 12px;
  margin-bottom: 5px;
  border: solid 1px #dfe2e3;
  border-radius: 6px;
  background-color: #ffffff;
}
div.patient-list-area .filter-area .filter-list-area .filter h6 {
  line-height: 23px;
}
div.patient-list-area .filter-area .filter-list-area .filter h6 span.criteria {
  font-size: calc(12px * 1.1);
  font-weight: 400;
}
div.patient-list-area .filter-area .filter-list-area .filter h6 span.value {
  font-size: calc(12px * 1.1);
  font-weight: 700;
}
div.patient-list-area .filter-area .filter-list-area .filter h6 span.value span {
  font-size: calc(10px * 1.1);
  color: #5b5f61;
  margin: 0 2px;
  bottom: 1px;
  position: relative;
}
div.patient-list-area .filter-area .filter-list-area .filter .delete-button {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-left: 8px;
}
div.patient-list-area .filter-area .filter-list-area .filter .delete-button:hover {
  color: #eb495d;
}
div.patient-list-area .filter-area .filter-list-area .filter:hover {
  cursor: pointer;
  border: solid 1px #1d99f1;
  background: rgba(138, 197, 239, 0.1);
}
@media screen and (max-width: 1279px) {
  div.patient-list-area table td:nth-last-child(2) {
    border-right: solid 1px #eeeeee;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
@media screen and (max-width: 1023px) {
  div.patient-list-area .table-header-area .action-area {
    text-align: left;
  }
  div.patient-list-area .table-header-area .action-area .action-wrap {
    display: block;
    width: 50%;
    margin: 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.patient-list-area .table-header-area .action-area .action-wrap:nth-child(1) {
    padding-right: 6px;
  }
  div.patient-list-area .table-header-area .action-area .action-wrap:nth-child(2) {
    padding-left: 6px;
  }
  div.patient-list-area .table-header-area .action-area .action-wrap button {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 767px) {
  div.patient-list-area table td:nth-last-child(3) {
    border-right: solid 1px #eeeeee;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
@media (max-width: 575px) {
  div.patient-list-area table td:nth-last-child(4) {
    border-right: solid 1px #eeeeee;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
div.patient-info-area > div {
  overflow: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.patient-info-area > div:nth-child(1) {
  padding-right: 10px;
}
div.patient-info-area > div:nth-child(2) {
  padding-left: 10px;
}
div.patient-info-area.modify div.info-area > .content ul.list > li.row > div {
  height: auto;
  line-height: 40px;
  padding-bottom: 10px;
}
div.patient-info-area div.info-area > .content ul.list {
  padding: 20px 12px;
}
div.patient-info-area div.info-area > .content ul.list > li.row {
  position: relative;
  clear: both;
}
div.patient-info-area div.info-area > .content ul.list > li.row > div {
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
}
div.patient-info-area div.info-area > .content ul.list > li.row > div input {
  width: 100%;
}
div.patient-info-area div.info-area > .content ul.list > li.row > div .radio-area .radio-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.patient-info-area div.info-area > .content ul.list > li.row > div .radio-area .radio-wrap > div {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
div.patient-info-area div.info-area > .content ul.list > li.row > div .radio-area .radio-wrap:nth-child(1) {
  padding-right: 5px;
}
div.patient-info-area div.info-area > .content ul.list > li.row > div .radio-area .radio-wrap:nth-child(2) {
  padding-left: 5px;
}
div.patient-info-area div.info-area > .content ul.list > li.row > div.title {
  color: #a5a7a8;
}
div.patient-info-area div.info-area > .content ul.list > li.row > div.info {
  color: #545556;
}
div.patient-info-area div.info-area > .content ul.list > li.row.icon div.info {
  padding-right: 32px;
}
div.patient-info-area div.info-area > .content ul.list > li.row.icon a {
  position: absolute;
  display: block;
  top: 5px;
  right: 8px;
}
div.patient-info-area div.memo-area > .content {
  border: 0;
  padding: 0;
  height: 240px;
}
div.patient-info-area div.memo-area > .content textarea {
  display: block;
  resize: none;
}
div.patient-info-area div.timeline-area {
  position: relative;
  min-height: 100%;
}
div.patient-info-area div.timeline-area > .content {
  min-height: 100%;
  border: 0;
  background: transparent;
}
div.patient-info-area div.timeline-area > .content ul.timeline-content {
  padding-top: 13px;
}
div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item {
  padding: 7px 0 7px 41px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item > .item-wrap {
  position: relative;
  width: 100%;
  min-height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item > .item-wrap:before {
  position: absolute;
  display: block;
  left: -28px;
  top: 50%;
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #ffffff;
  border: solid 2px #1d99f1;
  content: ' ';
}
div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item h3 {
  font-weight: 300;
  display: block;
  width: 100%;
  padding: 14px 100px 8px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #545556;
}
div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item h4 {
  font-weight: 300;
  position: absolute;
  display: block;
  margin: 8px 14px 8px 0;
  width: 90px;
  color: #a5a7a8;
  text-align: right;
  height: 44px;
  line-height: 44px;
  right: 0;
}
@media (max-width: 767px) {
  div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item h4 {
    position: relative;
    text-align: left;
    padding-left: 20px;
    height: 20px;
    line-height: normal;
  }
  div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item h3 {
    padding: 0 8px 8px 20px;
  }
}
div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item span {
  font-weight: 300;
  display: block;
  padding: 0 14px 18px 20px;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
  color: #a5a7a8;
  word-break: break-word;
}
div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item.large h3 {
  height: 52px;
  padding-bottom: 0;
}
div.patient-info-area div.timeline-area > .content ul.timeline-content > li.item.large h4 {
  margin-bottom: 0;
}
div.patient-info-area div.timeline-area > .content:before {
  position: absolute;
  display: block;
  width: 2px;
  height: 100%;
  top: 0;
  left: 19px;
  content: ' ';
  background: #eeeeee;
}
@media (max-width: 1023px) {
  div.patient-info-area > div {
    padding: 0 !important;
  }
  div.patient-info-area .group-box {
    margin-bottom: 20px;
  }
}
div.patient-part-area div.left-content-area {
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.patient-part-area div.right-content-area {
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.patient-part-area table td:nth-child(1) {
  padding-left: 14px;
}
div.patient-part-area table td span {
  font-weight: 300;
  margin-right: 8px;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
  color: #545556;
  line-height: 40px;
}
div.patient-part-area table th:nth-child(1) {
  padding-left: 14px;
}
div.patient-part-area .surgery-area .accordion-item,
div.patient-part-area .symptom-area .accordion-item {
  position: relative;
}
div.patient-part-area .surgery-area .accordion-item > label,
div.patient-part-area .symptom-area .accordion-item > label {
  height: 55px;
}
div.patient-part-area .surgery-area .accordion-item > label > div,
div.patient-part-area .symptom-area .accordion-item > label > div {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}
div.patient-part-area .surgery-area .accordion-item > label > div p.sub,
div.patient-part-area .symptom-area .accordion-item > label > div p.sub {
  display: block;
  font-size: 13px;
  color: #a5a7a8;
}
div.patient-part-area .surgery-area .accordion-item > label > div p.main,
div.patient-part-area .symptom-area .accordion-item > label > div p.main {
  display: block;
}
div.patient-part-area .surgery-area .accordion-item.prime,
div.patient-part-area .symptom-area .accordion-item.prime {
  border: 1px solid #7dd2ff;
}
div.patient-part-area .surgery-area .accordion-item.prime > label,
div.patient-part-area .symptom-area .accordion-item.prime > label {
  background: rgba(125, 210, 255, 0.2);
}
div.patient-part-area .surgery-area .accordion-item .title-button-area,
div.patient-part-area .symptom-area .accordion-item .title-button-area {
  float: right;
  position: absolute;
  top: 10px;
  right: 52px;
}
div.patient-part-area .surgery-area .accordion-item .title-button-area > *,
div.patient-part-area .symptom-area .accordion-item .title-button-area > * {
  display: inline-block;
  margin-left: 2px;
}
div.patient-part-area .surgery-area table tr,
div.patient-part-area .symptom-area table tr {
  background: #fbfcfc !important;
}
div.patient-part-area .surgery-area table tr td,
div.patient-part-area .symptom-area table tr td {
  padding: 0 !important;
  border: none !important;
}
div.patient-part-area .surgery-area table tr td div.accordion-content,
div.patient-part-area .symptom-area table tr td div.accordion-content {
  line-height: 34px;
}
div.patient-part-area .surgery-area table tr td div.accordion-content li,
div.patient-part-area .symptom-area table tr td div.accordion-content li {
  width: 100%;
  margin: 18px 0;
}
div.patient-part-area .surgery-area table tr td div.accordion-content li > *,
div.patient-part-area .symptom-area table tr td div.accordion-content li > * {
  display: inline-block;
}
div.patient-part-area .surgery-area table tr td div.accordion-content li > :nth-child(1),
div.patient-part-area .symptom-area table tr td div.accordion-content li > :nth-child(1) {
  vertical-align: top;
  width: calc(100% - 100px);
}
div.patient-part-area .surgery-area table tr td div.accordion-content li > :nth-child(1) p.sub,
div.patient-part-area .symptom-area table tr td div.accordion-content li > :nth-child(1) p.sub {
  line-height: 18px;
  display: block;
  font-size: 13px;
  color: #a5a7a8;
}
div.patient-part-area .surgery-area table tr td div.accordion-content li > :nth-child(1) p.main,
div.patient-part-area .symptom-area table tr td div.accordion-content li > :nth-child(1) p.main {
  line-height: 18px;
  display: block;
}
div.patient-part-area .surgery-area table tr td div.accordion-content li > :nth-child(1) p.prime,
div.patient-part-area .symptom-area table tr td div.accordion-content li > :nth-child(1) p.prime {
  font-size: 10px;
}
div.patient-part-area .surgery-area table tr td div.accordion-content li > :nth-child(2),
div.patient-part-area .symptom-area table tr td div.accordion-content li > :nth-child(2) {
  width: 100px;
}
div.patient-part-area .surgery-area table tr td div.accordion-content li > :nth-child(2) button,
div.patient-part-area .symptom-area table tr td div.accordion-content li > :nth-child(2) button {
  margin-left: 2px;
}
div.patient-part-area .group-box {
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  div.patient-part-area,
  div.left-content-area,
  div.right-content-area {
    padding: 0 !important;
  }
}
@media (max-width: 575px) {
  table th:nth-child(2) {
    width: 100px;
  }
}
div.patient-add-area .patient-add-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.patient-add-area .patient-add-wrap table tr {
  background: #fbfcfc !important;
}
div.patient-add-area .patient-add-wrap table tr td {
  border: none !important;
}
div.patient-add-area .patient-add-wrap table tr td .accordion-item > label {
  height: 55px;
}
div.patient-add-area .patient-add-wrap table tr td .accordion-item > label > div {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}
div.patient-add-area .patient-add-wrap table tr td .accordion-item > label > div p.sub {
  display: block;
  font-size: 13px;
  color: #a5a7a8;
}
div.patient-add-area .patient-add-wrap table tr td .accordion-item > label > div p.main {
  display: block;
}
div.patient-add-area .patient-add-wrap table tr td div.accordion-content {
  line-height: 34px;
}
div.patient-add-area .patient-add-wrap table tr td div.accordion-content li {
  width: 100%;
  margin: 18px 0;
}
div.patient-add-area .patient-add-wrap table tr td div.accordion-content li > * {
  display: inline-block;
}
div.patient-add-area .patient-add-wrap table tr td div.accordion-content li > :nth-child(1) {
  vertical-align: top;
  width: calc(100% - 70px);
}
div.patient-add-area .patient-add-wrap table tr td div.accordion-content li > :nth-child(1) p.sub {
  line-height: 18px;
  display: block;
  font-size: 13px;
  color: #a5a7a8;
}
div.patient-add-area .patient-add-wrap table tr td div.accordion-content li > :nth-child(1) p.main {
  line-height: 18px;
  display: block;
}
div.patient-add-area .patient-add-wrap table tr td div.accordion-content li > :nth-child(2) {
  width: 70px;
}
div.patient-add-area .patient-add-wrap table tr td div.accordion-content li > :nth-child(2) button {
  margin-left: 8px;
}
@media (min-width: 768px) {
  div.patient-add-area .patient-add-wrap:nth-child(1) {
    padding-right: 10px;
  }
  div.patient-add-area .patient-add-wrap:nth-child(2) {
    padding-left: 10px;
  }
}
div.patient-add-area .group-box {
  margin-bottom: 34px;
}
div.patient-add-area .group-box > div.content {
  padding: 10px;
}
div.patient-add-area .group-box > div.content ul.list li > div {
  min-height: 30px;
  line-height: 30px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.patient-add-area .group-box > div.content ul.list li > div:nth-child(1) {
  font-size: calc(12px * 1.1);
  text-align: right;
  color: #5b5f61;
}
div.patient-add-area .group-box > div.content ul.list li > div:nth-child(2) input,
div.patient-add-area .group-box > div.content ul.list li > div:nth-child(2) textarea {
  width: 100%;
}
div.patient-add-area .group-box > div.content ul.list li > div:nth-child(2) textarea {
  height: 120px;
}
div.patient-add-area .group-box > div.content ul.list li > div .radio-area .radio-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.patient-add-area .group-box > div.content ul.list li > div .radio-area .radio-wrap > div {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
div.patient-add-area .group-box > div.content ul.list li > div .radio-area .radio-wrap:nth-child(1) {
  padding-right: 5px;
}
div.patient-add-area .group-box > div.content ul.list li > div .radio-area .radio-wrap:nth-child(2) {
  padding-left: 5px;
}
div.patient-add-area .group-box.part-info-area > .part-info-wrap {
  padding: 20px;
}
div.patient-add-area .group-box.part-info-area > .part-info-wrap .combobox-area {
  width: 100%;
}
div.patient-add-area .group-box.part-info-area > .part-info-wrap .combobox-area button {
  width: 100%;
}
div.patient-add-area .group-box.part-info-area > .part-info-wrap .part-area .part-wrap {
  padding: 6px 20px 14px 20px;
}
#folder-info-modal,
#normal-folder-add-patient-modal {
  width: 800px;
  height: 600px;
}
#folder-info-modal .content-container,
#normal-folder-add-patient-modal .content-container {
  position: relative;
  width: 100%;
  height: 500px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
#folder-info-modal .content-container .header-area,
#normal-folder-add-patient-modal .content-container .header-area {
  position: absolute;
  width: 100%;
  height: 60px;
  padding: 0 58px 0 52px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
#folder-info-modal .content-container .header-area > .info-area i,
#normal-folder-add-patient-modal .content-container .header-area > .info-area i {
  position: absolute;
  display: block;
  left: 20px;
  top: 21px;
}
#folder-info-modal .content-container .header-area > .info-area h3,
#normal-folder-add-patient-modal .content-container .header-area > .info-area h3 {
  text-align: left;
  letter-spacing: 0;
  color: #545556;
}
#folder-info-modal .content-container .header-area > .info-area h3 span,
#normal-folder-add-patient-modal .content-container .header-area > .info-area h3 span {
  font-weight: 300;
  font-size: calc(16px * 1.1);
  letter-spacing: 0;
  color: #a5a7a8;
}
#folder-info-modal .content-container .header-area > .close-area,
#normal-folder-add-patient-modal .content-container .header-area > .close-area {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
}
#folder-info-modal .content-container .header-area > .close-area i,
#normal-folder-add-patient-modal .content-container .header-area > .close-area i {
  display: block;
}
#folder-info-modal .content-container .body-area,
#normal-folder-add-patient-modal .content-container .body-area {
  width: 100%;
  height: 100%;
  padding-top: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#folder-info-modal .content-container .body-area .folder-info-area,
#normal-folder-add-patient-modal .content-container .body-area .folder-info-area {
  min-height: 200px;
  overflow-y: auto;
}
#folder-info-modal .content-container .body-area .folder-info-area ul.list,
#normal-folder-add-patient-modal .content-container .body-area .folder-info-area ul.list {
  padding: 20px 12px;
}
#folder-info-modal .content-container .body-area .folder-info-area ul.list > li.row,
#normal-folder-add-patient-modal .content-container .body-area .folder-info-area ul.list > li.row {
  position: relative;
  clear: both;
}
#folder-info-modal .content-container .body-area .folder-info-area ul.list > li.row div,
#normal-folder-add-patient-modal .content-container .body-area .folder-info-area ul.list > li.row div {
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#folder-info-modal .content-container .body-area .folder-info-area ul.list > li.row div.title,
#normal-folder-add-patient-modal .content-container .body-area .folder-info-area ul.list > li.row div.title {
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
  color: #a5a7a8;
}
#folder-info-modal .content-container .body-area .folder-info-area ul.list > li.row div.info,
#normal-folder-add-patient-modal .content-container .body-area .folder-info-area ul.list > li.row div.info {
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
  color: #545556;
}
#folder-info-modal .content-container .body-area .folder-info-area ul.list > li.row div.multiline,
#normal-folder-add-patient-modal .content-container .body-area .folder-info-area ul.list > li.row div.multiline {
  height: initial;
}
#folder-info-modal .content-container .body-area .folder-info-area ul.list > li.row.icon div.info,
#normal-folder-add-patient-modal .content-container .body-area .folder-info-area ul.list > li.row.icon div.info {
  padding-right: 32px;
}
#folder-info-modal .content-container .body-area .folder-info-area ul.list > li.row.icon a,
#normal-folder-add-patient-modal .content-container .body-area .folder-info-area ul.list > li.row.icon a {
  position: absolute;
  display: block;
  top: 5px;
  right: 8px;
}
#folder-info-modal .content-container .body-area .filter-area div.title,
#normal-folder-add-patient-modal .content-container .body-area .filter-area div.title {
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  color: #a5a7a8;
  font-size: calc(12px * 1.1);
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area {
  width: 100%;
  padding: 10px 12px;
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area .filter + .filter:before,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area .filter + .filter:before {
  position: relative;
  width: 0;
  left: -40px;
  content: 'and';
  display: inline-block;
  font-size: 12px;
  color: #5b5f61;
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area .filter + .filter,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area .filter + .filter {
  margin-left: 30px;
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area .operator,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area .operator {
  display: inline-block;
  font-size: 12px;
  color: #5b5f61;
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area .filter,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area .filter {
  display: inline-block;
  padding: 3px 12px;
  margin-bottom: 5px;
  border: solid 1px #dfe2e3;
  border-radius: 6px;
  background-color: #ffffff;
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area .filter h6,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area .filter h6 {
  line-height: 23px;
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area .filter h6 span.criteria,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area .filter h6 span.criteria {
  font-size: calc(12px * 1.1);
  font-weight: 400;
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area .filter h6 span.value,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area .filter h6 span.value {
  font-size: calc(12px * 1.1);
  font-weight: 700;
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area .filter h6 span.value span,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area .filter h6 span.value span {
  font-size: calc(10px * 1.1);
  color: #5b5f61;
  margin: 0 2px;
  bottom: 1px;
  position: relative;
}
#folder-info-modal .content-container .body-area .filter-area .filter-list-area .filter:hover,
#normal-folder-add-patient-modal .content-container .body-area .filter-area .filter-list-area .filter:hover {
  cursor: pointer;
  border: solid 1px #1d99f1;
  background: rgba(138, 197, 239, 0.1);
}
#folder-info-modal .content-container .body-area .folder-list-area,
#normal-folder-add-patient-modal .content-container .body-area .folder-list-area {
  overflow-y: auto;
}
#folder-info-modal .content-container .body-area .folder-list-area ul.folder-wrap,
#normal-folder-add-patient-modal .content-container .body-area .folder-list-area ul.folder-wrap {
  margin: 0;
}
#folder-info-modal .content-container .body-area .folder-list-area ul.folder-wrap li.title,
#normal-folder-add-patient-modal .content-container .body-area .folder-list-area ul.folder-wrap li.title {
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  color: #a5a7a8;
  font-size: calc(12px * 1.1);
}
#folder-info-modal .content-container .body-area .folder-list-area ul.folder-wrap li.folder,
#normal-folder-add-patient-modal .content-container .body-area .folder-list-area ul.folder-wrap li.folder {
  width: 100%;
  padding: 0 10px 6px 10px;
}
#folder-info-modal .content-container .body-area .folder-list-area ul.folder-wrap li.folder h4,
#normal-folder-add-patient-modal .content-container .body-area .folder-list-area ul.folder-wrap li.folder h4 {
  padding-right: 16px;
}
#folder-info-modal .content-container .body-area .folder-list-area ul.folder-wrap li.folder i.icon,
#normal-folder-add-patient-modal .content-container .body-area .folder-list-area ul.folder-wrap li.folder i.icon {
  top: 9px;
}
#folder-info-modal .content-container .body-area .patient-list-area,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area {
  min-height: 200px;
  overflow-y: auto;
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list {
  padding: 0 10px 14px 10px;
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list > li,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list > li {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list > li button,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list > li button {
  width: 100%;
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list > li.title,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list > li.title {
  padding: 0 2px;
  height: 30px;
  line-height: 30px;
  color: #a5a7a8;
  font-size: calc(12px * 1.1);
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list > li.item,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list > li.item {
  position: relative;
  margin-bottom: 6px;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list > li.item i,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list > li.item i {
  position: absolute;
  display: block;
  vertical-align: middle;
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list > li.item > i,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list > li.item > i {
  left: 14px;
  top: 11px;
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list > li.item > h4,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list > li.item > h4 {
  font-weight: 300;
  display: block;
  padding: 0 46px 0 44px;
  height: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #545556;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list > li.item > h6,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list > li.item > h6 {
  font-weight: 300;
  display: block;
  padding: 0 46px 0 44px;
  height: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #545556;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#folder-info-modal .content-container .body-area .patient-list-area ul.list > li.item > a > i,
#normal-folder-add-patient-modal .content-container .body-area .patient-list-area ul.list > li.item > a > i {
  right: 14px;
  top: 14px;
}
@media (max-width: 767px) {
  #folder-info-modal {
    width: auto !important;
    height: auto !important;
  }
  #folder-info-modal .content-container {
    width: auto !important;
    height: auto !important;
  }
  #folder-info-modal .content-container .body-area .folder-info-area,
  #folder-info-modal .content-container .body-area .patient-list-area {
    height: auto !important;
    overflow: visible;
  }
}
div.folder-graph-area > div {
  margin-bottom: 40px;
}
h3.folder-graph-empty-pattern {
  border: 1px solid #dfe2e3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #5b5f61;
  padding: 20px;
  background: white;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#questionnaire-page-area {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
#questionnaire-page-area > div.questionnaire-container > .header-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 72px;
  z-index: 100;
  background-color: #32373a;
  color: #ffffff;
  text-align: center;
}
#questionnaire-page-area > div.questionnaire-container > .header-container .title {
  margin-top: 18px;
  display: inline-block;
  font-weight: 700;
  font-size: calc(24px * 1.1);
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  #questionnaire-page-area > div.questionnaire-container > .header-container .title {
    margin-top: 18px;
    display: inline-block;
    font-weight: 700;
    font-size: calc(17px * 1.1);
    letter-spacing: 1px;
  }
}
#questionnaire-page-area > div.questionnaire-container > .header-container #prev {
  margin-top: 18px;
  height: 36px;
  float: left;
  margin-left: 10px;
  color: #000000;
}
#questionnaire-page-area > div.questionnaire-container > .header-container #next {
  margin-top: 18px;
  height: 36px;
  float: right;
  margin-right: 10px;
  color: #000000;
}
#questionnaire-page-area > div.questionnaire-container .footer-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 72px;
  z-index: 100;
}
#questionnaire-page-area > div.questionnaire-container .footer-container img {
  display: block;
  margin: 0 auto;
  height: 72px;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper {
  padding-top: 72px;
  height: 100vh;
  padding-bottom: 72px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e9e9e9;
  display: flex;
  flex-wrap: nowrap;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper > form.questionnaire {
  height: 100%;
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  background-color: #fbfcfc;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper > form.questionnaire > section.questionnaire-page {
  width: 100vw;
  max-height: 100%;
  flex-shrink: 0;
  color: #32373a;
  background-color: #fbfcfc;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper > form.questionnaire > section.questionnaire-page > .section-title {
  padding: 0.8em 1em;
  color: #32373a;
  background-color: #eeeeee;
  border-bottom: 1px solid #dfe2e3;
  font-size: calc(1.6em * 1.1);
}
@media (max-width: 767px) {
  #questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper > form.questionnaire > section.questionnaire-page > .section-title {
    padding: 0.8em 1em;
    color: #32373a;
    background-color: #eeeeee;
    border-bottom: 1px solid #dfe2e3;
    font-size: calc(1.3em * 1.1);
  }
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper > form.questionnaire > section.questionnaire-page > .section-description {
  padding: 0.8em 1em;
  color: #32373a;
  background-color: #eeeeee;
  border-bottom: 1px solid #dfe2e3;
  font-size: calc(0.9em * 1.1);
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper > form.questionnaire > section.questionnaire-page > .page-information-text {
  margin: 1em;
  padding: 0.8em 1em;
  color: #32373a;
  background-color: #7dd2ff;
  border: 1px solid #066fe3;
  font-size: calc(0.9em * 1.1);
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper > form.questionnaire > section.questionnaire-page > .question {
  padding: 0 1.4em 2em;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper > form.questionnaire > section.questionnaire-page > .question img {
  height: 100%;
  margin-bottom: 14px;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper > form.questionnaire > section.questionnaire-page > .question p {
  display: block;
  margin: 0;
  padding: 1.2em 0;
  font-size: calc(1.2em * 1.1);
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper input:invalid {
  box-shadow: 0 0 5px 1px red;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper input:focus:invalid {
  box-shadow: none;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper textarea {
  width: 100%;
  font-size: calc(16px * 1.1);
  letter-spacing: 0;
  line-height: 28px;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper .range-area {
  padding-top: 2em;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper .radio-area,
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper .checkbox-area {
  margin-bottom: 0.2em;
  padding-right: 0.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper .radio-area > div,
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper .checkbox-area > div {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  height: 50px;
  max-height: fit-content;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper .radio-area > div > div.state,
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper .checkbox-area > div > div.state {
  height: 50px;
}
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper .radio-area > div:active,
#questionnaire-page-area > div.questionnaire-container > #questionnaire-page-wrapper .checkbox-area > div:active {
  background: rgba(125, 210, 255, 0.3);
}
#login {
  width: 100%;
  height: 100%;
  background: #32373a;
}
@media (max-width: 1023px) {
  #login {
    background: transparent;
  }
  #login > .login-container-wrap > .form-area > .form-wrap {
    background: transparent !important;
  }
}
#login > .login-container-wrap {
  position: relative;
  text-align: center;
}
@media (min-width: 1024px) {
  #login > .login-container-wrap {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #login > .login-container-wrap > .information-area + .form-area {
    width: 370px;
  }
  #login > .login-container-wrap > .information-area + .form-area .form-wrap {
    margin-left: 50px;
  }
}
#login > .login-container-wrap > .header-area {
  background: #32373a;
  height: 44px;
}
#login > .login-container-wrap > .header-area i {
  margin-top: 12px;
}
#login > .login-container-wrap > .information-area {
  position: relative;
  display: inline-block;
  width: 512px;
  height: 530px;
  vertical-align: top;
}
#login > .login-container-wrap > .information-area .information-wrap {
  width: 100%;
  position: absolute;
  margin-right: 50px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
}
#login > .login-container-wrap > .information-area .information-wrap .divider {
  border-top: 1px solid #5b5f61;
  width: 100%;
  margin: 30px auto;
}
#login > .login-container-wrap > .information-area .information-wrap .content-area {
  padding: 10px 0 0 42px;
}
#login > .login-container-wrap > .information-area .information-wrap .content-area .content-wrap h1 {
  display: block;
  font-size: calc(24px * 1.1);
  line-height: 1.39;
  letter-spacing: 1px;
  color: #ffffff;
}
#login > .login-container-wrap > .information-area .information-wrap .content-area .content-wrap h1 span.highlight {
  font-weight: 700;
  font-size: calc(24px * 1.1);
  line-height: 1.39;
  letter-spacing: 1px;
  color: #1d99f1;
}
#login > .login-container-wrap > .information-area .information-wrap .content-area .content-wrap h3 {
  display: block;
  margin-top: 20px;
  text-align: left;
  color: #dfe2e3;
}
#login > .login-container-wrap > .information-area .information-wrap .content-area .content-wrap h3 span.highlight {
  font-size: calc(16px * 1.1);
  letter-spacing: 0.5px;
  color: #1d99f1;
}
#login > .login-container-wrap > .information-area .information-wrap .content-area .content-wrap h4.contact {
  float: right;
  position: relative;
  top: 50px;
  color: #a5a7a8;
}
#login > .login-container-wrap > .information-area .information-wrap .content-area .content-wrap h4.contact a {
  font-size: calc(14px * 1.1);
  color: #a5a7a8;
}
#login > .login-container-wrap > .form-area {
  display: inline-block;
  width: 320px;
  height: 530px;
}
#login > .login-container-wrap > .form-area .form-wrap {
  padding: 54px 20px;
  background: #ffffff;
  text-align: left;
}
#login > .login-container-wrap > .form-area .form-wrap .header-area {
  padding-bottom: 42px;
}
#login > .login-container-wrap > .form-area .form-wrap .header-area .image {
  text-align: center;
}
#login > .login-container-wrap > .form-area .form-wrap .header-area .information {
  padding-top: 24px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
#login > .login-container-wrap > .form-area .form-wrap .header-area .information h1 {
  font-weight: 700;
  font-size: calc(24px * 1.1);
  letter-spacing: 1.3px;
  text-align: center;
  color: #32373a;
}
#login > .login-container-wrap > .form-area .form-wrap .header-area .information:after {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 34px;
  height: 2px;
  background-color: #32373a;
  content: ' ';
}
#login > .login-container-wrap > .form-area .form-wrap .content-area .input-group {
  padding-bottom: 24px;
}
#login > .login-container-wrap > .form-area .form-wrap .content-area .button-area {
  margin: 0 -6px;
  padding-top: 16px;
}
#login > .login-container-wrap > .form-area .form-wrap .content-area .button-area .button-wrap {
  padding: 0 6px;
}
#login > .login-container-wrap > .form-area .form-wrap .content-area .button-area .button-wrap button {
  width: 100%;
}
#login > .login-container-wrap > .form-area .form-wrap .content-area .desc-group {
  padding-top: 12px;
  text-align: center;
}
#login > .login-container-wrap > .form-area .form-wrap .content-area .desc-group h6 {
  font-weight: 300;
  text-decoration: underline;
  color: #a5a7a8;
}
#join {
  width: 100%;
  height: 100%;
  background: #32373a;
}
@media (max-width: 1023px) {
  #join {
    background: transparent;
  }
  #join > .join-container-wrap > .form-area {
    padding: 54px 0;
    width: 320px !important;
    height: auto !important;
  }
  #join > .join-container-wrap > .form-area > .form-wrap {
    padding: 0 20px !important;
    background: transparent !important;
  }
}
#join > .join-container-wrap {
  position: relative;
  text-align: center;
}
@media (min-width: 1024px) {
  #join > .join-container-wrap {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
#join > .join-container-wrap > .header-area {
  background: #32373a;
  height: 44px;
}
#join > .join-container-wrap > .header-area i {
  margin-top: 12px;
}
#join > .join-container-wrap > .form-area {
  margin: 0 auto;
  width: 640px;
  height: 480px;
}
#join > .join-container-wrap > .form-area .form-wrap {
  padding: 54px 20px;
  background: #ffffff;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#join > .join-container-wrap > .form-area .form-wrap .header-area {
  padding-bottom: 42px;
}
#join > .join-container-wrap > .form-area .form-wrap .header-area .image {
  text-align: center;
}
#join > .join-container-wrap > .form-area .form-wrap .header-area .information {
  padding-top: 24px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
#join > .join-container-wrap > .form-area .form-wrap .header-area .information h1 {
  font-weight: 700;
  font-size: calc(24px * 1.1);
  letter-spacing: 1.3px;
  text-align: center;
  color: #32373a;
}
#join > .join-container-wrap > .form-area .form-wrap .header-area .information:after {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 34px;
  height: 2px;
  background-color: #32373a;
  content: ' ';
}
#join > .join-container-wrap > .form-area .form-wrap .content-area .input-group {
  padding-bottom: 24px;
}
#join > .join-container-wrap > .form-area .form-wrap .content-area .input-group .combobox {
  width: 100%;
}
#join > .join-container-wrap > .form-area .form-wrap .content-area .button-area {
  padding-top: 4px;
}
#join > .join-container-wrap > .form-area .form-wrap .content-area .button-area .button-wrap button {
  width: 100%;
}
#join > .join-container-wrap > .form-area .form-wrap .content-area .pure-g > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#join > .join-container-wrap > .form-area .form-wrap .content-area .pure-g > div:nth-child(1) {
  padding-right: 4px;
}
#join > .join-container-wrap > .form-area .form-wrap .content-area .pure-g > div:nth-child(2) {
  padding-left: 4px;
}
#find-password {
  width: 100%;
  height: 100%;
  background: #32373a;
}
@media (max-width: 1023px) {
  #find-password {
    background: transparent;
  }
  #find-password > .find-container-wrap > .form-area > .form-wrap {
    background: transparent !important;
  }
}
#find-password > .find-container-wrap {
  position: relative;
  text-align: center;
}
@media (min-width: 1024px) {
  #find-password > .find-container-wrap {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
#find-password > .find-container-wrap > .header-area {
  background: #32373a;
  height: 44px;
}
#find-password > .find-container-wrap > .header-area i {
  margin-top: 12px;
}
#find-password > .find-container-wrap > .form-area {
  display: inline-block;
  width: 320px;
  height: 480px;
}
#find-password > .find-container-wrap > .form-area .form-wrap {
  padding: 54px 20px;
  background: #ffffff;
  text-align: left;
}
#find-password > .find-container-wrap > .form-area .form-wrap .header-area {
  padding-bottom: 42px;
}
#find-password > .find-container-wrap > .form-area .form-wrap .header-area .image {
  text-align: center;
}
#find-password > .find-container-wrap > .form-area .form-wrap .header-area .information {
  padding-top: 24px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
#find-password > .find-container-wrap > .form-area .form-wrap .header-area .information h1 {
  font-weight: 700;
  font-size: calc(24px * 1.1);
  letter-spacing: 1.3px;
  text-align: center;
  color: #32373a;
}
#find-password > .find-container-wrap > .form-area .form-wrap .header-area .information:after {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 34px;
  height: 2px;
  background-color: #32373a;
  content: ' ';
}
#find-password > .find-container-wrap > .form-area .form-wrap .content-area .input-group {
  padding-bottom: 24px;
}
#find-password > .find-container-wrap > .form-area .form-wrap .content-area .button-area {
  margin: 0 -6px;
  padding-top: 16px;
}
#find-password > .find-container-wrap > .form-area .form-wrap .content-area .button-area .button-wrap {
  padding: 0 6px;
}
#find-password > .find-container-wrap > .form-area .form-wrap .content-area .button-area .button-wrap button {
  width: 100%;
}
#find-password > .find-container-wrap > .form-area .form-wrap .content-area .desc-group {
  padding-bottom: 24px;
  text-align: center;
}
#find-password > .find-container-wrap > .form-area .form-wrap .content-area .desc-group h6 {
  font-weight: 300;
  color: #5b5f61;
}
#activate {
  width: 100%;
  height: 100%;
  background: #32373a;
}
@media (max-width: 1023px) {
  #activate {
    background: transparent;
  }
  #activate > .activate-container-wrap > .form-area > .form-wrap {
    background: transparent !important;
  }
}
#activate > .activate-container-wrap {
  position: relative;
  text-align: center;
}
@media (min-width: 1024px) {
  #activate > .activate-container-wrap {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
#activate > .activate-container-wrap > .header-area {
  background: #32373a;
  height: 44px;
}
#activate > .activate-container-wrap > .header-area i {
  margin-top: 12px;
}
#activate > .activate-container-wrap > .form-area {
  display: inline-block;
  width: 320px;
  height: 480px;
}
#activate > .activate-container-wrap > .form-area .form-wrap {
  padding: 54px 20px;
  background: #ffffff;
  text-align: left;
}
#activate > .activate-container-wrap > .form-area .form-wrap .header-area {
  padding-bottom: 42px;
}
#activate > .activate-container-wrap > .form-area .form-wrap .header-area .image {
  text-align: center;
}
#activate > .activate-container-wrap > .form-area .form-wrap .header-area .information {
  padding-top: 24px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
#activate > .activate-container-wrap > .form-area .form-wrap .header-area .information.big h1 {
  font-size: calc(36px * 1.1);
}
#activate > .activate-container-wrap > .form-area .form-wrap .header-area .information.big:after {
  margin-top: 10px;
}
#activate > .activate-container-wrap > .form-area .form-wrap .header-area .information h1 {
  font-weight: 700;
  font-size: calc(24px * 1.1);
  letter-spacing: 1.3px;
  text-align: center;
  color: #32373a;
}
#activate > .activate-container-wrap > .form-area .form-wrap .header-area .information:after {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 34px;
  height: 2px;
  background-color: #32373a;
  content: ' ';
}
#activate > .activate-container-wrap > .form-area .form-wrap .content-area .input-group {
  padding-bottom: 24px;
}
#activate > .activate-container-wrap > .form-area .form-wrap .content-area .button-area {
  margin: 0 -6px;
  padding-top: 16px;
}
#activate > .activate-container-wrap > .form-area .form-wrap .content-area .button-area .button-wrap {
  padding: 0 6px;
}
#activate > .activate-container-wrap > .form-area .form-wrap .content-area .button-area .button-wrap button {
  width: 100%;
}
#activate > .activate-container-wrap > .form-area .form-wrap .content-area .desc-group {
  padding-bottom: 24px;
  text-align: center;
}
#activate > .activate-container-wrap > .form-area .form-wrap .content-area .desc-group h6 {
  font-weight: 300;
  color: #5b5f61;
}
.debug-session-override-banner {
  padding: 10px 24px;
  background: #eb495d;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
}
.debug-session-override-banner a {
  margin-left: 12px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}
.debug-session-override-area {
  max-width: 720px;
}
.debug-session-override-area .group-box {
  padding: 28px;
}
.debug-session-override-area p {
  margin-top: 12px;
  line-height: 1.6;
}
.debug-session-override-area .warning,
.debug-session-override-area .error {
  color: #eb495d;
  font-weight: bold;
}
.debug-session-override-area .notice {
  color: #066fe3;
  font-weight: bold;
}
.debug-session-override-area form {
  margin-top: 28px;
}
.debug-session-override-area .input-group {
  margin-bottom: 20px;
}
.debug-session-override-area .input-group input,
.debug-session-override-area .input-group textarea {
  width: 100%;
}
.debug-session-override-area .input-group textarea {
  min-height: 100px;
  padding: 12px;
}
.debug-session-override-area .active-override {
  margin-top: 24px;
}
.debug-session-override-area .active-override dl {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 10px;
  line-height: 1.5;
}
.debug-session-override-area button.danger {
  border-color: #eb495d;
}
.debug-session-override-area button.danger h6 {
  color: #eb495d;
}
.mypage-area .mypage-wrap .group-box {
  margin-bottom: 40px;
}
.mypage-area .mypage-wrap .group-box.profile-info-area {
  width: 100%;
}
@media (min-width: 768px) {
  .mypage-area .mypage-wrap .group-box.profile-info-area {
    position: absolute;
    width: 280px;
  }
}
.mypage-area .mypage-wrap .group-box.profile-info-area .profile-info-wrap input[type=file] {
  display: none;
}
.mypage-area .mypage-wrap .group-box.profile-info-area .profile-info-wrap .profile-image {
  position: relative;
  margin: auto;
  width: 280px;
  height: 280px;
  overflow: hidden;
  border-radius: 5px;
}
.mypage-area .mypage-wrap .group-box.profile-info-area .profile-info-wrap .profile-image img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  transform: scale(0.1);
}
.mypage-area .mypage-wrap .group-box.profile-info-area .profile-info-wrap .action-group {
  position: relative;
  margin-top: 0;
  width: 100%;
  height: 0;
  line-height: 50px;
  text-align: center;
  background: rgba(50, 55, 58, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
  overflow: hidden;
}
.mypage-area .mypage-wrap .group-box.profile-info-area .profile-info-wrap .action-group div.action {
  font-size: calc(16px * 1.1);
  color: #ffffff;
  cursor: pointer;
}
.mypage-area .mypage-wrap .group-box.profile-info-area .profile-info-wrap:hover > .action-group {
  margin-top: -50px;
  height: 50px;
}
.mypage-area .mypage-wrap .group-box.history-info-area {
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mypage-area .mypage-wrap .group-box.history-info-area .history-info-wrap ul.list > li.item {
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mypage-area .mypage-wrap .group-box.history-info-area .history-info-wrap ul.list > li.item .history {
  position: relative;
}
.mypage-area .mypage-wrap .group-box.history-info-area .history-info-wrap ul.list > li.item .history .input-group {
  padding-right: 76px;
}
.mypage-area .mypage-wrap .group-box.history-info-area .history-info-wrap ul.list > li.item .history .input-group > input {
  width: 100%;
  height: 40px;
}
.mypage-area .mypage-wrap .group-box.history-info-area .history-info-wrap ul.list > li.item .history .button-group {
  position: absolute;
  top: 2px;
  right: 0;
  height: 40px;
}
.mypage-area .mypage-wrap .group-box.history-info-area .history-info-wrap ul.list > li.item .history .button-group > button {
  margin: 0;
  line-height: 37px;
}
.mypage-area .mypage-wrap .group-box.basic-info-area {
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div {
  min-height: 30px;
  line-height: 30px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div:nth-child(1) {
  font-size: calc(12px * 1.1);
  text-align: right;
  color: #5b5f61;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div:nth-child(2) input,
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div:nth-child(2) textarea {
  width: 100%;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div:nth-child(2) textarea {
  height: 120px;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div button.combobox {
  width: 100%;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div .input-box > span.desc {
  font-size: calc(12px * 1.1);
  color: #a5a7a8;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div .input-box > span.error {
  margin-top: -5px;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div .input-box > div.combobox + span.error {
  margin-top: -10px;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div .radio-area .radio-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div .radio-area .radio-wrap > div {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div .radio-area .radio-wrap:nth-child(1) {
  padding-right: 5px;
}
.mypage-area .mypage-wrap .group-box.basic-info-area > div.content ul.list li > div .radio-area .radio-wrap:nth-child(2) {
  padding-left: 5px;
}
.notice-detail-area {
  margin-bottom: 40px;
}
.notice-detail-area div.content {
  padding: 20px;
}
.notice-detail-area div.content pre {
  color: #5b5f61;
}
div.error-container {
  width: 100%;
  height: 100%;
  background: #32373a;
}
div.error-container .error-area {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 300px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
div.error-container .error-area .error-wrap {
  text-align: center;
}
div.error-container .error-area .error-wrap h1 {
  font-weight: 300;
  display: block;
  font-size: calc(130px * 1.1);
  letter-spacing: 30px;
  margin-right: -30px;
  color: #dfe2e3;
}
div.error-container .error-area .error-wrap h2 {
  display: block;
  font-size: calc(26px * 1.1);
  color: #a5a7a8;
}
div.error-container .error-area .error-wrap .slice {
  display: block;
  margin: 30px auto;
  width: 34px;
  height: 2px;
  background: #a5a7a8;
}
div.error-container .error-area .error-wrap h3,
div.error-container .error-area .error-wrap a {
  font-weight: 300;
  display: block;
  color: #a5a7a8;
}
@media (max-width: 767px) {
  div.error-container .error-area .error-wrap h1 {
    font-weight: 300;
    font-size: calc(100px * 1.1);
    letter-spacing: 20px;
    margin-right: -20px;
  }
  div.error-container .error-area .error-wrap h2 {
    font-size: calc(18px * 1.1);
  }
  div.error-container .error-area .error-wrap h3,
  div.error-container .error-area .error-wrap a {
    font-size: calc(14px * 1.1);
  }
}
.part-view-container > .part-view {
  float: left;
  width: 50%;
}
.part-view {
  position: relative;
}
.part-view .selector {
  position: absolute;
  width: 18%;
  height: 9%;
  border-radius: 50%;
  border: 2px solid #1d99f1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.part-view .selector.select {
  background: rgba(29, 153, 241, 0.3);
  cursor: default;
}
.part-view .selector.disable {
  border-color: #545556;
  background: rgba(84, 85, 86, 0.3);
  pointer-events: none;
}
.part-view img {
  width: 100%;
}
.favor-surgery .desc-area,
.favor-symptom .desc-area {
  margin-top: 15px;
  color: #545556;
  margin-bottom: -20px;
}
.favor-surgery .desc-area p,
.favor-symptom .desc-area p {
  font-size: 15px;
}
body.ecrf div.info-area > .content {
  padding: 10px;
}
body.ecrf div.info-area > .content ul.list {
  padding: 20px 12px;
}
body.ecrf div.info-area > .content ul.list > li.row {
  position: relative;
  clear: both;
}
body.ecrf div.info-area > .content ul.list > li.row > div {
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 7px 0;
  font-size: calc(16px * 1.1);
  letter-spacing: -0.4px;
}
body.ecrf div.info-area > .content ul.list > li.row > div.title {
  color: #a5a7a8;
}
body.ecrf div.info-area > .content ul.list > li.row > div.info {
  color: #545556;
}
div.ecrf-list-area table th:first-child {
  padding-left: 8px !important;
}
div.ecrf-list-area table td:first-child {
  padding-left: 8px;
}
div.ecrf-form-area .ecrf-form-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.ecrf-form-area .ecrf-form-wrap .upsert-button {
  display: block;
  text-align: center;
}
div.ecrf-form-area li.image .input-box .upload-area button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
div.ecrf-form-area li.image .input-box .upload-area button:disabled {
  pointer-events: none;
}
div.ecrf-form-area li.image .input-box .upload-area img.preview {
  max-height: 180px;
  position: relative;
  left: 150px;
}
div.ecrf-form-area li.image div.answer-box img {
  max-width: 800px;
  max-height: 800px;
}
div.ecrf-form-area .group-box {
  margin-bottom: 34px;
}
div.ecrf-form-area .group-box > div.content {
  padding: 10px;
}
div.ecrf-form-area .group-box > div.content ul.list {
  font-size: calc(0px * 1.1);
}
div.ecrf-form-area .group-box > div.content ul.list li.dense {
  display: inline-block;
  min-width: 300px;
}
@media (min-width: 1280px) {
  div.ecrf-form-area .group-box > div.content ul.list li.dense {
    width: 33.3%;
  }
}
@media (max-width: 1279px) {
  div.ecrf-form-area .group-box > div.content ul.list li.dense {
    width: 50%;
  }
}
@media (max-width: 767px) {
  div.ecrf-form-area .group-box > div.content ul.list li.dense {
    width: 100%;
  }
}
div.ecrf-form-area .group-box > div.content ul.list li > div {
  display: inline-flex;
  flex-direction: column;
  align-content: center;
  justify-content: start;
  min-height: 50px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.ecrf-form-area .group-box > div.content ul.list li > div span.error {
  line-height: 20px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div span.help-text {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 20px;
  display: block;
  font-size: calc(10px * 1.1);
  color: #eb495d;
}
div.ecrf-form-area .group-box > div.content ul.list li > div:nth-child(1) {
  font-size: calc(14px * 1.1);
  color: #a5a7a8;
}
div.ecrf-form-area .group-box > div.content ul.list li > div:nth-child(1) > p.description {
  margin-top: 5px;
  font-size: calc(11px * 1.1);
}
div.ecrf-form-area .group-box > div.content ul.list li > div:nth-child(2) textarea {
  width: 100%;
  height: 120px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div:nth-child(3) {
  font-size: calc(14px * 1.1);
  color: #a5a7a8;
}
div.ecrf-form-area .group-box > div.content ul.list li > div:nth-child(3) > p.description {
  margin-top: 5px;
  font-size: calc(11px * 1.1);
}
div.ecrf-form-area .group-box > div.content ul.list li > div .radio-area {
  margin-bottom: -20px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .radio-area .radio-wrap {
  min-width: 152px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .radio-area .radio-wrap > div {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .radio-area .radio-wrap > div.radiobox {
  height: 34px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .radio-area .radio-wrap > div.radiobox > div.state {
  height: 34px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .radio-area .radio-wrap > div.input-box.error {
  border: 1px solid #eb495d;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .checkbox-area {
  margin-bottom: -20px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .checkbox-area .checkbox-wrap {
  min-width: 152px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .checkbox-area .checkbox-wrap > div {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .checkbox-area .checkbox-wrap > div.checkbox {
  height: 34px;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .checkbox-area .checkbox-wrap > div.checkbox > div.state {
  height: 34px;
  display: table;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .checkbox-area .checkbox-wrap > div.checkbox > div.state > label {
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
  color: #a5a7a8;
  overflow: hidden;
}
div.ecrf-form-area .group-box > div.content ul.list li > div .checkbox-area .checkbox-wrap > div.input-box.error {
  border: 1px solid #eb495d;
}
div.ecrf-form-area .group-box > div.content ul.list li > div div.input-box.error button {
  border: 1px solid #eb495d;
  margin-bottom: 18px;
}
div.ecrf-form-area .group-box > div.content ul.list li .answer-box {
  font-size: calc(14px * 1.1);
  color: #545556;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container {
  margin: 10px;
  display: inline-block;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container > p {
  font-size: calc(14px * 1.1);
  color: #a5a7a8;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container > p.description {
  margin-top: 5px;
  font-size: calc(11px * 1.1);
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table th > p {
  font-size: calc(14px * 1.1);
  color: #a5a7a8;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table th > p.description {
  margin-top: 5px;
  font-size: calc(11px * 1.1);
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td {
  cursor: default;
  padding-top: 15px;
  padding-bottom: 15px;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td.delete-row {
  text-align: center;
  cursor: pointer;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td.delete-row.disabled {
  pointer-events: none;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td.delete-row .fa-times {
  color: #eb495d;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td.read {
  position: relative;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area {
  margin-bottom: -20px;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area .radio-wrap {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area .radio-wrap > div {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area .radio-wrap > div.radiobox {
  height: 34px;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area .radio-wrap > div.radiobox > div.state {
  height: 34px;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area .radio-wrap > div.input-box.error {
  border: 1px solid #eb495d;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area .reset-radio {
  cursor: pointer;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 26px;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area .reset-radio input {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area .reset-radio label {
  color: #eb495d;
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 5px 10px;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .radio-area .reset-radio label i {
  height: 15px;
  width: 15px;
  text-align: center;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .rich-question.multi-text .multi-input {
  display: inline-block;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .rich-question.multi-text .multi-input .input-box {
  display: inline-block;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .rich-question.multi-text .multi-input .input-box input {
  min-width: 35px;
  max-width: 70px;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .rich-question.multi-text .multi-input .input-box span {
  white-space: nowrap;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .rich-question.dropdown-select .input-box {
  width: 100%;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container table td .question.text input {
  width: 100%;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container div.add-row {
  margin: 5px 0;
  text-align: center;
  cursor: pointer;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container div.add-row.disabled {
  pointer-events: none;
}
div.ecrf-form-area .group-box > div.content div.rich-form-container div.add-row i {
  color: #5b5f61;
  font-size: calc(20px * 1.1);
}
div.ecrf-form-area .group-box.form-group .question.read {
  position: relative;
}
div.ecrf-form-area .group-box.form-group .question.date .input-box {
  width: 150px;
}
div.ecrf-form-area .group-box.form-group .question.select-with-text .text-area {
  margin-bottom: 6px;
}
div.ecrf-form-area .group-box.form-group .question.select-with-text .text-area > input {
  width: 100%;
}
div.ecrf-form-area .group-box.form-group .question.select-with-text .extra-text {
  display: flex;
  justify-content: flex-end;
}
div.ecrf-form-area .group-box.form-group .question.numeric input,
div.ecrf-form-area .group-box.form-group .question.multi-text input {
  text-align: right;
}
div.ecrf-form-area .group-box.form-group .question.multi-text .multi-input {
  display: inline-block;
}
div.ecrf-form-area .group-box.form-group .question.multi-text .multi-input .input-box {
  display: inline-block;
}
div.ecrf-form-area .group-box.form-group .question.multi-text .multi-input .input-box input {
  min-width: 35px;
}
div.ecrf-form-area .group-box.form-group .question.multi-text .multi-input .input-box span {
  white-space: nowrap;
}
div.ecrf-form-area .group-box.form-group .question.multi-text .multi-input .input-box span.error {
  margin-top: 45px;
}
div.ecrf-form-area .group-box.form-group .question span.postfix {
  color: #32373a;
  margin: 0 5px;
}
div.ecrf-form-area .group-box.form-group .question > div.stratified-form:after {
  content: "(랜덤의 기준이 되는 필드로 수정이 불가합니다.)";
  color: #eb495d;
  display: block;
  font-size: calc(11px * 1.1);
  line-height: 12px;
}
div.ecrf-form-area .group-box.form-group.disable-query .query-alert {
  display: none !important;
}
div.ecrf-form-area .group-box.form-group.disable-query .query-button {
  display: none !important;
}
div.ecrf-form-area .group-box.form-group .question.read.query-opened .query-alert {
  opacity: 1;
}
div.ecrf-form-area .group-box.form-group .question.read:hover .query-button {
  opacity: 1;
}
div.ecrf-form-area .group-box.form-group .question.read:hover .query-button i:hover {
  background: #dfe2e3;
}
div.ecrf-form-area .group-box.form-group .question.read .query-button {
  cursor: pointer;
  opacity: 0;
  top: 0;
  right: 10px;
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
div.ecrf-form-area .group-box.form-group .question.read .query-button i {
  background: #eeeeee;
  padding: 8px;
  border-radius: 30px;
  color: #1d99f1;
  font-size: calc(22px * 1.1);
}
div.ecrf-form-area .group-box.form-group .question.read .query-alert {
  opacity: 0;
  right: 55px;
  position: absolute;
}
div.ecrf-form-area .group-box.form-group .question.read .query-alert i {
  padding: 8px;
  color: #eb495d;
  font-size: calc(22px * 1.1);
}
div.ecrf-form-area .group-box.form-group div.rich-form-area table td.read.query-opened .query-alert {
  opacity: 1;
}
div.ecrf-form-area .group-box.form-group div.rich-form-area table td.read:hover .query-button {
  opacity: 1;
}
div.ecrf-form-area .group-box.form-group div.rich-form-area table td.read:hover .query-button i:hover {
  background: #dfe2e3;
}
div.ecrf-form-area .group-box.form-group div.rich-form-area table td.read .query-button {
  cursor: pointer;
  opacity: 0;
  top: 3px;
  right: 3px;
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
div.ecrf-form-area .group-box.form-group div.rich-form-area table td.read .query-button i {
  background: #eeeeee;
  padding: 5px;
  border-radius: 30px;
  color: #1d99f1;
  font-size: calc(17px * 1.1);
}
div.ecrf-form-area .group-box.form-group div.rich-form-area table td.read .query-alert {
  opacity: 0;
  top: 3px;
  right: 5px;
  position: absolute;
}
div.ecrf-form-area .group-box.form-group div.rich-form-area table td.read .query-alert i {
  padding: 5px;
  color: #eb495d;
  font-size: calc(17px * 1.1);
}
div.participant-schedule-area div.timeline-area {
  position: relative;
  min-height: 100%;
}
div.participant-schedule-area div.timeline-area > .content {
  min-height: 100%;
  border: 0;
  background: transparent;
}
div.participant-schedule-area div.timeline-area > .content ul.timeline-content {
  padding-top: 13px;
}
div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item {
  padding: 7px 0 7px 41px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item > .item-wrap {
  position: relative;
  width: 100%;
  min-height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item > .item-wrap:before {
  position: absolute;
  display: block;
  left: -28px;
  top: 50%;
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #ffffff;
  border: solid 2px #1d99f1;
  content: ' ';
}
div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item h3 {
  font-weight: 300;
  display: block;
  width: 100%;
  padding: 14px 160px 8px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #545556;
}
div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item h4 {
  font-weight: 300;
  position: absolute;
  display: block;
  margin: 12px 14px 8px 0;
  width: 150px;
  color: #a5a7a8;
  text-align: right;
  right: 0;
}
@media (max-width: 767px) {
  div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item h4 {
    position: relative;
    text-align: left;
    padding-left: 20px;
    height: 20px;
    line-height: normal;
  }
  div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item h3 {
    padding: 0 8px 8px 20px;
  }
}
div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item span {
  font-weight: 300;
  display: block;
  padding: 0 14px 18px 20px;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
  color: #5b5f61;
  word-break: break-word;
}
div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item.large h3 {
  height: 52px;
  padding-bottom: 0;
}
div.participant-schedule-area div.timeline-area > .content ul.timeline-content > li.item.large h4 {
  margin-bottom: 0;
}
div.participant-schedule-area div.timeline-area > .content:before {
  position: absolute;
  display: block;
  width: 2px;
  height: 100%;
  top: 0;
  left: 19px;
  content: ' ';
  background: #eeeeee;
}
div.participant-schedule-area div.questionnaire-schedule-area.content {
  padding: 0 10px 10px 10px;
}
div.participant-schedule-area div.questionnaire-schedule-area.content table tbody tr,
div.participant-schedule-area div.questionnaire-schedule-area.content thead tr {
  cursor: default;
}
div.participant-schedule-area div.questionnaire-schedule-area.content table tbody tr th,
div.participant-schedule-area div.questionnaire-schedule-area.content thead tr th,
div.participant-schedule-area div.questionnaire-schedule-area.content table tbody tr td,
div.participant-schedule-area div.questionnaire-schedule-area.content thead tr td {
  text-align: center;
}
div.participant-schedule-area div.questionnaire-schedule-area.content table tbody tr th p,
div.participant-schedule-area div.questionnaire-schedule-area.content thead tr th p,
div.participant-schedule-area div.questionnaire-schedule-area.content table tbody tr td p,
div.participant-schedule-area div.questionnaire-schedule-area.content thead tr td p {
  padding: 5px 10px;
  border-radius: 30px;
  color: white;
  font-size: calc(15px * 1.1);
  font-weight: 600;
}
div.participant-schedule-area div.questionnaire-schedule-area.content table tbody tr th p.yes,
div.participant-schedule-area div.questionnaire-schedule-area.content thead tr th p.yes,
div.participant-schedule-area div.questionnaire-schedule-area.content table tbody tr td p.yes,
div.participant-schedule-area div.questionnaire-schedule-area.content thead tr td p.yes {
  border: #43a047;
  background: #43a047;
}
div.participant-schedule-area div.questionnaire-schedule-area.content table tbody tr th p.no,
div.participant-schedule-area div.questionnaire-schedule-area.content thead tr th p.no,
div.participant-schedule-area div.questionnaire-schedule-area.content table tbody tr td p.no,
div.participant-schedule-area div.questionnaire-schedule-area.content thead tr td p.no {
  border: #eb495d;
  background: #eb495d;
}
div.participant-schedule-area div.left-content-area {
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.participant-schedule-area div.right-content-area {
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.participant-result-area .table-container table {
  width: 100%;
}
div.participant-result-area .table-container table thead {
  font-weight: 500;
}
div.participant-result-area .table-container table tr {
  height: 45px;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area {
  overflow-x: auto;
  display: block;
  width: 100%;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 4px;
  color: #5b5f61;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table td,
div.participant-result-area div.questionnaire-container .questionnaire-body-area table th {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table thead th {
  position: relative;
  height: 45px;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table thead th:nth-last-child(1) {
  padding: 0;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table tbody tr {
  height: 45px;
  margin-bottom: 4px;
  background-color: #ffffff;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table tbody tr td {
  font-weight: 300;
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
  text-align: center;
  cursor: pointer;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table tbody tr td.empty {
  text-align: center;
  pointer-events: none;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table tbody tr td ul.presetList li {
  font-weight: 300;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table tbody tr td button {
  margin: 0;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table tbody tr td:nth-child(1) {
  border-left: solid 1px #eeeeee;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.participant-result-area div.questionnaire-container .questionnaire-body-area table tbody tr td:nth-last-child(1) {
  border-right: solid 1px #eeeeee;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.adaptment-info-area {
  max-width: 1024px;
  margin: 0 auto;
}
.adaptment-info-area .calendar-area {
  margin: 30px auto;
  min-height: 660px;
}
div.adverse-event-area .group-box {
  margin-bottom: 34px;
}
div.adverse-event-area .group-box > div.content {
  padding: 10px;
}
div.adverse-event-area .group-box > div.content ul.list {
  font-size: calc(0px * 1.1);
}
div.adverse-event-area .group-box > div.content ul.list > li {
  min-height: 50px;
  padding: 10px;
}
div.adverse-event-area .group-box > div.content ul.list > li > div:nth-child(1) {
  font-size: calc(14px * 1.1);
  color: #5b5f61;
}
div.adverse-event-area .group-box > div.content ul.list > li > div:nth-child(2) input,
div.adverse-event-area .group-box > div.content ul.list > li > div:nth-child(2) textarea {
  width: 100%;
}
div.adverse-event-area .group-box > div.content ul.list > li > div:nth-child(2) textarea {
  height: 120px;
}
div.adverse-event-area .group-box > div.content ul.list > li > div .radio-area .radio-wrap {
  display: inline-block;
  width: 120px;
  margin-right: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.adverse-event-area .group-box > div.content ul.list > li > div .radio-area .radio-wrap > div {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
div.adverse-event-area .group-box > div.content ul.list > li > div .radio-area .radio-wrap > div.radiobox {
  height: 34px;
}
div.adverse-event-area .group-box > div.content ul.list > li > div .radio-area .radio-wrap > div.radiobox > div.state {
  height: 34px;
}
div.adverse-event-area .group-box > div.content ul.list > li > div .radio-area .radio-wrap > div.input-box.error {
  border: 1px solid #eb495d;
}
div.adverse-event-area .group-box > div.content ul.list > li div.input-box.error button {
  border: 1px solid #eb495d;
  margin-bottom: 18px;
}
div.adverse-event-area .group-box > div.content div.help-text {
  padding: 10px;
}
div.adverse-event-area .group-box > div.content div.help-text p {
  display: block;
  font-size: calc(13px * 1.1);
  color: #a5a7a8;
}
div.adverse-event-area .group-box > div.accordion div.accordion-content {
  background: #ffffff;
}
div.adverse-event-area .group-box > div.accordion div.accordion-content ul.list {
  font-size: calc(0px * 1.1);
}
div.adverse-event-area .group-box > div.accordion div.accordion-content ul.list > li {
  padding: 10px 0px;
}
div.adverse-event-area .group-box > div.accordion div.accordion-content ul.list > li > div:nth-child(1) {
  font-size: calc(15px * 1.1);
  color: #a5a7a8;
}
div.adverse-event-area .group-box > div.accordion div.accordion-content ul.list > li > div:nth-child(2) {
  font-size: calc(15px * 1.1);
  color: #545556;
}
.participant-freeze-lock-area div.content div.help-text {
  color: #eb495d;
  font-size: calc(13px * 1.1);
}
.participant-freeze-lock-area button {
  width: 110px;
  text-align: center;
}
.participant-freeze-lock-area button.selected {
  cursor: default;
  background: #1d99f1;
  border: solid 1px #1d99f1;
}
.participant-freeze-lock-area button.selected > i {
  color: #ffffff;
}
.participant-freeze-lock-area button.selected > h6 {
  color: #ffffff;
}
.participant-freeze-lock-area div.timeline-area {
  position: relative;
  min-height: 100%;
}
.participant-freeze-lock-area div.timeline-area > .content {
  min-height: 100%;
  border: 0;
  background: transparent;
}
.participant-freeze-lock-area div.timeline-area > .content ul.timeline-content {
  padding-top: 13px;
}
.participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item {
  padding: 7px 0 7px 41px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item > .item-wrap {
  position: relative;
  width: 100%;
  min-height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item > .item-wrap:before {
  position: absolute;
  display: block;
  left: -28px;
  top: 50%;
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #ffffff;
  border: solid 2px #1d99f1;
  content: ' ';
}
.participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item h3 {
  font-weight: 300;
  display: block;
  width: 100%;
  padding: 14px 160px 8px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #545556;
}
.participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item h4 {
  font-weight: 300;
  position: absolute;
  display: block;
  margin: 12px 14px 8px 0;
  width: 150px;
  color: #a5a7a8;
  text-align: right;
  right: 0;
}
@media (max-width: 767px) {
  .participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item h4 {
    position: relative;
    text-align: left;
    padding-left: 20px;
    height: 20px;
    line-height: normal;
  }
  .participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item h3 {
    padding: 0 8px 8px 20px;
  }
}
.participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item span {
  font-weight: 300;
  display: block;
  padding: 0 14px 18px 20px;
  font-size: calc(14px * 1.1);
  letter-spacing: -0.4px;
  color: #5b5f61;
  word-break: break-word;
}
.participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item.large h3 {
  height: 52px;
  padding-bottom: 0;
}
.participant-freeze-lock-area div.timeline-area > .content ul.timeline-content > li.item.large h4 {
  margin-bottom: 0;
}
.participant-freeze-lock-area div.timeline-area > .content:before {
  position: absolute;
  display: block;
  width: 2px;
  height: 100%;
  top: 0;
  left: 19px;
  content: ' ';
  background: #eeeeee;
}
.participant-progress-area .progress-menu {
  position: absolute;
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.participant-progress-area .progress-menu li {
  border-bottom: 1px solid #7dd2ff;
  position: relative;
}
.participant-progress-area .progress-menu li.desc {
  margin-top: 60px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 10px;
}
.participant-progress-area .progress-menu li.desc > i {
  color: #5b5f61;
  font-size: calc(20px * 1.1);
}
.participant-progress-area .progress-menu li a {
  font-weight: 700;
  display: block;
  width: 150px;
  padding: 25px 0;
  text-align: center;
  color: #1d99f1;
  position: relative;
  transition: background 0.3s ease-in-out;
}
.participant-progress-area .progress-menu li a:hover {
  background: #1d99f1;
  color: #fff;
}
.participant-progress-area .progress-menu li a.active {
  background: #1d99f1;
  color: #fff;
}
.participant-progress-area .ecrf-form-area {
  margin-left: 180px;
}
.participant-progress-area .ecrf-form-area h1 {
  margin-bottom: 30px;
  padding-bottom: 10px;
  display: block;
  color: #32373a;
  text-align: center;
}
.participant-progress-area .ecrf-form-area h1:after {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 2px;
  background-color: #32373a;
  content: ' ';
}
.participant-progress-area .ecrf-form-area .resend-preset-button {
  margin-top: 20px;
  display: block;
  text-align: center;
}
.participant-progress-area .ecrf-form-area .upsert-button {
  display: block;
  text-align: center;
}
.participant-progress-area .ecrf-form-area div .answer-box.metric {
  width: 150px;
  display: inline-block;
}
.participant-progress-area .ecrf-form-area div .answer-box.metric .metric-value {
  font-weight: 300;
}
div.participant-protocol-area div.questionnaire-schedule-area.content {
  padding: 0 10px 10px 10px;
}
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr {
  cursor: default;
}
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr th,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr th,
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr td,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr td {
  text-align: center;
}
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr th div.protocol-status,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr th div.protocol-status,
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr td div.protocol-status,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr td div.protocol-status {
  cursor: pointer;
}
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr th div.protocol-status p,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr th div.protocol-status p,
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr td div.protocol-status p,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr td div.protocol-status p {
  padding: 5px 10px;
  border-radius: 30px;
  color: white;
  font-size: calc(15px * 1.1);
  font-weight: 600;
}
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr th div.protocol-status p.yes,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr th div.protocol-status p.yes,
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr td div.protocol-status p.yes,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr td div.protocol-status p.yes {
  border: #43a047;
  background: #43a047;
}
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr th div.protocol-status p.no,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr th div.protocol-status p.no,
div.participant-protocol-area div.questionnaire-schedule-area.content table tbody tr td div.protocol-status p.no,
div.participant-protocol-area div.questionnaire-schedule-area.content thead tr td div.protocol-status p.no {
  border: #eb495d;
  background: #eb495d;
}
.case-statistics-area .group-box {
  margin-bottom: 40px;
}
.case-statistics-area > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.case-statistics-area > div:nth-child(odd) {
  padding-right: 10px;
}
.case-statistics-area > div:nth-child(even) {
  padding-left: 10px;
}
.case-result-area div.group-box {
  padding: 15px;
}
.case-result-area div.accordion {
  width: 100%;
  margin: 0;
}
.case-result-area div.accordion > h4 {
  position: relative;
  display: block;
  padding: 0 2px 2px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: calc(15px * 1.1);
  text-align: left;
  color: #a5a7a8;
  background: #fbfcfc;
  z-index: 1;
}
.case-result-area div.accordion .accordion-content {
  font-size: calc(0px * 1.1);
}
.case-result-area div.accordion .accordion-content .group-box > h4 {
  background: white;
}
/*# sourceMappingURL=style.css.map */