/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/uidev-component/components/layout/urModal/urModal.vue?vue&type=style&index=0&id=76337589&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.resizer {
  width: 10px;
  height: 10px;
  position: absolute;
  background: transparent;
}
.top-left {
  top: -5px;
  left: -5px;
  cursor: nw-resize;
}
.top-right {
  top: -5px;
  right: -5px;
  cursor: ne-resize;
}
.bottom-right {
  bottom: -5px;
  right: -5px;
  cursor: se-resize;
}
.bottom-left {
  bottom: -5px;
  left: -5px;
  cursor: sw-resize;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/uidev-component/components/element/urContextBox/urContextItem.vue?vue&type=style&index=0&id=70d73cdf&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-70d73cdf]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-context-item[data-v-70d73cdf] {
  padding: 2px 4px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/uidev-component/components/element/urDropdown/urDropdown.vue?vue&type=style&index=0&id=03a1320f&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-03a1320f]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.line-break[data-v-03a1320f] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/common/components/uidev-component/styles/uidev.direct.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

html,
body {
  margin: 0;
  padding: 0;
}

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

ul {
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

pre {
  margin: 0;
}

button:focus {
  outline: 0;
}

body {
  color: #333333;
  font-size: 14px;
  font-family: "Noto Sans KR", Arial, sans-serif;
}

button {
  font-family: "Noto Sans KR", Arial, sans-serif;
}

body input,
body textarea {
  font-family: "Noto Sans KR", Arial, sans-serif;
}

*::-moz-selection {
  background: #c2e260;
  color: #ffffff;
}

*::selection {
  background: #c2e260;
  color: #ffffff;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.left-divider {
  position: relative;
}
.left-divider::before {
  content: "";
  position: absolute;
  left: 0;
  border-left: 1px solid currentColor;
  height: 10px;
  top: calc(50% - 5px);
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-1px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(1px, 0, 0);
  }
}
/* [FORM BOX] */
.ur-form-box-wrapper--small {
  margin: 0 0 24px 0;
}

.ur-form-box-wrapper--medium {
  margin: 0 0 32px 0;
}

.ur-form-box {
  display: flex;
  position: relative;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #dbdbdb;
  border-radius: 0;
}

.ur-form-box--small {
  padding: 24px 0 24px 0;
}

.ur-form-box--medium {
  padding: 32px 0 32px 0;
}

.ur-form-box__contents {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex: 1 1 auto;
}

/* [FORM BOX] Expandable */
.ur-form-box--expandable {
  border-bottom: none;
}

.ur-form-box__exp-bottom {
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.ur-form-box__exp-bottom__line {
  border-bottom: 1px solid #dbdbdb;
  flex: 1 0 auto;
}

.ur-form-box__exp-bottom__toggle {
  flex: 0 0 auto;
  align-items: center;
  transform: translateY(-50%);
  cursor: pointer;
  margin: 0 8px;
  font-size: 14px;
  height: 21px;
  line-height: 21px;
}
.ur-form-box__exp-bottom__toggle .ur-icon-wrapper {
  width: 21px;
  height: 21px;
  vertical-align: middle;
}

/* [FORM BOX] Action group */
.ur-form-box__action-grp .ur-action-bar {
  align-items: center;
}

.ur-form-box__action-grp--right {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
}

.ur-form-box__action-grp--bottom,
.ur-form-box__action-grp--outer {
  width: 100%;
}

/* [FORM BOX] Action group :: Size */
.ur-form-box__action-grp--small {
  padding: 0;
}
.ur-form-box__action-grp--small .ur-action-bar {
  margin: 24px 0 0 0;
}

.ur-form-box__action-grp--medium {
  padding: 0;
}
.ur-form-box__action-grp--medium .ur-action-bar {
  margin: 32px 0 0 0;
}

/* [FORM BOX] hr = inserted horizontal line between rows */
.ur-form-box hr {
  position: relative;
  flex: 0 0 100%;
  border: none;
  height: 1px;
}

.ur-form-box--small hr {
  margin: 16px 0 16px 0;
}

.ur-form-box--medium hr {
  margin: 16px 0 16px 0;
}

.ur-form-box hr::after {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid #dbdbdb;
}

/* [FORM ROW] */
.ur-form-row {
  display: flex;
  flex: 0 0 100%;
}

.ur-form-row + .ur-form-row {
  border-top: 0 solid #dbdbdb;
  margin-top: 0;
}

.ur-form-row .ur-form-item + .ur-form-item::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  transform: translateX(-100%);
  border-left: 0 solid #dbdbdb;
  margin-left: 0;
}

/* [FORM ITEM] */
.ur-form-item {
  display: flex;
  position: relative;
  align-content: center;
}

.ur-form-item__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ur-form-item--inline .ur-form-item__label {
  flex: 0 0 160px;
}

.ur-form-item--block {
  flex-wrap: wrap;
}
.ur-form-item--block .ur-form-item__label {
  flex: 0 0 100%;
}

.ur-form-item__label--left {
  text-align: left;
}

.ur-form-item__label--right {
  text-align: right;
}

.ur-form-item__compo {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ur-form-item__compo > .ur-web-editor {
  flex: 1 1 100%;
}

.ur-form-item__compo--no-flex {
  display: block;
}

/* [FORM ITEM] Size */
.ur-form-item--small {
  height: 32px;
  padding: 0;
}
.ur-form-item--small .ur-form-item__label {
  padding: 0 16px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
}
.ur-form-item--small .ur-form-item__compo {
  padding: 0 16px;
}
.ur-form-item--small .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 8px;
}
.ur-form-item--small.ur-form-item--no-height .ur-form-item__compo {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ur-form-item--small.ur-form-item--block {
  height: 64px;
  padding: 8px 8px;
}
.ur-form-item--small.ur-form-item--block .ur-form-item__label {
  height: 20px;
  padding: 2px 0;
  line-height: 16px;
}
.ur-form-item--small.ur-form-item--block .ur-form-item__compo {
  height: 28px;
  padding: 2px 0;
}

.ur-form-item--medium {
  height: 64px;
  padding: 0;
}
.ur-form-item--medium .ur-form-item__label {
  padding: 0 16px;
  line-height: 64px;
  font-size: 16px;
  font-weight: 400;
}
.ur-form-item--medium .ur-form-item__compo {
  padding: 0 16px;
}
.ur-form-item--medium .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 16px;
}
.ur-form-item--medium.ur-form-item--no-height .ur-form-item__compo {
  padding-top: 8px;
  padding-bottom: 8px;
}

.ur-form-item--medium.ur-form-item--block {
  height: 104px;
  padding: 16px 8px;
}
.ur-form-item--medium.ur-form-item--block .ur-form-item__label {
  height: 32px;
  padding: 4px 0;
  line-height: 24px;
}
.ur-form-item--medium.ur-form-item--block .ur-form-item__compo {
  height: 40px;
  padding: 4px 0;
}

/* [FORM ITEM] No label */
.ur-form-item--no-label .ur-form-item__label {
  display: none;
}

/* [FORM ITEM] Required */
.ur-form-item--required .ur-form-item__label--right::before {
  content: "*";
  margin-right: 5px;
  color: #e74c3c;
}

.ur-form-item--required .ur-form-item__label--left::after {
  content: "*";
  margin-left: 5px;
  color: #e74c3c;
}

/* [SEARCH BOX] */
.ur-search-box-wrapper--small {
  margin: 0 0 24px 0;
}

.ur-search-box-wrapper--medium {
  margin: 0 0 32px 0;
}

.ur-search-box {
  display: flex;
  position: relative;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #dbdbdb;
  border-radius: 0;
}

.ur-search-box--small {
  padding: 24px 0 24px 0;
}

.ur-search-box--medium {
  padding: 32px 0 32px 0;
}

.ur-search-box__contents {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex: 1 1 auto;
  width: 100%;
}

/* [SEARCH BOX] Expandable */
.ur-search-box--expandable {
  border-bottom: none;
}

.ur-search-box__exp-bottom {
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.ur-search-box__exp-bottom__line {
  border-bottom: 1px solid #dbdbdb;
  flex: 1 0 auto;
}

.ur-search-box__exp-bottom__toggle {
  flex: 0 0 auto;
  align-items: center;
  transform: translateY(-50%);
  cursor: pointer;
  margin: 0 8px;
  font-size: 14px;
  height: 21px;
  line-height: 21px;
}
.ur-search-box__exp-bottom__toggle .ur-icon-wrapper {
  width: 21px;
  height: 21px;
  vertical-align: middle;
}

/* [SEARCH BOX] Action group */
.ur-search-box__action-grp .ur-action-bar {
  align-items: center;
}

.ur-search-box__action-grp--right {
  display: block;
  border: none;
}

.ur-search-box__action-grp--bottom,
.ur-search-box__action-grp--outer {
  width: 100%;
}

/* [SEARCH BOX] Action group :: Size */
.ur-search-box__action-grp--small {
  padding: 0;
}
.ur-search-box__action-grp--small .ur-action-bar {
  margin: 24px 0 0 0;
}

.ur-search-box__action-grp--medium {
  padding: 0;
  min-width: 100px;
}
.ur-search-box__action-grp--medium .ur-action-bar {
  margin: 32px 0 0 0;
}

/* [SEARCH BOX] hr = inserted horizontal line between rows */
.ur-search-box hr {
  position: relative;
  flex: 0 0 100%;
  border: none;
  height: 1px;
}

.ur-search-box--small hr {
  margin: 16px 0 16px 0;
}

.ur-search-box--medium hr {
  margin: 16px 0 16px 0;
}

.ur-search-box hr::after {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid #dbdbdb;
}

/* [SEARCH ROW] */
.ur-search-row {
  display: flex;
  flex: 0 0 100%;
}

.ur-search-row + .ur-search-row {
  border-top: 0 solid #dbdbdb;
  margin-top: 0;
}

.ur-search-row .ur-search-item + .ur-search-item::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  transform: translateX(-100%);
  border-left: 0 solid #dbdbdb;
  margin-left: 0;
}

/* [SEARCH ITEM] */
.ur-search-item {
  display: flex;
  position: relative;
  align-content: center;
}

.ur-search-item__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ur-search-item--inline .ur-search-item__label {
  flex: 0 0 160px;
}

.ur-search-item--block {
  flex-wrap: wrap;
}
.ur-search-item--block .ur-search-item__label {
  flex: 0 0 100%;
}

.ur-search-item__label--left {
  text-align: left;
}

.ur-search-item__label--right {
  text-align: right;
}

.ur-search-item__compo {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  align-items: center;
}
.ur-search-item__compo > .ur-web-editor {
  flex: 1 1 100%;
}

.ur-search-item__compo--no-flex {
  display: block;
}

/* [SEARCH ITEM] Size */
.ur-search-item--small {
  height: 32px;
  padding: 0;
}
.ur-search-item--small .ur-search-item__label {
  padding: 0 16px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
}
.ur-search-item--small .ur-search-item__compo {
  padding: 0 16px;
}
.ur-search-item--small .ur-search-item__compo .ur-input + .ur-input {
  margin-left: 8px;
}
.ur-search-item--small.ur-search-item--no-height .ur-search-item__compo {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ur-search-item--small.ur-search-item--block {
  height: 64px;
  padding: 8px 8px;
}
.ur-search-item--small.ur-search-item--block .ur-search-item__label {
  height: 20px;
  padding: 2px 0;
  line-height: 16px;
}
.ur-search-item--small.ur-search-item--block .ur-search-item__compo {
  height: 28px;
  padding: 2px 0;
}

.ur-search-item--medium {
  height: 64px;
  padding: 0;
}
.ur-search-item--medium .ur-search-item__label {
  padding: 0 16px;
  line-height: 64px;
  font-size: 16px;
  font-weight: 400;
}
.ur-search-item--medium .ur-search-item__compo {
  padding: 0 16px;
}
.ur-search-item--medium .ur-search-item__compo .ur-input + .ur-input {
  margin-left: 16px;
}
.ur-search-item--medium.ur-search-item--no-height .ur-search-item__compo {
  padding-top: 8px;
  padding-bottom: 8px;
}

.ur-search-item--medium.ur-search-item--block {
  height: 104px;
  padding: 16px 8px;
}
.ur-search-item--medium.ur-search-item--block .ur-search-item__label {
  height: 32px;
  padding: 4px 0;
  line-height: 24px;
}
.ur-search-item--medium.ur-search-item--block .ur-search-item__compo {
  height: 40px;
  padding: 4px 0;
}

/* [SEARCH ITEM] No label */
.ur-search-item--no-label .ur-search-item__label {
  display: none;
}

/* [SEARCH ITEM] Required */
.ur-search-item--required .ur-search-item__label--right::before {
  content: "*";
  margin-right: 5px;
  color: #e74c3c;
}

.ur-search-item--required .ur-search-item__label--left::after {
  content: "*";
  margin-left: 5px;
  color: #e74c3c;
}

/* [El] STEP BOX */
/* [El] STEPER */
.ur-step-box__stepper {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 0px 30px;
  border-bottom: 1px solid #959595;
}

/* [El] STEPER - stepper state */
.ur-step-box__stepper--empty {
  align-items: center;
  font-size: 16px;
  color: #959595;
}

/* [El] STEPER - spacing(...) */
.ur-step-box__stepper__spacing {
  font-size: 20px;
  color: #959595;
}

/* [El] STEPER - step item */
.ur-step-box__stepper__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 160px;
}

.ur-step-box__stepper__item__stat,
.ur-step-box__stepper__item__label {
  cursor: default;
}

.ur-step-box__stepper__item--done .ur-step-box__stepper__item__stat,
.ur-step-box__stepper__item--done .ur-step-box__stepper__item__label {
  cursor: pointer;
}

.ur-step-box__stepper__item__stat {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-step-box__stepper__item__label {
  margin-top: 4px;
}

/* [El] STEPER - item state */
.ur-step-box__stepper__item--done .ur-step-box__stepper__item__stat {
  border: 1px solid #0aacbe;
  background: #ffffff;
  color: #0aacbe;
}

.ur-step-box__stepper__item--fail .ur-step-box__stepper__item__stat {
  border: 1px solid #0aacbe;
  background: #ffffff;
  color: #0aacbe;
}

.ur-step-box__stepper__item--ing .ur-step-box__stepper__item__stat {
  border: 1px solid #0aacbe;
  background: #0aacbe;
  color: #ffffff;
}

.ur-step-box__stepper__item--ready .ur-step-box__stepper__item__stat {
  border: 1px solid #959595;
  background: #ffffff;
  color: #959595;
}

.ur-step-box__stepper__item--done .ur-step-box__stepper__item__label {
  color: #0aacbe;
}

.ur-step-box__stepper__item--fail .ur-step-box__stepper__item__label {
  color: #0aacbe;
}

.ur-step-box__stepper__item--ing .ur-step-box__stepper__item__label {
  font-weight: 700;
  color: #0aacbe;
}

.ur-step-box__stepper__item--ready .ur-step-box__stepper__item__label {
  color: #959595;
}

/* Previous Button */
.ur-step-box__previous-button-left {
  float: left;
}

/* [El] CONTENT */
.ur-step-item {
  min-height: 100px;
  margin: 25px 0;
}

/* [El] Action bar*/
/* [OPT] FULL-HEIGHT */
.ur-step-box--full-height {
  height: 100%;
}

.ur-step-box--full-height .ur-step-item {
  height: calc(100% - 130px);
}

.ur-tab {
  width: 100%;
}

.ur-tab__label-window {
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: -1px;
}

.ur-tab__content-wrapper {
  border-top: 1px solid #a5a5a5;
}

.ur-tab__label-wrapper {
  display: flex;
  position: relative;
  transition: 0.5s;
}

.ur-tab__label {
  display: inline-block;
  letter-spacing: normal;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  flex: 0 0 auto;
  font-size: 14px;
  height: 48px;
  padding: 0 16px;
  min-width: 88px;
  max-width: 230px;
  line-height: 46px;
  color: #767676;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
}
.ur-tab__label + .ur-tab__label {
  margin-left: -1px;
}
.ur-tab__label .ur-tab__label-slot {
  cursor: pointer;
  display: inline-flex;
}

.ur-tab__label--mini {
  font-size: 14px;
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}

.ur-tab__label:hover {
  background-color: #e7f7f9;
}

.ur-tab__label:active {
  background-color: #ceeef2;
}

.ur-tab__label--active {
  color: #0aacbe;
  border: 1px solid #0aacbe;
  background-color: #ceeef2;
}
.ur-tab__label--active + .ur-tab__label {
  border-left: 1px solid #0aacbe;
}

.ur-tab__label-underline {
  line-height: 47px;
  color: #767676;
  border: 0px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  background-color: rgba(255, 255, 255, 0);
}
.ur-tab__label-underline + .ur-tab__label-underline {
  margin-left: 0px;
}

.ur-tab__label-underline.ur-tab__label--mini {
  line-height: 23px;
}

.ur-tab__label-underline:hover {
  background-color: #f7f7f7;
}

.ur-tab__label-underline:active {
  background-color: #eaeaea;
}

.ur-tab__label-underline--active {
  color: #0aacbe;
  border: 0px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  border-bottom-color: #0aacbe;
  background-color: rgba(255, 255, 255, 0);
}
.ur-tab__label-underline--active + .ur-tab__label {
  border-left: 0px solid #a5a5a5;
}

.ur-tab__label-underline::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  border-bottom: 1px solid #a5a5a5;
}

.ur-tab__label-underline--active::after {
  height: 3px;
  border-bottom: 3px solid #0aacbe;
}

.ur-tab__label-none {
  border: none;
}

.ur-tab__label-none.ur-tab__label--active + .ur-tab__label {
  border-left: none;
}

.ur-tab__label--disable {
  color: #dbdbdb;
  border-color: #a5a5a5;
  cursor: default;
  background-color: #f7f7f7;
}

.ur-tab__label--disable:hover {
  background-color: #f7f7f7;
}

.ur-tab__label-underline.ur-tab__label--disable {
  background-color: transparent;
}

.ur-tab__content {
  display: none;
  padding: 10px;
  min-height: 100px;
}

.ur-tab__content--active {
  display: block;
}

.ur-tab-box--none .ur-tab__content-wrapper {
  border-top: 0;
}

.ur-tab__navi {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  display: flex;
}

.ur-tab__navi__item {
  width: 36px;
  height: 100%;
  border: 1px solid #a5a5a5;
  background: #ffffff;
  color: #959595;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ur-tab__navi__item--disable {
  color: #dbdbdb;
  background-color: #f7f7f7;
}

.ur-tab__navi__item:hover {
  background: #f7f7f7;
}

.ur-tab__navi__item:active {
  background: #f7f7f7;
}

.ur-tab__navi__item + .ur-tab__navi__item {
  margin-left: -1px;
}

.ur-tab__navi__item .ur-icon {
  font-size: 18px;
}

.ur-tab__navi__item--left .ur-icon {
  transform: rotate(90deg);
}

.ur-tab__navi__item--right .ur-icon {
  transform: rotate(270deg);
}

.ur-tab__navi-underline .ur-tab__navi__item {
  border: 0;
  background: none;
}
.ur-tab__navi-underline .ur-tab__navi__item:hover {
  color: #6ccdd8;
}
.ur-tab__navi-underline .ur-tab__navi__item:active {
  color: #0aacbe;
}

.ur-tab__navi-none .ur-tab__navi__item {
  border: 0;
}

.ur-action-bar {
  position: relative;
}

.ur-action-bar__default-zone {
  text-align: right;
}

.ur-action-bar__alternative-zone {
  position: relative;
  float: left;
}

.ur-box + .ur-action-bar,
.ur-form-box + .ur-action-bar {
  margin-top: 25px;
}

.ur-autocomplete {
  display: inline-block;
  position: relative;
}

.ur-autocomplete__text-field {
  width: inherit;
}

.ur-autocomplete__items {
  cursor: pointer;
  position: absolute;
  overflow-y: auto;
  margin-top: -1px;
  /* close to title */
  background-color: #ffffff;
  border: 1px solid #959595;
  z-index: 201;
  padding: 8px 1px;
  margin-left: 0px;
}
.ur-autocomplete__items .ur-autocomplete__selected {
  color: #0aacbe;
  font-weight: 700;
}

.ur-autocomplete__item {
  width: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  position: relative;
  padding: 0 12px 0 12px;
  background-color: #ffffff;
}
.ur-autocomplete__item:hover {
  background-color: #e7f7f9;
}

.ur-autocomplete__item-small {
  font-size: 12px;
  line-height: 24px;
  height: 24px;
}

.ur-autocomplete__item-medium {
  font-size: 14px;
  line-height: 32px;
  height: 32px;
}

.ur-autocomplete__item-large {
  font-size: 16px;
  line-height: 48px;
  height: 48px;
}

.ur-autocomplete.ur-validator--valid .ur-text-field__input {
  border-color: #4fce67;
}

.ur-autocomplete.ur-validator--error .ur-text-field__input {
  border-color: #ff5858;
}

.ur-autocomplete.ur-validator--shake > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-badge-container {
  width: auto;
}

.ur-badge {
  text-align: center;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-radius: 8px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  color: #ffffff;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.badge-box {
  display: flex;
  align-items: center;
}

.ur-badge__status {
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.ur-badge-ide.ur-badge__status {
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ur-badge__dot {
  border-radius: 4px;
  height: 8px;
  width: 8px;
}

.ur-badge__identifier {
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

.ur-badge-ide.ur-badge__identifier {
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ur-badge__badge-color-primary {
  background-color: #0aacbe;
}

.ur-badge__badge-color-success {
  background-color: #4fce67;
}

.ur-badge__badge-color-error {
  background-color: #ff5858;
}

.ur-badge__badge-color-default {
  background-color: #959595;
}

.ur-badge__badge-color-processing {
  background-color: #336aff;
}

.ur-badge__badge-color-warning {
  background-color: #f7a443;
}

.ur-badge__badge-color-notification {
  background-color: #ff5858;
}

.ur-badge__badge-color-failure {
  background-color: #ff5858;
}

.ur-badge__badge-color-info {
  background-color: #4fce67;
}

.ur-badge__badge-color-active {
  background-color: #0aacbe;
}

.ur-badge__badge-color-disabled {
  background-color: #959595;
}

.ur-badge__badge-color-valid {
  background-color: #336aff;
}

.ur-badge__badge-color-invalid {
  background-color: #ff5858;
}

.ur-badge__badge-color-created {
  background-color: #4fce67;
}

.ur-badge__badge-color-modified {
  background-color: #f7a443;
}

.ur-badge__badge-color-deleted {
  background-color: #ff5858;
}

/* Button 공통 */
.ur-button {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-style: solid;
  font-weight: 400;
  border-radius: 0;
  border-width: 1px;
  /* display: inline-block; */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  -ms-user-select: none;
}
.ur-button .ur-icon {
  vertical-align: middle;
}

/* Button loading indicator */
@keyframes ur-button__loading-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ur-button--loading::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  border-width: 2px;
  border-style: solid;
  margin: auto;
  animation: ur-button__loading-spin 1s linear infinite;
}

/* Button size */
.ur-button--full {
  display: block;
  width: 100%;
}

.ur-button--small {
  height: 24px;
  min-width: 60px;
  font-size: 12px;
  padding: 0 8px;
}

.ur-button--medium {
  height: 32px;
  min-width: 60px;
  font-size: 14px;
  padding: 0 16px;
}

.ur-button--large {
  height: 48px;
  min-width: 160px;
  font-size: 16px;
  padding: 0 24px;
}

.ur-button--loading.ur-button--small::after {
  width: 12px;
  height: 12px;
}

.ur-button--loading.ur-button--medium::after {
  width: 14px;
  height: 14px;
}

.ur-button--loading.ur-button--large::after {
  width: 16px;
  height: 16px;
}

/* Button cursor style */
.ur-button {
  cursor: pointer;
}

.ur-button--disabled,
.ur-button--loading {
  pointer-events: none;
}
.ur-button--disabled.ur-button,
.ur-button--loading.ur-button {
  cursor: default;
}

/* Button style */
.ur-button--border {
  background-color: rgba(255, 255, 255, 0);
}

.ur-button--borderless, .ur-button--hyperlink {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

.ur-button--toggle {
  border-color: rgba(255, 255, 255, 0);
}
.ur-button--toggle:hover {
  color: #ffffff;
  background-color: #f7f7f7;
}
.ur-button--toggle:active {
  background-color: #eaeaea;
}

/* ColorSet */
.ur-button--hyperlink {
  color: #1e5fcb;
  text-decoration: underline;
}
.ur-button--hyperlink:not(.ur-button--loading):hover {
  color: #184ca2;
}
.ur-button--hyperlink:not(.ur-button--loading):active {
  color: #15438e;
}
.ur-button--hyperlink::after {
  border-color: transparent #1e5fcb #1e5fcb #1e5fcb;
}

.ur-button--solid.ur-button--default {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}
.ur-button--solid.ur-button--default:not(.ur-button--loading):hover {
  background-color: #777777;
  border-color: #777777;
}
.ur-button--solid.ur-button--default:not(.ur-button--loading):active {
  background-color: #686868;
  border-color: #686868;
}
.ur-button--solid.ur-button--default::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--default {
  color: #959595;
  border-color: #a5a5a5;
}
.ur-button--border.ur-button--default:not(.ur-button--loading):hover {
  background-color: rgba(149, 149, 149, 0.2);
}
.ur-button--border.ur-button--default:not(.ur-button--loading):active {
  background-color: rgba(149, 149, 149, 0.4);
}
.ur-button--border.ur-button--default::after {
  border-color: transparent #959595 #959595 #959595;
}

.ur-button--borderless.ur-button--default, .ur-button--default.ur-button--hyperlink {
  color: #959595;
}
.ur-button--borderless.ur-button--default:not(.ur-button--loading):hover, .ur-button--default.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(149, 149, 149, 0.2);
}
.ur-button--borderless.ur-button--default:not(.ur-button--loading):active, .ur-button--default.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(149, 149, 149, 0.4);
}
.ur-button--borderless.ur-button--default::after, .ur-button--default.ur-button--hyperlink::after {
  border-color: transparent #959595 #959595 #959595;
}

.ur-button--solid.ur-button--primary {
  background-color: #0aacbe;
  border-color: #0aacbe;
  color: #ffffff;
}
.ur-button--solid.ur-button--primary:not(.ur-button--loading):hover {
  background-color: #088a98;
  border-color: #088a98;
}
.ur-button--solid.ur-button--primary:not(.ur-button--loading):active {
  background-color: #077885;
  border-color: #077885;
}
.ur-button--solid.ur-button--primary::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--primary {
  color: #0aacbe;
  border-color: #0aacbe;
}
.ur-button--border.ur-button--primary:not(.ur-button--loading):hover {
  background-color: rgba(10, 172, 190, 0.2);
}
.ur-button--border.ur-button--primary:not(.ur-button--loading):active {
  background-color: rgba(10, 172, 190, 0.4);
}
.ur-button--border.ur-button--primary::after {
  border-color: transparent #0aacbe #0aacbe #0aacbe;
}

.ur-button--borderless.ur-button--primary, .ur-button--primary.ur-button--hyperlink {
  color: #0aacbe;
}
.ur-button--borderless.ur-button--primary:not(.ur-button--loading):hover, .ur-button--primary.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(10, 172, 190, 0.2);
}
.ur-button--borderless.ur-button--primary:not(.ur-button--loading):active, .ur-button--primary.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(10, 172, 190, 0.4);
}
.ur-button--borderless.ur-button--primary::after, .ur-button--primary.ur-button--hyperlink::after {
  border-color: transparent #0aacbe #0aacbe #0aacbe;
}

.ur-button--solid.ur-button--point {
  background-color: #c2e260;
  border-color: #c2e260;
  color: #ffffff;
}
.ur-button--solid.ur-button--point:not(.ur-button--loading):hover {
  background-color: #9bb54d;
  border-color: #9bb54d;
}
.ur-button--solid.ur-button--point:not(.ur-button--loading):active {
  background-color: #889e43;
  border-color: #889e43;
}
.ur-button--solid.ur-button--point::after {
  border-color: transparent #333333 #333333 #333333;
}

.ur-button--border.ur-button--point {
  color: #c2e260;
  border-color: #c2e260;
}
.ur-button--border.ur-button--point:not(.ur-button--loading):hover {
  background-color: rgba(194, 226, 96, 0.2);
}
.ur-button--border.ur-button--point:not(.ur-button--loading):active {
  background-color: rgba(194, 226, 96, 0.4);
}
.ur-button--border.ur-button--point::after {
  border-color: transparent #c2e260 #c2e260 #c2e260;
}

.ur-button--borderless.ur-button--point, .ur-button--point.ur-button--hyperlink {
  color: #c2e260;
}
.ur-button--borderless.ur-button--point:not(.ur-button--loading):hover, .ur-button--point.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(194, 226, 96, 0.2);
}
.ur-button--borderless.ur-button--point:not(.ur-button--loading):active, .ur-button--point.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(194, 226, 96, 0.4);
}
.ur-button--borderless.ur-button--point::after, .ur-button--point.ur-button--hyperlink::after {
  border-color: transparent #c2e260 #c2e260 #c2e260;
}

.ur-button--solid.ur-button--normal {
  background-color: #959595;
  border-color: #959595;
  color: #000000;
}
.ur-button--solid.ur-button--normal:not(.ur-button--loading):hover {
  background-color: #777777;
  border-color: #777777;
}
.ur-button--solid.ur-button--normal:not(.ur-button--loading):active {
  background-color: #686868;
  border-color: #686868;
}
.ur-button--solid.ur-button--normal::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--normal {
  color: #959595;
  border-color: #959595;
}
.ur-button--border.ur-button--normal:not(.ur-button--loading):hover {
  background-color: rgba(149, 149, 149, 0.2);
}
.ur-button--border.ur-button--normal:not(.ur-button--loading):active {
  background-color: rgba(149, 149, 149, 0.4);
}
.ur-button--border.ur-button--normal::after {
  border-color: transparent #959595 #959595 #959595;
}

.ur-button--borderless.ur-button--normal, .ur-button--normal.ur-button--hyperlink {
  color: #959595;
}
.ur-button--borderless.ur-button--normal:not(.ur-button--loading):hover, .ur-button--normal.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(149, 149, 149, 0.2);
}
.ur-button--borderless.ur-button--normal:not(.ur-button--loading):active, .ur-button--normal.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(149, 149, 149, 0.4);
}
.ur-button--borderless.ur-button--normal::after, .ur-button--normal.ur-button--hyperlink::after {
  border-color: transparent #959595 #959595 #959595;
}

.ur-button--solid.ur-button--red {
  background-color: #ff5858;
  border-color: #ff5858;
  color: #ffffff;
}
.ur-button--solid.ur-button--red:not(.ur-button--loading):hover {
  background-color: #cc4646;
  border-color: #cc4646;
}
.ur-button--solid.ur-button--red:not(.ur-button--loading):active {
  background-color: #b33e3e;
  border-color: #b33e3e;
}
.ur-button--solid.ur-button--red::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--red {
  color: #ff5858;
  border-color: #ff5858;
}
.ur-button--border.ur-button--red:not(.ur-button--loading):hover {
  background-color: rgba(255, 88, 88, 0.2);
}
.ur-button--border.ur-button--red:not(.ur-button--loading):active {
  background-color: rgba(255, 88, 88, 0.4);
}
.ur-button--border.ur-button--red::after {
  border-color: transparent #ff5858 #ff5858 #ff5858;
}

.ur-button--borderless.ur-button--red, .ur-button--red.ur-button--hyperlink {
  color: #ff5858;
}
.ur-button--borderless.ur-button--red:not(.ur-button--loading):hover, .ur-button--red.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(255, 88, 88, 0.2);
}
.ur-button--borderless.ur-button--red:not(.ur-button--loading):active, .ur-button--red.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(255, 88, 88, 0.4);
}
.ur-button--borderless.ur-button--red::after, .ur-button--red.ur-button--hyperlink::after {
  border-color: transparent #ff5858 #ff5858 #ff5858;
}

.ur-button--solid.ur-button--orange {
  background-color: #f7a443;
  border-color: #f7a443;
  color: #ffffff;
}
.ur-button--solid.ur-button--orange:not(.ur-button--loading):hover {
  background-color: #c68336;
  border-color: #c68336;
}
.ur-button--solid.ur-button--orange:not(.ur-button--loading):active {
  background-color: #ad732f;
  border-color: #ad732f;
}
.ur-button--solid.ur-button--orange::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--orange {
  color: #f7a443;
  border-color: #f7a443;
}
.ur-button--border.ur-button--orange:not(.ur-button--loading):hover {
  background-color: rgba(247, 164, 67, 0.2);
}
.ur-button--border.ur-button--orange:not(.ur-button--loading):active {
  background-color: rgba(247, 164, 67, 0.4);
}
.ur-button--border.ur-button--orange::after {
  border-color: transparent #f7a443 #f7a443 #f7a443;
}

.ur-button--borderless.ur-button--orange, .ur-button--orange.ur-button--hyperlink {
  color: #f7a443;
}
.ur-button--borderless.ur-button--orange:not(.ur-button--loading):hover, .ur-button--orange.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(247, 164, 67, 0.2);
}
.ur-button--borderless.ur-button--orange:not(.ur-button--loading):active, .ur-button--orange.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(247, 164, 67, 0.4);
}
.ur-button--borderless.ur-button--orange::after, .ur-button--orange.ur-button--hyperlink::after {
  border-color: transparent #f7a443 #f7a443 #f7a443;
}

.ur-button--solid.ur-button--green {
  background-color: #4fce67;
  border-color: #4fce67;
  color: #ffffff;
}
.ur-button--solid.ur-button--green:not(.ur-button--loading):hover {
  background-color: #3fa552;
  border-color: #3fa552;
}
.ur-button--solid.ur-button--green:not(.ur-button--loading):active {
  background-color: #379048;
  border-color: #379048;
}
.ur-button--solid.ur-button--green::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--green {
  color: #4fce67;
  border-color: #4fce67;
}
.ur-button--border.ur-button--green:not(.ur-button--loading):hover {
  background-color: rgba(79, 206, 103, 0.2);
}
.ur-button--border.ur-button--green:not(.ur-button--loading):active {
  background-color: rgba(79, 206, 103, 0.4);
}
.ur-button--border.ur-button--green::after {
  border-color: transparent #4fce67 #4fce67 #4fce67;
}

.ur-button--borderless.ur-button--green, .ur-button--green.ur-button--hyperlink {
  color: #4fce67;
}
.ur-button--borderless.ur-button--green:not(.ur-button--loading):hover, .ur-button--green.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(79, 206, 103, 0.2);
}
.ur-button--borderless.ur-button--green:not(.ur-button--loading):active, .ur-button--green.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(79, 206, 103, 0.4);
}
.ur-button--borderless.ur-button--green::after, .ur-button--green.ur-button--hyperlink::after {
  border-color: transparent #4fce67 #4fce67 #4fce67;
}

.ur-button--solid.ur-button--blue {
  background-color: #2e86c1;
  border-color: #2e86c1;
  color: #ffffff;
}
.ur-button--solid.ur-button--blue:not(.ur-button--loading):hover {
  background-color: #256b9a;
  border-color: #256b9a;
}
.ur-button--solid.ur-button--blue:not(.ur-button--loading):active {
  background-color: #205e87;
  border-color: #205e87;
}
.ur-button--solid.ur-button--blue::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--blue {
  color: #2e86c1;
  border-color: #2e86c1;
}
.ur-button--border.ur-button--blue:not(.ur-button--loading):hover {
  background-color: rgba(46, 134, 193, 0.2);
}
.ur-button--border.ur-button--blue:not(.ur-button--loading):active {
  background-color: rgba(46, 134, 193, 0.4);
}
.ur-button--border.ur-button--blue::after {
  border-color: transparent #2e86c1 #2e86c1 #2e86c1;
}

.ur-button--borderless.ur-button--blue, .ur-button--blue.ur-button--hyperlink {
  color: #2e86c1;
}
.ur-button--borderless.ur-button--blue:not(.ur-button--loading):hover, .ur-button--blue.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(46, 134, 193, 0.2);
}
.ur-button--borderless.ur-button--blue:not(.ur-button--loading):active, .ur-button--blue.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(46, 134, 193, 0.4);
}
.ur-button--borderless.ur-button--blue::after, .ur-button--blue.ur-button--hyperlink::after {
  border-color: transparent #2e86c1 #2e86c1 #2e86c1;
}

.ur-button--solid.ur-button--navy {
  background-color: #1a5276;
  border-color: #1a5276;
  color: #ffffff;
}
.ur-button--solid.ur-button--navy:not(.ur-button--loading):hover {
  background-color: #15425e;
  border-color: #15425e;
}
.ur-button--solid.ur-button--navy:not(.ur-button--loading):active {
  background-color: #123953;
  border-color: #123953;
}
.ur-button--solid.ur-button--navy::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--navy {
  color: #1a5276;
  border-color: #1a5276;
}
.ur-button--border.ur-button--navy:not(.ur-button--loading):hover {
  background-color: rgba(26, 82, 118, 0.2);
}
.ur-button--border.ur-button--navy:not(.ur-button--loading):active {
  background-color: rgba(26, 82, 118, 0.4);
}
.ur-button--border.ur-button--navy::after {
  border-color: transparent #1a5276 #1a5276 #1a5276;
}

.ur-button--borderless.ur-button--navy, .ur-button--navy.ur-button--hyperlink {
  color: #1a5276;
}
.ur-button--borderless.ur-button--navy:not(.ur-button--loading):hover, .ur-button--navy.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(26, 82, 118, 0.2);
}
.ur-button--borderless.ur-button--navy:not(.ur-button--loading):active, .ur-button--navy.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(26, 82, 118, 0.4);
}
.ur-button--borderless.ur-button--navy::after, .ur-button--navy.ur-button--hyperlink::after {
  border-color: transparent #1a5276 #1a5276 #1a5276;
}

.ur-button--solid.ur-button--violet {
  background-color: #884ea0;
  border-color: #884ea0;
  color: #ffffff;
}
.ur-button--solid.ur-button--violet:not(.ur-button--loading):hover {
  background-color: #6d3e80;
  border-color: #6d3e80;
}
.ur-button--solid.ur-button--violet:not(.ur-button--loading):active {
  background-color: #5f3770;
  border-color: #5f3770;
}
.ur-button--solid.ur-button--violet::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--violet {
  color: #884ea0;
  border-color: #884ea0;
}
.ur-button--border.ur-button--violet:not(.ur-button--loading):hover {
  background-color: rgba(136, 78, 160, 0.2);
}
.ur-button--border.ur-button--violet:not(.ur-button--loading):active {
  background-color: rgba(136, 78, 160, 0.4);
}
.ur-button--border.ur-button--violet::after {
  border-color: transparent #884ea0 #884ea0 #884ea0;
}

.ur-button--borderless.ur-button--violet, .ur-button--violet.ur-button--hyperlink {
  color: #884ea0;
}
.ur-button--borderless.ur-button--violet:not(.ur-button--loading):hover, .ur-button--violet.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(136, 78, 160, 0.2);
}
.ur-button--borderless.ur-button--violet:not(.ur-button--loading):active, .ur-button--violet.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(136, 78, 160, 0.4);
}
.ur-button--borderless.ur-button--violet::after, .ur-button--violet.ur-button--hyperlink::after {
  border-color: transparent #884ea0 #884ea0 #884ea0;
}

.ur-button--solid.ur-button--white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.ur-button--solid.ur-button--white:not(.ur-button--loading):hover {
  background-color: #cccccc;
  border-color: #cccccc;
}
.ur-button--solid.ur-button--white:not(.ur-button--loading):active {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.ur-button--solid.ur-button--white::after {
  border-color: transparent #333333 #333333 #333333;
}

.ur-button--border.ur-button--white {
  color: #ffffff;
  border-color: #ffffff;
}
.ur-button--border.ur-button--white:not(.ur-button--loading):hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ur-button--border.ur-button--white:not(.ur-button--loading):active {
  background-color: rgba(255, 255, 255, 0.4);
}
.ur-button--border.ur-button--white::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--borderless.ur-button--white, .ur-button--white.ur-button--hyperlink {
  color: #ffffff;
}
.ur-button--borderless.ur-button--white:not(.ur-button--loading):hover, .ur-button--white.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ur-button--borderless.ur-button--white:not(.ur-button--loading):active, .ur-button--white.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(255, 255, 255, 0.4);
}
.ur-button--borderless.ur-button--white::after, .ur-button--white.ur-button--hyperlink::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--solid.ur-button--black {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.ur-button--solid.ur-button--black:not(.ur-button--loading):hover {
  background-color: black;
  border-color: black;
}
.ur-button--solid.ur-button--black:not(.ur-button--loading):active {
  background-color: black;
  border-color: black;
}
.ur-button--solid.ur-button--black::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--black {
  color: #000000;
  border-color: #000000;
}
.ur-button--border.ur-button--black:not(.ur-button--loading):hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.ur-button--border.ur-button--black:not(.ur-button--loading):active {
  background-color: rgba(0, 0, 0, 0.4);
}
.ur-button--border.ur-button--black::after {
  border-color: transparent #000000 #000000 #000000;
}

.ur-button--borderless.ur-button--black, .ur-button--black.ur-button--hyperlink {
  color: #000000;
}
.ur-button--borderless.ur-button--black:not(.ur-button--loading):hover, .ur-button--black.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.ur-button--borderless.ur-button--black:not(.ur-button--loading):active, .ur-button--black.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(0, 0, 0, 0.4);
}
.ur-button--borderless.ur-button--black::after, .ur-button--black.ur-button--hyperlink::after {
  border-color: transparent #000000 #000000 #000000;
}

.ur-button.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(255, 255, 255, 0);
}

.ur-button.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(255, 255, 255, 0);
}

/* Disabled */
.ur-button--disabled.ur-button--solid {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #cccccc;
}

.ur-button--disabled.ur-button--solid::after {
  border-color: transparent #cccccc #cccccc #cccccc;
}

.ur-button--disabled.ur-button--border {
  color: #cccccc;
  border-color: #cccccc;
  background-color: rgba(255, 255, 255, 0);
}

.ur-button--disabled.ur-button--border::after {
  border-color: transparent #cccccc #cccccc #cccccc;
}

.ur-button--disabled.ur-button--borderless, .ur-button--disabled.ur-button--hyperlink {
  color: #cccccc;
  background-color: rgba(255, 255, 255, 0);
}

.ur-button--disabled.ur-button--borderless::after, .ur-button--disabled.ur-button--hyperlink::after {
  border-color: transparent #cccccc #cccccc #cccccc;
}

.ur-button--small + .ur-button--small {
  margin-left: 4px;
}

.ur-button--medium + .ur-button--medium {
  margin-left: 8px;
}

.ur-button--large + .ur-button--large {
  margin-left: 8px;
}

.ur-button--small + .ur-dropdown--medium {
  margin-left: 8px;
}

.ur-button__icon--with-slot {
  margin-right: 4px;
}

.ur-card {
  border: 1px solid #dbdbdb;
  background: #ffffff;
}

.ur-card__media {
  position: relative;
  margin-bottom: 8px;
}

.ur-card__contents {
  position: relative;
  display: block;
  padding: 24px;
}

.ur-card__contents .ur-card__media {
  width: 100%;
}

.ur-card__header {
  font-size: 24px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 24px;
}

.ur-card__body {
  font-size: 14px;
  line-height: 24px;
  color: #959595;
  margin-bottom: 24px;
}

.ur-card__second {
  color: #959595;
  font-size: 12px;
}

.ur-card__second em {
  font-wieght: bold;
  color: #0aacbe;
  font-style: normal;
}

.ur-card__action {
  font-size: 12px;
  margin-top: 0px;
  color: #767676;
}

.ur-card__action hr[v] {
  display: inline-block;
  margin: 0 4px 0 8px;
  height: 8px;
  border-top: none;
}

.ur-card__action--floating {
  float: right;
  color: #0aacbe;
}

.ur-card__profile {
  margin-bottom: 16px;
  min-height: 40px;
}

.ur-card__avatar {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 8px;
}

.ur-card__name {
  font-size: 16px;
  color: #333333;
  font-weight: 700;
}

.ur-card__tray {
  height: 24px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}

.ur-card__tag {
  background: #e7f7f9;
  color: #0aacbe;
  font-size: 14px;
  border-radius: 2px;
  height: 24px;
  padding: 1px 8px 3px 8px;
}

.ur-card__tag--cling-above {
  align-self: flex-end;
  margin-top: -32px;
  margin-right: 8px;
  z-index: 1;
}

.ur-card--left-media {
  display: flex;
}
.ur-card--left-media .ur-card__header {
  margin-bottom: 16px;
}
.ur-card--left-media .ur-card__media {
  height: 100%;
  width: 219px;
  margin-bottom: 0;
}
.ur-card--left-media .ur-card__contents-image {
  flex: 1 1 auto;
}
.ur-card--left-media .ur-card__contents-text {
  flex: 1 1 auto;
  padding: 32px 24px;
}

.ur-card--top-media {
  display: flex;
  flex-direction: column;
}
.ur-card--top-media .ur-card__header {
  margin-bottom: 4px;
  font-size: 16px;
  padding-right: 28px;
}
.ur-card--top-media .ur-card__body {
  font-size: 12px;
  padding-right: 28px;
}
.ur-card--top-media .ur-card__media {
  width: auto;
  height: 163px;
  margin-bottom: 0;
}
.ur-card--top-media .ur-card__contents-image {
  flex: 1 1 auto;
  text-align: center;
  height: 163px;
}
.ur-card--top-media .ur-card__contents-text {
  flex: 1 1 auto;
  position: relative;
  display: block;
  padding: 16px 24px 24px 24px;
}
.ur-card--top-media .ur-card__contents-text .ur-card__body {
  margin-bottom: 0;
}

.ur-carousel--thumb {
  margin: 0 32px;
}

.ur-carousel__window {
  overflow: hidden;
  position: relative;
}

.ur-carousel__left-move,
.ur-carousel__right-move {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 48px;
  z-index: 1;
  opacity: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-carousel__left-move:hover,
.ur-carousel__right-move:hover {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
}

.ur-carousel__left-move {
  left: 0;
}
.ur-carousel__left-move .ur-icon {
  transform: rotate(270deg);
}

.ur-carousel__right-move {
  right: 0;
}
.ur-carousel__right-move .ur-icon {
  transform: rotate(90deg);
}

.ur-carousel__move--block {
  color: #cccccc;
}
.ur-carousel__move--block:hover {
  background: none;
  cursor: default;
}

.ur-carousel__item-wrapper {
  display: flex;
  transition: 0.5s;
}

.ur-carousel__pager {
  position: relative;
}

.ur-carousel__pager-dot {
  width: 8px;
  height: 8px;
  margin: 16px 0;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #5a5a5a;
}

.ur-carousel__pager-dot.ur-carousel__pager--active {
  border: none;
  background: #0aacbe;
}

.ur-carousel__pager-dot + .ur-carousel__pager-dot {
  margin-left: 16px;
}

.ur-carousel__pager-window {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ur-carousel__pager-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  transition: 0.5s;
}

.ur-carousel__pager-thumb {
  margin: 0 4px;
  border: 1px solid #dbdbdb;
  cursor: pointer;
}

.ur-carousel__pager-thumb.ur-carousel__pager--active {
  border: 2px solid #0aacbe;
}

.ur-carousel__pager-caret-left,
.ur-carousel__pager-caret-right {
  position: absolute;
  top: 16px;
  bottom: 0;
  display: flex;
  width: 32px;
  cursor: pointer;
}

.ur-carousel__pager-caret-left {
  right: 100%;
  justify-content: center;
}
.ur-carousel__pager-caret-left .ur-icon {
  transform: rotate(270deg);
}

.ur-carousel__pager-caret-right {
  left: 100%;
  justify-content: center;
}
.ur-carousel__pager-caret-right .ur-icon {
  transform: rotate(90deg);
}

.ur-carousel-item {
  border: 1px solid #ccc;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-carousel-item img {
  max-height: 100%;
  max-width: 100%;
  flex-shrink: 1;
}

.ur-checkbox {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: flex-start;
  font-size: 14px;
}

.ur-checkbox__icon {
  cursor: pointer;
  outline: none;
}

.ur-checkbox__label {
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  color: #333333;
}

.ur-checkbox--small {
  line-height: 16px;
}
.ur-checkbox--small .ur-checkbox__icon {
  font-size: 16px;
}
.ur-checkbox--small .ur-checkbox__label {
  margin-left: 8px;
  font-size: 14px;
}

.ur-checkbox--medium {
  line-height: 20px;
}
.ur-checkbox--medium .ur-checkbox__icon {
  font-size: 20px;
}
.ur-checkbox--medium .ur-checkbox__label {
  margin-left: 8px;
  font-size: 16px;
}

.ur-checkbox--large {
  line-height: 22px;
}
.ur-checkbox--large .ur-checkbox__icon {
  font-size: 22px;
}
.ur-checkbox--large .ur-checkbox__label {
  margin-left: 8px;
  font-size: 18px;
}

.ur-checkbox__icon.ur-checkbox__unchecked {
  color: #a5a5a5;
}

.ur-checkbox__icon.ur-checkbox__checked {
  color: #0aacbe;
}

.ur-checkbox__icon.ur-checkbox__indeterminate {
  color: #0aacbe;
}

.ur-checkbox:hover .ur-checkbox__icon {
  color: #0aacbe;
}

.ur-checkbox--disabled {
  pointer-events: none;
}
.ur-checkbox--disabled .ur-checkbox__label {
  color: #959595 !important;
}
.ur-checkbox--disabled .ur-checkbox__checked {
  color: #9ddee5 !important;
}
.ur-checkbox--disabled .ur-checkbox__indeterminate {
  color: #9ddee5 !important;
}
.ur-checkbox--disabled .ur-checkbox__unchecked {
  color: #cccccc !important;
}

.ur-checkbox-wrapper .ur-checkbox.ur-validator--error {
  color: #ff5858;
}

.ur-checkbox-wrapper .ur-validator--error .ur-checkbox__icon,
.ur-checkbox-wrapper .ur-validator--error .ur-checkbox__label {
  color: #ff5858;
}

.ur-checkbox-wrapper.ur-validator--shake .ur-checkbox.ur-validator--error {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-checkbox-wrapper {
  position: relative;
}

.ur-checkbox-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-checkbox-wrapper.ur-validator--error .ur-checkbox-wrapper__message {
  color: #ff5858;
}

.ur-checkbox-wrapper.ur-validator--valid .ur-checkbox-wrapper__message {
  color: #4fce67;
}

.ur-checkbox-wrapper.ur-validator--error .ur-checkbox-wrapper__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-checkbox-wrapper.ur-validator--valid .ur-checkbox-wrapper__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-color-picker .ur-color-picker__box {
  width: 100%;
  cursor: pointer;
  min-height: 12px;
}

.ur-color-picker__set {
  display: flex;
  z-index: 10000;
}
.ur-color-picker__set .ur-color-picker__close-icon {
  align-self: flex-end;
  background-color: white;
  color: black;
  width: 18px;
  height: 18px;
  cursor: pointer;
  border-radius: 0 0 2px 2px;
}

.ur-context-box {
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  min-height: 30px;
  padding: 12px 8px;
  box-shadow: 10px 10px 20px 10px rgba(0, 0, 0, 0.1);
}

.ur-context-item {
  cursor: pointer;
  margin: 0 4px;
}
.ur-context-item:hover {
  background-color: #f7f7f7;
}
.ur-context-item:active {
  background-color: #eaeaea;
}

.ur-input-chip__container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.ur-input-chip__container-small {
  height: 24px;
  padding-right: 8px;
  padding-left: 3px;
  border-radius: 12px;
  line-height: 24px;
  font-size: 12px;
}

.ur-input-chip__container-medium {
  height: 32px;
  padding-right: 8px;
  padding-left: 4px;
  border-radius: 16px;
  line-height: 24px;
  font-size: 14px;
}

.ur-input-chip__container-non-image {
  padding-left: 8px;
}

.ur-input-chip__image {
  vertical-align: top;
}

.ur-input-chip__image-small {
  width: 18px;
  height: 18px;
  border-radius: 9px;
}

.ur-input-chip__image-medium {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.ur-input-chip__slot {
  margin: 0 8px 0 8px;
}

.ur-input-chip__slot-small {
  margin: 0 8px 0 4px;
}

.ur-input-chip__icon {
  text-align: center;
}

.ur-input-chip__icon-small {
  font-size: 6px;
  height: 12px;
  width: 12px;
}

.ur-input-chip__icon-medium {
  font-size: 8px;
  height: 16px;
  width: 16px;
}

.ur-input-chip__close-small {
  height: 12px;
  width: 12px;
  border-radius: 6px;
}

.ur-input-chip__close-medium {
  height: 16px;
  width: 16px;
  border-radius: 8px;
}

.ur-input-chip__container-disabled {
  background-color: #eaeaea;
}

.ur-input-chip__close-disabled {
  color: #cccccc;
}

.ur-input-chip__slot-disabled {
  color: #959595;
}

/* ColorSet */
.ur-input-chip__container-primary-input {
  background-color: #0aacbe;
  color: #ffffff;
}
.ur-input-chip__container-primary-input:active {
  background-color: #088a98;
}

.ur-input-chip__slot-primary-input {
  color: #ffffff;
}

.ur-input-chip__close-primary-input {
  background-color: rgba(0, 0, 0, 0);
  color: #9ddee5;
}

.ur-input-chip__close-primary-input-hover {
  background-color: #088a98;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-primary-input-active {
  background-color: #077885;
  color: #ffffff;
}

.ur-input-chip__icon-primary {
  color: #ffffff;
}

.ur-input-chip__container-point-input {
  background-color: #c2e260;
  color: #ffffff;
}
.ur-input-chip__container-point-input:active {
  background-color: #daeea0;
}

.ur-input-chip__slot-point-input {
  color: #ffffff;
}

.ur-input-chip__close-point-input {
  background-color: rgba(0, 0, 0, 0);
  color: #ceeef2;
}

.ur-input-chip__close-point-input-hover {
  background-color: #6ccdd8;
  color: #0aacbe;
  cursor: pointer;
}

.ur-input-chip__close-point-input-active {
  background-color: #ceeef2;
  color: #ffffff;
}

.ur-input-chip__icon-point {
  color: #ffffff;
}

.ur-input-chip__container-normal-input {
  background-color: #eaeaea;
  color: #5a5a5a;
}
.ur-input-chip__container-normal-input:active {
  background-color: #cccccc;
}

.ur-input-chip__slot-normal-input {
  color: #5a5a5a;
}

.ur-input-chip__close-normal-input {
  background-color: rgba(0, 0, 0, 0);
  color: #959595;
}

.ur-input-chip__close-normal-input-hover {
  background-color: #dbdbdb;
  color: #5a5a5a;
  cursor: pointer;
}

.ur-input-chip__close-normal-input-active {
  background-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}

.ur-input-chip__icon-normal {
  color: #5a5a5a;
}

.ur-input-chip__container-red-input {
  background-color: #ff5858;
  color: #ffffff;
}
.ur-input-chip__container-red-input:active {
  background-color: #cc4646;
}

.ur-input-chip__slot-red-input {
  color: #ffffff;
}

.ur-input-chip__close-red-input {
  background-color: rgba(0, 0, 0, 0);
  color: #ffbcbc;
}

.ur-input-chip__close-red-input-hover {
  background-color: #cc4646;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-red-input-active {
  background-color: #b33e3e;
  color: #ffffff;
}

.ur-input-chip__icon-red {
  color: #ffffff;
}

.ur-input-chip__container-orange-input {
  background-color: #f7a443;
  color: #ffffff;
}
.ur-input-chip__container-orange-input:active {
  background-color: #c68336;
}

.ur-input-chip__slot-orange-input {
  color: #ffffff;
}

.ur-input-chip__close-orange-input {
  background-color: rgba(0, 0, 0, 0);
  color: #fcdbb4;
}

.ur-input-chip__close-orange-input-hover {
  background-color: #c68336;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-orange-input-active {
  background-color: #ad732f;
  color: #ffffff;
}

.ur-input-chip__icon-orange {
  color: #ffffff;
}

.ur-input-chip__container-green-input {
  background-color: #4fce67;
  color: #ffffff;
}
.ur-input-chip__container-green-input:active {
  background-color: #3fa552;
}

.ur-input-chip__slot-green-input {
  color: #ffffff;
}

.ur-input-chip__close-green-input {
  background-color: rgba(0, 0, 0, 0);
  color: #b9ebc2;
}

.ur-input-chip__close-green-input-hover {
  background-color: #3fa552;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-green-input-active {
  background-color: #379048;
  color: #ffffff;
}

.ur-input-chip__icon-green {
  color: #ffffff;
}

.ur-input-chip__container-blue-input {
  background-color: #2e86c1;
  color: #ffffff;
}
.ur-input-chip__container-blue-input:active {
  background-color: #256b9a;
}

.ur-input-chip__slot-blue-input {
  color: #ffffff;
}

.ur-input-chip__close-blue-input {
  background-color: rgba(0, 0, 0, 0);
  color: #abcfe6;
}

.ur-input-chip__close-blue-input-hover {
  background-color: #256b9a;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-blue-input-active {
  background-color: #82b6da;
  color: #ffffff;
}

.ur-input-chip__icon-blue {
  color: #ffffff;
}

.ur-input-chip__container-navy-input {
  background-color: #1a5276;
  color: #ffffff;
}
.ur-input-chip__container-navy-input:active {
  background-color: #15425e;
}

.ur-input-chip__slot-navy-input {
  color: #ffffff;
}

.ur-input-chip__close-navy-input {
  background-color: rgba(0, 0, 0, 0);
  color: #a3bac8;
}

.ur-input-chip__close-navy-input-hover {
  background-color: #15425e;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-navy-input-active {
  background-color: #7697ad;
  color: #ffffff;
}

.ur-input-chip__icon-navy {
  color: #ffffff;
}

.ur-input-chip__container-violet-input {
  background-color: #884ea0;
  color: #ffffff;
}
.ur-input-chip__container-violet-input:active {
  background-color: #6d3e80;
}

.ur-input-chip__slot-violet-input {
  color: #ffffff;
}

.ur-input-chip__close-violet-input {
  background-color: rgba(0, 0, 0, 0);
  color: #cfb8d9;
}

.ur-input-chip__close-violet-input-hover {
  background-color: #6d3e80;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-violet-input-active {
  background-color: #b895c6;
  color: #ffffff;
}

.ur-input-chip__icon-violet {
  color: #ffffff;
}

.ur-input-chip__container-white-input {
  background-color: #ffffff;
  color: #000000;
}
.ur-input-chip__container-white-input:active {
  background-color: #cccccc;
}

.ur-input-chip__slot-white-input {
  color: #000000;
}

.ur-input-chip__close-white-input {
  background-color: rgba(255, 255, 255, 0);
  color: white;
}

.ur-input-chip__close-white-input-hover {
  background-color: #cccccc;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-white-input-active {
  background-color: #b3b3b3;
  color: #ffffff;
}

.ur-input-chip__icon-white {
  color: #000000;
}

.ur-input-chip__container-black-input {
  background-color: #000000;
  color: #ffffff;
}
.ur-input-chip__container-black-input:active {
  background-color: black;
}

.ur-input-chip__slot-black-input {
  color: #ffffff;
}

.ur-input-chip__close-black-input {
  background-color: rgba(0, 0, 0, 0);
  color: #999999;
}

.ur-input-chip__close-black-input-hover {
  background-color: black;
  color: #000000;
  cursor: pointer;
}

.ur-input-chip__close-black-input-active {
  background-color: black;
  color: #ffffff;
}

.ur-input-chip__icon-black {
  color: #ffffff;
}

.ur-filter-chip__container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.ur-filter-chip__container-small {
  height: 24px;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 12px;
  line-height: 24px;
  font-size: 12px;
}

.ur-filter-chip__container-medium {
  height: 32px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 16px;
  line-height: 24px;
  font-size: 14px;
}

.ur-filter-chip-ide.ur-filter-chip-wrapper .ur-filter-chip__container-small {
  flex: 1 1 auto;
  height: 100%;
  margin-left: 2px;
  margin-right: 2px;
}

.ur-filter-chip-ide.ur-filter-chip-wrapper .ur-filter-chip__container-medium {
  flex: 1 1 auto;
  height: 100%;
  margin-left: 2px;
  margin-right: 2px;
}

.ur-filter-chip__container-non-image {
  padding-left: 8px;
}

.ur-filter-chip__image {
  vertical-align: top;
}

.ur-filter-chip__image-small {
  width: 18px;
  height: 18px;
  border-radius: 9px;
}

.ur-filter-chip__image-medium {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.ur-filter-chip__slot {
  margin: 0 8px 0 8px;
}

.ur-filter-chip__slot-small {
  margin: 0 8px 0 4px;
}

.ur-filter-chip__icon {
  text-align: center;
}

.ur-filter-chip__icon-small {
  font-size: 6px;
  height: 12px;
  width: 12px;
}

.ur-filter-chip__icon-medium {
  font-size: 8px;
  height: 16px;
  width: 16px;
}

.ur-filter-chip__close-small {
  height: 12px;
  width: 12px;
  border-radius: 6px;
}

.ur-filter-chip__close-medium {
  height: 16px;
  width: 16px;
  border-radius: 8px;
}

.ur-filter-chip__container-disabled {
  background-color: #eaeaea;
}

.ur-filter-chip__close-disabled {
  color: #cccccc;
}

.ur-filter-chip__slot-disabled {
  color: #959595;
}

/* ColorSet */
.ur-filter-chip__container-primary-filter {
  background-color: #0aacbe;
  color: #ffffff;
}
.ur-filter-chip__container-primary-filter:hover {
  background-color: #088a98;
}

.ur-filter-chip__container-primary-filter-selected {
  background-color: #088a98;
  color: #ffffff;
}

.ur-filter-chip__slot-primary-filter {
  color: #ffffff;
}

.ur-input-filter__icon-primary {
  color: #ffffff;
}

.ur-filter-chip__container-point-filter {
  background-color: #c2e260;
  color: #ffffff;
}
.ur-filter-chip__container-point-filter:hover {
  background-color: #daeea0;
}

.ur-filter-chip__container-point-filter-selected {
  background-color: #daeea0;
  color: #0aacbe;
}

.ur-filter-chip__slot-point-filter {
  color: #ffffff;
}

.ur-input-filter__icon-point {
  color: #ffffff;
}

.ur-filter-chip__container-normal-filter {
  background-color: #eaeaea;
  color: #5a5a5a;
}
.ur-filter-chip__container-normal-filter:hover {
  background-color: #cccccc;
}

.ur-filter-chip__container-normal-filter-selected {
  background-color: #cccccc;
  color: #ffffff;
}

.ur-filter-chip__slot-normal-filter {
  color: #5a5a5a;
}

.ur-input-filter__icon-normal {
  color: #5a5a5a;
}

.ur-filter-chip__container-red-filter {
  background-color: #ff5858;
  color: #ffffff;
}
.ur-filter-chip__container-red-filter:hover {
  background-color: #cc4646;
}

.ur-filter-chip__container-red-filter-selected {
  background-color: #cc4646;
  color: #ffffff;
}

.ur-filter-chip__slot-red-filter {
  color: #ffffff;
}

.ur-input-filter__icon-red {
  color: #ffffff;
}

.ur-filter-chip__container-orange-filter {
  background-color: #f7a443;
  color: #ffffff;
}
.ur-filter-chip__container-orange-filter:hover {
  background-color: #c68336;
}

.ur-filter-chip__container-orange-filter-selected {
  background-color: #c68336;
  color: #ffffff;
}

.ur-filter-chip__slot-orange-filter {
  color: #ffffff;
}

.ur-input-filter__icon-orange {
  color: #ffffff;
}

.ur-filter-chip__container-green-filter {
  background-color: #4fce67;
  color: #ffffff;
}
.ur-filter-chip__container-green-filter:hover {
  background-color: #3fa552;
}

.ur-filter-chip__container-green-filter-selected {
  background-color: #3fa552;
  color: #ffffff;
}

.ur-filter-chip__slot-green-filter {
  color: #ffffff;
}

.ur-input-filter__icon-green {
  color: #ffffff;
}

.ur-filter-chip__container-blue-filter {
  background-color: #2e86c1;
  color: #ffffff;
}
.ur-filter-chip__container-blue-filter:hover {
  background-color: #256b9a;
}

.ur-filter-chip__container-blue-filter-selected {
  background-color: #256b9a;
  color: #ffffff;
}

.ur-filter-chip__slot-blue-filter {
  color: #ffffff;
}

.ur-input-filter__icon-blue {
  color: #ffffff;
}

.ur-filter-chip__container-navy-filter {
  background-color: #1a5276;
  color: #ffffff;
}
.ur-filter-chip__container-navy-filter:hover {
  background-color: #15425e;
}

.ur-filter-chip__container-navy-filter-selected {
  background-color: #15425e;
  color: #ffffff;
}

.ur-filter-chip__slot-navy-filter {
  color: #ffffff;
}

.ur-input-filter__icon-navy {
  color: #ffffff;
}

.ur-filter-chip__container-violet-filter {
  background-color: #884ea0;
  color: #ffffff;
}
.ur-filter-chip__container-violet-filter:hover {
  background-color: #6d3e80;
}

.ur-filter-chip__container-violet-filter-selected {
  background-color: #6d3e80;
  color: #ffffff;
}

.ur-filter-chip__slot-violet-filter {
  color: #ffffff;
}

.ur-input-filter__icon-violet {
  color: #ffffff;
}

.ur-filter-chip__container-white-filter {
  background-color: #ffffff;
  color: #000000;
}
.ur-filter-chip__container-white-filter:hover {
  background-color: #cccccc;
}

.ur-filter-chip__container-white-filter-selected {
  background-color: #cccccc;
  color: #ffffff;
}

.ur-filter-chip__slot-white-filter {
  color: #000000;
}

.ur-input-filter__icon-white {
  color: #000000;
}

.ur-filter-chip__container-black-filter {
  background-color: #000000;
  color: #ffffff;
}
.ur-filter-chip__container-black-filter:hover {
  background-color: black;
}

.ur-filter-chip__container-black-filter-selected {
  background-color: black;
  color: #000000;
}

.ur-filter-chip__slot-black-filter {
  color: #ffffff;
}

.ur-input-filter__icon-black {
  color: #ffffff;
}

.ur-chip-wrapper {
  position: relative;
}

.ur-chip-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-chip-wrapper.ur-validator--error .ur-filter-chip-wrapper__message {
  color: #ff5858;
}

.ur-chip-wrapper.ur-validator--valid .ur-filter-chip-wrapper__message {
  color: #4fce67;
}

.ur-filter-chip-wrapper {
  position: relative;
}

.ur-filter-chip-wrapper.ur-validator--shake {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-filter-chip-ide.ur-filter-chip-wrapper {
  display: flex;
}

.ur-chip-wrapper__item + .ur-chip-wrapper__item {
  margin-left: 8px;
}

.ur-filter-chip-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-filter-chip-wrapper.ur-validator--error .ur-filter-chip-wrapper__message {
  color: #ff5858;
}

.ur-filter-chip-wrapper.ur-validator--valid .ur-filter-chip-wrapper__message {
  color: #4fce67;
}

.ur-filter-chip-wrapper.ur-validator--error .ur-filter-chip-wrapper__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-filter-chip-wrapper.ur-validator--valid .ur-filter-chip-wrapper__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

/* $border-radius; */
.ur-counter {
  font-size: 0;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  align-items: stretch;
}

.ur-counter__button {
  border: 1px solid #dbdbdb;
  height: 100%;
}
.ur-counter__button.ur-button--border {
  border-color: #dbdbdb;
}
.ur-counter__button.ur-button--minus {
  border-right: none;
}
.ur-counter__button.ur-button--plus {
  border-left: none;
}

.ur-counter__input::-ms-clear {
  display: none;
}

.ur-counter__input {
  padding: 0px 8px 0px 8px;
  border: 1px solid #dbdbdb;
  flex: 1 1 0px;
  min-width: 0;
  text-align: center;
  border-radius: 0;
  margin: 0;
  color: #333333;
  background-color: #ffffff;
}
.ur-counter__input {
  border-color: #dbdbdb;
}
.ur-counter__input:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-counter__input::-moz-placeholder {
  color: #959595;
}
.ur-counter__input::placeholder {
  color: #959595;
}
.ur-counter__input :-ms-input-placeholder {
  color: #959595 !important;
}
.ur-counter__input ::-ms-input-placeholder {
  color: #959595 !important;
}

.ur-counter__input:focus {
  outline: none;
}

.ur-counter__input::-webkit-inner-spin-button,
.ur-counter__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ur-counter__updown-wrapper {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  cursor: pointer;
}

.ur-counter__updown-upper,
.ur-counter__updown-lower {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ur-counter__updown-upper:before,
.ur-counter__updown-lower:before {
  content: "";
  border-style: solid;
  border-color: #dbdbdb transparent;
}

.ur-counter__updown-divider {
  flex: 0 0 1px;
  background: #dbdbdb;
  margin: 0px;
}

.ur-counter__input:hover {
  border-color: #0aacbe;
}

.ur-counter__input:focus {
  outline: none;
  border-color: #0aacbe;
}

.ur-counter__updown-upper:hover,
.ur-counter__updown-lower:hover {
  background: #f7f7f7;
}
.ur-counter__updown-upper:active::before,
.ur-counter__updown-lower:active::before {
  border-color: #5a5a5a transparent;
}

.ur-counter--small {
  height: 24px;
  width: 108px;
}
.ur-counter--small .ur-counter__input {
  font-size: 12px;
}
.ur-counter--small .ur-counter__button {
  flex: 0 0 24px;
}
.ur-counter--small .ur-counter__updown-wrapper {
  flex: 0 0 12px;
}
.ur-counter--small .ur-counter__updown-upper:before {
  border-width: 0 4px 5px 4px;
}
.ur-counter--small .ur-counter__updown-lower:before {
  border-width: 5px 4px 0 4px;
}

.ur-counter--medium {
  height: 32px;
  width: 144px;
}
.ur-counter--medium .ur-counter__input {
  font-size: 14px;
}
.ur-counter--medium .ur-counter__button {
  flex: 0 0 32px;
}
.ur-counter--medium .ur-counter__updown-wrapper {
  flex: 0 0 16px;
}
.ur-counter--medium .ur-counter__updown-upper:before {
  border-width: 0 5px 6px 5px;
}
.ur-counter--medium .ur-counter__updown-lower:before {
  border-width: 6px 5px 0 5px;
}

.ur-counter--large {
  height: 48px;
  width: 216px;
}
.ur-counter--large .ur-counter__input {
  font-size: 16px;
}
.ur-counter--large .ur-counter__button {
  flex: 0 0 48px;
}
.ur-counter--large .ur-counter__updown-wrapper {
  flex: 0 0 24px;
}
.ur-counter--large .ur-counter__updown-upper::before {
  border-width: 0 8px 10px 8px;
}
.ur-counter--large .ur-counter__updown-lower::before {
  border-width: 10px 8.32px 0 8px;
}

.ur-counter--disabled .ur-counter__input,
.ur-counter--disabled .ur-counter__button.ur-button--border {
  background-color: #dbdbdb;
  color: #767676;
  border-color: #dbdbdb;
}
.ur-counter--disabled .ur-counter__updown-wrapper {
  cursor: default;
}
.ur-counter--disabled .ur-counter__updown-upper:hover,
.ur-counter--disabled .ur-counter__updown-lower:hover {
  background: transparent;
}
.ur-counter--disabled .ur-counter__updown-upper::before,
.ur-counter--disabled .ur-counter__updown-lower::before {
  border-color: #cccccc transparent;
}

.ur-counter--readonly .ur-counter__input,
.ur-counter--readonly .ur-counter__button {
  background-color: #eaeaea;
  border-color: #a5a5a5;
}

.ur-counter--not-editable .ur-counter__input {
  background-color: #eaeaea;
}

.ur-counter--left .ur-counter__input {
  text-align: left;
}

.ur-counter--right .ur-counter__input {
  text-align: right;
}

.ur-counter--center .ur-counter__input {
  text-align: center;
}

.ur-date-picker {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}

.ur-date-picker-wrapper {
  position: relative;
  height: 100%;
}

.ur-date-picker.ur-date-picker-single .ur-text-field--border.ur-date-picker__text-field {
  width: 176px;
}

.ur-date-picker.ur-date-picker-range .ur-text-field--border.ur-date-picker__text-field {
  width: 144px;
}

.ur-date-picker.ur-date-picker-range .ur-text-field--border.ur-date-picker__text-field.ur-date-picker__text-field-one-input {
  width: 320px;
}

.ur-date-picker.ur-date-picker-single.ur-date-picker-ide .ur-text-field--border.ur-date-picker__text-field {
  width: 100%;
  height: 100%;
}

.ur-date-picker.ur-date-picker-range.ur-date-picker-ide .ur-text-field--border.ur-date-picker__text-field {
  flex: 1 1 AUTO;
  height: 100%;
}

.ur-date-picker.ur-date-picker-single.ur-date-picker-ide .ur-text-field--border .ur-text-field__input {
  height: 100%;
}

.ur-date-picker.ur-date-picker-range.ur-date-picker-ide .ur-text-field--border .ur-text-field__input {
  height: 100%;
}

.ur-date-picker__text-field .ur-text-field__input:focus {
  border-color: #dbdbdb;
  background-color: rgba(255, 255, 255, 0);
}

.ur-date-picker__icon-wrapper {
  position: relative;
  top: 1px;
  border-left: 1px solid #dbdbdb;
  cursor: pointer;
}

.ur-validator--error + .ur_date-picker__icon-wrapper {
  border-color: #ff5858;
}

.ur-date-picker--small {
  height: 24px;
}
.ur-date-picker--small .ur-icon-wrapper {
  height: 24px;
  width: 24px;
  flex: 0 0 24px;
  top: 2px;
}
.ur-date-picker--small .ur-date-picker__icon-wrapper {
  margin-left: -24px;
}
.ur-date-picker--small .ur-date-picker__calendar {
  top: 23px;
}

.ur-date-picker--medium {
  height: 32px;
}
.ur-date-picker--medium .ur-icon-wrapper {
  height: 32px;
  width: 32px;
  flex: 0 0 32px;
}
.ur-date-picker--medium .ur-date-picker__icon-wrapper {
  margin-left: -32px;
}
.ur-date-picker--medium .ur-date-picker__calendar {
  top: 31px;
}

.ur-date-picker.ur-date-picker-ide.ur-date-picker--small .ur-icon-wrapper {
  display: inline-flex;
  height: 100%;
}
.ur-date-picker.ur-date-picker-ide.ur-date-picker--small .ur-date-picker__calendar {
  top: calc(100% - 1px);
}

.ur-date-picker.ur-date-picker-ide.ur-date-picker--medium .ur-icon-wrapper {
  display: inline-flex;
  height: 100%;
}
.ur-date-picker.ur-date-picker-ide.ur-date-picker--medium .ur-date-picker__calendar {
  top: calc(100% - 1px);
}

.ur-date-picker__icon-wrapper-disabled {
  color: #cccccc;
  cursor: default;
}

.ur-date-picker__segment-wrapper {
  display: inline-block;
  margin-left: 8px;
}

.ur-date-picker.ur-date-picker-range.ur-date-picker-ide .ur-date-picker__segment-wrapper {
  height: 100%;
}

.ur-date-picker.ur-date-picker-range.ur-date-picker-ide .ur-date-picker__segment-wrapper .ur-segment-button {
  height: 100%;
}

.ur-date-picker__calendar {
  z-index: 200;
  width: 284px;
  position: absolute;
  left: 0;
  background-color: #ffffff;
  padding: 32px;
  border: 1px solid #dbdbdb;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ur-date-picker__calendar__month-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.ur-date-picker__calendar__month-area .ur-icon-wrapper {
  width: 28px;
  height: 28px;
  color: #767676;
  cursor: pointer;
  transform: rotate(90deg);
}
.ur-date-picker__calendar__month-area .ur-icon-wrapper:hover {
  color: #333333;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__month-area .ur-icon-wrapper:active {
  color: #333333;
  background-color: #eaeaea;
}
.ur-date-picker__calendar__month-area span {
  justify-content: space-between;
}

.ur-date-picker__calendar--range {
  width: 544px;
}
.ur-date-picker__calendar--range .ur-date-picker__calendar__month-area {
  justify-content: space-evenly;
}

.ur-date-picker__calendar__range-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-date-picker__calendar__divider {
  flex: 0 0 1px;
  background-color: #eaeaea;
}

.ur-date-picker__calendar__date-area {
  flex: 0 0 220px;
  margin-bottom: 16px;
}

.ur-date-picker__calendar__row {
  position: relative;
  height: 28px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-date-picker__calendar__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__row-background .select-between {
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__row-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ur-date-picker__calendar__row-content span {
  color: #767676;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: 50%;
}

.ur-date-picker__calendar__date {
  cursor: pointer;
}
.ur-date-picker__calendar__date--hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-date-picker__calendar--select-range .ur-date-picker__calendar__date--hover {
  color: #333333;
  background-color: #ceeef2;
}

.ur-date-picker__calendar__date--disabled,
.ur-date-picker__calendar__date--invisible {
  pointer-events: none;
}

.ur-date-picker__calendar__date.ur-date-picker__calendar__date--invisible {
  color: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.ur-date-picker__calendar__date--today:not(.ur-date-picker__calendar__date--selected) {
  color: #0aacbe;
}

.ur-date-picker__calendar__date--today {
  text-decoration: underline;
}

.ur-date-picker__calendar__date.ur-date-picker__calendar__date--selected {
  color: #ffffff;
  background-color: #0aacbe;
}

.ur-date-picker__calendar__date.ur-date-picker__calendar__date--other-month,
.ur-date-picker__calendar__date.ur-date-picker__calendar__date--disabled {
  color: #cccccc;
}

.ur-date-picker__calendar__month__row {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-date-picker__calendar__month__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__month__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__month__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__month__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__month__row-background .select-between {
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__month__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__month__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__month__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__month__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__month__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__month__row-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.ur-date-picker__calendar__month__row-content span {
  color: #767676;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  font-size: 18px;
}

.ur-date-picker__calendar__month {
  cursor: pointer;
}
.ur-date-picker__calendar__month--hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__month.ur-date-picker__calendar__month--selected {
  color: #ffffff;
  background-color: #0aacbe;
}

.ur-date-picker__calendar__year__row {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-date-picker__calendar__year__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__year__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__year__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__year__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__year__row-background .select-between {
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__year__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__year__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__year__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__year__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__year__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__year__row-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.ur-date-picker__calendar__year__row-content span {
  color: #767676;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 12px;
  outline: none;
  font-size: 14px;
}

.ur-date-picker__calendar__year {
  cursor: pointer;
}
.ur-date-picker__calendar__year--hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__year.ur-date-picker__calendar__year--selected {
  color: #ffffff;
  background-color: #0aacbe;
}

.ur-date-picker__calendar__quarter__row {
  position: relative;
  height: 72px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-date-picker__calendar__quarter__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__quarter__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__quarter__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__quarter__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__quarter__row-background .select-between {
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__quarter__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__quarter__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__quarter__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__quarter__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__quarter__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__quarter__row-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
  margin: 12px;
}
.ur-date-picker__calendar__quarter__row-content span {
  color: #5a5a5a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 24px;
  font-size: 20px;
}

.ur-date-picker__calendar__quarter {
  cursor: pointer;
}
.ur-date-picker__calendar__quarter--hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__quarter.ur-date-picker__calendar__quarter--selected {
  color: #ffffff;
  background-color: #0aacbe;
}

.ur-date-picker__calendar__week__row {
  position: relative;
  height: 36px;
  width: 100%;
  padding: 0 6px;
}

.ur-date-picker__calendar__week__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__week__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__week__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__week__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__week__row-background .select-between {
  background-color: #e7f7f9;
}
.ur-date-picker__calendar__week__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__week__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__week__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__week__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__week__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__week__row-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.ur-date-picker__calendar__week__row-content span {
  color: #5a5a5a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 50%;
  font-size: 13px;
}
.ur-date-picker__calendar__week__row-content span.ur-date-picker__calendar__week__row-content-weeknum {
  width: 36px;
  height: 36px;
  font-size: 14px;
}

.ur-date-picker__calendar__week__row-content-weeknum.ur-date-picker__calendar__week__row-content-weeknum--selected {
  color: #ffffff;
  background-color: #0aacbe;
}

.ur-date-picker__calendar__week {
  cursor: pointer;
}
.ur-date-picker__calendar__week--hover {
  color: #333333;
  background-color: #f7f7f7;
  border-radius: 18px;
}

.ur-date-picker__calendar__week--disabled,
.ur-date-picker__calendar__week--invisible {
  pointer-events: none;
}

.ur-date-picker__calendar__weekdate.ur-date-picker__calendar__week--invisible {
  color: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.ur-date-picker__calendar__weekdate.ur-date-picker__calendar__week--other-month,
.ur-date-picker__calendar__weekdate.ur-date-picker__calendar__week--disabled {
  color: #cccccc;
}

.ur-date-picker__calendar__weekdate.ur-date-picker__calendar__week--selected {
  color: #ffffff;
  background-color: #e7f7f9;
  border-radius: 18px;
}

span.ur-date-picker__calendar__date--sunday {
  color: #e74c3c;
}

span.ur-date-picker__calendar__date--saturday {
  color: #2e86c1;
}

.ur-date-picker-wrapper.ur-validator--valid .ur-date-picker__text-field .ur-text-field__input,
.ur-date-picker-wrapper.ur-validator--valid .ur-date-picker__icon-wrapper {
  border-color: #4fce67;
}

.ur-date-picker-wrapper.ur-validator--error .ur-date-picker__text-field .ur-text-field__input,
.ur-date-picker-wrapper.ur-validator--error .ur-date-picker__icon-wrapper {
  border-color: #ff5858;
}

.ur-date-picker-wrapper.ur-validator--shake > .ur-date-picker__text-field,
.ur-date-picker-wrapper.ur-validator--shake > .ur-date-picker__icon-wrapper {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-date-picker__message {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.ur-validator--error .ur-date-picker__message {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-validator--valid .ur-date-picker__message {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-validator--error .ur-date-picker__message--light {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}

.ur-validator--valid .ur-date-picker__message--light {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}

.ur-date-time-picker .ur-text-field--border.ur-date-picker__text-field.ur-date-time-picker__text-field {
  width: 264px;
}
.ur-date-time-picker .ur-time-picker .ur-counter--small,
.ur-date-time-picker .ur-time-picker .ur-counter--medium {
  width: 60px;
}

.ur-date-time-picker__time-picker {
  margin-bottom: 16px;
}
.ur-date-time-picker__time-picker .ur-time-picker--small,
.ur-date-time-picker__time-picker .ur-time-picker--medium {
  width: 218px;
}
.ur-date-time-picker__time-picker .ur-time-picker-meridiem--small,
.ur-date-time-picker__time-picker .ur-time-picker-meridiem--medium {
  margin-left: 0;
}
.ur-date-time-picker__time-picker .ur-time-picker .ur-counter--medium {
  width: 60px;
}
.ur-date-time-picker__time-picker .ur-segment-button--small,
.ur-date-time-picker__time-picker .ur-segment-button--medium {
  padding: 0 8px;
  font-size: 12px;
}

.ur-date-time-picker__time-picker--no-meridiem .ur-time-picker .ur-counter--small,
.ur-date-time-picker__time-picker--no-meridiem .ur-time-picker .ur-counter--medium {
  width: 102px;
}
.ur-date-time-picker__time-picker--no-meridiem .ur-time-picker.ur-time-picker__second .ur-counter--small,
.ur-date-time-picker__time-picker--no-meridiem .ur-time-picker.ur-time-picker__second .ur-counter--medium {
  width: 67px;
}

.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker {
  width: 218px;
}
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-counter--small,
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-counter--medium {
  width: 55px;
  margin-left: 2px;
}
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-counter--small .ur-counter__updown-wrapper,
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-counter--medium .ur-counter__updown-wrapper {
  margin-left: 2px;
}
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-button.ur-time-picker-meridiem__toggleButton {
  min-width: 36px;
}

.ur-date-time-range-picker .ur-text-field--border.ur-date-picker__text-field.ur-date-time-range-picker__text-field {
  width: 216px;
}
.ur-date-time-range-picker .ur-text-field--border.ur-date-picker__text-field.ur-date-time-range-picker__text-field-one-input {
  width: 464px;
}

.ur-date-time-range-picker__time-picker {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.ur-date-time-range-picker__time-picker .ur-time-picker .ur-counter--small,
.ur-date-time-range-picker__time-picker .ur-time-picker .ur-counter--medium {
  width: 60px;
}
.ur-date-time-range-picker__time-picker .ur-time-picker.ur-time-picker__second .ur-counter--small,
.ur-date-time-range-picker__time-picker .ur-time-picker.ur-time-picker__second .ur-counter--medium {
  width: 67px;
}
.ur-date-time-range-picker__time-picker .ur-time-picker--small,
.ur-date-time-range-picker__time-picker .ur-time-picker--medium {
  width: 218px;
}
.ur-date-time-range-picker__time-picker .ur-time-picker-meridiem--small,
.ur-date-time-range-picker__time-picker .ur-time-picker-meridiem--medium {
  margin-left: 0;
}
.ur-date-time-range-picker__time-picker .ur-segment-button--small,
.ur-date-time-range-picker__time-picker .ur-segment-button--medium {
  padding: 0 8px;
}

.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker {
  width: 218px;
}
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-counter--small,
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-counter--medium {
  width: 55px;
  margin-left: 2px;
}
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-counter--small .ur-counter__updown-wrapper,
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-counter--medium .ur-counter__updown-wrapper {
  margin-left: 2px;
}
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-button.ur-time-picker-meridiem__toggleButton {
  min-width: 36px;
}

.ur-date-time-range-picker__time-picker--no-meridiem .ur-time-picker .ur-counter--small,
.ur-date-time-range-picker__time-picker--no-meridiem .ur-time-picker .ur-counter--medium {
  width: 102px;
}
.ur-date-time-range-picker__time-picker--no-meridiem .ur-time-picker.ur-time-picker__second {
  width: 218px;
}

.ur-dropdown {
  display: inline-block;
  position: relative;
  min-width: 60px;
  width: 100%;
  color: #333333;
  cursor: pointer;
}

.ur-dropdown--small {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
}
.ur-dropdown--small .ur-dropdown__title {
  padding: 0 8px 0 8px;
}
.ur-dropdown--small .ur-dropdown__title-icon {
  margin-left: 8px;
  width: 16px;
}

.ur-dropdown__item--small .ur-dropdown__label {
  font-size: 12px;
  line-height: 16px;
  min-height: 24px;
  max-height: 32px;
}

.ur-dropdown--medium {
  font-size: 14px;
  line-height: 24px;
  height: 32px;
}
.ur-dropdown--medium .ur-dropdown__title {
  padding: 0 12px 0 12px;
}
.ur-dropdown--medium .ur-dropdown__title-icon {
  margin-left: 12px;
  width: 16px;
}

.ur-dropdown__item--medium .ur-dropdown__label {
  font-size: 14px;
  line-height: 24px;
  min-height: 32px;
  max-height: 48px;
}

.ur-dropdown__title {
  background: #ffffff;
  display: flex;
  height: 100%;
  min-width: inherit;
  max-width: inherit;
}
.ur-dropdown__title .ur-dropdown__selected {
  display: flex;
  min-width: 0;
  align-items: center;
  width: calc(100% - 28px);
}
.ur-dropdown__title .ur-dropdown__selected > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ur-dropdown__title-border {
  border: 1px solid #959595;
}
.ur-dropdown__title-border:focus {
  outline: 0;
}

.ur-dropdown__title-underline {
  border-bottom: 1px solid #959595;
  background-color: transparent;
}
.ur-dropdown__title-underline:focus {
  outline: 0;
}

.ur-dropdown__icon {
  transition: all ease 0.3s;
  color: #5a5a5a;
}

.move-down-enter-active,
.move-down-leave-active {
  transition: opacity 0.3s;
}

/* .fade-leave-active below version 2.1.8 */
.move-down-enter,
.move-down-leave-to {
  opacity: 0;
}

.ur-dropdown__items {
  position: absolute;
  overflow-y: auto;
  margin-top: -1px;
  /* close to title */
  background-color: #ffffff;
  border: 1px solid #959595;
  z-index: 201;
  max-height: 200px;
  padding: 8px 1px;
  margin-left: 0px;
}
.ur-dropdown__items .ur-dropdown__selected {
  color: #0aacbe;
  font-weight: 700;
}
.ur-dropdown__items.ur-dropdown__items--has-child-items {
  overflow: visible;
}

.ur-dropdown__item {
  position: relative;
  display: flex;
  padding: 0 12px 0 12px;
  cursor: default;
  min-height: 32px;
  background-color: #ffffff;
  color: #333333;
}
.ur-dropdown__item--small {
  font-size: 12px;
  line-height: 16px;
  min-height: 24px;
}
.ur-dropdown__item:hover {
  background-color: #e7f7f9;
  color: #333333;
}

.ur-dropdown__label {
  flex: 1 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.ur-dropdown__label-caret {
  transform: rotate(270deg);
}

.ur-dropdown__item:hover .ur-dropdown__child-items {
  display: block;
}

.ur-dropdown__item:hover .u-checkbox__label {
  color: #333333;
}

.ur-dropdown__child-items {
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
  border: 1px solid #959595;
  z-index: 201;
  padding: 8px 1px;
  margin-left: 0px;
  width: 180px;
  background-color: #ffffff;
  color: #333333;
}

.ur-dropdown__child-item:hover {
  background-color: #e7f7f9;
  color: #333333;
}

.ur-dropdown--disabled {
  pointer-events: none;
}
.ur-dropdown--disabled .ur-dropdown__title {
  border: 1px solid #cccccc !important;
  color: #cccccc !important;
  background-color: #f7f7f7 !important;
}
.ur-dropdown--disabled .ur-dropdown__icon {
  color: #cccccc !important;
}
.ur-dropdown--disabled .ur-dropdown__title-underline {
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid #cccccc !important;
  background-color: transparent !important;
}

.ur-drop-holder--disabled {
  pointer-events: none;
}

.ur-drop-holder {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.ur-drop-holder .ur-dropdown__items {
  width: 150px;
}

.ur-drop-holder__items--label-no-wrap .ur-drop-holder__label {
  white-space: nowrap;
}

.ur-dropdown.ur-validator--valid .ur-dropdown__title {
  border-color: #4fce67;
}

.ur-dropdown.ur-validator--error .ur-dropdown__title {
  border-color: #ff5858;
}

.ur-dropdown.ur-validator--shake > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-dropdown__message {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.ur-validator--error .ur-dropdown__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-validator--valid .ur-dropdown__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-validator--error .ur-dropdown__message--light {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}

.ur-validator--valid .ur-dropdown__message--light {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}

.ur-dropdown--small + .ur-dropdown--small {
  margin-left: 4px;
}

.ur-dropdown--medium + .ur-dropdown--medium {
  margin-left: 8px;
}

.ur-dropdown--large + .ur-dropdown--large {
  margin-left: 8px;
}

.ur-dropdown--medium + .ur-button--small {
  margin-left: 8px;
}

.ur-auto-dropdown {
  line-height: normal;
}
.ur-auto-dropdown .ur-text-field {
  width: 100%;
}
.ur-auto-dropdown .ur-text-field--border .ur-text-field__input {
  border-width: 0px;
  padding: 0;
  height: 100%;
}
.ur-auto-dropdown .ur-text-field__input:focus {
  border-color: transparent;
  background-color: transparent;
}
.ur-auto-dropdown .ur-text-field__input:disabled {
  color: #cccccc !important;
  background-color: #f7f7f7 !important;
}
.ur-auto-dropdown .ur-text-field__input:disabled::-moz-placeholder {
  color: #cccccc !important;
}
.ur-auto-dropdown .ur-text-field__input:disabled::placeholder {
  color: #cccccc !important;
}

.ur-auto-dropdown-wrapper {
  display: inline-block;
  position: relative;
  font-size: 0;
}

.ur-auto-dropdown-wrapper.ur-validator--valid .ur-dropdown__title {
  border-color: #4fce67;
}

.ur-auto-dropdown-wrapper.ur-validator--error .ur-dropdown__title {
  border-color: #ff5858;
}

.ur-auto-dropdown-wrapper.ur-validator--shake > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-floating-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
}

.ur-floating-button--default {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}
.ur-floating-button--default:hover {
  background-color: #777777;
  border-color: #777777;
  cursor: pointer;
}
.ur-floating-button--default:active {
  background-color: #686868;
  border-color: #686868;
}
.ur-floating-button--default::after {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}

.ur-floating-button--primary {
  background-color: #0aacbe;
  border-color: #0aacbe;
  color: #ffffff;
}
.ur-floating-button--primary:hover {
  background-color: #088a98;
  border-color: #088a98;
  cursor: pointer;
}
.ur-floating-button--primary:active {
  background-color: #077885;
  border-color: #077885;
}
.ur-floating-button--primary::after {
  background-color: #0aacbe;
  border-color: #0aacbe;
  color: #ffffff;
}

.ur-floating-button--point {
  background-color: #c2e260;
  border-color: #c2e260;
  color: #333333;
}
.ur-floating-button--point:hover {
  background-color: #9bb54d;
  border-color: #9bb54d;
  cursor: pointer;
}
.ur-floating-button--point:active {
  background-color: #889e43;
  border-color: #889e43;
}
.ur-floating-button--point::after {
  background-color: #c2e260;
  border-color: #c2e260;
  color: #333333;
}

.ur-floating-button--normal {
  background-color: rgba(255, 255, 255, 0);
  color: #0aacbe;
  border-color: #959595;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-color: #dbdbdb;
}
.ur-floating-button--normal:hover {
  background-color: rgba(10, 172, 190, 0.2);
  border-color: #0aacbe;
  cursor: pointer;
}
.ur-floating-button--normal:active {
  background-color: rgba(10, 172, 190, 0.4);
  border-color: #0aacbe;
}
.ur-floating-button--normal::after {
  background-color: rgba(255, 255, 255, 0);
  color: #0aacbe;
  border-color: #959595;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-color: #dbdbdb;
}

.ur-floating-button--red {
  background-color: #ff5858;
  border-color: #ff5858;
  color: #ffffff;
}
.ur-floating-button--red:hover {
  background-color: #cc4646;
  border-color: #cc4646;
  cursor: pointer;
}
.ur-floating-button--red:active {
  background-color: #b33e3e;
  border-color: #b33e3e;
}
.ur-floating-button--red::after {
  background-color: #ff5858;
  border-color: #ff5858;
  color: #ffffff;
}

.ur-floating-button--orange {
  background-color: #f7a443;
  border-color: #f7a443;
  color: #ffffff;
}
.ur-floating-button--orange:hover {
  background-color: #c68336;
  border-color: #c68336;
  cursor: pointer;
}
.ur-floating-button--orange:active {
  background-color: #ad732f;
  border-color: #ad732f;
}
.ur-floating-button--orange::after {
  background-color: #f7a443;
  border-color: #f7a443;
  color: #ffffff;
}

.ur-floating-button--green {
  background-color: #4fce67;
  border-color: #4fce67;
  color: #ffffff;
}
.ur-floating-button--green:hover {
  background-color: #3fa552;
  border-color: #3fa552;
  cursor: pointer;
}
.ur-floating-button--green:active {
  background-color: #379048;
  border-color: #379048;
}
.ur-floating-button--green::after {
  background-color: #4fce67;
  border-color: #4fce67;
  color: #ffffff;
}

.ur-floating-button--blue {
  background-color: #2e86c1;
  border-color: #2e86c1;
  color: #ffffff;
}
.ur-floating-button--blue:hover {
  background-color: #256b9a;
  border-color: #256b9a;
  cursor: pointer;
}
.ur-floating-button--blue:active {
  background-color: #205e87;
  border-color: #205e87;
}
.ur-floating-button--blue::after {
  background-color: #2e86c1;
  border-color: #2e86c1;
  color: #ffffff;
}

.ur-floating-button--navy {
  background-color: #1a5276;
  border-color: #1a5276;
  color: #ffffff;
}
.ur-floating-button--navy:hover {
  background-color: #15425e;
  border-color: #15425e;
  cursor: pointer;
}
.ur-floating-button--navy:active {
  background-color: #123953;
  border-color: #123953;
}
.ur-floating-button--navy::after {
  background-color: #1a5276;
  border-color: #1a5276;
  color: #ffffff;
}

.ur-floating-button--violet {
  background-color: #884ea0;
  border-color: #884ea0;
  color: #ffffff;
}
.ur-floating-button--violet:hover {
  background-color: #6d3e80;
  border-color: #6d3e80;
  cursor: pointer;
}
.ur-floating-button--violet:active {
  background-color: #5f3770;
  border-color: #5f3770;
}
.ur-floating-button--violet::after {
  background-color: #884ea0;
  border-color: #884ea0;
  color: #ffffff;
}

.ur-floating-button--white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #333333;
}
.ur-floating-button--white:hover {
  background-color: #cccccc;
  border-color: #cccccc;
  cursor: pointer;
}
.ur-floating-button--white:active {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.ur-floating-button--white::after {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #333333;
}

.ur-floating-button--black {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.ur-floating-button--black:hover {
  background-color: black;
  border-color: black;
  cursor: pointer;
}
.ur-floating-button--black:active {
  background-color: black;
  border-color: black;
}
.ur-floating-button--black::after {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.ur-floating-button-disabled {
  background-color: #ffffff !important;
  border-color: #cccccc !important;
  color: #a5a5a5 !important;
  pointer-events: none;
}

/* 사족 */
.ur-floating-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ur-floating-button {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Icon 공통 */
.ur-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: inherit;
}

.ur-icon::before {
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
}

.ur-icon svg {
  width: 1em;
  height: 1em;
  overflow: visible;
  fill: currentColor;
}

/* Color */
.ur-icon--default {
  color: #333333;
}

.ur-icon--primary {
  color: #0aacbe;
}

.ur-icon--point {
  color: #c2e260;
}

/* Size */
.ur-icon.ur-icon--full svg {
  width: 100%;
  height: 100%;
}

.ur-icon--xsmall {
  font-size: 14px;
}

.ur-icon--small {
  font-size: 24px;
}

.ur-icon--medium {
  font-size: 32px;
}

.ur-icon--large {
  font-size: 48px;
}

/* Spacing */
.ur-icon--spacing {
  padding: 0.2em;
}

.ur-icon--spacing::before,
.ur-icon--spacing svg {
  font-size: 0.6em;
}

.ur-icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ur-icon-wrapper--small {
  height: 24px;
}

.ur-icon-wrapper--medium {
  height: 32px;
}

.ur-icon-wrapper--large {
  height: 48px;
}

.ur-icon-button.ur-button {
  min-width: 0;
  padding: 0;
  line-height: 1rem;
}

.ur-icon-button.ur-button--small {
  width: 24px;
}

.ur-icon-button.ur-button--medium {
  width: 32px;
}

.ur-icon-button.ur-button--large {
  width: 48px;
}

.ur-icon-button--off {
  color: #cccccc !important;
}

.ur-icon-button--off:hover {
  color: #ffffff;
  background-color: #f7f7f7;
}
.ur-icon-button--off:active {
  background-color: #eaeaea;
}

/* FIXME: 임시본 - icon 버튼이 갑자기 바뀌고나면 혼란스러울까봐 잠시 넣어둡니다. */
.ur-icon-button.ur-button--solid.ur-button--default {
  background-color: #f7f7f7;
  border-width: 0;
  color: #333333;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.004), 0 0 40px rgba(0, 0, 0, 0.001) inset;
}
.ur-icon-button.ur-button--solid.ur-button--default:hover {
  background-color: #ffffff;
}
.ur-icon-button.ur-button--solid.ur-button--default:active {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.002) inset, 0 0 40px rgba(0, 0, 0, 0.001) inset;
}

.list-item {
  background: #ffffff;
  padding: 16px 24px;
  display: flex;
  flex-flow: column nowrap;
  word-break: normal;
  position: relative;
}
.list-item:hover {
  background: #f7f7f7;
}
.list-item:hover .list-item__expand {
  background: #f7f7f7;
}
.list-item:active {
  background: #eaeaea;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.list-item .list-item__check {
  margin-right: 16px;
  flex-grow: 0;
  flex-shrink: 0;
}
.list-item__main {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 100%;
}
.list-item__thumb {
  margin-right: 16px;
}
.list-item__avatar {
  margin-right: 16px;
  border-radius: 50%;
}
.list-item__contents {
  flex: 1 1 auto;
}
.list-item__contents__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
.list-item__contents__text {
  font-size: 14px;
  line-height: 24px;
}
.list-item__contents__second {
  font-size: 12px;
  margin-bottom: 4px;
}
.list-item__contents__row {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.list-item__contents__row hr[v] {
  display: inline-block;
  margin: 0 8px 0 8px;
  height: 10px;
  border-top: none;
}
.list-item__support {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-item__support .tr90 {
  transform: rotate(90deg);
}
.list-item + .list-item {
  margin-top: 50px;
}
.list-item__expand {
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 32px 16px 16px 16px;
  background: #ffffff;
}
.list-item__expand::before {
  content: " ";
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.list-item__expand::after {
  content: " ";
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  background: #eaeaea;
  height: 1px;
}

.ur-notification-badge-container {
  width: auto;
}

.ur-notification-badge-container__notification {
  position: relative;
}

.ur-notification-badge {
  text-align: center;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-radius: 8px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  color: #ffffff;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.ur-notification-badge__notification {
  position: absolute;
  border-radius: 8px;
  width: auto;
  white-space: nowrap;
}

.ur-notification-badge__notification.ur-notification-badge__notification-left-top {
  top: 0;
  left: 0;
  transform: translate(-100%, -50%);
}

.ur-notification-badge__notification.ur-notification-badge__notification-right-top {
  top: 0;
  right: 0;
  transform: translate(100%, -50%);
}

.ur-notification-badge__notification.ur-notification-badge__notification-left-bottom {
  bottom: 0;
  left: 0;
  transform: translate(-100%, 50%);
}

.ur-notification-badge__notification.ur-notification-badge__notification-right-bottom {
  bottom: 0;
  right: 0;
  transform: translate(100%, 50%);
}

.ur-notification-badge__notification.ur-notification-badge__notification-left-top.ur-notification-badge__notification-overlap {
  left: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-right-top.ur-notification-badge__notification-overlap {
  right: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-left-bottom.ur-notification-badge__notification-overlap {
  left: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-right-bottom.ur-notification-badge__notification-overlap {
  right: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-one-letter {
  width: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-multiple-letter {
  padding-left: 8px;
  padding-right: 8px;
}

.ur-notification-badge__notification-dot {
  position: absolute;
  width: 4px;
  height: 4px;
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-left-top {
  top: 0;
  left: 0;
  transform: translate(-100%, -100%);
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-right-top {
  top: 0;
  right: 0;
  transform: translate(100%, -100%);
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-left-bottom {
  bottom: 0;
  left: 0;
  transform: translate(-100%, 100%);
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-right-bottom {
  bottom: 0;
  right: 0;
  transform: translate(100%, 100%);
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-left-top.ur-notification-badge__notification-overlap {
  top: 4px;
  left: 4px;
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-right-top.ur-notification-badge__notification-overlap {
  top: 4px;
  right: 4px;
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-left-bottom.ur-notification-badge__notification-overlap {
  bottom: 4px;
  left: 16px;
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-right-bottom.ur-notification-badge__notification-overlap {
  bottom: 4px;
  right: 16px;
}

.ur-notification-badge__badge-color-primary {
  background-color: #0aacbe;
}

.ur-notification-badge__badge-color-success {
  background-color: #4fce67;
}

.ur-notification-badge__badge-color-error {
  background-color: #ff5858;
}

.ur-notification-badge__badge-color-default {
  background-color: #959595;
}

.ur-notification-badge__badge-color-processing {
  background-color: #336aff;
}

.ur-notification-badge__badge-color-warning {
  background-color: #f7a443;
}

.ur-notification-badge__badge-color-notification {
  background-color: #ff5858;
}

.ur-notification-badge__badge-color-failure {
  background-color: #ff5858;
}

.ur-notification-badge__badge-color-info {
  background-color: #4fce67;
}

.ur-notification-badge__badge-color-active {
  background-color: #0aacbe;
}

.ur-notification-badge__badge-color-disabled {
  background-color: #959595;
}

.ur-notification-badge__badge-color-valid {
  background-color: #336aff;
}

.ur-notification-badge__badge-color-invalid {
  background-color: #ff5858;
}

.ur-notification-badge__badge-color-created {
  background-color: #4fce67;
}

.ur-notification-badge__badge-color-modified {
  background-color: #f7a443;
}

.ur-notification-badge__badge-color-deleted {
  background-color: #ff5858;
}

.ur-dropdown__downwrap {
  position: absolute;
  margin: -1px 0;
  z-index: 201;
}

.ur-dropdown__downwrap > .ur-dropdown__items {
  position: static;
}

.ur-dropdown__items.ur-dropdown__items--has-child-items {
  overflow: unset;
}

.ur-dropdown__item .ur-checkbox__checked + .ur-checkbox__label {
  color: #0aacbe;
  font-weight: 700;
}

.ur-dropdown__selectall,
.ur-dropdown__apply {
  border: 1px solid #959595;
  z-index: 201;
  padding: 8px 12px;
  margin-right: 0px;
  background-color: #ffffff;
}

.ur-dropdown__apply_pos {
  margin-top: -1px;
  text-align: right;
  padding: 8px 8px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.ur-pagination {
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.ur-pagination .ur-pagination__navi {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0px 4px;
  line-height: 32px;
  cursor: pointer;
  color: #5a5a5a;
}
.ur-pagination .ur-pagination__navi:hover {
  background-color: #f7f7f7;
}
.ur-pagination .ur-pagination__navi.ur-pagination__icon--disable {
  color: #cccccc;
  pointer-events: none;
}
.ur-pagination .ur-pagination__number {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0px 4px;
  line-height: 32px;
  cursor: pointer;
  color: #5a5a5a;
}
.ur-pagination .ur-pagination__number:hover {
  background-color: #f7f7f7;
}
.ur-pagination .ur-pagination__number.ur-pagination__icon--disable {
  color: #cccccc;
  pointer-events: none;
}
.ur-pagination .ur-pagination__number-dots {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0px 4px;
  line-height: 32px;
  color: #5a5a5a;
}
.ur-pagination .ur-pagination__selected {
  background-color: #e7f7f9;
  color: #0aacbe;
  font-weight: 700;
}
.ur-pagination .ur-pagination__selected:hover {
  background-color: #e7f7f9;
}
.ur-pagination .ur-pagination__goto {
  height: 32px;
  display: inline-flex;
  margin-left: 16px;
}
.ur-pagination .ur-pagination__goto .ur-counter input {
  width: 100%;
  padding: 0;
}
.ur-pagination .ur-pagination__goto button {
  padding: 0;
  min-width: 40px;
  border-color: #dbdbdb;
  border-left: 0px;
}
.ur-pagination .ur-counter {
  justify-content: center;
  flex-direction: column;
}

.ur-pagination__left-icon {
  transform: rotate(270deg);
  transition: 0.1s;
}

.ur-pagination__left-icon:active {
  transform: rotate(260deg);
}

.ur-pagination__right-icon {
  transform: rotate(90deg);
  transition: 0.1s;
}

.ur-pagination__right-icon:active {
  transform: rotate(100deg);
}

.ur-pagination__simple-pager {
  width: 40px;
  min-width: 40px;
  margin-right: 5px;
}
.ur-pagination__simple-pager .ur-counter__button {
  display: none;
}
.ur-pagination__simple-pager.ur-counter > .ur-counter__input {
  width: 100%;
  height: 24px;
}

.ur-progress__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ur-progress__wrapper-right {
  flex-direction: row;
}

.ur-progress__wrapper-bottom {
  flex-direction: column;
}

.ur-progress__wrapper-masked {
  display: table-cell;
  vertical-align: middle;
}

.ur-progress__wrapper-line {
  width: 100%;
}

.ur-progress__circle {
  display: block;
  margin: 0 auto;
  transform: rotate(-90deg);
}

.ur-progress__circle-small {
  width: 20px;
  height: 20px;
}

.ur-progress__circle-medium {
  width: 32px;
  height: 32px;
}

.ur-progress__circle-large {
  width: 60px;
  height: 60px;
}

.ur-progress-ide.ur-progress-small {
  width: 20px;
  height: 20px;
}

.ur-progress-ide.ur-progress-medium {
  width: 32px;
  height: 32px;
}

.ur-progress-ide.ur-progress-large {
  width: 60px;
  height: 60px;
}

.ur-progress-ide .ur-progress__circle-small {
  width: 100%;
  height: 100%;
}

.ur-progress-ide .ur-progress__circle-medium {
  width: 100%;
  height: 100%;
}

.ur-progress-ide .ur-progress__circle-large {
  width: 100%;
  height: 100%;
}

@keyframes ur-progress__spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ur-progress__circle-spin {
  animation: ur-progress__spin 0.8s linear infinite;
}

.ur-progress__circle-background-normal {
  stroke: #f7f7f7;
}

.ur-progress__circle-background-light {
  stroke: #5a5a5a;
}

.ur-progress__circle-progress-normal {
  stroke: #0aacbe;
}

.ur-progress__circle-progress-light {
  stroke: #ffffff;
}

.ur-progress__circle-progress-error {
  stroke: #ff5858;
}

.ur-progress-ide .ur-progress__line {
  width: 100%;
  height: 100%;
}

.ur-progress__line {
  position: relative;
  overflow: hidden;
  height: 6px;
  background-color: #f7f7f7;
}

.ur-progress__line-progress {
  height: 6px;
  position: absolute;
  transition: width 0.1s linear;
}

.ur-progress-ide .ur-progress__line-progress {
  height: 100%;
}

@keyframes ur-progress__line-transform {
  0% {
    margin-left: -80px;
  }
  100% {
    margin-left: 100%;
  }
}
.ur-progress__line-background-normal {
  background-color: #f7f7f7;
}

.ur-progress__line-background-light {
  background-color: #5a5a5a;
}

.ur-progress__line-progress-normal {
  background-color: #0aacbe;
}

.ur-progress__line-progress-light {
  background-color: #ffffff;
}

.ur-progress__line-progress-error {
  background-color: #ff5858;
}

.ur-progress__text {
  text-align: center;
  font-size: 12px;
}

.ur-progress__text-bottom {
  margin-top: 8px;
}

.ur-progress__text-right {
  margin-left: 8px;
}

.ur-progress-ide .ur-progress__text {
  text-align: center;
  font-size: 12px;
  position: absolute;
}

.ur-progress-ide .ur-progress__text-bottom {
  margin-top: 8px;
  top: 100%;
}

.ur-progress-ide .ur-progress__text-right {
  margin-left: 8px;
  left: 100%;
}

.ur-progress__text-normal {
  color: #333333;
  text-align: center;
}

.ur-progress__text-light {
  color: #ffffff;
  text-align: center;
}

.ur-progress__text-error {
  color: #ff5858;
  text-align: center;
}

.ur-progress__mask {
  display: table;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 9998;
}

.ur-radio {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: flex-start;
  font-size: 14px;
}

.ur-radio__icon {
  cursor: pointer;
}

.ur-radio__label {
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  color: #333333;
}

.ur-radio--small {
  line-height: 16px;
}
.ur-radio--small .ur-radio__icon {
  font-size: 16px;
}
.ur-radio--small .ur-radio__label {
  padding-left: 8px;
  font-size: 14px;
}

.ur-radio--medium {
  line-height: 20px;
}
.ur-radio--medium .ur-radio__icon {
  font-size: 20px;
}
.ur-radio--medium .ur-radio__label {
  padding-left: 8px;
  font-size: 16px;
}

.ur-radio__icon.ur-radio__unchecked {
  color: #a5a5a5;
}

.ur-radio__icon.ur-radio__checked {
  color: #0aacbe;
}

.ur-radio:hover .ur-radio__icon {
  color: #0aacbe;
}

.ur-radio--disabled {
  pointer-events: none;
}
.ur-radio--disabled .ur-radio__label {
  color: #959595 !important;
}
.ur-radio--disabled .ur-radio__checked {
  color: #9ddee5 !important;
}
.ur-radio--disabled .ur-radio__unchecked {
  color: #cccccc !important;
}

.ur-radio-wrapper .ur-radio.ur-validator--error {
  color: #ff5858;
}

.ur-radio-wrapper .ur-validator--error .ur-radio__icon,
.ur-radio-wrapper .ur-validator--error .ur-radio__label {
  color: #ff5858;
}

.ur-radio-wrapper.ur-validator--shake .ur-radio.ur-validator--error {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-radio-wrapper {
  position: relative;
}

.ur-radio-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-radio-wrapper.ur-validator--error .ur-radio-wrapper__message {
  color: #ff5858;
}

.ur-radio-wrapper.ur-validator--valid .ur-radio-wrapper__message {
  color: #4fce67;
}

.ur-radio-wrapper.ur-validator--error .ur-radio-wrapper__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-radio-wrapper.ur-validator--valid .ur-radio-wrapper__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-radio-wrapper .ur-radio + .ur-radio {
  margin-left: 12px;
}

.ur-segment-wrapper {
  position: relative;
  font-size: 0;
  padding: 1px 0 0 1px;
}

.ur-segment-wrapper.ur-segment-wrapper-ide {
  font-size: 0;
  padding: 1px 0 0 1px;
  display: flex;
}

.ur-segment-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-segment-wrapper.ur-validator--error .ur-segment-wrapper__message {
  color: #ff5858;
}

.ur-segment-wrapper.ur-validator--valid .ur-segment-wrapper__message {
  color: #4fce67;
}

.ur-segment-wrapper.ur-validator--error .ur-segment-wrapper__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-segment-wrapper.ur-validator--valid .ur-segment-wrapper__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-segment-button {
  margin-top: -1px;
  margin-left: -1px;
  margin-right: 0px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-style: solid;
  font-weight: 400;
  border-radius: 0;
  border-width: 1px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ur-segment-button .ur-icon {
  vertical-align: middle;
}

.ur-segment-button--small {
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
}

.ur-segment-button--medium {
  height: 32px;
  font-size: 14px;
  padding: 0 16px;
}

.ur-segment-button--large {
  height: 48px;
  font-size: 16px;
  padding: 0 24px;
}

.ur-segment-button {
  cursor: pointer;
}

.ur-segment-wrapper-ide .ur-segment-button {
  cursor: pointer;
  flex: 1 1 auto;
  height: 100%;
}

.ur-segment-button--disabled {
  pointer-events: none;
  cursor: default;
}

.ur-segment-button:hover,
.ur-segment-button--checked {
  z-index: 1;
}

.ur-segment-button--solid {
  background-color: #ffffff;
  border-color: #dbdbdb;
  color: #767676;
}
.ur-segment-button--solid:hover {
  background-color: #ebebeb;
  border-color: #a5a5a5;
  color: #333333;
}
.ur-segment-button--solid.ur-segment-button--checked {
  background-color: #5a5a5a;
  border-color: #5a5a5a;
  color: #ffffff;
}

.ur-segment-button--border {
  background-color: #ffffff;
  border-color: #dbdbdb;
  color: #959595;
}
.ur-segment-button--border:hover {
  background-color: #ebebeb;
  border-color: #a5a5a5;
  color: #333333;
}
.ur-segment-button--border.ur-segment-button--checked {
  background-color: #dedede;
  border-color: #a5a5a5;
  color: #5a5a5a;
}

.ur-segment-button--solid.ur-segment-button--default:hover {
  background-color: #f4f4f4;
  border-color: #959595;
  color: #959595;
}
.ur-segment-button--solid.ur-segment-button--default.ur-segment-button--checked {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--default:hover {
  background-color: #f4f4f4;
  border-color: #959595;
  color: #959595;
}
.ur-segment-button--border.ur-segment-button--default.ur-segment-button--checked {
  background-color: #eaeaea;
  border-color: #959595;
  color: #959595;
}

.ur-segment-button--solid.ur-segment-button--primary:hover {
  background-color: #e7f7f9;
  border-color: #0aacbe;
  color: #0aacbe;
}
.ur-segment-button--solid.ur-segment-button--primary.ur-segment-button--checked {
  background-color: #0aacbe;
  border-color: #0aacbe;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--primary:hover {
  background-color: #e7f7f9;
  border-color: #0aacbe;
  color: #0aacbe;
}
.ur-segment-button--border.ur-segment-button--primary.ur-segment-button--checked {
  background-color: #ceeef2;
  border-color: #0aacbe;
  color: #0aacbe;
}

.ur-segment-button--solid.ur-segment-button--point:hover {
  background-color: #f9fcef;
  border-color: #c2e260;
  color: #c2e260;
}
.ur-segment-button--solid.ur-segment-button--point.ur-segment-button--checked {
  background-color: #c2e260;
  border-color: #c2e260;
  color: #333333;
}

.ur-segment-button--border.ur-segment-button--point:hover {
  background-color: #f9fcef;
  border-color: #c2e260;
  color: #c2e260;
}
.ur-segment-button--border.ur-segment-button--point.ur-segment-button--checked {
  background-color: #f3f9df;
  border-color: #c2e260;
  color: #c2e260;
}

.ur-segment-button--solid.ur-segment-button--normal:hover {
  background-color: #f4f4f4;
  border-color: #959595;
  color: #959595;
}
.ur-segment-button--solid.ur-segment-button--normal.ur-segment-button--checked {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--normal:hover {
  background-color: #f4f4f4;
  border-color: #959595;
  color: #959595;
}
.ur-segment-button--border.ur-segment-button--normal.ur-segment-button--checked {
  background-color: #eaeaea;
  border-color: #959595;
  color: #959595;
}

.ur-segment-button--solid.ur-segment-button--red:hover {
  background-color: #ffeeee;
  border-color: #ff5858;
  color: #ff5858;
}
.ur-segment-button--solid.ur-segment-button--red.ur-segment-button--checked {
  background-color: #ff5858;
  border-color: #ff5858;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--red:hover {
  background-color: #ffeeee;
  border-color: #ff5858;
  color: #ff5858;
}
.ur-segment-button--border.ur-segment-button--red.ur-segment-button--checked {
  background-color: #ffdede;
  border-color: #ff5858;
  color: #ff5858;
}

.ur-segment-button--solid.ur-segment-button--orange:hover {
  background-color: #fef6ec;
  border-color: #f7a443;
  color: #f7a443;
}
.ur-segment-button--solid.ur-segment-button--orange.ur-segment-button--checked {
  background-color: #f7a443;
  border-color: #f7a443;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--orange:hover {
  background-color: #fef6ec;
  border-color: #f7a443;
  color: #f7a443;
}
.ur-segment-button--border.ur-segment-button--orange.ur-segment-button--checked {
  background-color: #fdedd9;
  border-color: #f7a443;
  color: #f7a443;
}

.ur-segment-button--solid.ur-segment-button--green:hover {
  background-color: #edfaf0;
  border-color: #4fce67;
  color: #4fce67;
}
.ur-segment-button--solid.ur-segment-button--green.ur-segment-button--checked {
  background-color: #4fce67;
  border-color: #4fce67;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--green:hover {
  background-color: #edfaf0;
  border-color: #4fce67;
  color: #4fce67;
}
.ur-segment-button--border.ur-segment-button--green.ur-segment-button--checked {
  background-color: #dcf5e1;
  border-color: #4fce67;
  color: #4fce67;
}

.ur-segment-button--solid.ur-segment-button--blue:hover {
  background-color: #eaf3f9;
  border-color: #2e86c1;
  color: #2e86c1;
}
.ur-segment-button--solid.ur-segment-button--blue.ur-segment-button--checked {
  background-color: #2e86c1;
  border-color: #2e86c1;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--blue:hover {
  background-color: #eaf3f9;
  border-color: #2e86c1;
  color: #2e86c1;
}
.ur-segment-button--border.ur-segment-button--blue.ur-segment-button--checked {
  background-color: #d5e7f3;
  border-color: #2e86c1;
  color: #2e86c1;
}

.ur-segment-button--solid.ur-segment-button--navy:hover {
  background-color: #e8eef1;
  border-color: #1a5276;
  color: #1a5276;
}
.ur-segment-button--solid.ur-segment-button--navy.ur-segment-button--checked {
  background-color: #1a5276;
  border-color: #1a5276;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--navy:hover {
  background-color: #e8eef1;
  border-color: #1a5276;
  color: #1a5276;
}
.ur-segment-button--border.ur-segment-button--navy.ur-segment-button--checked {
  background-color: #d1dce4;
  border-color: #1a5276;
  color: #1a5276;
}

.ur-segment-button--solid.ur-segment-button--violet:hover {
  background-color: #f3edf6;
  border-color: #884ea0;
  color: #884ea0;
}
.ur-segment-button--solid.ur-segment-button--violet.ur-segment-button--checked {
  background-color: #884ea0;
  border-color: #884ea0;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--violet:hover {
  background-color: #f3edf6;
  border-color: #884ea0;
  color: #884ea0;
}
.ur-segment-button--border.ur-segment-button--violet.ur-segment-button--checked {
  background-color: #e7dcec;
  border-color: #884ea0;
  color: #884ea0;
}

.ur-segment-button--solid.ur-segment-button--white:hover {
  background-color: white;
  border-color: #ffffff;
  color: #ffffff;
}
.ur-segment-button--solid.ur-segment-button--white.ur-segment-button--checked {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #333333;
}

.ur-segment-button--border.ur-segment-button--white:hover {
  background-color: white;
  border-color: #ffffff;
  color: #ffffff;
}
.ur-segment-button--border.ur-segment-button--white.ur-segment-button--checked {
  background-color: white;
  border-color: #ffffff;
  color: #ffffff;
}

.ur-segment-button--solid.ur-segment-button--black:hover {
  background-color: #e6e6e6;
  border-color: #000000;
  color: #000000;
}
.ur-segment-button--solid.ur-segment-button--black.ur-segment-button--checked {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--black:hover {
  background-color: #e6e6e6;
  border-color: #000000;
  color: #000000;
}
.ur-segment-button--border.ur-segment-button--black.ur-segment-button--checked {
  background-color: #cccccc;
  border-color: #000000;
  color: #000000;
}

.ur-segment-button--disabled.ur-segment-button--solid {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #cccccc !important;
}

.ur-segment-button--disabled.ur-segment-button--border {
  color: #cccccc !important;
  border-color: #cccccc !important;
  background-color: #ffffff !important;
}

.ur-segment-wrapper .ur-segment-button.ur-validator--error {
  color: #ff5858;
}

.ur-segment-wrapper .ur-validator--error .ur-segment-button__icon,
.ur-segment-wrapper .ur-validator--error .ur-segment-button__label {
  color: #ff5858;
}

.ur-segment-wrapper.ur-validator--shake .ur-segment-button.ur-validator--error {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-slider {
  position: relative;
  height: 14px;
  padding: 6px 0;
}

.ur-slider__track {
  position: relative;
  height: 2px;
  background-color: #eaeaea;
}

.ur-slider__progress {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #0aacbe;
}

.ur-slider__handle {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
  border: 0;
  padding: 0;
  outline: 0;
  top: 1px;
}

.ur-slider__handle::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  top: -7px;
  left: -7px;
  background-color: #0aacbe;
  box-shadow: 0 0 0 0 rgba(10, 172, 190, 0.2);
}

.ur-slider__handle:hover::before {
  width: 20px;
  height: 20px;
  top: -10px;
  left: -10px;
  box-shadow: 0 0 0 4px rgba(10, 172, 190, 0.2);
  transition: width 0.1s linear, height 0.1s linear, top 0.1s linear, left 0.1s linear, box-shadow 0.1s linear;
}

.ur-slider__handle:active::before {
  box-shadow: 0 0 0 10px rgba(10, 172, 190, 0.2);
}

.ur-slider__handle__tooltip {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: visible;
  top: -18px;
}

.ur-slider__handle:active .ur-slider__handle__tooltip {
  display: block;
}

.ur-slider__handle__tooltip::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  left: -5px;
  top: -1px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #0aacbe rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.ur-slider__handle__tooltip::after {
  content: attr(value);
  position: absolute;
  transform: translate(-50%, -100%);
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  padding: 0 10px;
  color: #ffffff;
  background-color: #0aacbe;
  border-radius: 2px;
}

.ur-slider.inner-tooltip .ur-slider__handle__tooltip::before {
  display: none;
}
.ur-slider.inner-tooltip .ur-slider__handle__tooltip::after {
  top: 30px;
}

.ur-slider__tick-mark-wrapper {
  position: absolute;
}

.ur-slider__tick-mark {
  position: absolute;
}

.ur-slider__tick-mark--dot {
  width: 1px;
  height: 2px;
  background-color: #cccccc;
}

.ur-slider__tick-mark--dot.ur-slider__tick-mark--active {
  background-color: #cccccc;
}

.ur-slider__tick-mark--bar {
  width: 1px;
  height: 7px;
  background-color: #eaeaea;
}

.ur-slider__tick-mark--bar.ur-slider__tick-mark--active {
  background-color: #0aacbe;
}

.ur-slider__tick-label-wrapper {
  position: relative;
  width: 100%;
  top: 6px;
}

.ur-slider__tick-label {
  position: absolute;
  transform: translateX(-50%);
  line-height: 18px;
  font-size: 12px;
  color: #959595;
}

.ur-slider--disabled .ur-slider__progress {
  background-color: #cccccc;
}
.ur-slider--disabled .ur-slider__handle {
  pointer-events: none;
}
.ur-slider--disabled .ur-slider__handle::before {
  background-color: #cccccc;
}
.ur-slider--disabled .ur-slider__tick-mark--bar.ur-slider__tick-mark--active {
  background-color: #cccccc;
}

.ur-snackbar__container {
  position: fixed;
  display: flex;
  flex-direction: column;
  max-width: 700px;
  min-width: 328px;
  width: auto;
  z-index: 4000;
}

.ur-snackbar__container-bottom {
  bottom: 20px;
}

.ur-snackbar__container-center {
  left: 50%;
  transform: translate(-50%, 0);
}

.ur-snackbar__container-right {
  right: 20px;
}

.ur-snackbar {
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  /*-ms-flex-align: center;*/
  margin-bottom: 10px;
  width: auto;
  min-width: 328px;
  min-height: 48px;
  border-radius: 4px;
  color: #f7f7f7;
  background-color: #333333;
}

.ur-snackbar__content {
  margin: 15px 10px 15px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /*for ie*/
  line-height: 1.2em;
  max-height: 2.4em;
}

.ur-snackbar__action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-right: 10px;
  /*    for ie vertical center align*/
  min-height: inherit;
  height: 10px;
}

.ur-snackbar__slide-leave-active {
  transition: all 0.5s;
  width: auto;
  position: absolute;
}

.ur-snackbar__more-than-one-item .ur-snackbar__slide-leave-active:last-child {
  position: absolute;
}

.ur-snackbar__container-add .ur-snackbar__slide-move {
  transition-delay: 0ms;
}

.ur-snackbar__container-remove .ur-snackbar__slide-move {
  transition-delay: 500ms;
}

.ur-snackbar__slide-enter {
  transform: translateY(110%);
}

.ur-snackbar__slide-leave {
  opacity: 0;
  max-width: 700px;
  /*position:static;*/
}

.ur-snackbar__slide-leave-to {
  opacity: 0;
  max-width: 700px;
  /*position:static;*/
}

.ur-switch {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.ur-switch .ur-switch__circle {
  position: absolute;
  border-radius: 50%;
  transition: margin-left 0.3s, transform 0.3s;
  top: 2px;
  background-color: #ffffff;
}
.ur-switch .ur-switch__text {
  position: absolute;
  transition: margin-left 0.3s, transform 0.3s;
  color: #ffffff;
  word-break: normal;
}

.ur-switch--small {
  width: 32px;
  height: 16px;
  border-radius: 16px;
}
.ur-switch--small.ur-switch--labeled {
  width: 42px;
}
.ur-switch--small .ur-switch__circle {
  width: 12px;
  height: 12px;
}
.ur-switch--small .ur-switch__text {
  font-size: 10px;
  line-height: 16px;
}

.ur-switch--medium {
  width: 48px;
  height: 24px;
  border-radius: 24px;
}
.ur-switch--medium.ur-switch--labeled {
  width: 56px;
}
.ur-switch--medium .ur-switch__circle {
  width: 20px;
  height: 20px;
}
.ur-switch--medium .ur-switch__text {
  font-size: 12px;
  line-height: 24px;
}

.ur-switch--large {
  width: 64px;
  height: 32px;
  border-radius: 32px;
}
.ur-switch--large.ur-switch--labeled {
  width: 68px;
}
.ur-switch--large .ur-switch__circle {
  width: 28px;
  height: 28px;
}
.ur-switch--large .ur-switch__text {
  font-size: 14px;
  line-height: 32px;
}

.ur-switch-ide.ur-switch--small {
  border-radius: 8px;
}
.ur-switch-ide.ur-switch--small .ur-switch__circle {
  height: calc(100% - 2px);
  border-radius: 6px;
}

.ur-switch-ide.ur-switch--medium {
  border-radius: 12px;
}
.ur-switch-ide.ur-switch--medium .ur-switch__circle {
  height: calc(100% - 4px);
  border-radius: 10px;
}

.ur-switch-ide.ur-switch--large {
  border-radius: 18px;
}
.ur-switch-ide.ur-switch--large .ur-switch__circle {
  height: calc(100% - 6px);
  border-radius: 16px;
}

.ur-switch--on {
  background-color: #0aacbe;
}
.ur-switch--on .ur-switch__circle {
  margin-left: 100%;
  transform: translateX(-100%) translateX(-2px);
}
.ur-switch--on .ur-switch__text {
  margin-left: 0;
  transform: translateX(0%) translateX(8px);
}

.ur-switch--off {
  background-color: #767676;
}
.ur-switch--off .ur-switch__circle {
  margin-left: 0;
  transform: translateX(0%) translateX(2px);
}
.ur-switch--off .ur-switch__text {
  margin-left: 100%;
  transform: translateX(-100%) translateX(-8px);
}

.ur-switch--disabled.ur-switch--on {
  background-color: #9ddee5;
}

.ur-switch--disabled.ur-switch--off {
  background-color: #c8c8c8;
}

div.ur-page-table--no-title .ur-table__title {
  display: none;
}

div.ur-page-table--no-title .ur-table__title + .ur-table__action {
  position: static;
  text-align: right;
  display: block;
}

.ur-table {
  background: #ffffff;
  overflow-x: auto;
  position: relative;
  /* [OTHER COMP] */
  /* [TITLE] */
  /* [CONTROL] */
  /* [COUNTER] */
  /* [ACTION] */
}
.ur-table .ur-table__title {
  padding-left: 0px;
  height: 64px;
  display: flex;
  align-items: center;
}
.ur-table .ur-table__title__label {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.ur-table .ur-table__title__desc {
  flex: 1 1 auto;
  color: #767676;
  font-size: 14px;
  margin-left: 10px;
}
.ur-table .ur-table__title__action {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.ur-table .ur-table__control {
  padding-left: 0px;
  margin-left: 0;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ur-table .ur-table__control--reverse {
  flex-direction: row-reverse;
}
.ur-table .ur-table__control--no-page .ur-table__counter__total {
  line-height: 26px;
  border-right: none;
}
.ur-table .ur-table__counter {
  z-index: 1;
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.ur-table .ur-table__counter__total {
  height: 22px;
  line-height: 22px;
  padding-right: 8px;
}
.ur-table .ur-table__counter__per-page {
  width: auto;
}
.ur-table .ur-table__counter__per-page .ur-dropdown__title {
  font-size: 14px;
  border-color: rgba(0, 0, 0, 0);
}
.ur-table .ur-table__counter__per-page .ur-dropdown__item {
  font-size: 14px;
}
.ur-table .ur-table__counter__per-page .ur-dropdown__selected {
  width: auto;
}
.ur-table .ur-table__action {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 1 auto;
}
.ur-table .ur-table__action-selected {
  display: inline-block;
  font-size: 14px;
  color: #0aacbe;
  margin-right: 10px;
}
.ur-table .ur-table__action-selected:last-child {
  margin-right: 0px;
}
.ur-table .ur-table__extra-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ur-table .ur-table__area {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0px;
  table-layout: fixed;
  /* Table width 조정을 위한 필수 요소 */
}
.ur-table .ur-table__area .ur-table__header {
  flex: 0 0 auto;
  width: 100%;
}
.ur-table .ur-table__area .ur-table__header .ur-table__header-col {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.ur-table .ur-table__area .ur-table__header .ur-table__header-resize {
  position: absolute;
  right: 0;
  width: 15px;
  background-color: rgba(255, 255, 255, 0.01);
  border-right: 1px solid rgba(0, 0, 0, 0.0008);
  cursor: w-resize;
}
.ur-table .ur-table__area .ur-table__header .ur-table__header-resize:hover {
  background-color: #e7f7f9;
}
.ur-table .ur-table__area .ur-table__header .ur-table__resize-line {
  width: 1px;
  border: 1px dashed rgba(0, 0, 0, 0.003);
}
.ur-table .ur-table__area .ur-table__header .ur-table__header__resizer-td {
  padding: 0;
}
.ur-table .ur-table__area .ur-table__header tr.ur-table__header__row {
  min-height: 28px;
  width: 100%;
  color: #333333;
  font-size: 14px;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #a5a5a5;
}
.ur-table .ur-table__area .ur-table__header th {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
}
.ur-table .ur-table__area .ur-table__header th .ur-table__icon-sort {
  cursor: pointer;
  margin-left: 5px;
  color: #a5a5a5;
}
.ur-table .ur-table__area .ur-table__header th .ur-table__icon-sort--selected {
  color: #0aacbe;
}
.ur-table .ur-table__area .ur-table__header th .ur-table__icon-filter {
  color: #a5a5a5;
  cursor: pointer;
  font-size: 10px;
}
.ur-table .ur-table__area .ur-table__body {
  overflow-y: auto;
}
.ur-table .ur-table__area .ur-table__body tr {
  min-height: 40px;
  width: 100%;
  border-bottom: 1px solid #f7f7f7;
}
.ur-table .ur-table__area .ur-table__body tr:hover {
  background-color: #f2f2f2;
}
.ur-table .ur-table__area .ur-table__body tr.ur-table__sorted:hover {
  background-color: #f2f2f2;
}
.ur-table .ur-table__area .ur-table__body tr:last-child {
  border-bottom: 1px solid #cccccc;
}
.ur-table .ur-table__area .ur-table__body td {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  color: #333333;
}
.ur-table .ur-table__area .ur-table__body td a {
  color: #0aacbe;
}
.ur-table .ur-table__area .ur-table__body .ur-table__body__alert {
  text-align: center;
  height: 40px;
  background-color: rgba(231, 76, 60, 0.002);
}
.ur-table .ur-table__area .ur-table__body .ur-table__body__no-data {
  text-align: center;
  height: 40px;
}
.ur-table .ur-table__header-checker {
  padding-top: 5px;
}
.ur-table .ur-table__cell-checker {
  padding-top: 5px;
  text-align: center;
}
.ur-table .ur-table__cell--expand {
  background-color: #f7f7f7;
}
.ur-table .ur-table__expand-enter-active,
.ur-table .ur-table__expand-leave {
  height: 40px;
  opacity: 1;
  transition: all 0.3s;
}
.ur-table .ur-table__expand-enter,
.ur-table .ur-table__expand-leave-active {
  height: 0px;
  opacity: 0;
  transition: all 0.3s;
}
.ur-table .ur-table__selected {
  background-color: #e7f7f9;
}
.ur-table .ur-table__sorted {
  background-color: #e7f7f9;
}

.ur-search-box + .ur-table {
  margin-top: 20px;
}

.ur-table + .ur-pagination {
  margin-top: 18px;
}

.ur-table__hidden-icon {
  display: none !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ur-table__col__from-1280,
.ur-table__col__from-1600,
.ur-table__col__from-1920 {
  position: relative;
}

@media only screen and (max-width: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .ur-table__col__from-1600 {
    text-indent: -10000px;
    width: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .ur-table__col__from-1600 * {
    display: none !important;
  }
  .ur-table__col__from-1600 .ur-table__hidden-icon {
    display: inline-flex !important;
  }
  .ur-table__col__from-1600 .ur-table__hidden-icon * {
    display: block !important;
  }

  .ur-table__col__from-1920 {
    text-indent: -10000px;
    width: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .ur-table__col__from-1920 * {
    display: none !important;
  }
  .ur-table__col__from-1920 .ur-table__hidden-icon {
    display: inline-flex !important;
  }
  .ur-table__col__from-1920 .ur-table__hidden-icon * {
    display: block !important;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .ur-table__col__from-1920 {
    text-indent: -10000px;
    width: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .ur-table__col__from-1920 * {
    display: none !important;
  }
  .ur-table__col__from-1920 .ur-table__hidden-icon {
    display: inline-flex !important;
  }
  .ur-table__col__from-1920 .ur-table__hidden-icon * {
    display: block !important;
  }
}
/* [TEXTFIELD] Positioning */
.ur-text-field {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}

.ur-text-field--small {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input,
.ur-text-field__textarea {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}

.ur-text-field__textarea {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}

.ur-text-field.ur-text-field-ide .ur-text-field__input {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}

.ur-text-field--medium .ur-text-field__input {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.ur-text-field--large .ur-text-field__input {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}

.ur-text-field--small .ur-text-field__textarea {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}

.ur-text-field--medium .ur-text-field__textarea {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.ur-text-field--large .ur-text-field__textarea {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.ur-text-field--small .ur-text-field__icon-wrap {
  font-size: 12px;
}

.ur-text-field--medium .ur-text-field__icon-wrap {
  font-size: 14px;
}

.ur-text-field--large .ur-text-field__icon-wrap {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input,
.ur-text-field--underline .ur-text-field__textarea {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}

.ur-text-field--border .ur-text-field__input,
.ur-text-field--border .ur-text-field__textarea {
  border-radius: 0;
  border-width: 1px;
}

.ur-text-field--has-message.ur-validator--error .ur-text-field__input,
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea,
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input,
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ur-text-field__input,
.ur-text-field__textarea {
  border-color: #dbdbdb;
}
.ur-text-field__input:focus,
.ur-text-field__textarea:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-text-field__input[readonly],
.ur-text-field__textarea[readonly] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input:disabled,
.ur-text-field__textarea:disabled {
  background-color: #dbdbdb;
  color: #767676;
}

.ur-text-field__input::-moz-placeholder, .ur-text-field__textarea::-moz-placeholder {
  color: #959595;
}

.ur-text-field__input::placeholder,
.ur-text-field__textarea::placeholder {
  color: #959595;
}

:-ms-input-placeholder {
  color: #959595 !important;
}

::-ms-input-placeholder {
  color: #959595 !important;
}

.ur-text-field--small .ur-text-field__input--with-icon {
  padding-right: 28px;
}

.ur-text-field--medium .ur-text-field__input--with-icon {
  padding-right: 30px;
}

.ur-text-field--large .ur-text-field__input--with-icon {
  padding-right: 30px;
}

.ur-text-field--small .ur-text-field__input--with-two-icon {
  padding-right: 48px;
}

.ur-text-field--medium .ur-text-field__input--with-two-icon {
  padding-right: 52px;
}

.ur-text-field--large .ur-text-field__input--with-two-icon {
  padding-right: 52px;
}

.ur-text-filed__input--only-eng {
  ime-mode: disabled;
}

.ur-text-filed__input--mask-number {
  text-align: right;
}

.ur-text-field__icon-wrap {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}

.ur-text-field__icon-wrap-two-icon {
  right: 8px;
}

.ur-text-field--small .ur-text-field__icon-wrap {
  font-size: 12px;
}

.ur-text-field--medium .ur-text-field__icon-wrap {
  font-size: 14px;
}

.ur-text-field--large .ur-text-field__icon-wrap {
  font-size: 14px;
}

.ur-text-field__icon-wrap__icon {
  cursor: pointer;
}

.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon {
  margin-left: 8px;
}

.ur-text-field__input::-ms-clear,
.ur-text-field__input::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area {
  vertical-align: bottom;
}

.ur-text-field.ur-validator--valid .ur-text-field__input,
.ur-text-field.ur-validator--valid .ur-text-field__textarea {
  border-color: #4fce67;
}

.ur-text-field.ur-validator--error .ur-text-field__input,
.ur-text-field.ur-validator--error .ur-text-field__textarea {
  border-color: #ff5858;
}

.ur-text-field.ur-validator--shake > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-text-field.ur-text-field--readonly > input {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.ur-text-field.ur-text-field--disabled > input {
  pointer-events: none;
}

.ur-text-area.ur-text-field--readonly > textarea {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.ur-text-area.ur-text-field--disabled > textarea {
  pointer-events: none;
}

.ur-text-field.ur-text-field--disabled {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ur-text-field__message {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.ur-text-field__counter {
  position: relative;
  float: right;
}

.ur-validator--error .ur-text-field__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-validator--valid .ur-text-field__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-validator--error .ur-text-field__message--light {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}

.ur-validator--valid .ur-text-field__message--light {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}

.ur-time-picker {
  display: inline-flex;
  z-index: 200;
}

.ur-time-picker--medium {
  display: flex;
  justify-content: space-between;
  width: 296px;
  align-items: stretch;
  height: 32px;
  min-height: 32px;
}

.ur-time-picker--medium.ur-time-picker__second {
  display: flex;
  justify-content: space-between;
  width: 380px;
  align-items: stretch;
  height: 32px;
  min-height: 32px;
}

.ur-time-picker--medium.ur-time-picker__toggleMrdm {
  display: flex;
  justify-content: space-between;
  width: 250px;
  align-items: stretch;
  height: 32px;
  min-height: 32px;
}

.ur-time-picker--medium.ur-time-picker__second.ur-time-picker__toggleMrdm {
  display: flex;
  justify-content: space-between;
  width: 335px;
  align-items: stretch;
  height: 32px;
  min-height: 32px;
}

.ur-time-picker-time--medium {
  float: left;
  display: flex;
}

.ur-time-picker-ide .ur-dropdown--small {
  height: 100%;
}

.ur-time-picker-ide .ur-dropdown--medium {
  height: 100%;
}

.ur-time-picker-ide .ur-time-picker-time--medium {
  flex: 1 1 auto;
  display: flex;
}

.ur-time-picker-meridiem--medium {
  float: left;
  margin-left: 16px;
}

.ur-time-picker-ide .ur-time-picker-meridiem--small {
  flex: 0 0 auto;
}

.ur-time-picker-ide .ur-time-picker-meridiem--medium {
  flex: 0 0 auto;
}

.ur-time-picker-time--medium .ur-counter {
  flex: 1 1 auto;
}

.ur-time-picker-time--medium .ur-counter + .ur-counter {
  margin-left: 8px;
}

.ur-time-picker-time--medium .ur-counter.ur-counter--medium > input {
  width: 32px;
  height: 32px;
}

.ur-time-picker-time--medium > .ur-counter.ur-counter--medium > input {
  width: 34px;
}

.ur-time-picker-ide .ur-time-picker-time--medium .ur-counter.ur-counter--medium > input {
  width: 100%;
  height: 100%;
}

.ur-time-picker--small {
  width: 218px;
  height: 24px;
  min-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-time-picker--small.ur-time-picker__second {
  width: 282px;
  height: 24px;
  min-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-time-picker-time--small {
  float: left;
  display: flex;
}

.ur-time-picker-ide .ur-time-picker-time--small {
  flex: 1 1 auto;
  display: flex;
}

.ur-time-picker-meridiem--small {
  float: left;
  margin-left: 16px;
}

.ur-time-picker-time--small .ur-counter.ur-counter--small > input {
  width: 24px;
  height: 24px;
}

.ur-time-picker-time--small .ur-counter {
  flex: 1 1 auto;
}

.ur-time-picker-time--small .ur-counter + .ur-counter {
  margin-left: 8px;
}

.ur-time-picker-time--small > .ur-counter.ur-counter--small > input {
  width: 24px;
  padding: 0;
}

.ur-time-picker-ide .ur-time-picker-time--small .ur-counter.ur-counter--small > input {
  width: 100%;
  height: 100%;
}

.ur-time-picker-ide .ur-segment-button--small {
  height: 100%;
}

.ur-time-picker-ide .ur-segment-button--medium {
  height: 100%;
}

.ur-time-picker .ur-counter--small {
  width: 60px;
}
.ur-time-picker .ur-counter--medium {
  width: 80px;
}

.ur-time-picker-meridiem__toggleButton {
  background-color: #ffffff;
}

.notification-wrapper:last-child {
  margin-bottom: 40px;
}

/* @override vue-notification */
.vue-notification {
  padding: 20px 30px 20px 30px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.008);
  background: rgba(0, 0, 0, 0.0095);
  border-left: 7px solid transparent;
}
.vue-notification.warn {
  background: rgba(0, 0, 0, 0.0095);
  border-left-color: #f7a443;
}
.vue-notification.error {
  background: rgba(0, 0, 0, 0.0095);
  border-left-color: #ff5858;
}
.vue-notification.success {
  background: rgba(0, 0, 0, 0.0095);
  border-left-color: #4fce67;
}

.ur-tooltip-outer-invisible-container {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
}

.ur-tooltip-invisible-container {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 10000;
}

.ur-tooltip-anchor {
  position: absolute;
  z-index: 10000;
  width: 0;
  height: 0;
  overflow: visible;
}

.ur-tooltip-anchor::before {
  position: absolute;
  z-index: 10000;
  border-style: solid;
}

.ur-tooltip-anchor__arrow--left::before {
  content: "";
  width: 12px;
  height: 16px;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #333333;
  right: 0;
  top: -8px;
}

.ur-tooltip-anchor__arrow--right::before {
  content: "";
  width: 12px;
  height: 16px;
  border-width: 8px 12px 8px 0;
  border-color: transparent #333333 transparent transparent;
  left: 0;
  top: -8px;
}

.ur-tooltip-anchor__arrow--top::before {
  content: "";
  width: 16px;
  height: 12px;
  border-width: 12px 8px 0 8px;
  border-color: #333333 transparent transparent transparent;
  left: -8px;
  bottom: 0;
}

.ur-tooltip-anchor__arrow--bottom::before {
  content: "";
  width: 16px;
  height: 12px;
  border-width: 0 8px 12px 8px;
  border-color: transparent transparent #333333 transparent;
  left: -8px;
  top: 0;
}

.ur-tooltip-wrapper {
  position: absolute;
  z-index: 10000;
}

.ur-tooltip {
  position: relative;
  background-color: #333333;
  color: #ffffff;
  padding: 0 8px;
  font-size: 12px;
  font-style: normal;
  line-height: 32px;
  min-height: 32px;
  max-width: 368px;
  display: inline-block;
  word-wrap: break-word;
  white-space: nowrap;
}

.ur-tooltip--multiline {
  padding: 12px 16px;
  line-height: 24px;
}

.ur-tooltip--with-close {
  padding-right: 32px;
}

.ur-tooltip__close {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: 8px;
}

.ur-tree {
  border: 1px solid #dbdbdb;
  width: 300px;
  height: 100%;
  padding: 32px 0 32px 0;
}
.ur-tree__btn-group {
  padding: 0 24px 0 24px;
  position: relative;
  font-size: 0;
}
.ur-tree__divider {
  margin: 8px 24px 8px 24px;
  border: none;
  border-top: 1px solid #eaeaea;
  overflow: visible;
}

.ur-tree__contents {
  padding: 0 24px 0 24px;
  overflow: auto;
  height: calc(100% - 41px);
}

.ur-tree__filter {
  width: 100%;
  margin-bottom: 4px;
}

.ur-tree-node + .ur-tree-node {
  margin-top: 16px;
}

.ur-tree-node .ur-tree-node {
  margin-top: 0;
}

.ur-tree-node {
  position: relative;
  width: 100%;
}

.ur-tree-node__contents {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  position: relative;
  width: 100%;
  display: flex;
  height: 24px;
  font-size: 0;
  color: #333333;
}

.ur-tree-node__contents__toggle-button {
  height: 24px;
  width: 16px;
  flex: 0 0 auto;
}
.ur-tree-node__contents__toggle-button .ur-icon:hover {
  background-color: rgba(10, 172, 190, 0.2);
}

.ur-tree-node__contents__checkbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  flex: 0 0 auto;
}

.ur-tree-node__contents__checkbox--checked {
  color: #0aacbe;
}

.ur-tree-node__contents__label {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  padding: 0 4px;
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.ur-tree-node__contents__label .ur-tree-node__contents.ur-tree-node--drag-over {
  background-color: rgba(10, 172, 190, 0.4);
}

.ur-tree-node__contents__label--with-action-group {
  flex: 1 0 auto;
  max-width: calc(100% - 16px);
}

.ur-tree-node__contents__label--with-action-group:not(.ur-tree-node__contents__label--inline-edit):hover {
  padding-right: 40px;
}

.ur-tree-node__contents__label:not(.ur-tree-node__contents-label__label--inline-edit):hover {
  background-color: rgba(10, 172, 190, 0.2);
}

.ur-tree-node__contents--searched {
  color: #000000;
  font-weight: 700;
}

.ur-tree-node__contents--selected {
  color: #0aacbe;
  font-weight: 700;
}

.ur-tree-node__vertical-line {
  margin-left: 7px;
  padding-left: 12px;
  border-left: 1px solid #eaeaea;
  position: relative;
}

.ur-tree-node__contents__action-group {
  display: none;
  cursor: default;
}

.ur-tree-node__contents__label--with-action-group:not(.ur-tree-node__contents__label--inline-edit):hover .ur-tree-node__contents__action-group {
  display: block;
  color: #333333;
  position: absolute;
  top: 0;
  right: 0;
}

.ur-tree-node__contents__action-icon {
  margin-right: 4px;
  height: 24px;
}

.ur-tree-node__contents__action-icon .ur-icon {
  cursor: pointer;
}

.ur-tree-node__header {
  height: 4px;
  width: 100%;
}

.ur-tree-node__header.ur-tree-node--drag-over {
  background: rgba(10, 172, 190, 0.4);
}

.ur-tree-node__footer {
  height: 4px;
  width: 100%;
}

.ur-tree-node__footer.ur-tree-node--drag-over {
  background: rgba(10, 172, 190, 0.4);
}

.ur-form-item__element {
  overflow: hidden;
}

.ur-form-item__element .ur-form-item__compo {
  overflow: hidden;
}

.ur-form-item__element .ur-form-item__compo .ur-text-field {
  width: 100%;
}

.ur-form-item__element.ur-form-item--no-height .ur-form-item__compo {
  padding-bottom: 16px;
}

.ur-form-item__element.ur-form-item--block {
  padding: 8px 8px;
}

.ur-form-item__element.ur-form-item--block .ur-form-item__compo {
  align-items: start;
  padding: 8px 0px 20px;
  height: initial;
}

.ur-form-item__element.ur-form-item--block.ur-form-item--no-height .ur-form-item__compo {
  height: initial;
  padding-bottom: 16px;
}

@keyframes loading {
  0% {
    stroke-dasharray: 0 1357.1712;
    stroke-dashoffset: 339.2928;
    stroke: #0aacbe;
  }
  25% {
    stroke-dasharray: 1357.1712 0;
    stroke-dashoffset: 339.2928;
    stroke: #0aacbe;
  }
  50% {
    stroke-dasharray: 0 1357.1712;
    stroke-dashoffset: -1017.8784;
    stroke: #0aacbe;
  }
  50.1% {
    stroke-dasharray: 0 1357.1712;
    stroke-dashoffset: 339.2928;
    stroke: #eb702d;
  }
  75% {
    stroke-dasharray: 1357.1712 0;
    stroke-dashoffset: 339.2928;
    stroke: #eb702d;
  }
  100% {
    stroke-dasharray: 0 1357.1712;
    stroke-dashoffset: -1017.8784;
    stroke: #eb702d;
  }
}
@keyframes msLoading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ur-data-grid__edit__calendar {
  width: 284px;
  z-index: 5200;
  position: absolute;
  padding: 32px;
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__edit__calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.ur-data-grid__edit__calendar__header > .ur-icon-button {
  width: 28px;
  height: 28px;
  transform: rotate(90deg);
}

.ur-data-grid__edit__calendar__header > .ur-icon-button:hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__header > .ur-icon-button:active {
  color: #333333;
  background-color: #eaeaea;
}

.ur-data-grid__edit__calendar__header__jump-label {
  cursor: pointer;
  font-weight: bold;
}

.ur-data-grid__edit__calendar__header__jump-label:hover {
  color: #0aacbe;
}

.ur-data-grid__edit__calendar__header__jump-label:active {
  color: #0aacbe;
}

.ur-data-grid__edit__calendar__container--year,
.ur-data-grid__edit__calendar__container--month {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ur-data-grid__edit__calendar__container--year {
  padding: 0 14px;
}

.ur-data-grid__edit__calendar__date-wrapper {
  margin-bottom: 16px;
}

.ur-data-grid__edit__calendar__row {
  position: relative;
  height: 28px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-data-grid__edit__calendar__row-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ur-data-grid__edit__calendar__row__background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: stretch;
}

.ur-data-grid__edit__calendar__row__background > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-data-grid__edit__calendar__row__background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}

.ur-data-grid__edit__calendar__row__background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e7f7f9;
}

.ur-data-grid__edit__calendar__row__background .select-between {
  background-color: #e7f7f9;
}

.ur-data-grid__edit__calendar__row__background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__row__background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__row__background .hover-between {
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__week-label,
.ur-data-grid__edit__calendar__cell {
  width: 28px;
  height: 28px;
  color: #5a5a5a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
}

.ur-data-grid__edit__calendar__cell {
  cursor: pointer;
}

.ur-data-grid__edit__calendar__cell--month,
.ur-data-grid__edit__calendar__cell--year {
  width: 48px;
  height: 48px;
  font-size: 18px;
  margin-bottom: 10px;
}

.ur-data-grid__edit__calendar__cell--today {
  color: #0aacbe;
  text-decoration: underline;
}

.ur-data-grid__edit__calendar__cell--sunday {
  color: #e74c3c;
}

.ur-data-grid__edit__calendar__cell--saturday {
  color: #2e86c1;
}

.ur-data-grid__edit__calendar__cell--other-month {
  color: #cccccc;
}

.ur-data-grid__edit__calendar__cell--disabled {
  color: #cccccc;
  pointer-events: none;
}

.ur-data-grid__edit__calendar__cell--invisible {
  color: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0) !important;
  pointer-events: none;
}

.ur-data-grid__edit__calendar__cell--selected {
  color: #ffffff;
  background-color: #0aacbe;
}

.ur-data-grid__edit__calendar__cell:hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__cell--selected:hover {
  color: #ffffff;
  background-color: #3bbdcb;
}

.ur-data-grid__edit__dropdown__items {
  min-width: 100px;
  position: absolute;
  overflow-y: auto;
  background-color: #ffffff;
  border: 1px solid #959595;
  z-index: 5100;
  max-height: 200px;
  padding: 8px 1px;
  margin-left: 0px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ur-data-grid__edit__dropdown__item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 12px;
  line-height: 16px;
  background-color: #ffffff;
  font-size: 14px;
  max-width: 300px;
  min-height: 32px;
}

.ur-data-grid__edit__dropdown__item:hover {
  background-color: #e7f7f9;
}

.ur-data-grid__edit__dropdown__item-label--selected {
  color: #0aacbe;
  font-weight: 700;
}

.ur-data-grid__noti-wrapper {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap-reverse;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  width: 1px;
}

.ur-data-grid__noti-item {
  position: relative;
  color: #5a5a5a;
  width: 450px;
  padding: 16px;
  line-height: 18px;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  margin: 5px 8px;
}

.ur-data-grid__noti-item__message {
  padding-right: 16px;
  word-break: break-all;
}

.ur-data-grid__noti-item__message::first-letter {
  text-transform: uppercase;
}

.ur-data-grid__noti-item--blur {
  opacity: 0;
  transition: opacity 2s;
}

.ur-data-grid__noti-item__hourglass {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #a5a5a5;
  animation-duration: 7s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.2, 0.6, 1);
}

@keyframes collapse-hourglass {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.ur-data-grid__noti-item--log {
  border-color: #a5a5a5;
  background: #f7f7f7;
}

.ur-data-grid__noti-item--warn {
  border-color: #f39c12;
  background: #fef5e7;
}

.ur-data-grid__noti-item--info {
  border-color: #2e86c1;
  background: #eaf3f9;
}

.ur-data-grid__noti-item--pass {
  border-color: #28b463;
  background: #eaf8ef;
}

.ur-data-grid__noti-item--err {
  border-color: #e74c3c;
  background: #fdedec;
}

.ur-data-grid__noti-item--log .ur-data-grid__noti-item__hourglass {
  background: #a5a5a5;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--info .ur-data-grid__noti-item__hourglass {
  background: #2e86c1;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--pass .ur-data-grid__noti-item__hourglass {
  background: #28b463;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--warn .ur-data-grid__noti-item__hourglass {
  background: #f39c12;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--err .ur-data-grid__noti-item__hourglass {
  background: #e74c3c;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--warn .ur-data-grid__noti-icon:hover {
  color: #f39c12;
}

.ur-data-grid__noti-item--info .ur-data-grid__noti-icon:hover {
  color: #2e86c1;
}

.ur-data-grid__noti-item--pass .ur-data-grid__noti-icon:hover {
  color: #28b463;
}

.ur-data-grid__noti-item--err .ur-data-grid__noti-icon:hover {
  color: #e74c3c;
}

.ur-data-grid__noti-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  cursor: pointer;
}

.ur-data-grid__noti-icon:hover {
  color: #0aacbe;
}

.ur-data-grid__noti-icon--info {
  margin-right: 8px;
  color: #2e86c1;
}

.ur-data-grid__noti-icon--warn {
  margin-right: 8px;
  color: #f39c12;
}

.ur-data-grid__noti-icon--err {
  margin-right: 8px;
  color: #e74c3c;
}

.ur-data-grid__table__blocker {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-data-grid__table__blocker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.1);
}

.ur-data-grid__table__blocker__circle {
  width: 100px;
  -ms-animation-duration: 2s;
  -ms-animation-name: msLoading;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
}

.ur-data-grid__table__blocker__circle--bg,
.ur-data-grid__table__blocker__circle--fr {
  stroke-width: 24;
}

.ur-data-grid__table__blocker__circle--bg {
  stroke: rgba(255, 255, 255, 0.3);
}

.ur-data-grid__table__blocker__circle--fr {
  animation-duration: 8s;
  animation-name: loading;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  stroke: #0aacbe;
  stroke-dasharray: 1100px;
}

.ur-data-grid__context {
  position: absolute;
  background: #fff;
  box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  padding: 5px 0;
  border-radius: 3px;
  z-index: 7;
}

.ur-data-grid__context__item {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  padding: 0 10px;
  display: flex;
  min-width: 200px;
}

.ur-data-grid__context__item .ur-icon {
  font-size: 20px;
  margin-right: 15px;
}

.ur-data_grid__context__item__text {
  margin-left: 35px;
}

.ur-icon + .ur-data_grid__context__item__text {
  margin-left: 0;
}

.ur-data-grid__context__item:hover {
  color: #0aacbe;
}

.ur-data-grid__context__separator {
  height: 1px;
  margin: 2px 0;
  background: #ccc;
}

.ur-data-grid__context--no-icon .ur-icon {
  display: none;
}

.ur-data-grid__context--no-icon .ur-data_grid__context__item__text {
  margin-left: 0px;
}

.ur-data-grid__header__context .ur-data-grid__context__item {
  padding: 0;
}
.ur-data-grid__header__context .ur-data-grid__context__item .ur-icon {
  margin-right: 10px;
}
.ur-data-grid__header__context .ur-data_grid__context__item__text {
  margin-left: 30px;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ur-data-grid__header__context .ur-icon + .ur-data_grid__context__item__text {
  margin-left: 0;
}

.ur-data-grid__table__bordered .ur-data-grid__header,
.ur-data-grid__table__bordered .ur-data-grid__header__cell {
  background-color: #f7f7f7;
}
.ur-data-grid__table__bordered .ur-data-grid__header__cell + .ur-data-grid__header__cell {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header {
  border-left: 1px solid #767676;
  border-right: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header__wrapper {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header__wrapper:first-child {
  border-left: none;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell {
  border-bottom: 1px solid #767676;
  background: #ffffff;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell--hided {
  border-bottom: 1px solid #fff;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell__value {
  border-bottom: none;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell .ur-data-grid__content__cell {
  border-bottom: none;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell + .ur-data-grid__content__cell {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell.ur-data-grid__checkbox__align + .ur-data-grid__content__checkbox_border {
  height: 100%;
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__row {
  border-bottom: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__group-row {
  border-bottom: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__scroll-wrapper {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__scroll-wrapper:first-child {
  border-left: none;
}
.ur-data-grid__table__bordered .ur-data-grid__content {
  border-left: 1px solid #767676;
  border-right: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #767676;
  z-index: 2;
}
.ur-data-grid__table__bordered .ur-data-grid__content__accordion-vert {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header__resize-anchor::before {
  background: transparent;
}
.ur-data-grid__table__bordered .ur-data-grid__header__wrapper,
.ur-data-grid__table__bordered .ur-data-grid__header__freeze-wrapper {
  border-top: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header__cell--colspan {
  border-bottom: 1px solid #767676;
}

@keyframes blink-border {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ur-data-grid__info-row {
  height: 36px;
  position: relative;
  z-index: 30;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-data-grid__info-area,
.ur-data-grid__action-area {
  display: flex;
  align-items: center;
}

.ur-data-grid__info__left {
  position: relative;
  z-index: 1;
}

.ur-data-grid__info__center {
  flex: 1 1 0;
}

.ur-data-grid__info__right {
  position: relative;
  z-index: 1;
}

.ur-data-grid__action-row {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-data-grid__info-item {
  position: relative;
}

.ur-data-grid__info-item + .ur-data-grid__info-item {
  margin-left: 16px;
}
.ur-data-grid__info-item + .ur-data-grid__info-item::before {
  content: "";
  position: absolute;
  left: -8px;
  height: 16px;
  width: 1px;
  background: #a5a5a5;
  top: calc(50% - 8px);
}
.ur-data-grid__info-item + .ur-data-grid__info-item.ur-data-grid__action__selected-cnt {
  margin-left: 10px;
}
.ur-data-grid__info-item + .ur-data-grid__info-item.ur-data-grid__action__selected-cnt::before {
  content: none;
}
.ur-data-grid__action__selected-cnt {
  color: #0aacbe;
  display: flex;
  align-items: center;
}

.ur-data-grid__action__selected-cnt > .ur-icon {
  margin-right: 16px;
}

.ur-data-grid__action__button-area {
  display: flex;
  align-items: center;
}

.ur-data-grid__info__per-page + .ur-data-grid__action__selected-cnt,
.ur-data-grid__info__total + .ur-data-grid__action__selected-cnt {
  margin-left: 10px;
}
.ur-data-grid__info__per-page + .ur-data-grid__action__selected-cnt > .ur-icon,
.ur-data-grid__info__total + .ur-data-grid__action__selected-cnt > .ur-icon {
  margin-right: 6px;
}

.ur-data-grid__info__divider {
  display: inline-block;
  height: 9px;
  width: 1px;
  background: #a5a5a5;
  margin: 0 9px;
}

.ur-data-grid__info__per-page.ur-dropdown {
  width: 120px;
  height: 26px;
}

.ur-data-grid__info__per-page.ur-dropdown .ur-dropdown__title {
  padding: 0;
  padding-right: 20px;
  border: none;
  background-color: transparent;
}

.ur-data-grid__info__per-page.ur-dropdown .ur-dropdown__selected {
  width: 100%;
}

.ur-data-grid__info__per-page.ur-dropdown .ur-dropdown__title-icon {
  margin-left: 0;
}

.ur-data-grid__info__per-page.ur-dropdown .ur-dropdown__items {
  width: 110px;
}

.ur-data-grid__summary {
  background: #f7f7f7;
  /*시부렁 얘는 왜 f6이야.. -ㄴ-*/
}

.ur-data-grid__table {
  position: relative;
  background: #ffffff;
  margin: 8px 0 24px 0;
  outline: none;
}

.ur-data-grid__resize-guide {
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 2px dotted rgba(0, 0, 0, 0.3);
  z-index: 3;
}

.ur-data-grid__clipboard-holder {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  resize: none;
}

.ur-data-grid__header {
  position: relative;
  width: 100%;
  font-size: 14px;
  z-index: 6;
}

.ur-data-grid__header__wrapper {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.ur-data-grid__header__wrapper__position-adjust {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  min-width: 100%;
}

.ur-data-grid__header__freeze-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  overflow: hidden;
}

.ur-data-grid__header__freeze-wrapper[data-scroll="0"] {
  box-shadow: 8px 3px 8px -5px rgba(0, 0, 0, 0.2);
}

.ur-data-grid__header__wrapper,
.ur-data-grid__header__freeze-wrapper {
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #a5a5a5;
}

.ur-data-grid__header__cell {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  position: relative;
  font-weight: 500;
}

.ur-data-grid__header__cell--pseudo {
  z-index: -1;
}

.ur-data-grid__header__cell--pseudo .ur-data-grid__header__cell__title__text {
  display: none;
}

.ur-data-grid__header__cell__title {
  width: calc(100% - 10px);
  margin: 0 5px;
  height: 100%;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__cell__title__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ur-data-grid__header__cell__title__text--required::after {
  content: "*";
  /*∗*/
  color: #d5383a;
  margin-left: 1px;
}

.ur-data-grid__header__cell--number .ur-data-grid__header__cell__title {
  justify-content: flex-end;
}

.ur-data-grid__header__cell--checkbox .ur-data-grid__header__cell__title {
  justify-content: center;
}

.ur-data-grid__header__cell--actionable {
  cursor: pointer;
}

.ur-data-grid__header__cell--actionable:hover {
  background: #e7f7f9;
}

.ur-data-grid__header__cell__header-icon-wrapper {
  position: relative;
  flex: 0 0 auto;
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #a5a5a5;
}

.ur-data-grid__header__cell__header-icon--active {
  color: #0aacbe;
}

.ur-data-grid__header__cell__sort-icon {
  position: absolute;
  top: 2px;
  left: 1px;
  font-size: 20px;
}

.ur-data-grid__header__cell__filter-icon {
  position: absolute;
  top: 5px;
  left: 4px;
  font-size: 13px;
}

.ur-data-grid__header__cell__context-icon {
  position: absolute;
  top: 5px;
  left: 4px;
  font-size: 13px;
}

.ur-data-grid__header__cell__header-icon--both .ur-data-grid__header__cell__sort-icon {
  top: 7px;
  left: 8px;
  font-size: 15px;
}

.ur-data-grid__header__cell__header-icon--both .ur-data-grid__header__cell__filter-icon {
  top: 3px;
  left: 1px;
  font-size: 12px;
}

.ur-data-grid__header__resize-anchor {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1px;
  width: 10px;
  cursor: col-resize;
}

.ur-data-grid__header__resize-anchor::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  bottom: 0;
  width: 4px;
}

.ur-data-grid__header__resize-anchor:hover::after {
  background: rgba(0, 0, 0, 0.1);
}

.ur-data-grid__header__resize-anchor::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 0;
  width: 1px;
  background: #a5a5a5;
}

.ur-data-grid__header__resize-anchor:hover + .ur-data-grid__header__cell__title {
  color: #0aacbe;
  text-shadow: 2px 2px 4px #9ddee5;
}

.ur-data-grid__header__context {
  position: absolute;
  z-index: 5000;
  top: calc(100% + 1px);
  background: #ffffff;
  padding: 10px 13px;
  min-width: 100px;
  border: 1px solid #959595;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__header__context__sort-row,
.ur-data-grid__header__context__sort-row .label {
  cursor: pointer;
}

.ur-data-grid__header__context__sort-row:hover > .ur-icon,
.ur-data-grid__header__context__sort-row:hover > label {
  color: #0aacbe;
}

.ur-data-grid__header__context__sort-row {
  height: 32px;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__context__sort-row > .ur-icon {
  margin-right: 8px;
  font-size: 16px;
  color: #959595;
}

.ur-data-grid__header__context__sort-row > .ur-icon--primary {
  color: #0aacbe;
}

.ur-data-grid__header__context__filter {
  margin: 8px 0;
}

.ur-data-grid__header__context__filter-row {
  height: 32px;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__context__filter-row .ur-checkbox {
  flex: none;
  margin-right: 8px;
}

.ur-data-grid__header__context__filter-row:hover,
.ur-data-grid__header__context__filter-row:hover .ur-checkbox__label {
  color: #0aacbe;
}

.ur-data-grid__header__context__filter-row .ur-data-grid__header__context__filter-row__divider {
  margin: 0 8px;
}

.ur-data-grid__header__context__filter-wrapper {
  overflow: auto;
  max-width: 350px;
}

.ur-data-grid__header__context__custom {
  margin: 5px 0;
}

.ur-data-grid__header__context__action-row {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}

.ur-data-grid__header__context__filter-row .ur-data-grid__edit__text-field {
  width: 200px;
}

.ur-data-grid__header__context__filter-row .ur-checkbox .ur-checkbox__label {
  font-size: 14px;
}

.ur-data-grid__header__context__filter-row__num-single .ur-data-grid__edit__stepper {
  width: 180px;
}

.ur-data-grid__header__context__filter-row--single-date .ur-data-grid__edit__date-picker {
  width: 180px;
}

.ur-data-grid__header__context__filter-row--ranged-num .ur-data-grid__edit__stepper {
  width: 100px;
}

.ur-data-grid__header__context__filter-row--ranged-date .ur-data-grid__edit__date-picker {
  width: 150px;
}

.ur-data-grid__content {
  position: relative;
  background-color: #ffffff;
  /* min-height:220px; */
}

.ur-data-grid__content__row.ur-data-grid__content--empty__row {
  height: 100%;
  font-size: 24px;
  color: #cccccc;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-data-grid__content__freeze-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  background: #ffffff;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}

.ur-data-grid__content__scroll-wrapper {
  overflow: hidden;
  height: 100%;
  background-color: #ffffff;
}

.ur-data-grid__content__freeze-wrapper[data-scroll="0"] {
  box-shadow: 8px -3px 8px -5px rgba(0, 0, 0, 0.2);
}

.ur-data-grid__content__tooltip-anchor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

.ur-data-grid__content__freeze-tooltip-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.ur-data-grid__content__scroll-tooltip-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.ur-data-grid__content__freeze-tooltip-scroller,
.ur-data-grid__content__scroll-tooltip-scroller {
  position: relative;
}

.ur-data-grid__content__select-wrapper {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}

.ur-data-grid__content__select-holder {
  position: relative;
}

.ur-data-grid__content__select-guide {
  position: absolute;
  z-index: 2;
  display: none;
  border: 2px solid rgba(10, 172, 190, 0.9);
}

.ur-data-grid__content__select-guide--animation {
  transition: 0.1s all;
}

.ur-data-grid__content__select-guide--on-copy {
  border-style: dashed;
  animation-duration: 1.2s;
  animation-name: blink-border;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.ur-data-grid__content__error-guide {
  position: absolute;
  z-index: 3;
  border: 2px solid #ff5858;
  cursor: pointer;
  /*pointer-events: all;*/
}

/*.ur-data-grid__content__error-guide::after {
    content:'';position:absolute;top:-6px;right:-6px;width:9px;height:9px;
    border:2px solid white;background:$ur__color--status--error;cursor: pointer;
    pointer-events: all;
}*/
.ur-data-grid__content__select-highlight-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}

.ur-data-grid__content__select-highlight {
  position: absolute;
  display: none;
  box-shadow: 0 0 0 999999px rgba(10, 172, 190, 0.1);
  background: transparent;
  pointer-events: none;
}

.ur-data-grid__pseudo-scroll--no-ctrl {
  pointer-events: none;
}

.ur-data-grid__pseudo-scroll {
  position: absolute;
  z-index: 4;
  overflow: hidden;
}

.ur-data-grid__pseudo-scroll:hover {
  background: #ffffff;
}

.ur-data-grid__pseudo-scroll__button {
  background: rgba(0, 0, 0, 0.05);
  position: relative;
}

.ur-data-grid__pseudo-scroll__button:hover {
  background: #d2d2d2;
}

.ur-data-grid__pseudo-scroll__track {
  position: relative;
  background: rgba(0, 0, 0, 0.05);
}

.ur-data-grid__pseudo-scroll__thumb {
  position: relative;
  background: rgba(168, 168, 168, 0.3);
}

.ur-data-grid__pseudo-scroll__thumb:hover {
  background: #a8a8a8;
}

.ur-data-grid__pseudo-scroll__thumb:active {
  background: #787878;
}

/*cursor:grabbing;/*not for IE*/
.ur-data-grid__pseudo-scroll--vertical {
  top: 0;
  bottom: 0;
  right: 0;
  width: 17px;
  display: flex;
  flex-direction: column;
}
.ur-data-grid__pseudo-scroll--vertical .ur-data-grid__pseudo-scroll__button {
  flex: 0 0 17px;
}
.ur-data-grid__pseudo-scroll--vertical .ur-data-grid__pseudo-scroll__track {
  flex: 1 1 0px;
}
.ur-data-grid__pseudo-scroll--vertical .ur-data-grid__pseudo-scroll__thumb {
  height: 100px;
  top: 0;
  left: 2px;
  width: 13px;
}

.ur-data-grid__pseudo-scroll--horizontal {
  left: 0;
  right: 0;
  bottom: 0;
  height: 17px;
  display: flex;
}
.ur-data-grid__pseudo-scroll--horizontal .ur-data-grid__pseudo-scroll__button {
  flex: 0 0 17px;
  transform: rotate(-90deg);
}
.ur-data-grid__pseudo-scroll--horizontal .ur-data-grid__pseudo-scroll__track {
  flex: 1 1 0px;
}
.ur-data-grid__pseudo-scroll--horizontal .ur-data-grid__pseudo-scroll__thumb {
  width: 100px;
  left: 0;
  top: 2px;
  height: 13px;
}

.ur-data-grid__pseudo-scroll__button::before {
  content: "";
  position: absolute;
  left: 8px;
  width: 1px;
  height: 1px;
  background: #515151;
}
.ur-data-grid__pseudo-scroll__button .ur-data-grid__pseudo-scroll__button-icon {
  position: absolute;
  top: 9px;
  left: 6px;
  width: 5px;
  height: 1px;
  background: #515151;
}
.ur-data-grid__pseudo-scroll__button .ur-data-grid__pseudo-scroll__button-icon::before {
  content: "";
  position: absolute;
  left: 1px;
  width: 3px;
  height: 1px;
  background: #515151;
}
.ur-data-grid__pseudo-scroll__button .ur-data-grid__pseudo-scroll__button-icon::after {
  content: "";
  position: absolute;
  left: -1px;
  width: 7px;
  height: 1px;
  background: #515151;
}

.ur-data-grid__pseudo-scroll__button-top::before {
  top: 7px;
}
.ur-data-grid__pseudo-scroll__button-top .ur-data-grid__pseudo-scroll__button-icon::before {
  top: -1px;
}
.ur-data-grid__pseudo-scroll__button-top .ur-data-grid__pseudo-scroll__button-icon::after {
  bottom: -1px;
}

.ur-data-grid__pseudo-scroll__button-bot::before {
  top: 11px;
}
.ur-data-grid__pseudo-scroll__button-bot .ur-data-grid__pseudo-scroll__button-icon::before {
  top: 1px;
}
.ur-data-grid__pseudo-scroll__button-bot .ur-data-grid__pseudo-scroll__button-icon::after {
  bottom: 1px;
}

.ur-data-grid__pseudo-scroll__resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: -1;
}

.ur-data-grid__pseudo-scroll__resizer__child-expand {
  position: absolute;
  left: 0;
  top: 0;
  width: 1533917px;
  height: 1533917px;
}

.ur-data-grid__pseudo-scroll__resizer__child-shrink {
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 200%;
}

.ur-data-grid__content__row {
  font-size: 14px;
  color: #333333;
  display: flex;
  min-width: 100%;
  border-bottom: 1px solid #f7f7f7;
}

.ur-data-grid__content__row--hover,
.ur-data-grid__content__row--hover .ur-data-grid__content__cell {
  background-color: #f2f2f2;
}

.ur-data-grid__content__row--focused,
.ur-data-grid__content__row--focused .ur-data-grid__content__cell {
  background-color: #e6e6e6;
}

.ur-data-grid__content__row--selected,
.ur-data-grid__content__row--selected .ur-data-grid__content__cell {
  background-color: #e7f7f9;
}

.ur-data-grid__content__row--focused.ur-data-grid__content__row--selected,
.ur-data-grid__content__row--focused.ur-data-grid__content__row--selected .ur-data-grid__content__cell {
  background-color: #ceeef2;
}

.ur-data-grid__content__row--active,
.ur-data-grid__content__row--active .ur-data-grid__content__cell {
  background: #f9fcef;
}

.ur-data-grid__content__row--focused.ur-data-grid__content__row--selected.ur-data-grid__content__row--active,
.ur-data-grid__content__row--focused.ur-data-grid__content__row--selected.ur-data-grid__content__row--active .ur-data-grid__content__cell {
  background-color: #f9fcef;
}

.ur-data-grid__content__row--dirty--updated {
  color: #f7a443;
}

.ur-data-grid__content__row--dirty--created {
  color: #4fce67;
}

.ur-data-grid__content__freeze-row {
  border-bottom: 1px solid #f7f7f7;
  display: flex;
}

.ur-data-grid__content__cell {
  border-bottom: 1px solid #f7f7f7;
  position: relative;
  display: flex;
  align-items: center;
}

.ur-data-grid__content__cell--editable {
  /* background:linear-gradient(225deg, rgba(43, 133, 187, 0.2), transparent 10px); */
}

.ur-data-grid__content__cell--cell-mode {
  cursor: cell;
}

.ur-data-grid__content__cell__value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  /* width:100%; */
  /* height:100%; */
  max-height: 100%;
  width: calc(100% - 1px);
  margin-left: 5px;
  margin-right: 5px;
}

.overflow-cell .ur-data-grid__content__cell__value {
  white-space: normal;
  word-break: normal;
  overflow-y: auto;
}
.overflow-cell .ur-data-grid__content__cell__value::-webkit-scrollbar {
  width: 6px;
}
.overflow-cell .ur-data-grid__content__cell__value::-webkit-scrollbar-thumb {
  background-color: #959595;
  border-radius: 10px;
}
.overflow-cell .ur-data-grid__content__cell__value::-webkit-scrollbar-track {
  background-color: #dbdbdb;
  border-radius: 10px;
}

.ur-data-grid__content__cell--number .ur-data-grid__content__cell__value {
  text-align: right;
  justify-content: flex-end;
}

.ur-data-grid__content__cell--checkbox {
  display: flex;
  justify-content: center;
  text-align: center;
}

.ur-data-grid__content__cell--checkbox .ur-data-grid__content__cell__value {
  height: 100%;
  display: flex;
  justify-content: center;
}

.ur-data-grid__content__cell--clickable .ur-data-grid__content__cell__value {
  cursor: pointer;
}

.ur-data-grid__content__cell--merged {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}

.ur-data-grid__content__cell--error .ur-data-grid__content__cell__value {
  color: #ff5858;
}

.ur-data-grid__content__cell--left .ur-data-grid__content__cell__value {
  text-align: left;
  justify-content: flex-start;
}

.ur-data-grid__content__cell--right .ur-data-grid__content__cell__value {
  text-align: right;
  justify-content: flex-end;
}

.ur-data-grid__content__cell--center .ur-data-grid__content__cell__value {
  text-align: center;
  justify-content: center;
}

.ur-data-grid__edit__element {
  position: relative;
  width: calc(100% - 4px);
  height: 100%;
}

.ur-data-grid__edit__element .ur-data-grid__edit__element {
  margin: 0;
}

.ur-data-grid__edit__element__input {
  height: 100%;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  color: #333333;
  outline: none;
}

.ur-data-grid__edit__element__input::-ms-clear {
  display: none;
}

.ur-data-grid__content__cell > .ur-data-grid__edit__element {
  padding: 8px 2px;
}

.ur-data-grid__edit__stepper {
  display: flex;
  align-items: stretch;
  position: relative;
}

.ur-data-grid__edit__stepper__input {
  text-align: right;
}

.ur-data-grid__edit__stepper__button + .ur-data-grid__edit__stepper__input {
  padding: 0 40px;
}

.ur-data-grid__edit__stepper__button {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 32px;
  border: none;
}

.ur-data-grid__edit__stepper__button.ur-button--border {
  border-color: #dbdbdb;
  height: calc(32px - 2px);
}

.ur-data-grid__edit__stepper__button--minus {
  left: 1px;
  border-right: 1px solid #dbdbdb;
}

.ur-data-grid__edit__stepper__button--plus {
  right: 1px;
  border-left: 1px solid #dbdbdb;
}

.ur-data-grid__edit__stepper .ur-counter__updown-wrapper {
  flex: 0 0 16px;
}
.ur-data-grid__edit__stepper .ur-counter__updown-upper:before {
  border-width: 0 5px 6px 5px;
  border-color: #959595 transparent;
}
.ur-data-grid__edit__stepper .ur-counter__updown-lower:before {
  border-width: 6px 5px 0 5px;
  border-color: #959595 transparent;
}

.ur-data-grid__edit__date-picker {
  position: relative;
  display: flex;
}

.ur-data-grid__edit__date-picker__icon {
  margin-left: -32px;
  height: auto;
}

.ur-icon-button.ur-data-grid__edit__date-picker__icon {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #dbdbdb;
  border-right-color: transparent;
}

.ur-data-grid__edit__element__input:focus + .ur-data-grid__edit__date-picker__icon {
  border-color: #0aacbe;
}

.ur-data-grid__edit__mask-field {
  position: relative;
}

.ur-data-grid__edit__mask-field > input {
  font-family: "#Noto Mono", "d2coding", "consolas";
  font-size: 14px;
}

.ur-data-grid__edit__mask-field__placeholder {
  position: absolute;
}

.ur-data-grid__edit__mask-field__input {
  position: relative;
  color: #5a5a5a;
}

.ur-data-grid__edit__dropdown {
  position: relative;
}

.ur-data-grid__edit__dropdown__title {
  height: 100%;
  padding: 0;
  display: flex;
  cursor: default;
}

.ur-data-grid__edit__dropdown__title--active {
  border-color: #0aacbe;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__edit__dropdown__title__input {
  padding: 0 26px 0 8px;
  width: 100%;
}

.ur-data-grid__edit__dropdown__title__caret {
  font-size: 10px;
  width: 26px;
  margin-left: -26px;
  height: auto;
  transition: transform 0.3s;
  cursor: pointer;
  transform: rotate(360deg);
}

.ur-data-grid__edit__dropdown__title__caret--expand {
  transform: rotate(180deg);
}

.ur-data-grid__edit__checkbox {
  display: flex;
  align-items: center;
}

.ur-data-grid__edit__checkbox__icon {
  height: 14px;
  cursor: pointer;
  outline: none;
  background: #fff;
}

.ur-data-grid__edit__checkbox__icon:focus {
  border-color: #0aacbe;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__edit__checkbox--checked {
  color: #0aacbe;
}

.ur-data-grid__header__context__filter-row .ur-data-grid__edit__element__input:focus {
  border-color: #0aacbe;
  background: #ffffff;
}

.ur-data-grid__content__freeze-row .ur-data-grid__edit__element__input:focus,
.ur-data-grid__content__row .ur-data-grid__edit__element__input:focus {
  border-color: #0aacbe;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__edit__element--error .ur-data-grid__edit__element__input {
  border-color: #ff5858;
}

.ur-data-grid__edit__element--error .ur-data-grid__edit__element__input:focus {
  border-color: #ff5858;
  box-shadow: 0px 3px 3px -2px rgba(255, 88, 88, 0.2), 0px 3px 4px 0px rgba(255, 88, 88, 0.14), 0px 1px 8px 0px rgba(255, 88, 88, 0.12);
}

.ur-data-grid__edit__element--error .ur-data-grid__edit__element__message--error {
  display: block;
}

.ur-data-grid__edit__element__message--error {
  position: absolute;
  left: 1px;
  right: 1px;
  top: calc(100% - 0px);
  z-index: 1;
  word-break: break-all;
  background: #ff5858;
  color: #ffffff;
  line-height: 16px;
  padding: 0 4px 0 4px;
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.ur-data-grid__edit__element__message--error:hover {
  opacity: 0.3;
}

.ur-data-grid__edit__element__freeze__message--error {
  z-index: 2;
}

.ur-data-grid .ur-validator--shake {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-data-grid__content__accordion-row {
  background: #f7f7f7;
  padding: 20px;
  padding-right: 40px;
}

.ur-data-grid__accordion--form {
  padding: 0;
  margin: 0;
}

.ur-data-grid__accordion--form .ur-box__title {
  display: none;
}

.ur-data-grid__accordion--form .ur-form-box .ur-form-box__contents {
  width: 100%;
}

.ur-data-grid__accordion--form .ur-form-box--medium {
  padding: 0;
}

.ur-data-grid__accordion--form .ur-form-item--medium {
  height: 44px;
}

.ur-data-grid__accordion--form .ur-form-item__label {
  line-height: 44px;
  font-size: 14px;
}

.ur-data-grid__accordion--form .ur-form-item,
.ur-data-grid__accordion--form .ur-form-item__compo {
  overflow: auto;
  font-size: 14px;
}

.ur-data-grid__accordion--default .ur-box {
  margin-bottom: 0px;
}

.ur-data-grid__content__accordion-vert {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  z-index: 2;
  padding: 15px;
  padding-top: 30px;
}

.ur-data-grid__content__accordion-vert__close {
  position: absolute;
  top: 6px;
  right: 26px;
  cursor: pointer;
}

.ur-data-grid__content__accordion-vert__close:hover {
  color: #333333;
}

.ur-data-grid__content__freeze-row .ur-data-grid__content__cell--accordion {
  text-align: center;
}

.ur-data-grid__content__cell--accordion:hover {
  color: #0aacbe;
}

.ur-data-grid__content__cell--accordion--icon {
  cursor: pointer;
  transition: transform 0.3s;
}

.ur-data-grid__content__cell--accordion--vertical {
  transform: rotate(270deg);
}

.ur-data-grid__content__cell--accordion--slide {
  transform: rotate(90deg);
}

.ur-data-grid__content__cell--accordion--expand {
  transform: rotate(180deg);
}
.ur-data-grid__content__cell--accordion--expand.ur-data-grid__content__cell--accordion--vertical {
  transform: rotate(90deg);
}
.ur-data-grid__content__cell--accordion--expand.ur-data-grid__content__cell--accordion--slide {
  transform: rotate(270deg);
}

.ur-data-grid__content__cell--accordion--prevent {
  opacity: 0.3;
  cursor: default;
}

.ur-data-grid__content__cell--accordion--prevent:hover {
  color: #333;
}

.ur-data-grid__header__config {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__config__show {
  width: 23px;
  z-index: 3;
}

.ur-data-grid__header__config__icon {
  font-size: 20px;
  cursor: pointer;
  color: #a5a5a5;
}

.ur-data-grid__header__config__icon:hover {
  color: #0aacbe;
}

.ur-data-grid__header__config__menu-wrapper {
  padding: 20px 0;
  width: 350px;
  height: 300px;
  background: #fff;
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  z-index: 3;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__header__config__menu__item {
  height: 32px;
  border: 1px solid #a5a5a5;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__config__menu__item--on-drag {
  opacity: 0.3;
}

.ur-data-grid__header__config__menu__item + .ur-data-grid__header__config__menu__item {
  margin-top: 10px;
}

.ur-data-grid__header__config__menu__item__holder {
  width: 28px;
  font-size: 18px;
  color: #a5a5a5;
  cursor: ns-resize;
  cursor: grab;
}

.ur-data-grid__header__config__menu__item__holder:active {
  cursor: grabbing;
}

.ur-data-grid__header__config__menu__item__text {
  flex: 0 0 50px;
  margin: 3px 0;
  padding-right: 3px;
  height: calc(100% - 6px);
}

.ur-data-grid__header__config__menu__item__text > input {
  text-align: right;
  background: transparent;
}

.ur-data-grid__header__config__menu__item__show,
.ur-data-grid__header__config__menu__item__freeze {
  flex: 0 0 22px;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
}

.ur-data-grid__header__config__menu__item--icon-active {
  color: #0aacbe;
}

.ur-data-grid__header__config__menu__item__title {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding-left: 5px;
}

.ur-data-grid__header__config__menu__item--on-drag {
  opacity: 0.5;
}

.ur-data-grid__header__config__menu__dropper {
  margin: -10px 0;
  height: 30px;
}

.ur-data-grid__header__config__menu__dropper--active {
  background: rgba(45, 163, 121, 0.1);
}

.ur-data-grid__header__config__menu__dropper--freeze:before {
  content: "";
  display: block;
  height: 16px;
  border-bottom: 2px dashed #0aacbe;
}

.ur-data-grid__header__config__menu__dropper:first-child {
  margin-top: 0;
  margin-bottom: -15px;
  height: 15px;
}

.ur-data-grid__header__config__menu__dropper:first-child::before {
  display: none;
}

.ur-data-grid__header__config__menu__dropper:last-child {
  margin-bottom: 0;
  margin-top: -15px;
  height: 15px;
}

.ur-data-grid__header__config__menu__item-wrapper {
  height: calc(100% - 30px);
  overflow: auto;
  padding: 0 15px;
}

.ur-data-grid__header__config__menu__action {
  position: absolute;
  text-align: right;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 15px;
}

.ur-data-grid__content__group-row {
  position: relative;
  background: #eaeaea;
  height: 28px;
  display: flex;
  align-items: center;
  box-shadow: 0px -8px 12px -8px rgba(64, 64, 64, 0.1) inset;
}

.ur-data-grid__content__group-row:hover {
  color: #0aacbe;
}

.ur-data-grid__content__group-row__title {
  flex: 1 1 0px;
  display: block;
  font-size: 12px;
  font-weight: bold;
}

.ur-data-grid__content__group-row__icon {
  flex: 0 0 40px;
  justify-content: flex-start;
  cursor: pointer;
}

.ur-data-grid__content__group-row__icon > .ur-icon {
  color: #5a5a5a;
  font-size: 8px;
  transition: transform 0.3s;
}

.ur-data-grid__content__group-row__icon > .ur-icon:hover {
  color: #0aacbe;
}

.ur-data-grid__content__group-row--expand .ur-icon {
  transform: rotate(180deg);
}

.ur-data-grid__content__group-row__child {
  flex: 1 1 100%;
}

.ur-data-grid__content__group-summary {
  background: #f7f7f7;
  display: flex;
  font-size: 12px;
  box-shadow: 0 8px 12px -8px rgba(128, 128, 128, 0.1) inset;
}

.ur-data-grid__content__group-summary--is-group {
  font-weight: bold;
}

.ur-data-grid__content__group-summary__cell {
  display: flex;
  align-items: center;
}

.ur-data-grid__content__group-summary__value {
  border-bottom: none;
  overflow: visible;
}

.ur-tree-grid__content__tree_icon_cell {
  display: flex;
  flex-direction: row;
}

.ur-tree-grid__content__cell--expand--icon {
  cursor: pointer;
}

.ur-tree-grid__content__cell--expand--icon.ur-tree-grid__content__cell--expand--disabled {
  color: #cccccc;
}

.ur-tree-grid__content__cell--expand--icon--transform {
  transition: transform 0.3s;
}

.ur-tree-grid__content__cell--expand--vertical {
  transform: rotate(270deg);
}

.ur-tree-grid__content__cell--expand--slide {
  transform: rotate(90deg);
}

.ur-tree-grid__content__cell--expand--expand {
  transform: rotate(180deg);
}
.ur-tree-grid__content__cell--expand--expand.ur-tree-grid__content__cell--expand--vertical {
  transform: rotate(90deg);
}
.ur-tree-grid__content__cell--expand--expand.ur-tree-grid__content__cell--expand--slide {
  transform: rotate(270deg);
}

/* [AREA] Area style */
/* [AREA] General */
.ur-area {
  font-size: 1em;
  overflow: unset;
}

/* [AREA] Sub option */
.ur-area--full-page {
  width: 100%;
  height: calc(100vh - 326px);
}

.ur-area--left,
.ur-area--right {
  display: inline-block;
}

/* [AREA] Bordered area */
.ur-area--bordered {
  border: 1px solid #dbdbdb;
}

/* [AREA] Dev mode */
.ur-area--dev {
  border: 5px dashed #dbdbdb;
  padding: 20px;
}

/* [AREA] for developer */
.ur-area__title {
  font-size: 20px;
  margin: 20px 0 10px 0;
  font-weight: 400;
}

.ur-grid-area.ur-area--dev {
  padding: 0px;
}
.ur-grid-area .ur-grid {
  min-height: 0;
}

/* [Title] */
.ur-box__title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 16px;
  border-left: none;
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ur-box__title__text {
  margin: 4px 8px;
}

.ur-box__title--toggleable {
  cursor: pointer;
}
.ur-box__title--toggleable .ur-box__title__text {
  cursor: pointer;
}
.ur-box__title--toggleable:hover {
  background: linear-gradient(to right, #9ddee5, transparent);
}

.ur-box__title--collapsed {
  border-left-color: #b7b7b7;
  color: #848484;
}
.ur-box__title--collapsed.ur-box__title--toggleable:hover {
  background: linear-gradient(to right, #dbdbdb, transparent);
}

.ur-box__title-zone {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ur-box + .ur-box {
  margin-top: 40px;
}

.ur-search-box + .ur-box {
  margin-top: 20px;
}

.ur-box--depth-2 .ur-box__title {
  font-size: 18px;
}
.ur-box--depth-2 + .ur-box--depth-2 {
  margin-top: 30px;
}
.ur-box--depth-3 .ur-box__title {
  font-size: 16px;
}
.ur-box--depth-3 + .ur-box--depth-3 {
  margin-top: 15px;
}
.ur-box--depth-4 .ur-box__title {
  font-size: 16px;
}
.ur-box--depth-4 + .ur-box--depth-4 {
  margin-top: 10px;
}
.ur-box--depth-5 .ur-box__title {
  font-size: 16px;
}
.ur-box--depth-5 + .ur-box--depth-5 {
  margin-top: 10px;
}
.ur-box--depth-6 .ur-box__title {
  font-size: 16px;
}
.ur-box--depth-6 + .ur-box--depth-6 {
  margin-top: 10px;
}

.ur-grid {
  position: relative;
  min-height: 300px;
  height: 100%;
}

.ur-grid-item {
  position: absolute;
}

.ur-grid__dev {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px dashed #dbdbdb;
}

.ur-grid__dev-gl {
  position: absolute;
  border-top: 1px dashed #dbdbdb;
  border-right: 1px dashed #dbdbdb;
}

/*[]*/
.ur-grid-item--align-center {
  display: flex;
  align-items: center;
}
.ur-grid-item--align-center > * {
  flex-basis: 100%;
}

.ur-grid__dev-shadow {
  position: absolute;
  background: #2e86c1;
  opacity: 0.5;
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* MODAL HEAD */
/* [ANCHOR] Modal anchor */
.ur-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
}

.ur-modal {
  animation-duration: 0.3s;
  animation-name: fade-in;
  animation-timing-function: ease-in-out;
}

.ur-modal__fade-out {
  animation-duration: 0.3s;
  animation-name: fade-out;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.ur-modal__container--wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* [BLOCKER] modal blocker & container */
.ur-modal__blocker {
  background: rgba(0, 0, 0, 0.1);
  z-index: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ur-modal__blocker:focus {
  outline: none;
}

.ur-modal__container {
  position: relative;
  background: #ffffff;
  padding: 32px 32px 32px 32px;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.ur-modal__container {
  width: 464px;
}

.ur-modal__container--small {
  width: 464px;
}

.ur-modal__container--medium {
  width: 704px;
}

.ur-modal__container--large {
  width: 944px;
}

.ur-modal__container--xlarge {
  width: 1184px;
}

.ur-modal__container--xxlarge {
  width: 1521px;
}

/* [HEAD] Modal head */
.ur-modal__head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 102;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -ms-user-select: none;
  background: #ffffff;
  padding: 32px 32px 0 32px;
  height: 68px;
  margin-bottom: 16px;
}

.ur-modal__head--draggable {
  cursor: move;
}

.ur-modal__head--no-title {
  height: 20px;
  margin-bottom: 0;
}

/* [HEAD] Modal title */
.ur-modal__title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* [HEAD] Modal close icon */
.ur-modal__close.ur-icon {
  position: absolute;
  right: 32px;
  cursor: pointer;
  font-size: 20px;
  z-index: 102;
  top: calc(
        (36px - 20px) * 0.5 + 32px
      );
}

/* [BODY] Modal body */
.ur-modal__body {
  width: 100%;
  height: calc(100% - 172px);
}

.ur-modal__body {
  margin-top: 52px;
}

.ur-modal__body.ur-modal__body-with-foot {
  margin-bottom: 48px;
}

.ur-modal__action {
  position: relative;
  width: 100%;
  margin-top: 24px;
}

/* [FOOT] Modal foot */
.ur-modal__foot {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 68px;
  padding: 0 32px 32px 32px;
  background: #ffffff;
  z-index: 101;
}

.ur-modal__body ~ .ur-modal__foot {
  margin-top: 24px;
}

/* [GHOST] ghost box when moving modal */
.ur-modal__ghost {
  border: 5px dotted #0aacbe;
  opacity: 0.9;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 103;
  /*transform:translateX(-50%) translateY(-50%);*/
}

/*------------------------------------*/
/* [BODY] Style preset for developent */
.ur-modal__message {
  font-size: 18px;
}

.ur-modal__footer {
  text-align: right;
  margin-top: 24px;
}

.ur-page-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f7f7f7;
}

.ur-page-scroller {
  position: static;
  height: 100%;
  overflow: auto;
}

.ur-page {
  position: static;
  padding: 0;
  background-color: #ffffff;
  color: #333333;
  margin: 32px 32px 32px 32px;
  height: auto;
  min-height: calc(100% - 64px);
  width: calc(100% - 64px);
  min-width: 944px;
  border-width: 0;
  border-style: solid;
  border-color: #a5a5a5;
  box-shadow: none;
}

.ur-page--fixed-width {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .ur-page--fixed-width {
    width: 944px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .ur-page--fixed-width {
    width: 1264px;
  }
}
@media only screen and (min-width: 1920px) {
  .ur-page--fixed-width {
    width: 1584px;
  }
}

.ur-page__title-wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding: 48px 80px 0 80px;
  background-color: rgba(255, 255, 255, 0);
  height: 112px;
}

.ur-page__title {
  position: relative;
  width: 100%;
  height: 64px;
  font-size: 32px;
  line-height: 64px;
  font-weight: 700;
  border-bottom: 1px solid #a5a5a5;
}

.ur-page__title__bread-crumb {
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #767676;
}

.ur-page__sticky-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 51;
  padding-right: 16px;
  background-color: #ffffff;
  height: 64px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #a5a5a5;
}
.ur-page__sticky-area .ur-page__title-wrapper {
  margin: 0 32px 0 32px;
  padding: 0 80px 0 80px;
  width: calc(100% - 64px);
  min-width: 944px;
  background-color: rgba(255, 255, 255, 0);
  height: 64px;
}
.ur-page__sticky-area .ur-page__title {
  border-bottom: none;
}

.ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-height: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
    width: 944px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
    width: 1264px;
  }
}
@media only screen and (min-width: 1920px) {
  .ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
    width: 1584px;
  }
}

.ur-page__contents-wrapper {
  position: relative;
  padding: 32px 80px 48px 80px;
}

.ur-page__contents {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.ur-page__contents::after {
  content: "";
  width: 100%;
  height: 48px;
  display: block;
  margin-bottom: -nth(32px 80px 48px 80px, 3);
}

.ur-page--fixed-height {
  height: calc(100% - 64px);
}

.ur-page--fixed-height .ur-page__contents-wrapper {
  height: calc(
  100% - 112px
);
  overflow: auto;
}

.ur-page__remain {
  z-index: 50;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  bottom: 32px;
  margin: 0 112px;
  height: 48px;
  background-color: #ffffff;
}

.ur-page__remain__shadow {
  width: 100%;
  margin-top: -1px;
  height: 1px;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0);
}

.ur-screen {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
}

[class*=ur-section__col] {
  margin-left: 8px;
  margin-right: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
}

.guide-col [class*=ur-section__col] {
  outline: dashed 2px #228ae6 !important;
}
.guide-col [class*=ur-section__col]:before {
  content: "column";
  color: #228ae6;
  font-size: 16px;
  position: absolute;
  padding: 2px 6px;
  background-color: ghostwhite;
  z-index: 200;
  left: 0;
  top: 0;
  font-weight: normal;
  line-height: normal;
}
.guide-col .ur-section__indicator [class*=ur-section__col]:before {
  content: "";
  display: none;
}
.guide-col .ur-section__indicator [class*=ur-section__col] {
  border: none !important;
  outline: none !important;
}
.guide-col .ur-section__indicator .ur-section__indicator-number {
  font-size: 20px;
  font-weight: bold;
}

.guide-row [class*=ur-section__row] {
  outline: dashed 2px #d05d4e;
}
.guide-row [class*=ur-section__row]:before {
  content: "row";
  color: #d05d4e;
  font-size: 16px;
  position: absolute;
  padding: 2px 6px;
  background-color: ghostwhite;
  z-index: 200;
  left: 0;
  top: 0;
  font-weight: normal;
  line-height: normal;
}

.ur-section {
  width: 100%;
  box-sizing: border-box;
  display: block;
  position: relative;
}
.ur-section .ur-section__row {
  width: calc(100% + 16px);
  margin-left: -8px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
}
.ur-section__col--all {
  width: calc(100% - 16px);
}
.ur-section__col--1 {
  width: calc(
          8.3333333333% - 16px
        );
}
.ur-section__col--1.ur-grid__col--square {
  padding-bottom: calc(
            8.3333333333% - 16px
          );
}
.ur-section__col--2 {
  width: calc(
          4.1666666667% - 16px
        );
}
.ur-section__col--2.ur-grid__col--square {
  padding-bottom: calc(
            4.1666666667% - 16px
          );
}
.ur-section__col--3 {
  width: calc(
          2.7777777778% - 16px
        );
}
.ur-section__col--3.ur-grid__col--square {
  padding-bottom: calc(
            2.7777777778% - 16px
          );
}
.ur-section__col--4 {
  width: calc(
          2.0833333333% - 16px
        );
}
.ur-section__col--4.ur-grid__col--square {
  padding-bottom: calc(
            2.0833333333% - 16px
          );
}
.ur-section__col--5 {
  width: calc(
          1.6666666667% - 16px
        );
}
.ur-section__col--5.ur-grid__col--square {
  padding-bottom: calc(
            1.6666666667% - 16px
          );
}
.ur-section__col--6 {
  width: calc(
          1.3888888889% - 16px
        );
}
.ur-section__col--6.ur-grid__col--square {
  padding-bottom: calc(
            1.3888888889% - 16px
          );
}
.ur-section__col--7 {
  width: calc(
          1.1904761905% - 16px
        );
}
.ur-section__col--7.ur-grid__col--square {
  padding-bottom: calc(
            1.1904761905% - 16px
          );
}
.ur-section__col--8 {
  width: calc(
          1.0416666667% - 16px
        );
}
.ur-section__col--8.ur-grid__col--square {
  padding-bottom: calc(
            1.0416666667% - 16px
          );
}
.ur-section__col--9 {
  width: calc(
          0.9259259259% - 16px
        );
}
.ur-section__col--9.ur-grid__col--square {
  padding-bottom: calc(
            0.9259259259% - 16px
          );
}
.ur-section__col--10 {
  width: calc(
          0.8333333333% - 16px
        );
}
.ur-section__col--10.ur-grid__col--square {
  padding-bottom: calc(
            0.8333333333% - 16px
          );
}
.ur-section__col--11 {
  width: calc(
          0.7575757576% - 16px
        );
}
.ur-section__col--11.ur-grid__col--square {
  padding-bottom: calc(
            0.7575757576% - 16px
          );
}
.ur-section__col--12 {
  width: calc(
          0.6944444444% - 16px
        );
}
.ur-section__col--12.ur-grid__col--square {
  padding-bottom: calc(
            0.6944444444% - 16px
          );
}
.ur-section__indicator {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
  z-index: 600;
}
.ur-section__indicator > .ur-section__row {
  height: 100%;
  border: none;
}
.ur-section__indicator > .ur-section__row > [class*=ur-section__col] {
  background-color: rgba(213, 56, 58, 0.1);
  border: 1px dotted rgba(213, 56, 58, 0.5);
  height: 100%;
}

@media screen and (min-width: 1600px) {
  .ur-section__col--1--lg {
    width: calc(
          8.3333333333% - 16px
        );
  }
  .ur-section__col--1--lg.ur-grid__col--square {
    padding-bottom: calc(
            8.3333333333% - 16px
          );
  }
  .ur-section__col--2--lg {
    width: calc(
          4.1666666667% - 16px
        );
  }
  .ur-section__col--2--lg.ur-grid__col--square {
    padding-bottom: calc(
            4.1666666667% - 16px
          );
  }
  .ur-section__col--3--lg {
    width: calc(
          2.7777777778% - 16px
        );
  }
  .ur-section__col--3--lg.ur-grid__col--square {
    padding-bottom: calc(
            2.7777777778% - 16px
          );
  }
  .ur-section__col--4--lg {
    width: calc(
          2.0833333333% - 16px
        );
  }
  .ur-section__col--4--lg.ur-grid__col--square {
    padding-bottom: calc(
            2.0833333333% - 16px
          );
  }
  .ur-section__col--5--lg {
    width: calc(
          1.6666666667% - 16px
        );
  }
  .ur-section__col--5--lg.ur-grid__col--square {
    padding-bottom: calc(
            1.6666666667% - 16px
          );
  }
  .ur-section__col--6--lg {
    width: calc(
          1.3888888889% - 16px
        );
  }
  .ur-section__col--6--lg.ur-grid__col--square {
    padding-bottom: calc(
            1.3888888889% - 16px
          );
  }
  .ur-section__col--7--lg {
    width: calc(
          1.1904761905% - 16px
        );
  }
  .ur-section__col--7--lg.ur-grid__col--square {
    padding-bottom: calc(
            1.1904761905% - 16px
          );
  }
  .ur-section__col--8--lg {
    width: calc(
          1.0416666667% - 16px
        );
  }
  .ur-section__col--8--lg.ur-grid__col--square {
    padding-bottom: calc(
            1.0416666667% - 16px
          );
  }
  .ur-section__col--9--lg {
    width: calc(
          0.9259259259% - 16px
        );
  }
  .ur-section__col--9--lg.ur-grid__col--square {
    padding-bottom: calc(
            0.9259259259% - 16px
          );
  }
  .ur-section__col--10--lg {
    width: calc(
          0.8333333333% - 16px
        );
  }
  .ur-section__col--10--lg.ur-grid__col--square {
    padding-bottom: calc(
            0.8333333333% - 16px
          );
  }
  .ur-section__col--11--lg {
    width: calc(
          0.7575757576% - 16px
        );
  }
  .ur-section__col--11--lg.ur-grid__col--square {
    padding-bottom: calc(
            0.7575757576% - 16px
          );
  }
  .ur-section__col--12--lg {
    width: calc(
          0.6944444444% - 16px
        );
  }
  .ur-section__col--12--lg.ur-grid__col--square {
    padding-bottom: calc(
            0.6944444444% - 16px
          );
  }
}
@media screen and (min-width: 1920px) {
  .ur-section__col--1--xl {
    width: calc(
          8.3333333333% - 16px
        );
  }
  .ur-section__col--1--xl.ur-grid__col--square {
    padding-bottom: calc(
            8.3333333333% - 16px
          );
  }
  .ur-section__col--2--xl {
    width: calc(
          4.1666666667% - 16px
        );
  }
  .ur-section__col--2--xl.ur-grid__col--square {
    padding-bottom: calc(
            4.1666666667% - 16px
          );
  }
  .ur-section__col--3--xl {
    width: calc(
          2.7777777778% - 16px
        );
  }
  .ur-section__col--3--xl.ur-grid__col--square {
    padding-bottom: calc(
            2.7777777778% - 16px
          );
  }
  .ur-section__col--4--xl {
    width: calc(
          2.0833333333% - 16px
        );
  }
  .ur-section__col--4--xl.ur-grid__col--square {
    padding-bottom: calc(
            2.0833333333% - 16px
          );
  }
  .ur-section__col--5--xl {
    width: calc(
          1.6666666667% - 16px
        );
  }
  .ur-section__col--5--xl.ur-grid__col--square {
    padding-bottom: calc(
            1.6666666667% - 16px
          );
  }
  .ur-section__col--6--xl {
    width: calc(
          1.3888888889% - 16px
        );
  }
  .ur-section__col--6--xl.ur-grid__col--square {
    padding-bottom: calc(
            1.3888888889% - 16px
          );
  }
  .ur-section__col--7--xl {
    width: calc(
          1.1904761905% - 16px
        );
  }
  .ur-section__col--7--xl.ur-grid__col--square {
    padding-bottom: calc(
            1.1904761905% - 16px
          );
  }
  .ur-section__col--8--xl {
    width: calc(
          1.0416666667% - 16px
        );
  }
  .ur-section__col--8--xl.ur-grid__col--square {
    padding-bottom: calc(
            1.0416666667% - 16px
          );
  }
  .ur-section__col--9--xl {
    width: calc(
          0.9259259259% - 16px
        );
  }
  .ur-section__col--9--xl.ur-grid__col--square {
    padding-bottom: calc(
            0.9259259259% - 16px
          );
  }
  .ur-section__col--10--xl {
    width: calc(
          0.8333333333% - 16px
        );
  }
  .ur-section__col--10--xl.ur-grid__col--square {
    padding-bottom: calc(
            0.8333333333% - 16px
          );
  }
  .ur-section__col--11--xl {
    width: calc(
          0.7575757576% - 16px
        );
  }
  .ur-section__col--11--xl.ur-grid__col--square {
    padding-bottom: calc(
            0.7575757576% - 16px
          );
  }
  .ur-section__col--12--xl {
    width: calc(
          0.6944444444% - 16px
        );
  }
  .ur-section__col--12--xl.ur-grid__col--square {
    padding-bottom: calc(
            0.6944444444% - 16px
          );
  }
}
body {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.ur-system {
  min-width: 1280px;
  min-height: 720px;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}

/* [LNB] Overall */
.ur-lnb {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  top: 0;
  bottom: 0;
  padding-top: 32px;
  left: 0;
  border-right: 1px solid #0aacbe;
  width: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: width 1s;
}

/* [LNB] Collapse label */
.ur-lnb__collapse-label {
  position: absolute;
  top: 0px;
  left: 100%;
  z-index: 52;
  height: 48px;
  width: 32px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
}

.ur-lnb__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
}

.ur-lnb__collapse-label:hover > .ur-icon {
  color: #0aacbe;
}

.ur-lnb__collapse-hide {
  position: absolute;
  top: 60px;
  transform: rotate(90deg);
  left: -100%;
  transition: all 1s;
  opacity: 0;
}

.ur-lnb--collapse.ur-lnb {
  width: 32px;
}

.ur-lnb--collapse .ur-lnb__collapse-hide {
  opacity: 1;
  left: 0;
}

.ur-lnb--collapse .ur-lnb__collapse-label {
  left: 0px;
  box-shadow: none;
  background: transparent;
}

.ur-lnb--collapse .ur-lnb__collapse-label > .ur-icon {
  transform: rotate(180deg);
}

.ur-lnb--collapse .ur-lnb__title-wrapper,
.ur-lnb--collapse .ur-lnb__search-wrapper,
.ur-lnb--collapse .ur-lnb__tab-wrapper,
.ur-lnb--collapse .ur-lnb__menu-list-wrapper {
  display: none;
}

:not(.ur-lnb--collapse) .ur-lnb__search-wrapper,
:not(.ur-lnb--collapse) .ur-lnb__tab-wrapper,
:not(.ur-lnb--collapse) .ur-lnb__menu-list-wrapper {
  animation: side-show 0.8s;
  animation-fill-mode: forwards;
}

@keyframes side-show {
  0% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
.ur-lnb__search-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0px 32px 16px 32px;
}

.ur-lnb__search {
  width: 100%;
}

.ur-lnb__search > .ur-lnb__search-tip {
  font-size: 12px;
  color: #999999;
  margin-bottom: 8px;
}

.ur-lnb__search > .ur-lnb__search-text-field {
  width: 100%;
}
.ur-lnb__search > .ur-lnb__search-text-field > .ur-text-field__input {
  width: 100%;
}

.ur-lnb--collapse > .ur-lnb__search-wrapper {
  display: none;
}

/* [LNB] Tab */
.ur-lnb__tab-wrapper {
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  padding: 24px 16px;
}

.ur-lnb__tab {
  position: absolute;
  bottom: 20px;
  font-size: 24px;
  font-weight: 700;
}

.ur-lnb__toggle-wrapper {
  display: flex;
}

.ur-lnb__toggle-wrapper .ur-segment-wrapper {
  flex: 1 0 auto;
  display: flex;
}

.ur-lnb__toggle-wrapper .ur-segment-button {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}

.ur-lnb__toggle-wrapper .ur-segment-button.ur-segment-button--checked {
  background: rgba(10, 172, 190, 0.1);
  font-weight: 400;
  border-color: rgba(10, 172, 190, 0.4);
}

.ur-lnb__toggle-wrapper .ur-icon {
  margin-right: 4px;
}

/* [LNB] Menu List */
.ur-lnb__menu-list-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
}

.ur-lnb__sub-title {
  position: relative;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  padding-right: 18px;
  padding-left: 16px;
  border-bottom: 1px solid #dbdbdb;
}

.ur-lnb__sub-title ~ .ur-lnb__sub-title {
  margin-top: 10px;
}

.ur-lnb__menu-divider {
  margin: 0;
  height: 0;
  border-top: 1px solid #dbdbdb;
}

.ur-lnb__menu {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: normal;
}

.ur-lnb__menu > span {
  position: absolute;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ur-lnb__menu-list--depth-1 > .ur-lnb__menu {
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  margin-right: 16px;
  margin-left: 16px;
  padding-right: 18px;
  padding-left: 16px;
}
.ur-lnb__menu-list--depth-1 > .ur-lnb__menu > span {
  width: 224px;
}

.no-fav-wrapper {
  margin: 0 20px;
  padding: 0 17px;
}

.no-fav-wrapper .no-fav-info {
  font-size: 12px;
  color: #767676;
  margin: 0px;
}

.ur-lnb__menu-list--depth-2 > .ur-lnb__menu {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
  margin-left: 16px;
  padding-right: 18px;
  padding-left: 36px;
}
.ur-lnb__menu-list--depth-2 > .ur-lnb__menu > span {
  width: 206px;
}

.ur-lnb__menu-list--depth-3 > .ur-lnb__menu {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
  margin-left: 16px;
  padding-right: 18px;
  padding-left: 56px;
}
.ur-lnb__menu-list--depth-3 > .ur-lnb__menu > span {
  width: 186px;
}

.ur-lnb__menu:hover {
  color: #0aacbe;
  background-color: rgba(10, 172, 190, 0.1);
}

.ur-lnb__menu.ur-lnb__menu--selected {
  color: #0aacbe;
  background: rgba(10, 172, 190, 0.1);
  font-weight: 700;
}

.ur-lnb__menu .ur-icon-wrapper {
  position: relative;
  float: right;
  display: none;
}

.ur-lnb__menu--selected .select-icon {
  display: inline-block;
}

.ur-lnb__menu--foldable .fold-icon {
  display: inline-block;
  transition: transform 0.3s;
}

.ur-lnb__menu--fold .fold-icon {
  transform: rotate(-180deg);
  transition: transform 0.3s;
}

.ur-lnb__menu--fold + .ur-lnb__menu-list {
  display: none;
}

/* [LNB] Filter(Searchable) */
.ur-lnb__menu--matched .ur-lnb__menu__label {
  color: #2da379;
  font-weight: 700;
}

.ur-lnb__menu--fold + .ur-lnb__menu-list .ur-lnb__menu.ur-lnb__menu--matched {
  display: block;
  opacity: 0.5;
}

.ur-lnb__menu--filtered.ur-lnb__menu--bluered {
  display: none;
}

/* [LNB] Favorite */
.ur-lnb__menu--favorite .favorite-icon {
  display: inline-block;
  float: none;
  color: #959595;
}

.ur-lnb__menu--favorite .favorite-icon.favorite-icon--on {
  color: #fbb41a;
}

/* [LNB] Title */
.ur-lnb__title {
  position: absolute;
  height: 56px;
  border-bottom: 1px solid #a5a5a5;
  padding: 0 18px 0 16px;
  overflow: hidden;
  width: 100%;
}

/* [GNB] Overall */
.ur-gnb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0;
  height: 72px;
  padding: 0 32px 0 32px;
  border-bottom: 1px solid #0aacbe;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: calc(100% + 244px) -265px;
}

.ur-gnb::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* [GNB] Logo */
.ur-gnb__logo {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  font-size: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  float: left;
  min-width: 240px;
  margin-right: 40px;
}

.ur-gnb__title {
  cursor: pointer;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.ur-gnb__sub-title {
  color: #767676;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.ur-gnb__logo.ur-gnb__logo-center {
  position: absolute;
  text-align: center;
  width: calc(100% - 64px);
}

/* [GNB] Menu */
.ur-gnb__menus {
  position: relative;
  display: inline-flex;
  height: 100%;
  font-size: 0;
  flex-direction: column;
  justify-content: center;
}

.ur-gnb__menu {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  top: 0;
  bottom: 0;
  padding: 0 4px 0 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 72px;
  color: #5a5a5a;
}

.ur-gnb__menus.ur-gnb__menus-center {
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
}

.ur-gnb__menus.ur-gnb__menus-hamburger {
  display: inline-flex;
  align-items: center;
}

.ur-gnb__menu + .ur-gnb__menu {
  margin-left: 48px;
}

.ur-gnb__menu--selected {
  color: #333333;
  font-weight: 700;
}

.ur-gnb__menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0);
}

.ur-gnb__menu--selected::before {
  background-color: #0aacbe;
}

/* [GNB] Action */
.ur-gnb__action {
  position: relative;
  height: 100%;
  display: inline-flex;
  align-items: center;
  float: right;
  color: #767676;
  font-size: 14px;
  font-weight: 400;
}

.ur-gnb__action .ur-icon-button {
  font-size: 18px;
}
.ur-gnb__action .ur-icon-button + .ur-icon-button {
  margin-left: 16px;
}

.ur-gnb__divider {
  width: 1px;
  height: 10px;
  margin: 0 16px;
  background-color: currentColor;
}

.ur-gnb__profile {
  text-align: center;
  text-transform: capitalize;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 18px;
  margin-right: 8px;
  background-color: #767676;
  color: #ffffff;
}

/* [GNB] Search */
.ur-gnb__search {
  position: relative;
  float: right;
  height: 100%;
  display: inline-flex;
  align-items: center;
  margin-right: 16px;
}

.ur-gnb__search .ur-gnb__search-text-field {
  width: 336px;
}
.ur-gnb__search .ur-gnb__search-text-field > .ur-text-field__input {
  width: 296px;
  padding-right: 8px;
}

.ur-gnb__search.ur-gnb__search-center {
  position: absolute;
  left: calc(50% - 168px);
}

/* [GNB] Multi-line */
.ur-gnb__multi-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0;
  border-bottom: 1px solid #0aacbe;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: calc(100% + 244px) -265px;
}

.ur-gnb__multi-line-top {
  height: 72px;
  padding: 0 32px 0 32px;
  border-bottom: 1px solid #cccccc;
}
.ur-gnb__multi-line-top .ur-gnb__search-center {
  display: inline-block;
  height: auto;
  top: calc((72px - 32px) * 0.5);
}

.ur-gnb__multi-line-bottom {
  height: 72px;
  padding: 0 32px 0 32px;
}
.ur-gnb__multi-line-bottom .ur-gnb__menu::before {
  bottom: 0px;
}
.ur-gnb__multi-line-bottom .ur-gnb__search {
  margin-right: 0px;
}

@keyframes right-show {
  0% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
/* [PANEL] RIGHT */
.ur-panel-right {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  top: 72px;
  bottom: 30px;
  right: 0;
  border-left: 1px solid #dbdbdb;
  width: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.8s;
  padding-top: 48px;
  z-index: 5;
}

.ur-panel-right__content-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ur-panel-right__divider {
  height: 1px;
  background: #dbdbdb;
}

/* [PANEL] RIGHT Collapse label */
.ur-panel-right__collapse-label {
  position: absolute;
  top: 0;
  right: calc(100% - 32px);
  height: 48px;
  width: 32px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
  z-index: 1;
}

.ur-panel-right__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
  transform: rotate(180deg);
}

.ur-panel-right__collapse-label:hover > .ur-icon {
  color: #0aacbe;
}

.ur-panel-right__collapse-hide {
  position: absolute;
  top: 60px;
  transform: rotate(270deg);
  right: 0;
  transition: all 0.8s;
  opacity: 0;
  margin-left: -4px;
}

.ur-panel-right__collapse .ur-panel-right__collapse-hide {
  opacity: 1;
  right: 0;
}

.ur-panel-right__collapse.ur-panel-right {
  width: 32px;
}

.ur-panel-right__collapse .ur-panel-right__collapse-label {
  right: 0px;
  box-shadow: none;
  background: transparent;
}

.ur-panel-right__collapse .ur-panel-right__collapse-label > .ur-icon {
  transform: rotate(0deg);
}

.ur-panel-right__collapse .ur-panel-right__title-wrapper,
.ur-panel-right__collapse .ur-panel-right__content-wrapper {
  display: none;
}

.ur-screen:not(.ur-panel-right__collapse) .ur-panel-right__title-wrapper,
.ur-screen:not(.ur-panel-right__collapse) .ur-panel-right__menu-list-wrapper {
  animation: right-show 0.8s;
  animation-fill-mode: forwards;
}

/* [PANEL] BOTTOM */
.ur-panel-bottom {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  bottom: 0;
  border-left: 1px solid #dbdbdb;
  height: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: height 0.8s;
  width: 100%;
  padding-top: 32px;
  z-index: 5;
}

.ur-panel-bottom__content-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ur-panel-bottom__divider {
  height: 1px;
  background: #dbdbdb;
}

/* [PANEL] BOTTOM Collapse label */
.ur-panel-bottom__collapse-label {
  position: absolute;
  top: 0;
  left: calc(50% - 48px);
  height: 32px;
  width: 48px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
  z-index: 1;
}

.ur-panel-bottom__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
  transform: rotate(270deg);
}

.ur-panel-bottom__collapse-label:hover > .ur-icon {
  color: #0aacbe;
}

.ur-panel-bottom__collapse-hide {
  position: absolute;
  top: 4px;
  transition: all 0.8s;
  opacity: 0;
  margin-left: -4px;
}

.ur-panel-bottom__collapse .ur-panel-bottom__collapse-hide {
  opacity: 1;
  left: 50%;
}

.ur-panel-bottom__collapse.ur-panel-bottom {
  height: 32px;
}

.ur-panel-bottom__collapse .ur-panel-bottom__collapse-label {
  right: 0;
  box-shadow: none;
  background: transparent;
}

.ur-panel-bottom__collapse .ur-panel-bottom__collapse-label > .ur-icon {
  transform: rotate(90deg);
}

.ur-panel-bottom__collapse .ur-panel-bottom__title-wrapper,
.ur-panel-bottom__collapse .ur-panel-bottom__content-wrapper {
  display: none;
}

.ur-screen:not(.ur-panel-bottom__collapse) .ur-panel-bottom__title-wrapper,
.ur-screen:not(.ur-panel-bottom__collapse) .ur-panel-bottom__menu-list-wrapper {
  animation: right-show 0.8s;
  animation-fill-mode: forwards;
}

/* [PANEL] LEFT */
.ur-panel-left {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  top: 72px;
  bottom: 30px;
  left: 0;
  border-left: 1px solid #dbdbdb;
  width: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.8s;
  padding-top: 48px;
  z-index: 5;
}

.ur-panel-left__content-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ur-panel-left__divider {
  height: 1px;
  background: #dbdbdb;
}

/* [PANEL] LEFT Collapse label */
.ur-panel-left__collapse-label {
  position: absolute;
  top: 0;
  left: calc(100% - 32px);
  height: 48px;
  width: 32px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
  z-index: 1;
}

.ur-panel-left__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
  transform: rotate(0deg);
}

.ur-panel-left__collapse-label:hover > .ur-icon {
  color: #0aacbe;
}

.ur-panel-left__collapse-hide {
  position: absolute;
  top: 60px;
  transform: rotate(90deg);
  right: 0;
  transition: all 0.8s;
  opacity: 0;
  margin-left: -4px;
}

.ur-panel-left__collapse .ur-panel-left__collapse-hide {
  opacity: 1;
  right: 0;
}

.ur-panel-left__collapse.ur-panel-left {
  width: 32px;
}

.ur-panel-left__collapse .ur-panel-left__collapse-label {
  right: 0;
  box-shadow: none;
  background: transparent;
}

.ur-panel-left__collapse .ur-panel-left__collapse-label > .ur-icon {
  transform: rotate(180deg);
}

.ur-panel-left__collapse .ur-panel-left__title-wrapper,
.ur-panel-left__collapse .ur-panel-left__content-wrapper {
  display: none;
}

.ur-screen:not(.ur-panel-left__collapse) .ur-panel-left__title-wrapper,
.ur-screen:not(.ur-panel-left__collapse) .ur-panel-left__menu-list-wrapper {
  animation: right-show 0.8s;
  animation-fill-mode: forwards;
}

/* [PANEL] TOP */
.ur-panel-top {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  top: 0;
  border-left: 1px solid #dbdbdb;
  height: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: height 0.8s;
  width: 100%;
  padding-top: 32px;
  z-index: 5;
}

.ur-panel-top__content-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ur-panel-top__divider {
  height: 1px;
  background: #dbdbdb;
}

/* [PANEL] TOP Collapse label */
.ur-panel-top__collapse-label {
  position: absolute;
  top: 0;
  left: calc(50% - 48px);
  height: 32px;
  width: 48px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
  z-index: 1;
}

.ur-panel-top__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
  transform: rotate(90deg);
}

.ur-panel-top__collapse-label:hover > .ur-icon {
  color: #0aacbe;
}

.ur-panel-top__collapse-hide {
  position: absolute;
  top: 4px;
  transition: all 0.8s;
  opacity: 0;
  margin-left: -4px;
}

.ur-panel-top__collapse .ur-panel-top__collapse-hide {
  opacity: 1;
  left: 50%;
}

.ur-panel-top__collapse.ur-panel-top {
  height: 32px;
}

.ur-panel-top__collapse .ur-panel-top__collapse-label {
  right: 0;
  box-shadow: none;
  background: transparent;
}

.ur-panel-top__collapse .ur-panel-top__collapse-label > .ur-icon {
  transform: rotate(270deg);
}

.ur-panel-top__collapse .ur-panel-top__title-wrapper,
.ur-panel-top__collapse .ur-panel-top__content-wrapper {
  display: none;
}

.ur-screen:not(.ur-panel-top__collapse) .ur-panel-top__title-wrapper,
.ur-screen:not(.ur-panel-top__collapse) .ur-panel-top__menu-list-wrapper {
  animation: right-show 0.8s;
  animation-fill-mode: forwards;
}

/* [SCHEDULER] */
.ur-scheduler {
  height: 100%;
  min-height: 650px;
}

.ur-scheduler__calendar-wrapper {
  width: 100%;
  height: 100%;
  min-height: inherit;
}

.ur-scheduler__action {
  position: relative;
  z-index: 2;
}

.ur-scheduler__action .ur-floating-button {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.ur-scheduler-header {
  text-align: center;
  height: 48px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ur-scheduler-header .ur-scheduler-header__date-picker {
  margin: 0 5px;
}
.ur-scheduler-header .ur-scheduler-header__date-picker > .ur-date-picker__text-field {
  width: 100px !important;
}
.ur-scheduler-header .ur-scheduler-header__date-picker > .ur-date-picker__text-field > .ur-text-field__input {
  width: 100px !important;
}

.ur-scheduler-header .ur-scheduler-header__previous-button {
  transform: rotate(-90deg);
}
.ur-scheduler-header .ur-scheduler-header__previous-button:hover {
  border-radius: 50%;
}

.ur-scheduler-header .ur-scheduler-header__next-button {
  transform: rotate(90deg);
}
.ur-scheduler-header .ur-scheduler-header__next-button:hover {
  border-radius: 50%;
}

/* [SCHEDULER] Opensource Original */
/* Make the calendar flex vertically */
.cv-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  min-height: inherit;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.cv-wrapper,
.cv-wrapper div {
  box-sizing: border-box;
  line-height: 1em;
  font-size: 1em;
}

.cv-header-days {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  flex-flow: row nowrap;
  border-width: 0 0 0 1px;
}

.cv-header-day {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-width: 1px 1px 0 0;
}

/* The calendar grid should take up the remaining vertical space */
.cv-weeks {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  flex-flow: column nowrap;
  border-width: 0 0 1px 1px;
  /* Allow grid to scroll if there are too may weeks to fit in the view */
  overflow-y: auto;
  -ms-overflow-style: none;
}

/* Use flex basis of 0 on week row so all weeks will be same height regardless of content */
.cv-week {
  display: flex;
  /* Shorthand flex: 1 1 0 not supported by IE11 */
  flex-grow: 1;
  flex-shrink: 0;
  flex-flow: row nowrap;
  min-height: 114px;
  border-width: 0;
  /* Allow week events to scroll if they are too tall */
  position: relative;
  width: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
  /* Days of the week go left to right even if user's language is RTL (#138) */
  direction: ltr;
}

.cv-day {
  display: flex;
  /* Shorthand flex: 1 1 0 not supported by IE11 */
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  /* Fallback for IE11, which doesn't support sticky */
  position: sticky;
  /* When week's items are scrolled, keep the day content fixed */
  top: 0;
  border-width: 1px 1px 0 0;
  /* Restore user's direction setting (overridden for week) */
  direction: initial;
}

/*
A bug in Microsoft Edge 41 (EdgeHTML 16) has been reported (#109) where days "disappear" because they are
wrapping under the next week (despite the "nowrap" on cv-week). This appears to be an issue specifically
with our metrics and the sticky positioning. I was not able to reproduce this issue in Edge 38, 42, or 44.
I'm reticent to turn off the sticky functionality for all Edge users because of one version (or perhaps an
interaction of that version with a specific graphics adapter or other setting). So instead, I'm leaving this
as an example for anyone forced to support Edge 41 who may see the same issue. If that's the case, just
add this selector to your own CSS.

@supports (-ms-ime-align: auto) {
    .cv-day {
        position: relative;
    }
}
*/
.cv-day {
  position: relative;
}

.cv-day-number {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cv-event {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  background-color: #f7f7f7;
  border-width: 1px 0 1px 0;
  /* Restore user's direction setting (overridden for week) */
  direction: initial;
  cursor: pointer;
  z-index: 1;
}

/* Wrap to show entire item title on hover */
.cv-wrapper.wrap-event-title-on-hover .cv-event:hover {
  white-space: normal;
  z-index: 1;
}

/* Colors */
.cv-header-days,
.cv-header-day,
.cv-weeks,
.cv-week,
.cv-day,
.cv-event {
  border-style: solid;
  border-color: #ddd;
}

/* Item Times */
.cv-event .endTime::before {
  content: "-";
}

/* Internal Metrics */
.cv-header-day,
.cv-day-number,
.cv-event {
  padding: 0.2em;
}

/* Allows emoji icons or labels (such as holidays) to be added more easily to specific dates by having the margin set already. */
.cv-day-number::before {
  margin-right: 0.5em;
}

.cv-event.offset0 {
  left: 0;
}

.cv-event.offset1 {
  left: 14.2857142857%;
}

.cv-event.offset2 {
  left: 28.5714285714%;
}

.cv-event.offset3 {
  left: 42.8571428571%;
}

.cv-event.offset4 {
  left: 57.1428571429%;
}

.cv-event.offset5 {
  left: 71.4285714286%;
}

.cv-event.offset6 {
  left: 85.7142857143%;
}

/* Metrics for items spanning dates */
.cv-event.span1 {
  width: calc(14.2857142857% - 0.05em);
}

.cv-event.span2 {
  width: calc(28.5714285714% - 0.05em);
}

.cv-event.span3 {
  width: calc(42.8571428571% - 0.05em);
  text-align: center;
}

.cv-event.span4 {
  width: calc(57.1428571429% - 0.05em);
  text-align: center;
}

.cv-event.span5 {
  width: calc(71.4285714286% - 0.05em);
  text-align: center;
}

.cv-event.span6 {
  width: calc(85.7142857143% - 0.05em);
  text-align: center;
}

.cv-event.span7 {
  width: calc(100% - 0.05em);
  text-align: center;
}

/* Hide scrollbars for the grid and the week */
.cv-weeks::-webkit-scrollbar,
.cv-week::-webkit-scrollbar {
  width: 0;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

/* [SCHEDULER] Opensource + Custom */
.cv-day-number {
  margin: 4px;
}

.cv-header-day.dow0,
.cv-day.dow0 > .cv-day-number,
.cv-day-number.holiday {
  color: #d5383a;
}

.cv-header-day.dow6,
.cv-day.dow6 > .cv-day-number {
  color: #1e5fcb;
}

.cv-day.outsideOfMonth {
  color: #adadad;
}
.cv-day.outsideOfMonth.dow0 .cv-day-number {
  color: #eeafb0;
}
.cv-day.outsideOfMonth.dow6 .cv-day-number {
  color: #a5bfea;
}
.cv-day.outsideOfMonth .cv-day-number.holiday {
  color: #eeafb0;
}

.cv-day.today .cv-day-number {
  background-color: #0aacbe;
  border-radius: 50%;
  color: #ffffff;
}

.cv-day.selected {
  background-color: #ceeef2;
}

.cv-day.outsideOfMonth {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.05);
}

.cv-week .cv-event.default-color {
  background-color: #ededed;
}
.cv-week .cv-event.primary-color {
  background-color: #0aacbe;
  color: #ffffff;
}
.cv-week .cv-event.point-color {
  background-color: #c2e260;
  color: #333333;
}
.cv-week .cv-event.red-color {
  background-color: #e74c3c;
  color: #ffffff;
}
.cv-week .cv-event.orange-color {
  background-color: #f39c12;
  color: #ffffff;
}
.cv-week .cv-event.yellow-color {
  background-color: #f4d03f;
}
.cv-week .cv-event.green-color {
  background-color: #28b463;
  color: #ffffff;
}
.cv-week .cv-event.blue-color {
  background-color: #2e86c1;
  color: #ffffff;
}
.cv-week .cv-event.navy-color {
  background-color: #1a5276;
  color: #ffffff;
}
.cv-week .cv-event.violet-color {
  background-color: #884ea0;
  color: #ffffff;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__title .ur-text-field {
  width: 100%;
}
.ur-scheduler__modal .ur-scheduler__modal-form-box__title .ur-text-field > input {
  width: 100%;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .ur-form-item__compo .primary {
  color: #0aacbe;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .ur-form-item__compo .point {
  color: #c2e260;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .red {
  color: #e74c3c;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .orange {
  color: #f39c12;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .yellow {
  color: #f4d03f;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .green {
  color: #28b463;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .blue {
  color: #2e86c1;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .navy {
  color: #1a5276;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .violet {
  color: #884ea0;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .default {
  color: #ededed;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .selected-color {
  border-color: #0aacbe;
  border-radius: 50%;
}

.ur-tooltip-directive {
  position: fixed;
  z-index: 10000;
  background-color: #333333;
  color: #ffffff;
  padding: 8px 12px;
  line-height: 20px;
  font-size: 12px;
  min-height: 32px;
  max-width: 368px;
  transition: left 0.1s, right 0.1s, top 0.1s, bottom 0.1s, opacity 0.3s linear 0.15s;
  pointer-events: none;
  border: 1px solid #ffffff;
  border-radius: 3px;
}

.ur-tooltip-directive[direction]:before {
  content: "";
  position: absolute;
  width: 11.2px;
  height: 11.2px;
  background-color: #333333;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 0 1.4px 1.4px;
  border-bottom-left-radius: 3px;
}

.ur-tooltip-directive[direction=R]:before {
  transform: rotate(45deg);
  right: calc(100% - 5.6px);
  top: calc(50% - 5.6px);
}

.ur-tooltip-directive[direction=L]:before {
  transform: rotate(225deg);
  left: calc(100% - 5.6px);
  bottom: calc(50% - 5.6px);
}

.ur-tooltip-directive[direction=U]:before {
  transform: rotate(315deg);
  top: calc(100% - 5.6px);
  left: calc(50% - 5.6px);
}

.ur-tooltip-directive[direction=D]:before {
  transform: rotate(135deg);
  bottom: calc(100% - 5.6px);
  left: calc(50% - 5.6px);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiGnb/SuiGnb.vue?vue&type=style&index=0&id=67864718&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.icon-hover[data-v-67864718]:hover {
  color: white;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiLnbMenuItem/SuiLnbMenuItem.vue?vue&type=style&index=0&id=821c4590&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 
.-lnb-menu__item {
  width: 100%;
  height: auto;
  align-items: center;
  background-color: #FFF;
  cursor: pointer;
}

.-lnb-menu__item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.-lnb-menu__item__header:hover {background-color:#f7f7f7}
.-lnb-menu__item__header__title {
  font-size:15px;
  color:#333;
  margin-left:20px;
  line-height:40px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.-lnb-menu__item__header__button {
  background: url("../../../../assets/images/ic_lnb_open1_normal.png") no-repeat center;
  width: 16px;
  height: 16px;
  margin-right:14px;
}
.-lnb-menu__item__header__button:hover{background: url("../../../../assets/images/ic_lnb_open1_hover.png") no-repeat center;}
.-lnb-menu__item__header__button_close {
  background: url("../../../../assets/images/ic_lnb_close1_normal.png") no-repeat center;
  width: 16px;
  height: 16px;
  margin-right:14px;
}
.-lnb-menu__item__header__button_close:hover{background: url("../../../../assets/images/ic_lnb_close1_hover.png") no-repeat center;}
.-lnb-menu__item__body  {
  padding: 8px 16px;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
} */

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiLnbMenu/SuiLnbMenu.vue?vue&type=style&index=0&id=e025e3d0&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* .-lnb-menu__item {
  width: 100%;
  height: auto;
  align-items: center;
  background-color: #FFF;
  cursor: pointer;
}

.-lnb-menu__item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.-lnb-menu__item__header:hover{
  background-color: #f7f7f7
}
.-lnb-menu__item__header__title {
  font-size:15px;
  color:#333;
  margin-left:20px;
  line-height:40px;
}

.-lnb-menu__item__header__button {
  background: url("../../../../assets/images/ic_lnb_open1_normal.png") no-repeat center;
  width: 16px;
  height: 16px;
  margin-right:14px;
}
.-lnb-menu__item__header__button:hover{background: url("../../../../assets/images/ic_lnb_open1_hover.png") no-repeat center;}

.-lnb-menu__item__header__button_close {
  background: url("../../../../assets/images/ic_lnb_close1_normal.png") no-repeat center;
  width: 16px;
  height: 16px;
  margin-right:14px;
}
.-lnb-menu__item__header__button_close:hover{background: url("../../../../assets/images/ic_lnb_close1_hover.png") no-repeat center;}


.-lnb-menu__item__body  {
  padding: 8px 20px;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
} */

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiLnb/SuiLnb.vue?vue&type=style&index=0&id=4d4b4110&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4d4b4110]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.lnb-container .lnb-item-list .selected-area .selected-trigger div[data-v-4d4b4110] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiPageFooter/SuiPageFooter01.vue?vue&type=style&index=0&id=03f370fd&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-03f370fd]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
#footer-modal[data-v-03f370fd] {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow-y: auto;
  font-size: 14px;
  line-height: 1.5;
  color: #1c1d1f;
  box-sizing: border-box;
}
.select[data-v-03f370fd] {
  display: flex;
  justify-content: flex-end;
}
.page-footer[data-v-03f370fd] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  position: relative;
  left: auto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.3px;
  text-align: left;
  padding: 0 35px;
  color: #767778;
}
.page-footer .copyright[data-v-03f370fd] {
  margin-right: 16px;
}
.page-footer .hl[data-v-03f370fd] {
  width: 1px;
  height: 10px;
  opacity: 0.2;
  background-color: #000000;
  margin-right: 16px;
}
.page-footer .privacy-policy[data-v-03f370fd] {
  font-weight: bold;
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiFrame/SuiFrame.vue?vue&type=style&index=0&id=760e6018&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-760e6018]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.right-container[data-v-760e6018] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.-dashboard-edit .content-outer-container[data-v-760e6018] {
  overflow-y: auto;
}
.-dashboard-edit .content-inner-container[data-v-760e6018] {
  margin: 0 !important;
  width: 100%;
  height: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiPageHeader/SuiPageHeader.vue?vue&type=style&index=0&id=4a8d9640&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.icon_info[data-v-4a8d9640] {
  width: 20px;
  height: 20px;
  margin-top: 1px;
  margin-left: 7px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/biz/img/ic_question_mark.23c9fa7abf87e791.svg);
  cursor: pointer;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiPageCardHeader/SuiPageCardHeader.vue?vue&type=style&index=0&id=75a37e40&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.portlet_tit[data-v-75a37e40] {
  height: 66px;
}
.portlet_tit .tt_tit[data-v-75a37e40] {
  margin: 18px 28px 0 28px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  line-height: 24px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiPageCardFooter/SuiPageCardFooter.vue?vue&type=style&index=0&id=0ce10edc&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.portlet_bottom[data-v-0ce10edc] {
  display: inline-flex;
  margin-top: auto;
  width: 100%;
  line-height: 40px;
  position: absolute;
  bottom: 0;
  background-color: #ffffff;
}
.portlet_bottom .left[data-v-0ce10edc] {
  justify-content: flex-start;
  margin-left: 28px;
}
.portlet_bottom .right[data-v-0ce10edc] {
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 28px;
}
.btn_txt_GR_arrow[data-v-0ce10edc] {
  font-size: 12px;
  color: #333;
  font-weight: normal;
  padding-right: 10px;
  background: url(/biz/img/ic_hyperling_blue_disable.b9e92314490537d4.png) no-repeat right 7px;
}
.portlet_bottom .right .ico_todo[data-v-0ce10edc] {
  font-size: 10px;
  color: #a5a5a5;
  padding-right: 20px;
  width: 16px;
  height: 16px;
  background: url(/biz/img/ic_todo_tag_off.80dcd2083f19c020.png) no-repeat 98% 2px;
}
.portlet_bottom .right .ico_dashboard[data-v-0ce10edc] {
  font-size: 10px;
  color: #a5a5a5;
  padding-right: 20px;
  width: 16px;
  height: 16px;
  background: url(/biz/img/ic_dashboard_tag_off.b066e5e5cc07e92b.png) no-repeat 98% 2px;
}
.portlet_bottom .right .ico_notice[data-v-0ce10edc] {
  font-size: 10px;
  color: #a5a5a5;
  padding-right: 20px;
  width: 16px;
  height: 16px;
  background: url(/biz/img/ic_notice_tag_off.cbb3c99df7be1dce.png) no-repeat 98% 2px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiTree/SuiTree.vue?vue&type=style&index=0&id=09851584&scopped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.empty_txt {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #ccc !important;
  font-size: 13px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiDatePicker/vuejs-date-picker/components/Datepicker.vue?vue&type=style&index=0&id=19c56b0c&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-19c56b0c]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.rtl[data-v-19c56b0c] {
  direction: rtl;
}
.vdp-datepicker[data-v-19c56b0c] {
  position: relative;
  text-align: left;
}
.vdp-datepicker[data-v-19c56b0c] * {
  box-sizing: border-box;
}
.vdp-datepicker__calendar[data-v-19c56b0c] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: white;
  width: 300px;
  border: 1px solid #ccc;
}
.vdp-datepicker__calendar header[data-v-19c56b0c] {
  display: block;
  line-height: 40px;
}
.vdp-datepicker__calendar header span[data-v-19c56b0c] {
  display: inline-block;
  text-align: center;
  width: 71.4285714286%;
  float: left;
}
.vdp-datepicker__calendar header .prev[data-v-19c56b0c],
.vdp-datepicker__calendar header .next[data-v-19c56b0c] {
  width: 14.2857142857%;
  float: left;
  text-indent: -10000px;
  position: relative;
}
.vdp-datepicker__calendar header .prev[data-v-19c56b0c]:after,
.vdp-datepicker__calendar header .next[data-v-19c56b0c]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 0;
}
.vdp-datepicker__calendar header .prev[data-v-19c56b0c]:after {
  border-right: 0;
  margin-left: 0;
}
.vdp-datepicker__calendar header .prev.disabled[data-v-19c56b0c]:after {
  border-right: 0;
}
.vdp-datepicker__calendar header .next[data-v-19c56b0c]:after {
  border-left: 0;
  margin-left: 0;
}
.vdp-datepicker__calendar header .next.disabled[data-v-19c56b0c]:after {
  border-left: 0;
}
.vdp-datepicker__calendar header .prev[data-v-19c56b0c]:not(.disabled),
.vdp-datepicker__calendar header .next[data-v-19c56b0c]:not(.disabled),
.vdp-datepicker__calendar header .up[data-v-19c56b0c]:not(.disabled) {
  cursor: pointer;
}
.vdp-datepicker__calendar header .prev[data-v-19c56b0c]:not(.disabled):hover,
.vdp-datepicker__calendar header .next[data-v-19c56b0c]:not(.disabled):hover,
.vdp-datepicker__calendar header .up[data-v-19c56b0c]:not(.disabled):hover {
  background: transparent;
}
.vdp-datepicker__calendar .disabled[data-v-19c56b0c] {
  color: #ddd;
  cursor: default;
}
.vdp-datepicker__calendar .flex-rtl[data-v-19c56b0c] {
  display: flex;
  width: inherit;
  flex-wrap: wrap;
}
.vdp-datepicker__calendar .cell[data-v-19c56b0c] {
  display: inline-block;
  padding: 0 5px;
  width: 14.2857142857%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
}
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day[data-v-19c56b0c], .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month[data-v-19c56b0c], .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year[data-v-19c56b0c] {
  cursor: pointer;
}
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day[data-v-19c56b0c]:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month[data-v-19c56b0c]:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year[data-v-19c56b0c]:hover {
  border: 1px solid #4bd;
}
.vdp-datepicker__calendar .cell.selected[data-v-19c56b0c] {
  background: #4bd;
}
.vdp-datepicker__calendar .cell.selected[data-v-19c56b0c]:hover {
  background: #4bd;
}
.vdp-datepicker__calendar .cell.selected.highlighted[data-v-19c56b0c] {
  background: #4bd;
}
.vdp-datepicker__calendar .cell.highlighted[data-v-19c56b0c] {
  background: #cae5ed;
}
.vdp-datepicker__calendar .cell.highlighted.disabled[data-v-19c56b0c] {
  color: #a3a3a3;
}
.vdp-datepicker__calendar .cell.grey[data-v-19c56b0c] {
  color: #888;
}
.vdp-datepicker__calendar .cell.grey[data-v-19c56b0c]:hover {
  background: inherit;
}
.vdp-datepicker__calendar .cell.day-header[data-v-19c56b0c] {
  font-size: 75%;
  white-space: nowrap;
  cursor: inherit;
}
.vdp-datepicker__calendar .cell.day-header[data-v-19c56b0c]:hover {
  background: transparent;
}
.vdp-datepicker__calendar .cell.month[data-v-19c56b0c], .vdp-datepicker__calendar .cell.year[data-v-19c56b0c] {
  width: 33.333%;
}
.vdp-datepicker__calendar .cell.disabled[data-v-19c56b0c] {
  color: #ddd;
  cursor: default;
}
.vdp-datepicker__clear-button[data-v-19c56b0c], .vdp-datepicker__calendar-button[data-v-19c56b0c] {
  cursor: pointer;
  font-style: normal;
}
.vdp-datepicker__clear-button.disabled[data-v-19c56b0c], .vdp-datepicker__calendar-button.disabled[data-v-19c56b0c] {
  color: #999;
  cursor: default;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiDatePicker/vuejs-date-picker/components/PickerSingle.vue?vue&type=style&index=0&id=09a8ee74&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-09a8ee74]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.rtl[data-v-09a8ee74] {
  direction: rtl;
}
.vdp-datepicker[data-v-09a8ee74] {
  position: relative;
  text-align: left;
}
.vdp-datepicker[data-v-09a8ee74] * {
  box-sizing: border-box;
}
.vdp-datepicker__calendar[data-v-09a8ee74] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: white;
  width: 300px;
  border: 1px solid #ccc;
}
.vdp-datepicker__calendar header[data-v-09a8ee74] {
  display: block;
  line-height: 40px;
}
.vdp-datepicker__calendar header span[data-v-09a8ee74] {
  display: inline-block;
  text-align: center;
  width: 71.4285714286%;
  float: left;
}
.vdp-datepicker__calendar header .prev[data-v-09a8ee74],
.vdp-datepicker__calendar header .next[data-v-09a8ee74] {
  width: 14.2857142857%;
  float: left;
  text-indent: -10000px;
  position: relative;
}
.vdp-datepicker__calendar header .prev[data-v-09a8ee74]:after,
.vdp-datepicker__calendar header .next[data-v-09a8ee74]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 0;
}
.vdp-datepicker__calendar header .prev[data-v-09a8ee74]:after {
  border-right: 0;
  margin-left: 0;
}
.vdp-datepicker__calendar header .prev.disabled[data-v-09a8ee74]:after {
  border-right: 0;
}
.vdp-datepicker__calendar header .next[data-v-09a8ee74]:after {
  border-left: 0;
  margin-left: 0;
}
.vdp-datepicker__calendar header .next.disabled[data-v-09a8ee74]:after {
  border-left: 0;
}
.vdp-datepicker__calendar header .prev[data-v-09a8ee74]:not(.disabled),
.vdp-datepicker__calendar header .next[data-v-09a8ee74]:not(.disabled),
.vdp-datepicker__calendar header .up[data-v-09a8ee74]:not(.disabled) {
  cursor: pointer;
}
.vdp-datepicker__calendar header .prev[data-v-09a8ee74]:not(.disabled):hover,
.vdp-datepicker__calendar header .next[data-v-09a8ee74]:not(.disabled):hover,
.vdp-datepicker__calendar header .up[data-v-09a8ee74]:not(.disabled):hover {
  background: transparent;
}
.vdp-datepicker__calendar .disabled[data-v-09a8ee74] {
  color: #ddd;
  cursor: default;
}
.vdp-datepicker__calendar .flex-rtl[data-v-09a8ee74] {
  display: flex;
  width: inherit;
  flex-wrap: wrap;
}
.vdp-datepicker__calendar .cell[data-v-09a8ee74] {
  display: inline-block;
  padding: 0 5px;
  width: 14.2857142857%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
}
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day[data-v-09a8ee74], .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month[data-v-09a8ee74], .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year[data-v-09a8ee74] {
  cursor: pointer;
}
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day[data-v-09a8ee74]:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month[data-v-09a8ee74]:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year[data-v-09a8ee74]:hover {
  border: 1px solid #4bd;
}
.vdp-datepicker__calendar .cell.selected[data-v-09a8ee74] {
  background: #4bd;
}
.vdp-datepicker__calendar .cell.selected[data-v-09a8ee74]:hover {
  background: #4bd;
}
.vdp-datepicker__calendar .cell.selected.highlighted[data-v-09a8ee74] {
  background: #4bd;
}
.vdp-datepicker__calendar .cell.highlighted[data-v-09a8ee74] {
  background: #cae5ed;
}
.vdp-datepicker__calendar .cell.highlighted.disabled[data-v-09a8ee74] {
  color: #a3a3a3;
}
.vdp-datepicker__calendar .cell.grey[data-v-09a8ee74] {
  color: #888;
}
.vdp-datepicker__calendar .cell.grey[data-v-09a8ee74]:hover {
  background: inherit;
}
.vdp-datepicker__calendar .cell.day-header[data-v-09a8ee74] {
  font-size: 75%;
  white-space: nowrap;
  cursor: inherit;
}
.vdp-datepicker__calendar .cell.day-header[data-v-09a8ee74]:hover {
  background: transparent;
}
.vdp-datepicker__calendar .cell.month[data-v-09a8ee74], .vdp-datepicker__calendar .cell.year[data-v-09a8ee74] {
  width: 33.333%;
}
.vdp-datepicker__calendar .cell.disabled[data-v-09a8ee74] {
  color: #ddd;
  cursor: default;
}
.vdp-datepicker__clear-button[data-v-09a8ee74], .vdp-datepicker__calendar-button[data-v-09a8ee74] {
  cursor: pointer;
  font-style: normal;
}
.vdp-datepicker__clear-button.disabled[data-v-09a8ee74], .vdp-datepicker__calendar-button.disabled[data-v-09a8ee74] {
  color: #999;
  cursor: default;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiDatePicker/vuejs-date-picker/components/DoubleDatepicker.vue?vue&type=style&index=0&id=1a52c73d&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1a52c73d]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.rtl[data-v-1a52c73d] {
  direction: rtl;
}
.vdp-datepicker[data-v-1a52c73d] {
  position: relative;
  text-align: left;
}
.vdp-datepicker[data-v-1a52c73d] * {
  box-sizing: border-box;
}
.vdp-datepicker__calendar[data-v-1a52c73d] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: white;
  width: 300px;
  border: 1px solid #ccc;
}
.vdp-datepicker__calendar header[data-v-1a52c73d] {
  display: block;
  line-height: 40px;
}
.vdp-datepicker__calendar header span[data-v-1a52c73d] {
  display: inline-block;
  text-align: center;
  width: 71.4285714286%;
  float: left;
}
.vdp-datepicker__calendar header .prev[data-v-1a52c73d],
.vdp-datepicker__calendar header .next[data-v-1a52c73d] {
  width: 14.2857142857%;
  float: left;
  text-indent: -10000px;
  position: relative;
}
.vdp-datepicker__calendar header .prev[data-v-1a52c73d]:after,
.vdp-datepicker__calendar header .next[data-v-1a52c73d]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 0;
}
.vdp-datepicker__calendar header .prev[data-v-1a52c73d]:after {
  border-right: 0;
  margin-left: 0;
}
.vdp-datepicker__calendar header .prev.disabled[data-v-1a52c73d]:after {
  border-right: 0;
}
.vdp-datepicker__calendar header .next[data-v-1a52c73d]:after {
  border-left: 0;
  margin-left: 0;
}
.vdp-datepicker__calendar header .next.disabled[data-v-1a52c73d]:after {
  border-left: 0;
}
.vdp-datepicker__calendar header .prev[data-v-1a52c73d]:not(.disabled),
.vdp-datepicker__calendar header .next[data-v-1a52c73d]:not(.disabled),
.vdp-datepicker__calendar header .up[data-v-1a52c73d]:not(.disabled) {
  cursor: pointer;
}
.vdp-datepicker__calendar header .prev[data-v-1a52c73d]:not(.disabled):hover,
.vdp-datepicker__calendar header .next[data-v-1a52c73d]:not(.disabled):hover,
.vdp-datepicker__calendar header .up[data-v-1a52c73d]:not(.disabled):hover {
  background: transparent;
}
.vdp-datepicker__calendar .disabled[data-v-1a52c73d] {
  color: #ddd;
  cursor: default;
}
.vdp-datepicker__calendar .flex-rtl[data-v-1a52c73d] {
  display: flex;
  width: inherit;
  flex-wrap: wrap;
}
.vdp-datepicker__calendar .cell[data-v-1a52c73d] {
  display: inline-block;
  padding: 0 5px;
  width: 14.2857142857%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
}
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day[data-v-1a52c73d], .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month[data-v-1a52c73d], .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year[data-v-1a52c73d] {
  cursor: pointer;
}
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day[data-v-1a52c73d]:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month[data-v-1a52c73d]:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year[data-v-1a52c73d]:hover {
  border: 1px solid #4bd;
}
.vdp-datepicker__calendar .cell.selected[data-v-1a52c73d] {
  background: #4bd;
}
.vdp-datepicker__calendar .cell.selected[data-v-1a52c73d]:hover {
  background: #4bd;
}
.vdp-datepicker__calendar .cell.selected.highlighted[data-v-1a52c73d] {
  background: #4bd;
}
.vdp-datepicker__calendar .cell.highlighted[data-v-1a52c73d] {
  background: #cae5ed;
}
.vdp-datepicker__calendar .cell.highlighted.disabled[data-v-1a52c73d] {
  color: #a3a3a3;
}
.vdp-datepicker__calendar .cell.grey[data-v-1a52c73d] {
  color: #888;
}
.vdp-datepicker__calendar .cell.grey[data-v-1a52c73d]:hover {
  background: inherit;
}
.vdp-datepicker__calendar .cell.day-header[data-v-1a52c73d] {
  font-size: 75%;
  white-space: nowrap;
  cursor: inherit;
}
.vdp-datepicker__calendar .cell.day-header[data-v-1a52c73d]:hover {
  background: transparent;
}
.vdp-datepicker__calendar .cell.month[data-v-1a52c73d], .vdp-datepicker__calendar .cell.year[data-v-1a52c73d] {
  width: 33.333%;
}
.vdp-datepicker__calendar .cell.disabled[data-v-1a52c73d] {
  color: #ddd;
  cursor: default;
}
.vdp-datepicker__clear-button[data-v-1a52c73d], .vdp-datepicker__calendar-button[data-v-1a52c73d] {
  cursor: pointer;
  font-style: normal;
}
.vdp-datepicker__clear-button.disabled[data-v-1a52c73d], .vdp-datepicker__calendar-button.disabled[data-v-1a52c73d] {
  color: #999;
  cursor: default;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiPageCardContainer/SuiPageCardContainer.vue?vue&type=style&index=0&id=0dec5f5c&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.-page-card-container[data-v-0dec5f5c] {
  display: flex;

  flex-direction: row;
  padding-bottom: 20px;
  flex-wrap: wrap;
  min-width: 1300px;
  top: 165px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiPageCard/SuiPageCard.vue?vue&type=style&index=0&id=1692eb00&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.-page-card-item[data-v-1692eb00]:last-child {
  margin-right: 0;
}
.-page-card-item[data-v-1692eb00] {
  background-color: #fff;
  border: solid 1px #d8dfe8;
  width: 312px;
  height: 300px;
  /*margin-right:12px;*/
  /*margin-bottom: 12px;*/
  margin: 8px 6px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
}
.-page-card-item[data-v-1692eb00]:hover {
  cursor: pointer;
  border: 1px solid #b2bfd6;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiGrid/SuiGrid.vue?vue&type=style&index=0&id=3fc156e4&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.-grid__column__header__root[data-v-3fc156e4] {
  width: 100%;
  height: 100%;
}
.sui-grid-hide[data-v-3fc156e4] {
  height: 0;
  overflow: hidden;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiLnbTreeItem/SuiLnbTreeItem.vue?vue&type=style&index=0&id=a51ad01c&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.lnb-tree .lnb-tree-ocl[data-v-a51ad01c] {
  width: 16px;
  height: 30px;
}
.lnb-tree .tree-default-small .tree-node[data-v-a51ad01c] {
  background-image: null;
}
.lnb-tree .tree-default-small .tree-node[data-v-a51ad01c] {
  margin-left: 16px;
}
.lnb-tree .tree-anchor[data-v-a51ad01c] {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  line-height: 30px;
  height: 30px;
}
.lnb-tree .tree-anchor .tree-item-text[data-v-a51ad01c] {
  font-size: 13px;
  width: 170px;
  font-weight: normal !important;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.lnb-tree .tree-item-button[data-v-a51ad01c] {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
  text-indent: -9999px;
  width: 20px;
  height: 30px;
  background: url(/biz/img/ic_lnb_more_normal.2aa50c13b26a4022.png) no-repeat -5px 5px;
  position: relative;
}
.lnb-tree .tree-item-button[data-v-a51ad01c]:hover {
  background: url(/biz/img/ic_lnb_more_hover.4b23c7e4f9ed1c2d.png) no-repeat -5px 5px;
}
.lnb-tree .lnb-tree__item-container .tree-icon[data-v-a51ad01c] {
  width: 16px;
  height: 24px;
}
.lnb-tree .tree-open .lnb-tree__item-container .tree-icon[data-v-a51ad01c] {
  background: url(/biz/img/ic_menu2_down_normal.e6b8efae4f92dbb0.png) no-repeat 1px 8px;
}
.lnb-tree .tree-closed .lnb-tree__item-container .tree-icon[data-v-a51ad01c] {
  background: url(/biz/img/ic_menu2_up_normal.9eb5ea3ee465cc8d.png) no-repeat 2px 8px;
}
.lnb-tree .tree-leaf .lnb-tree__item-container .tree-icon[data-v-a51ad01c] {
  width: 16px;
  height: 24px;
  background: none;
}
.lnb-tree .tree-node[data-v-a51ad01c] {
  background: none;
  line-height: 30px;
}
.tree-default-small .tree-selected[data-v-a51ad01c] {
  background-color: #e9ecf7;
  border: 0px;
  box-shadow: none;
  color: #2949b3 !important;
}
/* .tree-children li:hover {background-color:yellow !important} */
/* .tree-children li ul li:hover {background-color:yellow !important} */
/* .tree-container-ul.tree-children .tree-children:hover {background-color: blue !important}
.lnb-tree .tree-node:hover{background-color:green !important} */

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiLoadingIndicator/SuiLoadingIndicator.vue?vue&type=style&index=0&id=717c05e8&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-717c05e8]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.sui-locaing-indicator[data-v-717c05e8] {
  z-index: 1000000;
  position: fixed;
  top: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(226, 231, 236, 0.4);
}
.spinner[data-v-717c05e8] {
  animation: rotator-717c05e8 1.4s linear infinite;
}
@keyframes rotator-717c05e8 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(270deg);
}
}
.path[data-v-717c05e8] {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash-717c05e8 1.4s ease-in-out infinite,colors-717c05e8 2.8s ease-in-out infinite;
}
@keyframes colors-717c05e8 {
0% {
    stroke: #325be5;
}
50% {
    stroke: #24cd89;
}
100% {
    stroke: #325be5;
}
}
@keyframes dash-717c05e8 {
0% {
    stroke-dashoffset: 187;
}
50% {
    stroke-dashoffset: 93.5px;
    transform: rotate(180deg);
}
100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiWebEditor/SuiWebEditor.vue?vue&type=style&index=0&id=10afccb2&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-10afccb2]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-validator--error[data-v-10afccb2] {
  border: 1px solid #ff5858;
}
.errorMsg[data-v-10afccb2] {
  color: #ea1910;
  font-size: 12px;
  font-weight: normal;
}
.countMsg[data-v-10afccb2] {
  color: #767778;
  font-size: 12px;
  font-weight: normal;
  float: right;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiSGrid/SuiSGrid.vue?vue&type=style&index=0&id=52abfd9c&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.ur-data-grid__content__cell__value {
  max-width: calc(100% - 2px);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./src/common/components/form/SuiFlowChart/components/flowchart/index.css?vue&type=style&index=0&lang=css&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#svg {
  background-size: 20px 20px, 20px 20px, 10px 10px, 10px 10px;
  background-image: linear-gradient(to right, #dfdfdf 1px, transparent 1px),
    linear-gradient(to bottom, #dfdfdf 1px, transparent 1px),
    linear-gradient(to right, #f1f1f1 1px, transparent 1px),
    linear-gradient(to bottom, #f1f1f1 1px, transparent 1px);
  background-position: left -1px top -1px, left -1px top -1px, left -1px top -1px,
    left -1px top -1px;
  height: 100%;
  width: 100%;
}

#chart {
  position: relative;
  width: 800px;
  height: 600px;
  border: 1px solid #dfdfdf;
}

#position {
  position: absolute;
  right: 4px;
}

.unselectable {
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.connector {
  cursor: crosshair;
  opacity: 0;
}

.connector.active {
  opacity: 1;
  fill: white;
  stroke: #bbbbbb;
  stroke-width: 1px;
}

.connector:hover {
  stroke: red;
}

#svg .selection {
  stroke: lightblue;
  fill: lightblue;
  fill-opacity: 0.8;
  display: none;
}

#svg .selection.active {
  display: block;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiFlowChart/components/flowchart/Flowchart.vue?vue&type=style&index=1&id=cfed553e&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#svg .connection:last-child > path {
  stroke: #361dc3 !important;
  stroke-width: 1;
  fill: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiFlowChart/views/SuiFlowChart.vue?vue&type=style&index=0&id=e7ffac5a&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#toolbar[data-v-e7ffac5a] {
  margin-bottom: 10px;
}
.title[data-v-e7ffac5a] {
  margin-top: 10px;
  margin-bottom: 0;
}
.subtitle[data-v-e7ffac5a] {
  margin-bottom: 10px;
}
#toolbar > button[data-v-e7ffac5a] {
  margin-right: 4px;
}
.container[data-v-e7ffac5a] {
  width: 100%;
  margin: auto;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./src/common/components/form/SuiWMDFlowChart/components/flowchart/index.css?vue&type=style&index=0&lang=css&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#svg {
  background-size: 20px 20px, 20px 20px, 10px 10px, 10px 10px;
  background-image: linear-gradient(to right, #dfdfdf 1px, transparent 1px),
    linear-gradient(to bottom, #dfdfdf 1px, transparent 1px),
    linear-gradient(to right, #f1f1f1 1px, transparent 1px),
    linear-gradient(to bottom, #f1f1f1 1px, transparent 1px);
  background-position: left -1px top -1px, left -1px top -1px, left -1px top -1px,
    left -1px top -1px;
  height: 100%;
  width: 100%;
}

#chart {
  position: relative;
  width: 800px;
  height: 600px;
  border: 1px solid #dfdfdf;
}

#position {
  position: absolute;
  right: 4px;
}

.unselectable {
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.connector {
  cursor: crosshair;
  opacity: 0;
}

.connector.active {
  opacity: 1;
  fill: white;
  stroke: #bbbbbb;
  stroke-width: 1px;
}

.connector:hover {
  stroke: red;
}

#svg .selection {
  stroke: lightblue;
  fill: lightblue;
  fill-opacity: 0.8;
  display: none;
}

#svg .selection.active {
  display: block;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiWMDFlowChart/components/flowchart/Flowchart_wmd.vue?vue&type=style&index=1&id=4aba28ba&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#svg .connection:last-child > path {
  stroke: #361dc3 !important;
  stroke-width: 1;
  fill: none;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiWMDFlowChart/views/SuiWMDFlowChart.vue?vue&type=style&index=0&id=eaf10f36&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#toolbar[data-v-eaf10f36] {
  margin-bottom: 10px;
}
.title[data-v-eaf10f36] {
  margin-top: 10px;
  margin-bottom: 0;
}
.subtitle[data-v-eaf10f36] {
  margin-bottom: 10px;
}
#toolbar > button[data-v-eaf10f36] {
  margin-right: 4px;
}
.container[data-v-eaf10f36] {
  width: 100%;
  margin: auto;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/filter/CommonFilter/CommonFilter.vue?vue&type=style&index=0&id=251a1586&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-251a1586]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.option-container__background[data-v-251a1586] {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: transparent;
}
.filterBtnWrap[data-v-251a1586] {
  position: relative;
  display: inline-block;
}
.option-container[data-v-251a1586] {
  width: 500px;
  padding: 30px;
  position: absolute;
  top: 110%;
  right: 50%;
  z-index: 1;
  border: 1px solid #a4a4a5;
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.option-container .ur-date-picker--medium[data-v-251a1586] {
  width: 100%;
}
.option-container .chips[data-v-251a1586] {
  margin-bottom: 12px;
  display: flex;
  align-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #1c1d1f;
  justify-content: space-between;
}
.option-container .chips[data-v-251a1586] > *:first-child {
  width: 130px;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.option-container .chips[data-v-251a1586] > *:last-child {
  width: calc(100% - 144px);
}
.option-container .chips > *:last-child .ur-text-field[data-v-251a1586] {
  width: 100%;
}
.option-container .btnWrap[data-v-251a1586] {
  margin-top: 26px;
  display: flex;
  justify-content: flex-end;
}
.option-container .btnWrap button[data-v-251a1586] {
  width: 80px;
  margin-right: 10px;
  border: 1px solid #142136;
}
.option-container .btnWrap button.ur-button.ur-button--disabled[data-v-251a1586],
.option-container .btnWrap button .comm_btn_border.ur-button--disabled[data-v-251a1586] {
  border-color: #d0d1d2;
}
.option-container .btnWrap[data-v-251a1586]:last-child {
  margin-right: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/lego/LegoDashboardDevMode.vue?vue&type=style&index=0&id=ea0d0956&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-ea0d0956]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.preview-dashboard--on-resize .lego-dashboard__dev[data-v-ea0d0956] {
  z-index: 100;
}
.lego-dashboard__dev[data-v-ea0d0956] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px dashed #cccccc;
}
.lego-dashboard__dev-gl[data-v-ea0d0956] {
  position: absolute;
  border-top: 1px dashed #cccccc;
  border-right: 1px dashed #cccccc;
}
.lego-dashboard__dev-border[data-v-ea0d0956] {
  border: 1px dashed #cccccc;
}
.lego-dashboard__dev-shadow[data-v-ea0d0956] {
  position: absolute;
  background: #e4e8ef;
  border-radius: 8px;
  border: dashed 1px #0f62fe;
  background-color: #f2f7ff;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/lego/LegoDashboard.vue?vue&type=style&index=0&id=9a037e9a&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-9a037e9a]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.lego-dashboard[data-v-9a037e9a] {
  position: relative;
  min-height: 300px;
  height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/lego/LegoDashboardItem.vue?vue&type=style&index=0&id=03e5d8e6&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-03e5d8e6]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.lego-dashboard-item[data-v-03e5d8e6] {
  position: absolute;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/lego/LegoWidget.vue?vue&type=style&index=0&id=de32fa96&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-de32fa96]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.lego-card.lego-widget--no-border[data-v-de32fa96] {
  border: none;
}
.lego-widget__title[data-v-de32fa96] {
  font-size: 20px;
  font-weight: bold;
  height: 24px;
  color: #333333;
  display: flex;
}
.lego-widget__title p[data-v-de32fa96] {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
  flex-grow: 1;
}
.lego-widget__subtext[data-v-de32fa96] {
  margin-top: 4px;
  height: 24px;
  color: #767676;
  font-size: 16px;
}
.lego-widget .lego-widget__title[data-v-de32fa96] .ur-dropdown__title .ur-dropdown__selected {
  width: auto;
  min-width: 80px;
  justify-content: flex-end;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.lego-widget .lego-widget__title[data-v-de32fa96] .ur-dropdown__title-border {
  border: none;
}
.lego-widget .lego-widget__title[data-v-de32fa96] .ur-dropdown--medium {
  min-width: 0;
  width: auto;
  height: auto;
}
.lego-widget .lego-widget__title[data-v-de32fa96] .ur-dropdown__title {
  padding: 0;
}
.lego-widget .lego-widget__title[data-v-de32fa96] .ur-dropdown__items {
  width: auto !important;
}
.lego-widget .lego-widget__title[data-v-de32fa96] .ur-dropdown__item {
  padding: 0;
}
.lego-widget .lego-widget__title[data-v-de32fa96] .ur-dropdown__label {
  display: flex;
  justify-content: space-around;
}
.lego-widget .lego-widget__title[data-v-de32fa96] .ur-dropdown--medium .ur-dropdown__title-icon {
  margin-left: 4px;
}
.lego-widget .lego-widget__title img[data-v-de32fa96] {
  cursor: pointer;
}
.lego-widget[data-v-de32fa96] {
  height: 100%;
  padding: 25px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
.lego-widget .lego-widget__content[data-v-de32fa96] {
  padding-top: 10px;
  overflow-y: visible;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.lego-widget .lego-widget__content[data-v-de32fa96] .hover-scroll-area {
  flex: 1 1 0;
  overflow-y: hidden;
  padding-bottom: 1px;
}
.lego-widget .lego-widget__content[data-v-de32fa96] .hover-scroll-area::-webkit-scrollbar {
  width: 8px;
  height: 5px;
}
.lego-widget .lego-widget__content[data-v-de32fa96] .hover-scroll-area::-webkit-scrollbar-thumb {
  background: rgba(28, 29, 31, 0.3);
}
.lego-widget .lego-widget__content[data-v-de32fa96] .hover-scroll-area:hover {
  overflow-y: scroll;
  width: calc(100% + 8px + 8px);
  padding-right: 8px;
}
.lego-widget .lego-widget__content[data-v-de32fa96] .no-data-text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #767778;
  font-size: 14px;
  margin: 124px 0 auto 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/lego/LegoCard.vue?vue&type=style&index=0&id=cab3007e&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-cab3007e]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/*!
 * copyrights
 *
 * Intellectual property rights, including copyrights, for the above programs are held by Samsung SDS Co., Ltd.,
 *
 * and use, copying, alteration, disclosure to third parties, and distribution not expressly permitted by Samsung SDS Co., Ltd. are strictly prohibited.
 * It is an infringement of intellectual property rights of Samsung SDS Corporation.
 * (Copyright 2022. Samsung SDS Co., Ltd. All rights reserved | Confidential)
 */
.lego-card[data-v-cab3007e] {
  border: 1px solid #cccccc;
  background: #ffffff;
}
.lego-card__media[data-v-cab3007e] {
  position: relative;
  margin-bottom: 8px;
}
.lego-card__contents[data-v-cab3007e] {
  position: relative;
  display: block;
  padding: 24px;
}
.lego-card__contents .lego-card__media[data-v-cab3007e] {
  width: 100%;
}
.lego-card__header[data-v-cab3007e] {
  font-size: 24px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 24px;
}
.lego-card__body[data-v-cab3007e] {
  font-size: 14px;
  line-height: 24px;
  color: #959595;
  margin-bottom: 24px;
}
.lego-card__second[data-v-cab3007e] {
  color: #959595;
  font-size: 12px;
}
.lego-card__second em[data-v-cab3007e] {
  font-weight: bold;
  color: #047ad5;
  font-style: normal;
}
.lego-card__action[data-v-cab3007e] {
  font-size: 12px;
  margin-top: 0px;
  color: #959595;
}
.lego-card__action hr[v][data-v-cab3007e] {
  display: inline-block;
  margin: 0 4px 0 8px;
  height: 8px;
  border-top: none;
}
.lego-card__action--floating[data-v-cab3007e] {
  float: right;
  color: #047ad5;
}
.lego-card__profile[data-v-cab3007e] {
  margin-bottom: 16px;
  min-height: 40px;
}
.lego-card__avatar[data-v-cab3007e] {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 8px;
}
.lego-card__name[data-v-cab3007e] {
  font-size: 16px;
  color: #333333;
  font-weight: 700;
}
.lego-card__tray[data-v-cab3007e] {
  height: 24px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
.lego-card__tag[data-v-cab3007e] {
  background: tint(#047ad5, 5);
  color: #047ad5;
  font-size: 14px;
  border-radius: 2px;
  height: 24px;
  padding: 1px 8px 3px 8px;
}
.lego-card__tag--cling-above[data-v-cab3007e] {
  align-self: flex-end;
  margin-top: -32px;
  margin-right: 8px;
  z-index: 1;
}
.lego-card--left-media[data-v-cab3007e] {
  display: flex;
}
.lego-card--left-media .lego-card__media[data-v-cab3007e] {
  height: 100%;
}
.lego-card--left-media .lego-card__contents[data-v-cab3007e] {
  flex: 1 1 auto;
}
.lego-card--top-media[data-v-cab3007e] {
  display: flex;
  flex-direction: column;
}
.lego-card--top-media .lego-card__media[data-v-cab3007e] {
  width: 100%;
  margin-bottom: 0;
}
.lego-card--top-media .lego-card__contents[data-v-cab3007e] {
  flex: 1 1 auto;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/Mixins/AddonValidForm.vue?vue&type=style&index=0&id=d1c330fc&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-d1c330fc]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-d1c330fc]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/* [TEXTFIELD] Positioning */
.ur-text-field[data-v-d1c330fc] {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}
.ur-text-field--small[data-v-d1c330fc] {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input[data-v-d1c330fc],
.ur-text-field__textarea[data-v-d1c330fc] {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}
.ur-text-field__textarea[data-v-d1c330fc] {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}
.ur-text-field.ur-text-field-ide .ur-text-field__input[data-v-d1c330fc] {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input[data-v-d1c330fc] {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__input[data-v-d1c330fc] {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__input[data-v-d1c330fc] {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}
.ur-text-field--small .ur-text-field__textarea[data-v-d1c330fc] {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__textarea[data-v-d1c330fc] {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ur-text-field--large .ur-text-field__textarea[data-v-d1c330fc] {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-d1c330fc] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-d1c330fc] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-d1c330fc] {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input[data-v-d1c330fc],
.ur-text-field--underline .ur-text-field__textarea[data-v-d1c330fc] {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}
.ur-text-field--border .ur-text-field__input[data-v-d1c330fc],
.ur-text-field--border .ur-text-field__textarea[data-v-d1c330fc] {
  border-radius: 0;
  border-width: 1px;
}
.ur-text-field--has-message.ur-validator--error .ur-text-field__input[data-v-d1c330fc],
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea[data-v-d1c330fc],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input[data-v-d1c330fc],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea[data-v-d1c330fc] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ur-text-field__input[data-v-d1c330fc],
.ur-text-field__textarea[data-v-d1c330fc] {
  border-color: #dbdbdb;
}
.ur-text-field__input[data-v-d1c330fc]:focus,
.ur-text-field__textarea[data-v-d1c330fc]:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-text-field__input[readonly][data-v-d1c330fc],
.ur-text-field__textarea[readonly][data-v-d1c330fc] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input[data-v-d1c330fc]:disabled,
.ur-text-field__textarea[data-v-d1c330fc]:disabled {
  background-color: #dbdbdb;
  color: #767676;
}
.ur-text-field__input[data-v-d1c330fc]::-moz-placeholder, .ur-text-field__textarea[data-v-d1c330fc]::-moz-placeholder {
  color: #959595;
}
.ur-text-field__input[data-v-d1c330fc]::placeholder,
.ur-text-field__textarea[data-v-d1c330fc]::placeholder {
  color: #959595;
}
[data-v-d1c330fc]:-ms-input-placeholder {
  color: #959595 !important;
}
[data-v-d1c330fc]::-ms-input-placeholder {
  color: #959595 !important;
}
.ur-text-field--small .ur-text-field__input--with-icon[data-v-d1c330fc] {
  padding-right: 28px;
}
.ur-text-field--medium .ur-text-field__input--with-icon[data-v-d1c330fc] {
  padding-right: 30px;
}
.ur-text-field--large .ur-text-field__input--with-icon[data-v-d1c330fc] {
  padding-right: 30px;
}
.ur-text-field--small .ur-text-field__input--with-two-icon[data-v-d1c330fc] {
  padding-right: 48px;
}
.ur-text-field--medium .ur-text-field__input--with-two-icon[data-v-d1c330fc] {
  padding-right: 52px;
}
.ur-text-field--large .ur-text-field__input--with-two-icon[data-v-d1c330fc] {
  padding-right: 52px;
}
.ur-text-filed__input--only-eng[data-v-d1c330fc] {
  ime-mode: disabled;
}
.ur-text-filed__input--mask-number[data-v-d1c330fc] {
  text-align: right;
}
.ur-text-field__icon-wrap[data-v-d1c330fc] {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}
.ur-text-field__icon-wrap-two-icon[data-v-d1c330fc] {
  right: 8px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-d1c330fc] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-d1c330fc] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-d1c330fc] {
  font-size: 14px;
}
.ur-text-field__icon-wrap__icon[data-v-d1c330fc] {
  cursor: pointer;
}
.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon[data-v-d1c330fc] {
  margin-left: 8px;
}
.ur-text-field__input[data-v-d1c330fc]::-ms-clear,
.ur-text-field__input[data-v-d1c330fc]::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area[data-v-d1c330fc] {
  vertical-align: bottom;
}
.ur-text-field.ur-validator--valid .ur-text-field__input[data-v-d1c330fc],
.ur-text-field.ur-validator--valid .ur-text-field__textarea[data-v-d1c330fc] {
  border-color: #4fce67;
}
.ur-text-field.ur-validator--error .ur-text-field__input[data-v-d1c330fc],
.ur-text-field.ur-validator--error .ur-text-field__textarea[data-v-d1c330fc] {
  border-color: #ff5858;
}
.ur-text-field.ur-validator--shake[data-v-d1c330fc] > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.ur-text-field.ur-text-field--readonly > input[data-v-d1c330fc] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-field.ur-text-field--disabled > input[data-v-d1c330fc] {
  pointer-events: none;
}
.ur-text-area.ur-text-field--readonly > textarea[data-v-d1c330fc] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-area.ur-text-field--disabled > textarea[data-v-d1c330fc] {
  pointer-events: none;
}
.ur-text-field.ur-text-field--disabled[data-v-d1c330fc] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ur-text-field__message[data-v-d1c330fc] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}
.ur-text-field__counter[data-v-d1c330fc] {
  position: relative;
  float: right;
}
.ur-validator--error .ur-text-field__message--heavy[data-v-d1c330fc] {
  color: #ffffff;
  background-color: #ff5858;
}
.ur-validator--valid .ur-text-field__message--heavy[data-v-d1c330fc] {
  color: #ffffff;
  background-color: #4fce67;
}
.ur-validator--error .ur-text-field__message--light[data-v-d1c330fc] {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}
.ur-validator--valid .ur-text-field__message--light[data-v-d1c330fc] {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/Mixins/AddonValidForm.vue?vue&type=style&index=1&id=d1c330fc&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-d1c330fc] {
  padding: initial;
  border-width: 1px;
  border-radius: 3px;
}
.valid-item.ur-text-field.ur-validator--error
  .ur-text-field__input[data-v-d1c330fc]
  .seat-text-field__container
  .seat-text-field__wrap {
  border: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__message[data-v-d1c330fc] {
  position: relative;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/AC/components/CMP_ACM_00001/CMP_ACM_00001.vue?vue&type=style&index=0&id=76c035bc&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-76c035bc]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-76c035bc]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/* [TEXTFIELD] Positioning */
.ur-text-field[data-v-76c035bc] {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}
.ur-text-field--small[data-v-76c035bc] {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input[data-v-76c035bc],
.ur-text-field__textarea[data-v-76c035bc] {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}
.ur-text-field__textarea[data-v-76c035bc] {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}
.ur-text-field.ur-text-field-ide .ur-text-field__input[data-v-76c035bc] {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input[data-v-76c035bc] {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__input[data-v-76c035bc] {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__input[data-v-76c035bc] {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}
.ur-text-field--small .ur-text-field__textarea[data-v-76c035bc] {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__textarea[data-v-76c035bc] {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ur-text-field--large .ur-text-field__textarea[data-v-76c035bc] {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-76c035bc] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-76c035bc] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-76c035bc] {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input[data-v-76c035bc],
.ur-text-field--underline .ur-text-field__textarea[data-v-76c035bc] {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}
.ur-text-field--border .ur-text-field__input[data-v-76c035bc],
.ur-text-field--border .ur-text-field__textarea[data-v-76c035bc] {
  border-radius: 0;
  border-width: 1px;
}
.ur-text-field--has-message.ur-validator--error .ur-text-field__input[data-v-76c035bc],
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea[data-v-76c035bc],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input[data-v-76c035bc],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea[data-v-76c035bc] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ur-text-field__input[data-v-76c035bc],
.ur-text-field__textarea[data-v-76c035bc] {
  border-color: #dbdbdb;
}
.ur-text-field__input[data-v-76c035bc]:focus,
.ur-text-field__textarea[data-v-76c035bc]:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-text-field__input[readonly][data-v-76c035bc],
.ur-text-field__textarea[readonly][data-v-76c035bc] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input[data-v-76c035bc]:disabled,
.ur-text-field__textarea[data-v-76c035bc]:disabled {
  background-color: #dbdbdb;
  color: #767676;
}
.ur-text-field__input[data-v-76c035bc]::-moz-placeholder, .ur-text-field__textarea[data-v-76c035bc]::-moz-placeholder {
  color: #959595;
}
.ur-text-field__input[data-v-76c035bc]::placeholder,
.ur-text-field__textarea[data-v-76c035bc]::placeholder {
  color: #959595;
}
[data-v-76c035bc]:-ms-input-placeholder {
  color: #959595 !important;
}
[data-v-76c035bc]::-ms-input-placeholder {
  color: #959595 !important;
}
.ur-text-field--small .ur-text-field__input--with-icon[data-v-76c035bc] {
  padding-right: 28px;
}
.ur-text-field--medium .ur-text-field__input--with-icon[data-v-76c035bc] {
  padding-right: 30px;
}
.ur-text-field--large .ur-text-field__input--with-icon[data-v-76c035bc] {
  padding-right: 30px;
}
.ur-text-field--small .ur-text-field__input--with-two-icon[data-v-76c035bc] {
  padding-right: 48px;
}
.ur-text-field--medium .ur-text-field__input--with-two-icon[data-v-76c035bc] {
  padding-right: 52px;
}
.ur-text-field--large .ur-text-field__input--with-two-icon[data-v-76c035bc] {
  padding-right: 52px;
}
.ur-text-filed__input--only-eng[data-v-76c035bc] {
  ime-mode: disabled;
}
.ur-text-filed__input--mask-number[data-v-76c035bc] {
  text-align: right;
}
.ur-text-field__icon-wrap[data-v-76c035bc] {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}
.ur-text-field__icon-wrap-two-icon[data-v-76c035bc] {
  right: 8px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-76c035bc] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-76c035bc] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-76c035bc] {
  font-size: 14px;
}
.ur-text-field__icon-wrap__icon[data-v-76c035bc] {
  cursor: pointer;
}
.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon[data-v-76c035bc] {
  margin-left: 8px;
}
.ur-text-field__input[data-v-76c035bc]::-ms-clear,
.ur-text-field__input[data-v-76c035bc]::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area[data-v-76c035bc] {
  vertical-align: bottom;
}
.ur-text-field.ur-validator--valid .ur-text-field__input[data-v-76c035bc],
.ur-text-field.ur-validator--valid .ur-text-field__textarea[data-v-76c035bc] {
  border-color: #4fce67;
}
.ur-text-field.ur-validator--error .ur-text-field__input[data-v-76c035bc],
.ur-text-field.ur-validator--error .ur-text-field__textarea[data-v-76c035bc] {
  border-color: #ff5858;
}
.ur-text-field.ur-validator--shake[data-v-76c035bc] > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.ur-text-field.ur-text-field--readonly > input[data-v-76c035bc] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-field.ur-text-field--disabled > input[data-v-76c035bc] {
  pointer-events: none;
}
.ur-text-area.ur-text-field--readonly > textarea[data-v-76c035bc] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-area.ur-text-field--disabled > textarea[data-v-76c035bc] {
  pointer-events: none;
}
.ur-text-field.ur-text-field--disabled[data-v-76c035bc] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ur-text-field__message[data-v-76c035bc] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}
.ur-text-field__counter[data-v-76c035bc] {
  position: relative;
  float: right;
}
.ur-validator--error .ur-text-field__message--heavy[data-v-76c035bc] {
  color: #ffffff;
  background-color: #ff5858;
}
.ur-validator--valid .ur-text-field__message--heavy[data-v-76c035bc] {
  color: #ffffff;
  background-color: #4fce67;
}
.ur-validator--error .ur-text-field__message--light[data-v-76c035bc] {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}
.ur-validator--valid .ur-text-field__message--light[data-v-76c035bc] {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/AC/components/CMP_ACM_00001/CMP_ACM_00001.vue?vue&type=style&index=1&id=76c035bc&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.valid-item[data-v-76c035bc] .ur-box-container {
  padding: 0;
}
.valid-item.ur-text-field.ur-validator--error[data-v-76c035bc] .ur-time-picker input {
  border-color: #bababb;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-76c035bc] {
  padding: initial;
  border-width: 1px;
  border-radius: 3px;
  width: -moz-fit-content;
  width: fit-content;
}
.valid-item.ur-text-field.ur-validator--error
  .ur-text-field__input[data-v-76c035bc]
  .seat-text-field__container .seat-text-field__wrap {
  border: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__message[data-v-76c035bc] {
  position: relative;
}
.ur-date-box[data-v-76c035bc] {
  width: 124px;
  min-width: 124px;
  height: 36px;
}
.ur-time-picker-ide[data-v-76c035bc],
.ur-date-picker-ide[data-v-76c035bc] {
  width: 124px;
}
.ml6[data-v-76c035bc] {
  margin-left: 6px;
}
.ur-date-box.component[data-v-76c035bc] .ur-text-field__input {
  padding: 0 12px;
  border-color: #bababb;
}
.today-btn[data-v-76c035bc] .ur-action-bar__alternative-zone {
  display: none;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/CM/components/CMP_CMZ_00004/CMP_CMZ_00004.vue?vue&type=style&index=0&id=b0e3b6f8&lang=css&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.tempClass[data-v-b0e3b6f8] {
  background-color: #e9ecf7;
}
.disable-select[data-v-b0e3b6f8] {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by any browser but < IE9 */
}
.receiver_list_wrap .list_control[data-v-b0e3b6f8] {
  padding-left: 13px !important;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/CM/components/CMP_CMZ_00006/CMP_CMZ_00006.vue?vue&type=style&index=0&id=42ff1708&lang=css&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*TODO: 공식 스타일 나오면 이 부분은 삭제 해야 함*/
.emailRcpt_hBtn_off[data-v-42ff1708] {
  background-color: #fff !important;
} /*A 기본*/
.emailRcpt_hBtn_on[data-v-42ff1708] {
  background-color: #e4e9f4 !important;
} /*A 선택*/
.emailRcpt_toBtn_on[data-v-42ff1708] {
  background-color: #536dc2 !important;
  color: #fff;
} /*B 수신*/
.emailRcpt_ccBtn_on[data-v-42ff1708] {
  background-color: #60a3ef !important;
  color: #fff;
} /*B 참조*/
.emailRcpt_bccBtn_on[data-v-42ff1708] {
  background-color: #818181 !important;
  color: #fff;
} /*B 비밀*/
.emailRcpt_bBtn_off[data-v-42ff1708] {
  background-color: #fff !important;
} /*B default*/

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/CM/components/CMP_CMZ_00007/CMP_CMZ_00007.vue?vue&type=style&index=0&id=10b7904a&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* .-fdp-tooltip-popper__popper {
    background-color: #fff;
    width: auto;
    color: #212121;
    text-align: center;
    padding: 2px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #ebebeb;
    z-index: 200000 !important; 
}
.-fdp-tooltip-popper__popper, .popper__arrow:after {
    position: absolute;
    box-shadow: 1px 1px 10px 0 rgba(0,0,0,.3);
} */

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/CM/components/CMP_CMZ_00009/CMP_CMZ_00009.vue?vue&type=style&index=0&id=a7aefa64&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a7aefa64]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/* Prevent the text contents of draggable elements from being selectable. */
[draggable][data-v-a7aefa64] {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.column[data-v-a7aefa64] {
  height: 150px;
  width: 150px;
  float: left;
  border: 2px solid #666666;
  background-color: #ccc;
  margin-right: 5px;
  border-radius: 10px;
  -ms-box-shadow: inset 0 0 3px #000;
  box-shadow: inset 0 0 3px #000;
  text-align: center;
  cursor: move;
}
.column header[data-v-a7aefa64] {
  color: #fff;
  text-shadow: #000 0 1px;
  box-shadow: 5px;
  padding: 5px;
  background: -ms-linear-gradient(left center, black, #4f4f4f, #151515);
  border-bottom: 1px solid #ddd;
  -ms-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.column.over[data-v-a7aefa64] {
  border: 2px dashed #000;
}
.img[data-v-a7aefa64] {
  display: block;
  max-width: 230px;
  max-height: 95px;
  width: auto;
  height: auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/CM/components/CMP_CMZ_00025/CMP_CMZ_00025.vue?vue&type=style&index=0&id=47f3fbc2&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.box1[data-v-47f3fbc2] {
  margin-left: 10px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/CM/components/CMP_CMZ_00026/CMP_CMZ_00026.vue?vue&type=style&index=0&id=15ac7504&lang=css&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.tempClass[data-v-15ac7504] {
  background-color: #e9ecf7;
}
.disable-select[data-v-15ac7504] {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by any browser but < IE9 */
}
.receiver_list_wrap .list_control[data-v-15ac7504] {
  padding-left: 13px !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SIP_00001/CMP_SIP_00001.vue?vue&type=style&index=0&id=3902cfe6&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3902cfe6]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-3902cfe6]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/* [TEXTFIELD] Positioning */
.ur-text-field[data-v-3902cfe6] {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}
.ur-text-field--small[data-v-3902cfe6] {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input[data-v-3902cfe6],
.ur-text-field__textarea[data-v-3902cfe6] {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}
.ur-text-field__textarea[data-v-3902cfe6] {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}
.ur-text-field.ur-text-field-ide .ur-text-field__input[data-v-3902cfe6] {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input[data-v-3902cfe6] {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__input[data-v-3902cfe6] {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__input[data-v-3902cfe6] {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}
.ur-text-field--small .ur-text-field__textarea[data-v-3902cfe6] {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__textarea[data-v-3902cfe6] {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ur-text-field--large .ur-text-field__textarea[data-v-3902cfe6] {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-3902cfe6] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-3902cfe6] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-3902cfe6] {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input[data-v-3902cfe6],
.ur-text-field--underline .ur-text-field__textarea[data-v-3902cfe6] {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}
.ur-text-field--border .ur-text-field__input[data-v-3902cfe6],
.ur-text-field--border .ur-text-field__textarea[data-v-3902cfe6] {
  border-radius: 0;
  border-width: 1px;
}
.ur-text-field--has-message.ur-validator--error .ur-text-field__input[data-v-3902cfe6],
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea[data-v-3902cfe6],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input[data-v-3902cfe6],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea[data-v-3902cfe6] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ur-text-field__input[data-v-3902cfe6],
.ur-text-field__textarea[data-v-3902cfe6] {
  border-color: #dbdbdb;
}
.ur-text-field__input[data-v-3902cfe6]:focus,
.ur-text-field__textarea[data-v-3902cfe6]:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-text-field__input[readonly][data-v-3902cfe6],
.ur-text-field__textarea[readonly][data-v-3902cfe6] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input[data-v-3902cfe6]:disabled,
.ur-text-field__textarea[data-v-3902cfe6]:disabled {
  background-color: #dbdbdb;
  color: #767676;
}
.ur-text-field__input[data-v-3902cfe6]::-moz-placeholder, .ur-text-field__textarea[data-v-3902cfe6]::-moz-placeholder {
  color: #959595;
}
.ur-text-field__input[data-v-3902cfe6]::placeholder,
.ur-text-field__textarea[data-v-3902cfe6]::placeholder {
  color: #959595;
}
[data-v-3902cfe6]:-ms-input-placeholder {
  color: #959595 !important;
}
[data-v-3902cfe6]::-ms-input-placeholder {
  color: #959595 !important;
}
.ur-text-field--small .ur-text-field__input--with-icon[data-v-3902cfe6] {
  padding-right: 28px;
}
.ur-text-field--medium .ur-text-field__input--with-icon[data-v-3902cfe6] {
  padding-right: 30px;
}
.ur-text-field--large .ur-text-field__input--with-icon[data-v-3902cfe6] {
  padding-right: 30px;
}
.ur-text-field--small .ur-text-field__input--with-two-icon[data-v-3902cfe6] {
  padding-right: 48px;
}
.ur-text-field--medium .ur-text-field__input--with-two-icon[data-v-3902cfe6] {
  padding-right: 52px;
}
.ur-text-field--large .ur-text-field__input--with-two-icon[data-v-3902cfe6] {
  padding-right: 52px;
}
.ur-text-filed__input--only-eng[data-v-3902cfe6] {
  ime-mode: disabled;
}
.ur-text-filed__input--mask-number[data-v-3902cfe6] {
  text-align: right;
}
.ur-text-field__icon-wrap[data-v-3902cfe6] {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}
.ur-text-field__icon-wrap-two-icon[data-v-3902cfe6] {
  right: 8px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-3902cfe6] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-3902cfe6] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-3902cfe6] {
  font-size: 14px;
}
.ur-text-field__icon-wrap__icon[data-v-3902cfe6] {
  cursor: pointer;
}
.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon[data-v-3902cfe6] {
  margin-left: 8px;
}
.ur-text-field__input[data-v-3902cfe6]::-ms-clear,
.ur-text-field__input[data-v-3902cfe6]::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area[data-v-3902cfe6] {
  vertical-align: bottom;
}
.ur-text-field.ur-validator--valid .ur-text-field__input[data-v-3902cfe6],
.ur-text-field.ur-validator--valid .ur-text-field__textarea[data-v-3902cfe6] {
  border-color: #4fce67;
}
.ur-text-field.ur-validator--error .ur-text-field__input[data-v-3902cfe6],
.ur-text-field.ur-validator--error .ur-text-field__textarea[data-v-3902cfe6] {
  border-color: #ff5858;
}
.ur-text-field.ur-validator--shake[data-v-3902cfe6] > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.ur-text-field.ur-text-field--readonly > input[data-v-3902cfe6] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-field.ur-text-field--disabled > input[data-v-3902cfe6] {
  pointer-events: none;
}
.ur-text-area.ur-text-field--readonly > textarea[data-v-3902cfe6] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-area.ur-text-field--disabled > textarea[data-v-3902cfe6] {
  pointer-events: none;
}
.ur-text-field.ur-text-field--disabled[data-v-3902cfe6] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ur-text-field__message[data-v-3902cfe6] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}
.ur-text-field__counter[data-v-3902cfe6] {
  position: relative;
  float: right;
}
.ur-validator--error .ur-text-field__message--heavy[data-v-3902cfe6] {
  color: #ffffff;
  background-color: #ff5858;
}
.ur-validator--valid .ur-text-field__message--heavy[data-v-3902cfe6] {
  color: #ffffff;
  background-color: #4fce67;
}
.ur-validator--error .ur-text-field__message--light[data-v-3902cfe6] {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}
.ur-validator--valid .ur-text-field__message--light[data-v-3902cfe6] {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SIP_00001/CMP_SIP_00001.vue?vue&type=style&index=1&id=3902cfe6&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.ur-text-field__input[data-v-3902cfe6] {
  padding: 0;
  align-items: center !important;
}
.selected-itemname[data-v-3902cfe6] {
  display: flex;
  margin-left: 15px;
}
/* .ur-input-chip__container {
  margin-left: 15px;
} */
.valid-item[data-v-3902cfe6] .ur-text-field__input {
  padding: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-3902cfe6] {
  padding: initial;
  border-width: 1px;
  border-radius: 3px;
}
.valid-item.ur-text-field.ur-validator--error
  .ur-text-field__input[data-v-3902cfe6]
  .seat-text-field__container .seat-text-field__wrap {
  border: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__message[data-v-3902cfe6] {
  position: relative;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SIP_00003/CMP_SIP_00003.vue?vue&type=style&index=0&id=57187b2c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-57187b2c]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-57187b2c] .ur-data-grid__header__resize-anchor {
  display: block;
}
[data-v-57187b2c] .ur-data-grid__header__resize-anchor::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 0;
  width: 1px;
  background: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SIP_00004/CMP_SIP_00004.vue?vue&type=style&index=0&id=bba788a8&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-bba788a8]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-bba788a8]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/* [TEXTFIELD] Positioning */
.ur-text-field[data-v-bba788a8] {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}
.ur-text-field--small[data-v-bba788a8] {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input[data-v-bba788a8],
.ur-text-field__textarea[data-v-bba788a8] {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}
.ur-text-field__textarea[data-v-bba788a8] {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}
.ur-text-field.ur-text-field-ide .ur-text-field__input[data-v-bba788a8] {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input[data-v-bba788a8] {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__input[data-v-bba788a8] {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__input[data-v-bba788a8] {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}
.ur-text-field--small .ur-text-field__textarea[data-v-bba788a8] {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__textarea[data-v-bba788a8] {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ur-text-field--large .ur-text-field__textarea[data-v-bba788a8] {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-bba788a8] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-bba788a8] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-bba788a8] {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input[data-v-bba788a8],
.ur-text-field--underline .ur-text-field__textarea[data-v-bba788a8] {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}
.ur-text-field--border .ur-text-field__input[data-v-bba788a8],
.ur-text-field--border .ur-text-field__textarea[data-v-bba788a8] {
  border-radius: 0;
  border-width: 1px;
}
.ur-text-field--has-message.ur-validator--error .ur-text-field__input[data-v-bba788a8],
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea[data-v-bba788a8],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input[data-v-bba788a8],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea[data-v-bba788a8] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ur-text-field__input[data-v-bba788a8],
.ur-text-field__textarea[data-v-bba788a8] {
  border-color: #dbdbdb;
}
.ur-text-field__input[data-v-bba788a8]:focus,
.ur-text-field__textarea[data-v-bba788a8]:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-text-field__input[readonly][data-v-bba788a8],
.ur-text-field__textarea[readonly][data-v-bba788a8] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input[data-v-bba788a8]:disabled,
.ur-text-field__textarea[data-v-bba788a8]:disabled {
  background-color: #dbdbdb;
  color: #767676;
}
.ur-text-field__input[data-v-bba788a8]::-moz-placeholder, .ur-text-field__textarea[data-v-bba788a8]::-moz-placeholder {
  color: #959595;
}
.ur-text-field__input[data-v-bba788a8]::placeholder,
.ur-text-field__textarea[data-v-bba788a8]::placeholder {
  color: #959595;
}
[data-v-bba788a8]:-ms-input-placeholder {
  color: #959595 !important;
}
[data-v-bba788a8]::-ms-input-placeholder {
  color: #959595 !important;
}
.ur-text-field--small .ur-text-field__input--with-icon[data-v-bba788a8] {
  padding-right: 28px;
}
.ur-text-field--medium .ur-text-field__input--with-icon[data-v-bba788a8] {
  padding-right: 30px;
}
.ur-text-field--large .ur-text-field__input--with-icon[data-v-bba788a8] {
  padding-right: 30px;
}
.ur-text-field--small .ur-text-field__input--with-two-icon[data-v-bba788a8] {
  padding-right: 48px;
}
.ur-text-field--medium .ur-text-field__input--with-two-icon[data-v-bba788a8] {
  padding-right: 52px;
}
.ur-text-field--large .ur-text-field__input--with-two-icon[data-v-bba788a8] {
  padding-right: 52px;
}
.ur-text-filed__input--only-eng[data-v-bba788a8] {
  ime-mode: disabled;
}
.ur-text-filed__input--mask-number[data-v-bba788a8] {
  text-align: right;
}
.ur-text-field__icon-wrap[data-v-bba788a8] {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}
.ur-text-field__icon-wrap-two-icon[data-v-bba788a8] {
  right: 8px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-bba788a8] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-bba788a8] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-bba788a8] {
  font-size: 14px;
}
.ur-text-field__icon-wrap__icon[data-v-bba788a8] {
  cursor: pointer;
}
.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon[data-v-bba788a8] {
  margin-left: 8px;
}
.ur-text-field__input[data-v-bba788a8]::-ms-clear,
.ur-text-field__input[data-v-bba788a8]::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area[data-v-bba788a8] {
  vertical-align: bottom;
}
.ur-text-field.ur-validator--valid .ur-text-field__input[data-v-bba788a8],
.ur-text-field.ur-validator--valid .ur-text-field__textarea[data-v-bba788a8] {
  border-color: #4fce67;
}
.ur-text-field.ur-validator--error .ur-text-field__input[data-v-bba788a8],
.ur-text-field.ur-validator--error .ur-text-field__textarea[data-v-bba788a8] {
  border-color: #ff5858;
}
.ur-text-field.ur-validator--shake[data-v-bba788a8] > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.ur-text-field.ur-text-field--readonly > input[data-v-bba788a8] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-field.ur-text-field--disabled > input[data-v-bba788a8] {
  pointer-events: none;
}
.ur-text-area.ur-text-field--readonly > textarea[data-v-bba788a8] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-area.ur-text-field--disabled > textarea[data-v-bba788a8] {
  pointer-events: none;
}
.ur-text-field.ur-text-field--disabled[data-v-bba788a8] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ur-text-field__message[data-v-bba788a8] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}
.ur-text-field__counter[data-v-bba788a8] {
  position: relative;
  float: right;
}
.ur-validator--error .ur-text-field__message--heavy[data-v-bba788a8] {
  color: #ffffff;
  background-color: #ff5858;
}
.ur-validator--valid .ur-text-field__message--heavy[data-v-bba788a8] {
  color: #ffffff;
  background-color: #4fce67;
}
.ur-validator--error .ur-text-field__message--light[data-v-bba788a8] {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}
.ur-validator--valid .ur-text-field__message--light[data-v-bba788a8] {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SIP_00004/CMP_SIP_00004.vue?vue&type=style&index=1&id=bba788a8&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.valid-item[data-v-bba788a8] .ur-text-field__input {
  padding: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-bba788a8] {
  padding: initial;
  border-width: 1px;
  border-radius: 3px;
}
.valid-item.ur-text-field.ur-validator--error
  .ur-text-field__input[data-v-bba788a8]
  .seat-text-field__container .seat-text-field__wrap {
  border: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__message[data-v-bba788a8] {
  position: relative;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SIP_00005/CMP_SIP_00005.vue?vue&type=style&index=0&id=6fe4b4ee&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.ur-text-field__input[data-v-6fe4b4ee] {
  /* display: initial; */
  /* justify-content: initial; */
  padding: 6px 0;
}
.content[data-v-6fe4b4ee] {
  display: block;
  width: 100%;
}
.blank[data-v-6fe4b4ee] {
  height: 16px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SII_00001/CMP_SII_00001_M01.vue?vue&type=style&index=0&id=979a2f32&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-979a2f32]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.mt42[data-v-979a2f32] {
  margin-top: 42px;
}
.w335[data-v-979a2f32] {
  width: 335px;
}
.w120[data-v-979a2f32] {
  width: 120px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SII_00001/CMP_SII_00001_M02.vue?vue&type=style&index=0&id=977e0030&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-977e0030]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
pre[data-v-977e0030] {
  font-size: 14px;
  font-family: "Noto Sans KR", "Malgun Gothic", "Arial", sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
.mt42[data-v-977e0030] {
  margin-top: 42px;
}
.w335[data-v-977e0030] {
  width: 335px;
}
.w86[data-v-977e0030] {
  width: 86px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SII_00001/CMP_SII_00001_M03.vue?vue&type=style&index=0&id=9761d12e&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-9761d12e]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.mt42[data-v-9761d12e] {
  margin-top: 42px;
}
.w335[data-v-9761d12e] {
  width: 335px;
}
.w120[data-v-9761d12e] {
  width: 120px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/SI/components/CMP_SII_00001/CMP_SII_00001.vue?vue&type=style&index=0&id=ed205cd0&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-ed205cd0]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.mt42[data-v-ed205cd0] {
  margin-top: 42px;
}
.w335[data-v-ed205cd0] {
  width: 335px;
}
.w86[data-v-ed205cd0] {
  width: 86px;
}
[data-v-ed205cd0] .ur-box__direction--row {
  flex-direction: row-reverse !important;
}
[data-v-ed205cd0] .ur-data-grid__header__resize-anchor {
  display: block;
}
[data-v-ed205cd0] .ur-data-grid__header__resize-anchor::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 0;
  width: 1px;
  background: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ST/components/CMP_STI_00003/CMP_STI_00003.vue?vue&type=style&index=0&id=23fc0eca&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.thumbnails_wrap[data-v-23fc0eca] {
  border: 1px solid;
  position: relative;
  z-index: 0;
  min-height: 140px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
}
.hidden[data-v-23fc0eca] {
  display: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ST/components/CMP_STI_00004/CMP_STI_00004.vue?vue&type=style&index=0&id=888b1c46&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-888b1c46]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.thumbnail_wrap[data-v-888b1c46] {
  position: relative;
  z-index: 0;
  min-height: 140px;
  border: none;
  /* border: 1px solid #ddd; */
  display: flex;
  justify-content: center;
}
.thumbnail_wrap .imgbox-list-group[data-v-888b1c46] {
  overflow-x: auto;
}
.file-validation[data-v-888b1c46] {
  border: 1px solid red;
  border-radius: 3px;
}
.file-txt-validation[data-v-888b1c46] {
  font-size: smaller;
  color: red;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ST/components/CMP_STI_00007/CMP_STI_00007.vue?vue&type=style&index=0&id=24e3dda3&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.thumbnails_wrap[data-v-24e3dda3] {
  border: 1px solid;
  position: relative;
  z-index: 0;
  min-height: 90px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
}
.hidden[data-v-24e3dda3] {
  display: none;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ST/components/CMP_STI_00008/CMP_STI_00008.vue?vue&type=style&index=0&id=1ac75236&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.thumbnails_wrap[data-v-1ac75236] {
  border: 1px solid;
  position: relative;
  z-index: 0;
  min-height: 140px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
}
.hidden[data-v-1ac75236] {
  display: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ST/components/CMP_STI_00010/CMP_STI_00010.vue?vue&type=style&index=0&id=6e2f3bd3&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6e2f3bd3]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.thumbnail_wrap[data-v-6e2f3bd3] {
  position: relative;
  z-index: 0;
  min-height: 140px;
  border: none;
  /* border: 1px solid #ddd; */
  display: flex;
  justify-content: center;
}
.thumbnail_wrap .imgbox-list-group[data-v-6e2f3bd3] {
  overflow-x: auto;
}
.file-validation[data-v-6e2f3bd3] {
  border: 1px solid red;
  border-radius: 3px;
}
.file-txt-validation[data-v-6e2f3bd3] {
  font-size: smaller;
  color: red;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ST/components/CMP_STI_00012/CMP_STI_00012.vue?vue&type=style&index=0&id=09a02e57&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.line-dup-alert[data-v-09a02e57] {
  margin: 4px 0 6px;
  padding: 6px 10px;
  border: 1px solid #f5c2c7;
  background: #fdecea;
  color: #b02a37;
  font-size: 12px;
  border-radius: 4px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKB_00001/CMP_WKB_00001.vue?vue&type=style&index=0&id=7c9efe10&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7c9efe10]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-button.medium[data-v-7c9efe10],
.ur-button.ur-button--medium[data-v-7c9efe10],
.comm_btn_border.medium[data-v-7c9efe10],
.comm_btn_border.ur-button--medium[data-v-7c9efe10] {
  min-width: 100px;
}
.ur-data-grid__info-item .unselectBtn[data-v-7c9efe10] {
  color: #0f62fe;
  background-color: #fff;
  border: none;
  font-size: 13px;
  font-weight: normal;
  text-decoration-line: underline;
  margin-left: 8px;
  cursor: pointer;
}
.selectRow[data-v-7c9efe10] {
  display: flex;
}
.selectFont[data-v-7c9efe10] {
  font-size: 13px;
  font-weight: bold;
  color: #0f62fe;
}
.multi-select__grid-container[data-v-7c9efe10] {
  height: 500px;
}
.multi-select__chip-container[data-v-7c9efe10] {
  margin: 10px 0;
}
.multi-select__chip-container .multi-select__chip-container__header[data-v-7c9efe10] {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}
.multi-select__chip-container .multi-select__chip-container__header ul[data-v-7c9efe10] {
  display: flex;
  align-items: center;
}
.multi-select__chip-container .multi-select__chip-container__header ul li[data-v-7c9efe10]:nth-of-type(1) {
  font-weight: bold;
}
.multi-select__chip-container .multi-select__chip-container__header .vtDiv[data-v-7c9efe10] {
  margin: 2px 5px;
}
.multi-select__chip-container .multi-select__chip-wrapper[data-v-7c9efe10] {
  border: 1px solid gray;
  min-height: 100px;
  max-height: 300px;
  overflow-y: auto;
  padding: 10px 8px;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item[data-v-7c9efe10] {
  margin: 1px 2px;
}
[data-v-7c9efe10] .search-term__marked {
  font-weight: bold;
}
[data-v-7c9efe10] .ur-modal__container--medium {
  width: 50%;
}
[data-v-7c9efe10] .ur-modal__body {
  overflow-y: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKB_00002/CMP_WKB_00002.vue?vue&type=style&index=0&id=4a577752&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4a577752]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.searchInput[data-v-4a577752] {
  min-width: 645px;
  margin-right: 8px;
}
.w100p[data-v-4a577752] {
  width: 100%;
}
.w780[data-v-4a577752] {
  width: 780px;
}
.h218[data-v-4a577752] {
  height: 218px;
}
.dateRP[data-v-4a577752] {
  width: 240px;
  min-width: 240px;
  height: 36px;
}
.ur-date-box[data-v-4a577752] {
  width: 124px;
  min-width: 124px;
  height: 36px;
}
.ur-time-picker-ide[data-v-4a577752],
.ur-date-picker-ide[data-v-4a577752] {
  width: 124px;
}
.mt44[data-v-4a577752] {
  margin-top: 44px;
}
.ml12[data-v-4a577752] {
  margin-left: 12px;
}
.mt24[data-v-4a577752] {
  margin-top: 24px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKB_00003/CMP_WKB_00003.vue?vue&type=style&index=0&id=180ff094&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-180ff094]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.search-filter-container[data-v-180ff094] {
  max-width: 238px;
  display: inline-block;
  position: relative;
}
.search-filter-container .option-container[data-v-180ff094] {
  width: 100%;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 110%;
  z-index: 101;
  border: 1px solid #bababa;
  border-radius: 3px;
  background-color: #fff;
}
.search-filter-container .option-container button[data-v-180ff094] {
  height: auto;
  padding: 5px 0;
  color: #1c1d1f;
  border: none;
}
.search-filter-container .option-container button .fixText[data-v-180ff094] {
  display: inline-block;
}
.option-container__background[data-v-180ff094] {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: transparent;
}
.filterBtnWrap[data-v-180ff094] {
  position: relative;
  display: inline-block;
}
.option-container[data-v-180ff094] {
  width: 500px;
  padding: 30px;
  position: absolute;
  top: 110%;
  right: 0;
  z-index: 1;
  border: 1px solid #a4a4a5;
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.option-container .ur-date-picker--medium[data-v-180ff094] {
  width: 100%;
}
.option-container .chips[data-v-180ff094] {
  margin-bottom: 12px;
  display: flex;
  align-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #1c1d1f;
}
.option-container .chips[data-v-180ff094] > *:first-child {
  width: 206px;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.option-container .btnWrap[data-v-180ff094] {
  margin-top: 26px;
  display: flex;
  justify-content: flex-end;
}
.option-container .btnWrap button[data-v-180ff094] {
  width: 80px;
  margin-right: 10px;
  border: 1px solid #142136;
}
.option-container .btnWrap button.ur-button.ur-button--disabled[data-v-180ff094],
.option-container .btnWrap button .comm_btn_border.ur-button--disabled[data-v-180ff094] {
  border-color: #d0d1d2;
}
.option-container .btnWrap[data-v-180ff094]:last-child {
  margin-right: 0;
}
.searchFilterDate[data-v-180ff094] .ur-text-field.ur-input.ur-date-picker__text-field {
  width: 100% !important;
}
.bullet[data-v-180ff094] {
  margin-left: 6px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00001/CMP_WKP_00001.vue?vue&type=style&index=0&id=48760aa8&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-48760aa8]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.pb-10[data-v-48760aa8] {
  padding-bottom: 10px;
}
.pt-20[data-v-48760aa8] {
  padding-top: 20px;
}
.mt-36[data-v-48760aa8] {
  margin-top: -36px;
}
.con99 .left[data-v-48760aa8] {
  padding-top: 20px;
}
.con99 .right[data-v-48760aa8] {
  max-height: 580px;
  padding: 20px 0 10px 40px;
}
[data-v-48760aa8] .list-item .list_pold {
  padding-bottom: 20px;
}
.item[data-v-48760aa8] {
  cursor: pointer;
}
.item:hover .removeBtn[data-v-48760aa8] {
  display: flex;
}
.p-relative[data-v-48760aa8] {
  position: relative;
}
.standard-form-field[data-v-48760aa8] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-form-field[data-v-48760aa8] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}
.removeBtn[data-v-48760aa8] {
  display: none;
  position: absolute;
  right: 24px;
  align-items: center;
  justify-content: center;
}
.w100[data-v-48760aa8] {
  min-width: 100px !important;
}
[data-v-48760aa8] .ur-text-field--medium .ur-text-field__icon-wrap {
  padding-right: 8px;
}
[data-v-48760aa8] .list-item:hover {
  background-color: #fff;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00002/CMP_WKP_00002.vue?vue&type=style&index=0&id=ad051824&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-ad051824]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.mb25[data-v-ad051824] {
  margin-bottom: 25px;
}
[data-v-ad051824]  .ur-modal__body {
  overflow-y: hidden;
}
[data-v-ad051824]  .ur-data-grid__content__accordion-row {
  background-color: transparent;
  border-bottom: 1px solid #e7e7e8;
}
[data-v-ad051824]  .ur-form-item .ur-form-item__label--left {
  background-color: transparent;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00003/CMP_WKP_00003.vue?vue&type=style&index=0&id=7735ed30&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7735ed30]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.w100[data-v-7735ed30] {
  min-width: 100px !important;
}
[data-v-7735ed30] .ur-tab__content-wrapper {
  max-height: 70dvh;
  overflow: auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00004/CMP_WKP_00004.vue?vue&type=style&index=0&id=44ee6672&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-44ee6672]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-tab-box[data-v-44ee6672] {
  margin-top: 16px;
}
.chip-box[data-v-44ee6672] {
  margin-top: 45px;
}
.chip-box .topHeader[data-v-44ee6672] {
  margin-bottom: 6px;
}
.chip-box .topHeader .title[data-v-44ee6672] {
  font-size: 14px;
}
.chip-box .topHeader .bullet[data-v-44ee6672] {
  margin: 0 8px;
}
.chip-box .topHeader .toTal[data-v-44ee6672] {
  font-size: 13px;
}
.chip-box .topHeader .toTal em[data-v-44ee6672] {
  font-weight: bold;
}
.chip-box .seat-text-field__container[data-v-44ee6672] {
  width: auto;
  height: auto;
}
.chip-box .seat-text-field__container .seat-text-field__wrap[data-v-44ee6672] {
  display: inline-flex;
  width: 100%;
  height: auto;
  background: white;
  border: 1px solid lightgray;
  border-radius: 3px;
  min-height: 160px !important;
}
.chip-box .seat-text-field__container .seat-text-field__wrap--single-line .seat-text-field__scroll-area[data-v-44ee6672] {
  overflow-x: hidden;
  white-space: nowrap;
}
.chip-box .seat-text-field__container .seat-text-field__scroll-area[data-v-44ee6672] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 130px !important;
}
.chip-box .seat-text-field__container .seat-text-field__input-wrap[data-v-44ee6672] {
  margin: auto;
  height: 100%;
  width: 100%;
  cursor: text;
}
.chip-box .seat-text-field__container .seat-text-field__input-wrap ul[data-v-44ee6672] {
  display: inline;
}
.chip-box .seat-text-field__container .seat-text-field__input-wrap ul li[data-v-44ee6672] {
  display: inline-block;
  margin: 4px 4px;
}
.chip-box .seat-text-field__container .seat-text-field__input[data-v-44ee6672] {
  outline: none;
  font-size: 14px;
}
.layout_1 .left[data-v-44ee6672] {
  width: 40%;
  min-width: auto;
}
.layout_1 .right[data-v-44ee6672] {
  width: 60%;
  height: auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00005/CMP_WKP_00005.vue?vue&type=style&index=0&id=12a6dfb4&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-12a6dfb4]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-tab-box[data-v-12a6dfb4] {
  margin-top: 16px;
}
.chip-box[data-v-12a6dfb4] {
  margin-top: 20px;
}
.chip-box .topHeader[data-v-12a6dfb4] {
  margin-bottom: 6px;
}
.chip-box .topHeader .title[data-v-12a6dfb4] {
  font-size: 14px;
}
.chip-box .topHeader .bullet[data-v-12a6dfb4] {
  margin: 0 8px;
}
.chip-box .topHeader .toTal[data-v-12a6dfb4] {
  font-size: 13px;
}
.chip-box .topHeader .toTal em[data-v-12a6dfb4] {
  font-weight: bold;
}
.chip-box .seat-text-field__container[data-v-12a6dfb4] {
  width: auto;
  height: auto;
}
.chip-box .seat-text-field__container .seat-text-field__wrap[data-v-12a6dfb4] {
  display: inline-flex;
  width: 100%;
  height: auto;
  background: white;
  border: 1px solid lightgray;
  border-radius: 3px;
  min-height: 100px !important;
}
.chip-box .seat-text-field__container .seat-text-field__wrap--single-line .seat-text-field__scroll-area[data-v-12a6dfb4] {
  overflow-x: hidden;
  white-space: nowrap;
}
.chip-box .seat-text-field__container .seat-text-field__scroll-area[data-v-12a6dfb4] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.chip-box .seat-text-field__container .seat-text-field__input-wrap[data-v-12a6dfb4] {
  margin: auto;
  height: auto;
  width: 100%;
  cursor: text;
}
.chip-box .seat-text-field__container .seat-text-field__input-wrap ul[data-v-12a6dfb4] {
  display: inline;
}
.chip-box .seat-text-field__container .seat-text-field__input-wrap ul li[data-v-12a6dfb4] {
  display: inline-block;
  margin: 4px 4px;
}
.chip-box .seat-text-field__container .seat-text-field__input[data-v-12a6dfb4] {
  outline: none;
  font-size: 14px;
}
.layout_1 .left[data-v-12a6dfb4] {
  width: 40%;
  height: auto;
  min-width: auto;
}
.layout_1 .right[data-v-12a6dfb4] {
  width: 60%;
  height: auto;
  overflow-y: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00006/CMP_WKP_00006.vue?vue&type=style&index=0&id=3f414e14&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3f414e14]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-3f414e14] .ur-modal__body {
  overflow-y: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00007/CMP_WKP_00007.vue?vue&type=style&index=0&id=a3d05b90&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a3d05b90]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.layout_1 .left[data-v-a3d05b90] {
  width: 40%;
  min-width: auto;
}
.layout_1 .right[data-v-a3d05b90] {
  width: 60%;
  height: auto;
}
.ur-button.medium[data-v-a3d05b90],
.ur-button.ur-button--medium[data-v-a3d05b90],
.comm_btn_border.medium[data-v-a3d05b90],
.comm_btn_border.ur-button--medium[data-v-a3d05b90] {
  min-width: 100px;
}
[data-v-a3d05b90] .photoClass .ur-form-item__compo {
  width: 570px;
}
[data-v-a3d05b90] .photoClass .ur-modal__body {
  overflow-y: hidden;
  min-height: 300px;
  max-height: 700px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00008/CMP_WKP_00008.vue?vue&type=style&index=0&id=7bd04b7a&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.box1[data-v-7bd04b7a] {
  margin-left: 10px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00009/CMP_WKP_00009.vue?vue&type=style&index=0&id=4988c4bc&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4988c4bc]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.color-gray[data-v-4988c4bc] {
  color: gray;
}
.ur-dropdown__line[data-v-4988c4bc] {
  padding: 15px 12px;
  width: 100%;
  height: 30px;
}
.ur-dropdown__line .ur-dropdown__subLine[data-v-4988c4bc] {
  border-top: 1px solid black;
  width: 100%;
}
.ur-dropdown__item.zzz12 .ur-dropdown__label[data-v-4988c4bc] {
  padding: 8px 0;
}
.ur-dropdown__item.zzz12 .ur-dropdown__label .ur-checkbox.ur-input.ur-checkbox--small[data-v-4988c4bc] {
  align-items: center;
  width: 100%;
}
.closeIcon[data-v-4988c4bc] {
  position: absolute;
  right: 20px;
  cursor: pointer;
  display: none;
}
.ur-dropdown__item.ur-dropdown__item--medium:hover .closeIcon[data-v-4988c4bc] {
  display: block;
}
.non_selected[data-v-4988c4bc] {
  pointer-events: none;
  opacity: 0.4;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00010/CMP_WKP_00010.vue?vue&type=style&index=0&id=11399f30&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-11399f30]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-11399f30]  .ur-modal__body {
  overflow-y: hidden;
}
[data-v-11399f30]  .ur-modal__body.ur-modal__body-with-foot {
  height: 200px;
}
[data-v-11399f30]  .mt16 {
  margin-top: 16px;
}
[data-v-11399f30]  .ur-button.medium,[data-v-11399f30]  .ur-button.ur-button--medium,[data-v-11399f30]  .comm_btn_border.medium,[data-v-11399f30]  .comm_btn_border.ur-button--medium {
  min-width: 100px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00011/CMP_WKP_00011.vue?vue&type=style&index=0&id=75c8acac&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.blackBtn.ur-button.ur-button--default[data-v-75c8acac],
.comm_btn_border.ur-button--default[data-v-75c8acac] {
  background-color: black;
  color: white;
}
.blackBtn.ur-button.ur-button--disabled[data-v-75c8acac],
.blackBtn.comm_btn_border.ur-button--disabled[data-v-75c8acac] {
  border-color: #d0d1d2;
  color: #bababb;
  background-color: #fff;
}
.ur-button.ur-button--disabled[data-v-75c8acac],
.comm_btn_border.ur-button--disabled[data-v-75c8acac] {
  border-color: #d0d1d2;
  color: #bababb;
  background-color: #fff;
}
.blackBtn[data-v-75c8acac]:hover {
  color: black !important;
}
.divider[data-v-75c8acac] {
  width: 1px;
  height: 24px;
  margin-right: 16px;
  margin-left: 16px;
  background-color: #d0d1d2;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00012/CMP_WKP_00012.vue?vue&type=style&index=0&id=da57ba28&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-da57ba28]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.search-filter-container[data-v-da57ba28] {
  max-width: 238px;
  display: inline-block;
  position: relative;
}
.search-filter-container .option-container[data-v-da57ba28] {
  width: 100%;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 110%;
  z-index: 1;
  border: 1px solid #bababa;
  border-radius: 3px;
  background-color: #fff;
}
.search-filter-container .option-container button[data-v-da57ba28] {
  height: auto;
  padding: 5px 0;
  color: #1c1d1f;
  border: none;
}
.search-filter-container .option-container button .fixText[data-v-da57ba28] {
  display: inline-block;
}
.option-container__background[data-v-da57ba28] {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: transparent;
}
.filterBtnWrap[data-v-da57ba28] {
  position: relative;
  display: inline-block;
}
.option-container[data-v-da57ba28] {
  width: 500px;
  padding: 30px;
  position: absolute;
  top: 110%;
  right: 0;
  z-index: 1;
  border: 1px solid #a4a4a5;
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.option-container .ur-date-picker--medium[data-v-da57ba28] {
  width: 100%;
}
.option-container .chips[data-v-da57ba28] {
  margin-bottom: 12px;
  display: flex;
  align-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #1c1d1f;
}
.option-container .chips[data-v-da57ba28] > *:first-child {
  width: 206px;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.option-container .btnWrap[data-v-da57ba28] {
  margin-top: 26px;
  display: flex;
  justify-content: flex-end;
}
.option-container .btnWrap button[data-v-da57ba28] {
  width: 80px;
  margin-right: 10px;
  border: 1px solid #142136;
}
.option-container .btnWrap button.ur-button.ur-button--disabled[data-v-da57ba28],
.option-container .btnWrap button .comm_btn_border.ur-button--disabled[data-v-da57ba28] {
  border-color: #d0d1d2;
}
.option-container .btnWrap[data-v-da57ba28]:last-child {
  margin-right: 0;
}
.searchFilterDate[data-v-da57ba28] .ur-text-field.ur-input.ur-date-picker__text-field {
  width: 100% !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00013/CMP_WKP_00013.vue?vue&type=style&index=0&id=608c9c2e&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-608c9c2e]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-608c9c2e]  .ur-modal__body {
  overflow-y: hidden;
}
[data-v-608c9c2e]  .ur-modal__body.ur-modal__body-with-foot {
  height: 200px;
}
[data-v-608c9c2e]  .mt16 {
  margin-top: 16px;
}
[data-v-608c9c2e]  .ur-button.medium,[data-v-608c9c2e]  .ur-button.ur-button--medium,[data-v-608c9c2e]  .comm_btn_border.medium,[data-v-608c9c2e]  .comm_btn_border.ur-button--medium {
  min-width: 100px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/WK/components/CMP_WKP_00014/CMP_WKP_00014.vue?vue&type=style&index=0&id=2e451570&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2e451570]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.pb-10[data-v-2e451570] {
  padding-bottom: 10px;
}
.pt-20[data-v-2e451570] {
  padding-top: 20px;
}
.mt-36[data-v-2e451570] {
  margin-top: -36px;
}
.workModuleSelect[data-v-2e451570] {
  display: flex;
  border-bottom: 1px solid #e4e8ef;
}
.workModuleSelect .search-filter-container[data-v-2e451570] {
  max-width: 100%;
  width: 100%;
}
.workModuleSelect .mw112[data-v-2e451570] {
  min-width: 112px;
}
.workModuleSelect .mt0[data-v-2e451570] {
  margin-bottom: 0;
}
.workModuleSelect .list_pold[data-v-2e451570] {
  margin-top: 10px;
}
.workModuleSelect .list_pold.list-item + .list-item[data-v-2e451570] {
  margin-top: 10px;
}
.workModuleSelect .list_pold .list-item__contents__title[data-v-2e451570] {
  height: 40px;
  display: flex;
  align-items: center;
}
.workModuleSelect .list_pold .list-item__contents__title span[data-v-2e451570] {
  margin-left: 16px;
}
.workModuleSelect .list_pold .list-item__contents__title.between[data-v-2e451570] {
  justify-content: space-between;
  margin-bottom: 6px;
}
.workModuleSelect .list_pold .list[data-v-2e451570] {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.workModuleSelect .list_pold .list.h400[data-v-2e451570] {
  height: 400px;
  overflow-y: auto;
}
.workModuleSelect .list_pold .list .item[data-v-2e451570] {
  min-height: 36px;
  padding: 0 20px 0 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.workModuleSelect .list_pold .list .item[data-v-2e451570]:hover {
  background-color: #f2f7ff;
}
.workModuleSelect .list_pold .list .item:hover .close[data-v-2e451570] {
  display: block;
  background-image: url(/biz/img/ic_con_delete.8ffe8c36d8bc6fd0.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  cursor: pointer;
  border: none;
  width: 20px;
  min-width: 20px;
  height: 16px;
  padding: 0;
  background-color: #f2f7ff;
}
.workModuleSelect .list_pold .list .item.select[data-v-2e451570] {
  color: #0f62fe;
  background-image: url(/biz/img/ic_dropdown_check.802bda240968ab18.png);
  background-repeat: no-repeat;
  background-position: 17px center;
}
.workModuleSelect .list_pold .list .item .close[data-v-2e451570] {
  display: none;
}
.workModuleSelect .list_pold .list .itemR[data-v-2e451570] {
  min-height: 36px;
  padding: 0 20px 0 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.workModuleSelect .list_pold .list .itemR[data-v-2e451570]:hover {
  background-color: #f2f7ff;
}
.workModuleSelect .list_pold .list .itemR:hover .rightItem[data-v-2e451570] {
  display: flex;
}
.workModuleSelect .list_pold .list .itemR.select[data-v-2e451570] {
  color: #0f62fe;
  background-image: url(/biz/img/ic_dropdown_check.802bda240968ab18.png);
  background-repeat: no-repeat;
  background-position: 17px center;
}
.workModuleSelect .list_pold .list .itemR .rightItem[data-v-2e451570] {
  display: none;
}
.workModuleSelect .list_pold .list .itemR .rightItem1[data-v-2e451570] {
  display: flex;
}
.workModuleSelect .list_pold .list .noItem[data-v-2e451570] {
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #767778;
}
.workModuleSelect .list_pold .list .text-field[data-v-2e451570] {
  display: flex;
  padding: 0 16px;
  width: 90%;
}
.workModuleSelect .list_pold .list .text-field .close[data-v-2e451570] {
  top: 10px;
  display: inline-block;
  background-image: url(/biz/img/ic_con_delete.8ffe8c36d8bc6fd0.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  cursor: pointer;
  border: none;
  width: 20px;
  min-width: 20px;
  height: 16px;
  padding: 0;
  background-color: #ffffff;
}
.workModuleSelect .left[data-v-2e451570] {
  min-width: 100%;
  max-height: 536px;
  padding-right: 40px;
  overflow: auto;
}
.workModuleSelect .left .top[data-v-2e451570] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.workModuleSelect .left .top .search-filter-container[data-v-2e451570] {
  width: 322px;
}
.workModuleSelect .left .bottom[data-v-2e451570] {
  margin-right: -40px;
  padding-right: 40px;
}
.workModuleSelect .right[data-v-2e451570] {
  width: 100%;
  padding-left: 40px;
  overflow-y: auto;
  border-left: 1px solid #e4e8ef;
}
.workModuleSelect .right .title[data-v-2e451570] {
  font-size: 16px;
  font-weight: bold;
  color: #767778;
}
.workModuleSelect .right .itemWrap[data-v-2e451570] {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.workModuleSelect .right .itemWrap .item[data-v-2e451570] {
  width: 380px;
  height: 70px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
}
.workModuleSelect .right .itemWrap .item[data-v-2e451570]:hover {
  border: 1px solid #1c1d1f;
}
.workModuleSelect .right .itemWrap .item .tx[data-v-2e451570] {
  margin-left: 16px;
}
.workModuleSelect .right .itemWrap .item .tx1[data-v-2e451570] {
  font-size: 14px;
  font-weight: 500;
}
.workModuleSelect .right .itemWrap .item .tx2[data-v-2e451570] {
  font-size: 13px;
  color: #767778;
}
.workModuleSelect .right .itemWrap .item.select[data-v-2e451570] {
  background-color: #dbe7ff;
  border: 1px solid #0f62fe;
}
.workModuleSelect.type_2 .left[data-v-2e451570] {
  padding-right: 20px;
}
.workModuleSelect.type_2 .right[data-v-2e451570] {
  padding-left: 0;
  border-left: none;
}
[data-v-2e451570] .list-item .list_pold {
  padding-bottom: 20px;
}
.item[data-v-2e451570] {
  cursor: pointer;
}
.item:hover .removeBtn[data-v-2e451570] {
  display: flex;
}
.p-relative[data-v-2e451570] {
  position: relative;
}
.standard-form-field[data-v-2e451570] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-form-field[data-v-2e451570] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}
.removeBtn[data-v-2e451570] {
  display: none;
  position: absolute;
  right: 24px;
  align-items: center;
  justify-content: center;
}
.w100[data-v-2e451570] {
  min-width: 100px !important;
}
[data-v-2e451570] .ur-text-field--medium .ur-text-field__icon-wrap {
  padding-right: 8px;
}
[data-v-2e451570] .list-item:hover {
  background-color: #fff;
}
[data-v-2e451570] .ur-data-grid__header__resize-anchor {
  display: block;
}
[data-v-2e451570] .ur-data-grid__header__resize-anchor::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 0;
  width: 1px;
  background: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/Mixins/BaseSelectPopup.vue?vue&type=style&index=0&id=88704d26&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.multi-select__chip-container {
  margin-top: 20px;
}
.multi-select__chip-container .multi-select__chip-container__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.multi-select__chip-container .multi-select__chip-container__header ul {
  display: flex;
  align-items: center;
}
.multi-select__chip-container .multi-select__chip-container__header ul .divider {
  margin: 0 8px;
}
.multi-select__chip-container .multi-select__chip-container__header ul li:nth-of-type(1) {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.multi-select__chip-container .multi-select__chip-container__header ul li:nth-of-type(3) {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.multi-select__chip-container .multi-select__chip-container__header ul li:nth-of-type(3) span {
  font-weight: bold;
}
.multi-select__chip-container .multi-select__chip-wrapper {
  border: 1px solid #ddd;
  height: 138px;
  overflow-y: auto;
  padding: 10px 8px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item {
  margin: 4px;
  height: 30px;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item .chip-text {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1c1d1f;
}
:deep(.search-term__marked) {
  font-weight: bold;
}
.action-area .ur-button--default {
  width: 100px;
  height: 36px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  padding: 0;
}
.action-area .ur-button--default:nth-child(1) {
  color: #142136;
}
:deep(ur-button--border.ur-button--default.ur-button--disabled.black) {
  background: #142136;
  opacity: 0.4;
}
.multi-select-action-area .ur-button--default {
  min-width: 70px !important;
  height: 30px;
  border-radius: 3px;
  border: solid 1px #bababb;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--base-01-font-default);
  padding: 0;
}
.left-info__wrap {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.left-info__wrap .total-count {
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.left-info__wrap .selected-count {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.left-info__wrap .selected-count span {
  font-weight: bold;
  color: #0f62fe;
}
.left-info__wrap .deselect {
  margin-left: 8px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0f62fe;
  text-decoration: underline;
  cursor: pointer;
}
.left-info__wrap .divider {
  margin: 0 8px;
}
.ur-button.medium,
.ur-button.ur-button--medium,
.comm_btn_border.medium,
.comm_btn_border.ur-button--medium {
  min-width: 100px;
}
:deep(.ur-modal__body) {
  overflow-y: hidden;
}
:deep(.ur-modal__body) .ur-data-grid__info-row {
  height: auto;
}
:deep(.ur-modal__body) .ur-data-grid__table {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #bababb;
}
:deep(.ur-modal__body) .ur-data-grid__table .ur-data-grid__content__row {
  border-bottom: 1px solid #e7e7e8;
}
:deep(.ur-modal__body) .ur-data-grid__table .ur-data-grid__content__scroll-wrapper,
:deep(.ur-modal__body) .ur-data-grid__table .ur-data-grid__content__cell,
:deep(.ur-modal__body) .ur-data-grid__table .ur-data-grid__content__row.ur-data-grid__content--empty__row {
  border-bottom: none;
}
:deep(.ur-modal__body) .ur-data-grid__table .ur-data-grid__content {
  flex: 1 1 0;
  overflow: auto;
}
:deep(.ur-modal__body) .ur-data-grid__table .ur-data-grid__clipboard-holder {
  display: none;
}
:deep(.ur-modal__body) .ur-data-grid__table .ur-data-grid__header__wrapper__position-adjust {
  flex-wrap: nowrap;
}
:deep(.ur-modal__container--medium) {
  width: 860px;
  height: 730px;
}
:deep(.ur-modal__container--medium) .ur-modal__title {
  line-height: 29px;
}
:deep(.ur-modal__container--medium) .ur-modal__body.ur-modal__body-with-foot {
  max-height: none;
  height: auto;
}
:deep(.ur-modal__container--medium) .ur-modal__body ~ .ur-modal__foot {
  margin-top: 0;
}
:deep(.ur-input-chip__container) {
  height: 30px;
  padding-left: 12px;
  padding-right: 0;
  display: flex;
}
:deep(.ur-input-chip__container) .ur-input-chip__close-normal-input {
  height: 16px;
  width: 16px;
  margin: 0 8px;
  background-image: url(/biz/img/ic_input_delete.4c6ebee5692eba99.svg);
}
:deep(.ur-input-chip__container) .ur-input-chip__close-normal-input:hover {
  background-image: url(/biz/img/ic_input_delete_hover.1f2c4e3e930a5241.svg);
}
:deep(.ur-input-chip__container) .ur-input-chip__close-normal-input svg {
  display: none;
}
:deep(.ur-input-chip__container) .ur-input-chip__close-normal-input-hover {
  background-color: transparent;
}
:deep(.ur-input-chip__container) .ur-input-chip__slot {
  margin: 0;
}
:deep(.ur-input-chip__container) .chip-text {
  display: flex;
  align-items: center;
}
:deep(.ur-input-chip__container) .divider {
  margin: 0 8px;
  background-color: #ddd;
  width: 1px;
  height: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00003/CMP_ZZZ_00003.vue?vue&type=style&index=0&id=97359800&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-97359800]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.multi-select__chip-container[data-v-97359800] {
  margin: 10px 0;
}
.multi-select__chip-container .multi-select__chip-container__header[data-v-97359800] {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}
.multi-select__chip-container .multi-select__chip-container__header ul[data-v-97359800] {
  display: flex;
  align-items: center;
}
.multi-select__chip-container .multi-select__chip-container__header ul li[data-v-97359800]:nth-of-type(1) {
  font-weight: bold;
}
.multi-select__chip-container .multi-select__chip-container__header .vtDiv[data-v-97359800] {
  margin: 2px 5px;
}
.multi-select__chip-container .multi-select__chip-wrapper[data-v-97359800] {
  height: 138px;
  padding: 12px 10px;
  border-radius: 3px;
  border: solid 1px #ddd;
  overflow-y: auto;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item[data-v-97359800] {
  margin: 4px;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item[data-v-97359800] .ur-input-chip__slot {
  height: 20px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1c1d1f;
}
.divider[data-v-97359800] {
  display: inline-block;
  height: 16px;
  background-color: #ddd;
  width: 1px;
  margin: 0 4px;
}
[data-v-97359800] .search-term__marked {
  font-weight: bold;
}
[data-v-97359800] .ur-modal__body {
  overflow-y: hidden;
}
.w100[data-v-97359800] {
  min-width: 100px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00004/CMP_ZZZ_00004.vue?vue&type=style&index=0&id=fbc4a57c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-fbc4a57c]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-fbc4a57c] .ur-modal__body {
  overflow-y: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00005/CMP_ZZZ_00005.vue?vue&type=style&index=0&id=4fd62684&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4fd62684]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-4fd62684] .ur-modal__body {
  overflow-y: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00006/CMP_ZZZ_00006.vue?vue&type=style&index=0&id=1d8e9fc6&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1d8e9fc6]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-button.medium[data-v-1d8e9fc6],
.ur-button.ur-button--medium[data-v-1d8e9fc6],
.comm_btn_border.medium[data-v-1d8e9fc6],
.comm_btn_border.ur-button--medium .w100[data-v-1d8e9fc6] {
  min-width: 100px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00007/CMP_ZZZ_00007.vue?vue&type=style&index=0&id=2971cdf0&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.ur-checkbox__label__checked[data-v-2971cdf0] {
  color: #0f62fe !important;
  font-weight: 300 !important;
}
[data-v-2971cdf0] .ur-checkbox--medium .ur-checkbox__label {
  font-size: 14px;
}
.selectAll_colorChanges[data-v-2971cdf0] .ur-checkbox__label {
  color: #0f62fe !important;
  font-weight: 300 !important;
  font-size: 14px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00008/CMP_ZZZ_00008.vue?vue&type=style&index=0&id=8e00db6c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-8e00db6c]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.option-container__background[data-v-8e00db6c] {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: transparent;
}
.filterBtnWrap[data-v-8e00db6c] {
  display: inline-block;
  position: relative;
}
.option-container[data-v-8e00db6c] {
  width: 500px;
  padding: 30px;
  position: absolute;
  top: 110%;
  right: 0;
  z-index: 101;
  border: 1px solid #a4a4a5;
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.option-container .ur-date-picker--medium[data-v-8e00db6c] {
  width: 100%;
}
.option-container .chips[data-v-8e00db6c] {
  margin-bottom: 12px;
  display: flex;
  align-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #1c1d1f;
}
.option-container .chips[data-v-8e00db6c] > *:first-child {
  width: 130px;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.option-container .chips[data-v-8e00db6c] > *:last-child {
  width: 100%;
}
.option-container .chips > *:last-child .ur-text-field[data-v-8e00db6c] {
  width: 100%;
}
.option-container .btnWrap[data-v-8e00db6c] {
  margin-top: 26px;
  display: flex;
  justify-content: flex-end;
}
.option-container .btnWrap button[data-v-8e00db6c] {
  width: 80px;
  margin-right: 10px;
  border: 1px solid #142136;
}
.option-container .btnWrap button.ur-button.ur-button--disabled[data-v-8e00db6c],
.option-container .btnWrap button .comm_btn_border.ur-button--disabled[data-v-8e00db6c] {
  border-color: #d0d1d2;
}
.option-container .btnWrap[data-v-8e00db6c]:last-child {
  margin-right: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00009/CMP_ZZZ_00009.vue?vue&type=style&index=0&id=f28fe8e8&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f28fe8e8]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.search-column-item--hover[data-v-f28fe8e8] {
  background: #f2f7ff;
}
.search-filter-container[data-v-f28fe8e8] {
  max-width: 238px;
  display: inline-block;
  position: relative;
}
.search-filter-container .option-container[data-v-f28fe8e8] {
  width: 100%;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 110%;
  z-index: 1;
  border: 1px solid #bababa;
  border-radius: 3px;
  background-color: #fff;
}
.search-filter-container .option-container button[data-v-f28fe8e8] {
  height: auto;
  padding: 5px 0;
  color: #1c1d1f;
  border: none;
}
.search-filter-container .option-container button .fixText[data-v-f28fe8e8] {
  display: inline-block;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00010/CMP_ZZZ_00010.vue?vue&type=style&index=0&id=34927738&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-34927738]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.seat-text-field__container[data-v-34927738] {
  width: 100%;
  height: auto;
  font-size: 0;
}
.seat-text-field__container .seat-text-field__wrap[data-v-34927738] {
  display: inline-flex;
  width: 100%;
  height: auto;
  background: white;
  border: 1px solid lightgray;
  border-radius: 3px;
  padding: 0 0 0 12px;
  cursor: text;
}
.seat-text-field__container .color--error[data-v-34927738] {
  color: #ea1910;
}
.seat-text-field__container .seat-text-field__scroll-area[data-v-34927738] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  cursor: default;
}
.seat-text-field__container .seat-text-field__scroll-area .seat-text-field__input-wrap[data-v-34927738] {
  margin: auto;
  height: auto;
  width: 100%;
  cursor: text;
  font-size: 14px;
}
.seat-text-field__container .seat-text-field__scroll-area .seat-text-field__input-wrap .single-result[data-v-34927738] {
  display: inline;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.seat-text-field__container .seat-text-field__scroll-area .seat-text-field__input-wrap ul[data-v-34927738] {
  display: inline;
}
.seat-text-field__container .seat-text-field__scroll-area .seat-text-field__input-wrap ul li[data-v-34927738] {
  display: inline-block;
  max-width: 100%;
  margin: 1px 0;
  padding-right: 3px;
}
.seat-text-field__container .seat-text-field__scroll-area .seat-text-field__input-wrap .seat-text-field__input[data-v-34927738] {
  outline: none;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.seat-text-field__container .seat-text-field__input[data-v-34927738]:empty:not(:focus):before {
  content: attr(placeholder);
  pointer-events: none;
  color: lightgray;
}
.seat-text-field__container .seat-text-field__wrap .seat-text-field__icon-wrap[data-v-34927738] {
  display: flex;
  align-items: center;
  width: auto;
}
.seat-text-field__container .cursor-pointer[data-v-34927738] {
  cursor: pointer;
}
.seat-text-field__container .bottom-standard[data-v-34927738] {
  position: relative !important;
  height: 0 !important;
  width: 100%;
}
.seat-text-field__container .dropdown__container[data-v-34927738] {
  position: absolute;
  left: 0;
  top: 2px;
  padding: 5px 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background: white;
  border: 1px solid gray;
  border-radius: 3px;
  box-shadow: 0 0 2px lightgray;
  z-index: 201;
}
.seat-text-field__container .dropdown__container ul li[data-v-34927738] {
  display: block;
  width: 100%;
  padding: 9px 12px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1c1d1f;
}
.seat-text-field__container .dropdown__container ul li[data-v-34927738]:active {
  background: #dbe7ff;
}
.seat-text-field__container .dropdown__container ul .dropdown-item__hover[data-v-34927738] {
  background: #f2f7ff;
}
.seat-text-field__container .seat-text-field__icon-wrap[data-v-34927738] {
  margin: 0 6px;
}
.seat-text-field__container .seat-text-field__icon-wrap .seat-text-field__icon[data-v-34927738] {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
.seat-text-field__container .seat-text-field__message-wrap[data-v-34927738] {
  display: flex;
}
.seat-text-field__container .seat-text-field__message-wrap .seat-text-field__message[data-v-34927738] {
  flex-grow: 1;
  padding-top: 2px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ea1910;
}
.cmp-text-field__container--hover .seat-text-field__wrap[data-v-34927738] {
  border-color: gray;
  box-shadow: 0 0 1px gray;
}
.cmp-text-field__container--focus .seat-text-field__wrap[data-v-34927738] {
  border-color: #047ad5;
  box-shadow: 0 0 1px #047ad5;
}
.cmp-text-field__container--error .seat-text-field__wrap[data-v-34927738] {
  border-color: #ea1910;
  box-shadow: 0 0 1px #ea1910;
}
.cmp-text-field__container--disabled .seat-text-field__wrap[data-v-34927738] {
  border: solid 1px #d0d1d2;
  background-color: #f3f3f3;
  color: #bababb;
  box-shadow: 0 0 1px lightgray;
  pointer-events: none;
}
.cmp-text-field__container--single-line .seat-text-field__scroll-area[data-v-34927738] {
  overflow-x: hidden;
  white-space: nowrap;
}
.cmp-text-field__container--single-line .seat-text-field__input-wrap[data-v-34927738] {
  position: absolute;
}
.seat-text-field__container[data-v-34927738]  .ur-input-chip__close-normal-input-hover {
  background: transparent;
}
.seat-text-field__container[data-v-34927738]  .ur-input-chip__slot {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  height: 100%;
}
.seat-text-field__container[data-v-34927738]  .ur-input-chip__slot span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1c1d1f;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.seat-text-field__container[data-v-34927738]  .ur-input-chip__container-normal-input {
  width: 100%;
}
.icon-clear[data-v-34927738] {
  background-image: url(/biz/img/ic_input_delete.4c6ebee5692eba99.svg);
}
.icon-error[data-v-34927738] {
  background-image: url(/biz/img/ic_warning.8ea178b0057aec0f.svg);
}
.icon-search[data-v-34927738] {
  background-image: url(/biz/img/ic_input_search.ce2451bce5423dfd.svg);
}
.cmp-text-field__container--disabled .icon-search[data-v-34927738] {
  background-image: url(/biz/img/ic_input_search_disabled.3b63a63a0ba3d4de.svg);
}
[data-v-34927738] .ur-input-chip__container {
  height: 30px;
  padding-left: 12px;
  padding-right: 0;
  display: flex;
  border-radius: 15px;
}
[data-v-34927738] .ur-input-chip__container .ur-input-chip__close-normal-input {
  height: 16px;
  width: 16px;
  margin: 0 8px;
  background-image: url(/biz/img/ic_input_delete.4c6ebee5692eba99.svg);
}
[data-v-34927738] .ur-input-chip__container .ur-input-chip__close-normal-input:hover {
  background-image: url(/biz/img/ic_input_delete_hover.1f2c4e3e930a5241.svg);
}
[data-v-34927738] .ur-input-chip__container .ur-input-chip__close-normal-input svg {
  display: none;
}
[data-v-34927738] .ur-input-chip__container .ur-input-chip__close-normal-input-hover {
  background-color: transparent;
}
[data-v-34927738] .ur-input-chip__container .ur-input-chip__slot {
  margin: 0;
  display: flex;
}
[data-v-34927738] .ur-input-chip__container .chip-text {
  display: flex;
  align-items: center;
}
[data-v-34927738] .ur-input-chip__container .divider {
  margin: 0 8px;
  background-color: #ddd;
  width: 1px;
  height: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00012/CMP_ZZZ_00012.vue?vue&type=style&index=0&id=5ff92c88&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5ff92c88]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-dropdown__line[data-v-5ff92c88] {
  padding: 15px 12px;
  width: 100%;
  height: 30px;
}
.ur-dropdown__line .ur-dropdown__subLine[data-v-5ff92c88] {
  border-top: 1px solid black;
  width: 100%;
}
.ur-dropdown__item.zzz12 .ur-dropdown__label[data-v-5ff92c88] {
  padding: 8px 0;
}
.ur-dropdown__item.zzz12 .ur-dropdown__label .ur-checkbox.ur-input.ur-checkbox--small[data-v-5ff92c88] {
  align-items: center;
  width: 100%;
}
.closeIcon[data-v-5ff92c88] {
  position: absolute;
  right: 20px;
  cursor: pointer;
  display: none;
}
.ur-dropdown__item.ur-dropdown__item--medium:hover .closeIcon[data-v-5ff92c88] {
  display: block;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00013/CMP_ZZZ_00013.vue?vue&type=style&index=0&id=c4883a04&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-c4883a04]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-c4883a04]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/* [TEXTFIELD] Positioning */
.ur-text-field[data-v-c4883a04] {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}
.ur-text-field--small[data-v-c4883a04] {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input[data-v-c4883a04],
.ur-text-field__textarea[data-v-c4883a04] {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}
.ur-text-field__textarea[data-v-c4883a04] {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}
.ur-text-field.ur-text-field-ide .ur-text-field__input[data-v-c4883a04] {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input[data-v-c4883a04] {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__input[data-v-c4883a04] {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__input[data-v-c4883a04] {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}
.ur-text-field--small .ur-text-field__textarea[data-v-c4883a04] {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__textarea[data-v-c4883a04] {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ur-text-field--large .ur-text-field__textarea[data-v-c4883a04] {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-c4883a04] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-c4883a04] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-c4883a04] {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input[data-v-c4883a04],
.ur-text-field--underline .ur-text-field__textarea[data-v-c4883a04] {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}
.ur-text-field--border .ur-text-field__input[data-v-c4883a04],
.ur-text-field--border .ur-text-field__textarea[data-v-c4883a04] {
  border-radius: 0;
  border-width: 1px;
}
.ur-text-field--has-message.ur-validator--error .ur-text-field__input[data-v-c4883a04],
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea[data-v-c4883a04],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input[data-v-c4883a04],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea[data-v-c4883a04] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ur-text-field__input[data-v-c4883a04],
.ur-text-field__textarea[data-v-c4883a04] {
  border-color: #dbdbdb;
}
.ur-text-field__input[data-v-c4883a04]:focus,
.ur-text-field__textarea[data-v-c4883a04]:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-text-field__input[readonly][data-v-c4883a04],
.ur-text-field__textarea[readonly][data-v-c4883a04] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input[data-v-c4883a04]:disabled,
.ur-text-field__textarea[data-v-c4883a04]:disabled {
  background-color: #dbdbdb;
  color: #767676;
}
.ur-text-field__input[data-v-c4883a04]::-moz-placeholder, .ur-text-field__textarea[data-v-c4883a04]::-moz-placeholder {
  color: #959595;
}
.ur-text-field__input[data-v-c4883a04]::placeholder,
.ur-text-field__textarea[data-v-c4883a04]::placeholder {
  color: #959595;
}
[data-v-c4883a04]:-ms-input-placeholder {
  color: #959595 !important;
}
[data-v-c4883a04]::-ms-input-placeholder {
  color: #959595 !important;
}
.ur-text-field--small .ur-text-field__input--with-icon[data-v-c4883a04] {
  padding-right: 28px;
}
.ur-text-field--medium .ur-text-field__input--with-icon[data-v-c4883a04] {
  padding-right: 30px;
}
.ur-text-field--large .ur-text-field__input--with-icon[data-v-c4883a04] {
  padding-right: 30px;
}
.ur-text-field--small .ur-text-field__input--with-two-icon[data-v-c4883a04] {
  padding-right: 48px;
}
.ur-text-field--medium .ur-text-field__input--with-two-icon[data-v-c4883a04] {
  padding-right: 52px;
}
.ur-text-field--large .ur-text-field__input--with-two-icon[data-v-c4883a04] {
  padding-right: 52px;
}
.ur-text-filed__input--only-eng[data-v-c4883a04] {
  ime-mode: disabled;
}
.ur-text-filed__input--mask-number[data-v-c4883a04] {
  text-align: right;
}
.ur-text-field__icon-wrap[data-v-c4883a04] {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}
.ur-text-field__icon-wrap-two-icon[data-v-c4883a04] {
  right: 8px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-c4883a04] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-c4883a04] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-c4883a04] {
  font-size: 14px;
}
.ur-text-field__icon-wrap__icon[data-v-c4883a04] {
  cursor: pointer;
}
.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon[data-v-c4883a04] {
  margin-left: 8px;
}
.ur-text-field__input[data-v-c4883a04]::-ms-clear,
.ur-text-field__input[data-v-c4883a04]::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area[data-v-c4883a04] {
  vertical-align: bottom;
}
.ur-text-field.ur-validator--valid .ur-text-field__input[data-v-c4883a04],
.ur-text-field.ur-validator--valid .ur-text-field__textarea[data-v-c4883a04] {
  border-color: #4fce67;
}
.ur-text-field.ur-validator--error .ur-text-field__input[data-v-c4883a04],
.ur-text-field.ur-validator--error .ur-text-field__textarea[data-v-c4883a04] {
  border-color: #ff5858;
}
.ur-text-field.ur-validator--shake[data-v-c4883a04] > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.ur-text-field.ur-text-field--readonly > input[data-v-c4883a04] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-field.ur-text-field--disabled > input[data-v-c4883a04] {
  pointer-events: none;
}
.ur-text-area.ur-text-field--readonly > textarea[data-v-c4883a04] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-area.ur-text-field--disabled > textarea[data-v-c4883a04] {
  pointer-events: none;
}
.ur-text-field.ur-text-field--disabled[data-v-c4883a04] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ur-text-field__message[data-v-c4883a04] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}
.ur-text-field__counter[data-v-c4883a04] {
  position: relative;
  float: right;
}
.ur-validator--error .ur-text-field__message--heavy[data-v-c4883a04] {
  color: #ffffff;
  background-color: #ff5858;
}
.ur-validator--valid .ur-text-field__message--heavy[data-v-c4883a04] {
  color: #ffffff;
  background-color: #4fce67;
}
.ur-validator--error .ur-text-field__message--light[data-v-c4883a04] {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}
.ur-validator--valid .ur-text-field__message--light[data-v-c4883a04] {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00013/CMP_ZZZ_00013.vue?vue&type=style&index=1&id=c4883a04&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-c4883a04]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-c4883a04] .search-term__marked {
  font-weight: bold;
}
.divider[data-v-c4883a04] {
  display: inline-block;
  height: 80%;
  background-color: #ddd;
  width: 1px;
  margin: 2px 6px;
  vertical-align: top;
}
.valid-item[data-v-c4883a04] .ur-text-field__input {
  padding: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-c4883a04] {
  padding: initial;
  border-width: 1px;
  border-radius: 3px;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-c4883a04] .seat-text-field__container .seat-text-field__wrap {
  border: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__message[data-v-c4883a04] {
  position: relative;
}
.seat-user-search__container[data-v-c4883a04] {
  width: 100%;
}
.seat-user-search__container .ur-text-field__input[data-v-c4883a04] {
  width: 100%;
  padding: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00014/CMP_ZZZ_00014.vue?vue&type=style&index=0&id=6b745c40&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6b745c40]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
#modal[data-v-6b745c40] {
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow-y: hidden;
  font-size: 14px;
  line-height: 1.5;
  color: #1c1d1f;
}
.select[data-v-6b745c40] {
  display: flex;
  justify-content: flex-end;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00016/CMP_ZZZ_00016.vue?vue&type=style&index=0&id=06e54ec4&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-06e54ec4]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.excel_batch_input_btn[data-v-06e54ec4] {
  width: 98px !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00017/CMP_ZZZ_00017.vue?vue&type=style&index=0&id=56c46ff4&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.tab-height[data-v-56c46ff4] {
  height: 500px;
}
.ur-tree[data-v-56c46ff4] {
  width: 100%;
  /* height: 100%; */
  padding: 0;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00018/CMP_ZZZ_00018.vue?vue&type=style&index=0&id=bb537d70&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-bb537d70]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-dropdown__downwrap[data-v-bb537d70] {
  margin-top: 2px;
  padding: 8px 0;
  background: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.ur-dropdown__downwrap .ur-dropdown__selectall[data-v-bb537d70] {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.ur-dropdown__downwrap .ur-dropdown__selectall[data-v-bb537d70]::before {
  display: none;
}
.ur-dropdown__downwrap .ur-dropdown__selectall[data-v-bb537d70]::after {
  content: "";
  height: 1px;
  margin: 4px 12px;
  background-color: #e7e7e8;
  position: relative;
}
.ur-dropdown__downwrap .ur-dropdown__items[data-v-bb537d70] {
  padding: 0;
  box-shadow: 0 0 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-color: #202020;
}
.ur-dropdown__downwrap .ur-dropdown__items .ur-dropdown__item .ur-checkbox__checked ~ .ur-checkbox__label[data-v-bb537d70] {
  color: #0f62fe;
}
.ur-dropdown__title .ur-dropdown__selected[data-v-bb537d70] {
  position: relative;
}
.ur-dropdown__title .ur-dropdown__selected span[data-v-bb537d70] {
  position: absolute;
  max-width: 100%;
}
.ur-dropdown__title-border[data-v-bb537d70]:hover {
  border-color: #5f6061;
}
.ur-dropdown--focus .ur-dropdown__title-border[data-v-bb537d70] {
  border-color: #0f62fe;
}
.ur-dropdown__item.ur-dropdown__selectall.ur-dropdown__item--medium[data-v-bb537d70] {
  border-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-color: #202020;
}
.ur-dropdown__item__hover[data-v-bb537d70] {
  background-color: #f2f7ff;
}
.ur-dropdown__item__hover[data-v-bb537d70] .ur-checkbox__icon.ur-checkbox__unchecked {
  color: #0f62fe;
}
[data-v-bb537d70] .ur-dropdown__item .ur-checkbox__checked + .ur-checkbox__label {
  color: #212529;
  font-weight: normal;
}
.ur-dropdown__item--medium .ur-dropdown__label[data-v-bb537d70] {
  padding: 0px;
  display: flex;
}
.ur-dropdown__item--medium .ur-dropdown__label .ur-checkbox[data-v-bb537d70] {
  flex-grow: 1;
}
.ur-dropdown__item--medium .ur-dropdown__label .delete-icon[data-v-bb537d70] {
  cursor: pointer;
}
[data-v-bb537d70] .ur-checkbox--medium .ur-checkbox__label {
  font-size: 14px;
}
[data-v-bb537d70] .ur-checkbox--medium .ur-checkbox__icon {
  font-size: 16px;
}
[data-v-bb537d70] .ur-checkbox {
  align-items: center;
}
.ur-dropdown__footer[data-v-bb537d70] {
  display: flex;
  flex-direction: column;
}
.ur-dropdown__footer[data-v-bb537d70]::before {
  content: "";
  height: 1px;
  margin: 4px 12px;
  background-color: #e7e7e8;
  position: relative;
  z-index: 2;
}
.ur-dropdown__footer .ur_dropdown__add-item[data-v-bb537d70] {
  display: flex;
  padding: 0 12px;
  min-height: 40px;
}
.ur-dropdown__footer .ur_dropdown__add-item .add-item__label[data-v-bb537d70] {
  padding: 4px 8px;
  width: 100%;
  display: flex;
  align-items: center;
}
.ur-dropdown__footer .ur_dropdown__add-item .add-item__label span[data-v-bb537d70] {
  margin-left: 8px;
}
.ur-dropdown__footer .add-item-text-field[data-v-bb537d70] {
  display: flex;
  align-items: center;
  padding: 0 12px;
  min-height: 40px;
}
.ur-dropdown__apply.ur-dropdown__apply_pos[data-v-bb537d70] {
  padding: 4px 10px 0 10px;
}
.ur-dropdown__apply.ur-dropdown__apply_pos[data-v-bb537d70]::before {
  display: none;
}
.ur-button.ur-button--default[data-v-bb537d70],
.comm_btn_border.ur-button--default[data-v-bb537d70] {
  color: #ffffff;
}
.select-all--intermediate span[data-v-bb537d70],
.select-all--checked span[data-v-bb537d70] {
  color: #0f62fe;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00020/CMP_ZZZ_00020.vue?vue&type=style&index=0&id=1de92636&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1de92636]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.search-filter-container[data-v-1de92636] {
  max-width: 238px;
  display: inline-block;
  position: relative;
}
.search-filter-container .option-container[data-v-1de92636] {
  width: 100%;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 110%;
  z-index: 200;
  border: 1px solid #bababa;
  border-radius: 3px;
  background-color: #fff;
}
.search-filter-container .option-container button[data-v-1de92636] {
  height: auto;
  padding: 5px 0;
  color: #1c1d1f;
  border: none;
}
.search-filter-container .option-container button .fixText[data-v-1de92636] {
  display: inline-block;
}
.option-container__background[data-v-1de92636] {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: transparent;
}
.filterBtnWrap[data-v-1de92636] {
  position: relative;
  display: inline-block;
}
.option-container[data-v-1de92636] {
  width: 500px;
  padding: 30px;
  position: absolute;
  top: 110%;
  right: 0;
  z-index: 1;
  border: 1px solid #a4a4a5;
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.option-container .ur-date-picker--medium[data-v-1de92636] {
  width: 100%;
}
.option-container .chips[data-v-1de92636] {
  margin-bottom: 12px;
  display: flex;
  align-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #1c1d1f;
}
.option-container .chips[data-v-1de92636] > *:first-child {
  width: 206px;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.option-container .btnWrap[data-v-1de92636] {
  margin-top: 26px;
  display: flex;
  justify-content: flex-end;
}
.option-container .btnWrap button[data-v-1de92636] {
  width: 80px;
  margin-right: 10px;
  border: 1px solid #142136;
}
.option-container .btnWrap button.ur-button.ur-button--disabled[data-v-1de92636],
.option-container .btnWrap button .comm_btn_border.ur-button--disabled[data-v-1de92636] {
  border-color: #d0d1d2;
}
.option-container .btnWrap[data-v-1de92636]:last-child {
  margin-right: 0;
}
.searchFilterDate[data-v-1de92636] .ur-text-field.ur-input.ur-date-picker__text-field {
  width: 100% !important;
}
.bullet[data-v-1de92636] {
  margin-left: 6px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00021/CMP_ZZZ_00021.vue?vue&type=style&index=0&id=28bcc110&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-28bcc110]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-button.medium[data-v-28bcc110],
.ur-button.ur-button--medium[data-v-28bcc110],
.comm_btn_border.medium[data-v-28bcc110],
.comm_btn_border.ur-button--medium .w100[data-v-28bcc110] {
  min-width: 100px;
}
[data-v-28bcc110]  .form_352 .ur-form-item .isBg .form-sub__title {
  font-size: 14px;
  margin-top: 9px;
}
[data-v-28bcc110]  .ur-modal__body ~ .ur-modal__foot {
  margin-top: -24px;
}
[data-v-28bcc110] .ur-form-item .ur-form-item__compo {
  padding-top: 12px !important;
}
.form_352 .segmentWrap .item.disable[data-v-28bcc110] {
  pointer-events: none;
}
.form_352 .segmentWrap .item.disable .box[data-v-28bcc110] {
  border: solid 1px #d0d1d2;
  color: #bababb;
}
.form_352 .segmentWrap .item.disable .desc[data-v-28bcc110] {
  color: #bababb;
}
[data-v-28bcc110] .ur-segment-button.ur-segment-button--solid.ur-segment-button--primary.ur-segment-button--checked {
  border: solid 1px #0f62fe !important;
  background-color: #dbe7ff !important;
  color: #0f62fe !important;
}
[data-v-28bcc110] .ur-segment-button.ur-segment-button--solid.ur-segment-button--primary:hover {
  border: solid 1px #0f62fe !important;
  background-color: #fff !important;
  color: #0f62fe !important;
}
[data-v-28bcc110] .list-item__expand {
  max-height: none;
}
[data-v-28bcc110] .ur-form-item .ur-form-item__compo {
  padding-top: 6px !important;
}
[data-v-28bcc110] .ur-modal__body ~ .ur-modal__foot {
  margin-top: -14px !important;
}
[data-v-28bcc110] .ur-modal__body {
  overflow-y: inherit;
}
#detailWrap[data-v-28bcc110] {
  overflow-y: auto;
  max-height: 190px;
}
[data-v-28bcc110] .ur-form-box-wrapper--medium {
  margin: 0;
}
#upBtn[data-v-28bcc110],
#downBtn[data-v-28bcc110] {
  min-width: 20px;
  width: 35px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00022/CMP_ZZZ_00022.vue?vue&type=style&index=0&id=8d4bce8c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-8d4bce8c]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-8d4bce8c] .multi-select-action-area .ur-button.medium,[data-v-8d4bce8c] .multi-select-action-area .ur-button.ur-button--medium,[data-v-8d4bce8c] .multi-select-action-area .comm_btn_border.medium,[data-v-8d4bce8c] .multi-select-action-area .comm_btn_border.ur-button--medium {
  height: 30px !important;
  padding: 0 !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00023/CMP_ZZZ_00023.vue?vue&type=style&index=0&id=f1dadc08&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f1dadc08]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.multi-select__chip-container[data-v-f1dadc08] {
  margin-top: 20px;
}
.multi-select__chip-container .multi-select__chip-container__header[data-v-f1dadc08] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.multi-select__chip-container .multi-select__chip-container__header ul[data-v-f1dadc08] {
  display: flex;
  align-items: center;
}
.multi-select__chip-container .multi-select__chip-container__header ul .divider[data-v-f1dadc08] {
  margin: 0 8px;
}
.multi-select__chip-container .multi-select__chip-container__header ul li[data-v-f1dadc08]:nth-of-type(1) {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.multi-select__chip-container .multi-select__chip-container__header ul li[data-v-f1dadc08]:nth-of-type(3) {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.multi-select__chip-container .multi-select__chip-container__header ul li:nth-of-type(3) span[data-v-f1dadc08] {
  font-weight: bold;
}
.multi-select__chip-container .multi-select__chip-wrapper[data-v-f1dadc08] {
  border: 1px solid #ddd;
  height: 138px;
  overflow-y: auto;
  padding: 10px 8px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item[data-v-f1dadc08] {
  margin: 4px;
  height: 30px;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item .chip-text[data-v-f1dadc08] {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1c1d1f;
}
[data-v-f1dadc08] .search-term__marked {
  font-weight: bold;
}
.action-area .ur-button--default[data-v-f1dadc08] {
  width: 100px;
  height: 36px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  padding: 0;
}
.action-area .ur-button--default[data-v-f1dadc08]:nth-child(1) {
  color: #142136;
}
[data-v-f1dadc08] ur-button--border.ur-button--default.ur-button--disabled.black {
  background: #142136;
  opacity: 0.4;
}
.multi-select-action-area .ur-button--default[data-v-f1dadc08] {
  min-width: 70px !important;
  height: 30px;
  border-radius: 3px;
  border: solid 1px #bababb;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--base-01-font-default);
  padding: 0;
}
.left-info__wrap[data-v-f1dadc08] {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.left-info__wrap .total-count[data-v-f1dadc08] {
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.left-info__wrap .selected-count[data-v-f1dadc08] {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.left-info__wrap .selected-count span[data-v-f1dadc08] {
  font-weight: bold;
  color: #0f62fe;
}
.left-info__wrap .deselect[data-v-f1dadc08] {
  margin-left: 8px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0f62fe;
  text-decoration: underline;
  cursor: pointer;
}
.left-info__wrap .divider[data-v-f1dadc08] {
  margin: 0 8px;
}
.ur-button.medium[data-v-f1dadc08],
.ur-button.ur-button--medium[data-v-f1dadc08],
.comm_btn_border.medium[data-v-f1dadc08],
.comm_btn_border.ur-button--medium[data-v-f1dadc08] {
  min-width: 100px;
}
[data-v-f1dadc08] .ur-modal__body {
  overflow-y: hidden;
}
[data-v-f1dadc08] .ur-modal__body .ur-data-grid__info-row {
  height: auto;
}
[data-v-f1dadc08] .ur-modal__body .ur-data-grid__table {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #bababb;
}
[data-v-f1dadc08] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__row {
  border-bottom: 1px solid #e7e7e8;
}
[data-v-f1dadc08] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__scroll-wrapper,[data-v-f1dadc08] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__cell,[data-v-f1dadc08] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__row.ur-data-grid__content--empty__row {
  border-bottom: none;
}
[data-v-f1dadc08] .ur-modal__body .ur-data-grid__table .ur-data-grid__content {
  flex: 1 1 0;
  overflow: auto;
}
[data-v-f1dadc08] .ur-modal__body .ur-data-grid__table .ur-data-grid__clipboard-holder {
  display: none;
}
[data-v-f1dadc08] .ur-modal__body .ur-data-grid__table .ur-data-grid__header__wrapper__position-adjust {
  flex-wrap: nowrap;
}
[data-v-f1dadc08] .ur-modal__container--medium {
  width: 860px;
  height: 730px;
}
[data-v-f1dadc08] .ur-modal__container--medium .ur-modal__title {
  line-height: 29px;
}
[data-v-f1dadc08] .ur-modal__container--medium .ur-modal__body.ur-modal__body-with-foot {
  max-height: none;
  height: auto;
}
[data-v-f1dadc08] .ur-modal__container--medium .ur-modal__body ~ .ur-modal__foot {
  margin-top: 0;
}
[data-v-f1dadc08] .ur-input-chip__container {
  height: 30px;
  padding-left: 12px;
  padding-right: 0;
  display: flex;
}
[data-v-f1dadc08] .ur-input-chip__container .ur-input-chip__close-normal-input {
  height: 16px;
  width: 16px;
  margin: 0 8px;
  background-image: url(/biz/img/ic_input_delete.4c6ebee5692eba99.svg);
}
[data-v-f1dadc08] .ur-input-chip__container .ur-input-chip__close-normal-input:hover {
  background-image: url(/biz/img/ic_input_delete_hover.1f2c4e3e930a5241.svg);
}
[data-v-f1dadc08] .ur-input-chip__container .ur-input-chip__close-normal-input svg {
  display: none;
}
[data-v-f1dadc08] .ur-input-chip__container .ur-input-chip__close-normal-input-hover {
  background-color: transparent;
}
[data-v-f1dadc08] .ur-input-chip__container .ur-input-chip__slot {
  margin: 0;
}
[data-v-f1dadc08] .ur-input-chip__container .chip-text {
  display: flex;
  align-items: center;
}
[data-v-f1dadc08] .ur-input-chip__container .divider {
  margin: 0 8px;
  background-color: #ddd;
  width: 1px;
  height: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00024/CMP_ZZZ_00024.vue?vue&type=style&index=0&id=54cb0b3e&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-54cb0b3e]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-data-grid__content__cell__value[data-v-54cb0b3e] {
  line-height: unset;
}
.add_row_btn[data-v-54cb0b3e] {
  margin-left: 12px;
  height: 36px;
  min-width: auto;
}
.del_row_btn[data-v-54cb0b3e] {
  height: 36px;
  min-width: auto;
}
.text_ellipsis[data-v-54cb0b3e] {
  white-space: nowrap;
  max-width: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-v-54cb0b3e] .ur-data-grid__header__resize-anchor {
  display: block;
}
[data-v-54cb0b3e] .ur-data-grid__header__resize-anchor::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 0;
  width: 1px;
  background: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00025/CMP_ZZZ_00025.vue?vue&type=style&index=0&id=22838480&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-22838480]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-22838480]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/* [TEXTFIELD] Positioning */
.ur-text-field[data-v-22838480] {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}
.ur-text-field--small[data-v-22838480] {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input[data-v-22838480],
.ur-text-field__textarea[data-v-22838480] {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}
.ur-text-field__textarea[data-v-22838480] {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}
.ur-text-field.ur-text-field-ide .ur-text-field__input[data-v-22838480] {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input[data-v-22838480] {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__input[data-v-22838480] {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__input[data-v-22838480] {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}
.ur-text-field--small .ur-text-field__textarea[data-v-22838480] {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__textarea[data-v-22838480] {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ur-text-field--large .ur-text-field__textarea[data-v-22838480] {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-22838480] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-22838480] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-22838480] {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input[data-v-22838480],
.ur-text-field--underline .ur-text-field__textarea[data-v-22838480] {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}
.ur-text-field--border .ur-text-field__input[data-v-22838480],
.ur-text-field--border .ur-text-field__textarea[data-v-22838480] {
  border-radius: 0;
  border-width: 1px;
}
.ur-text-field--has-message.ur-validator--error .ur-text-field__input[data-v-22838480],
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea[data-v-22838480],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input[data-v-22838480],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea[data-v-22838480] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ur-text-field__input[data-v-22838480],
.ur-text-field__textarea[data-v-22838480] {
  border-color: #dbdbdb;
}
.ur-text-field__input[data-v-22838480]:focus,
.ur-text-field__textarea[data-v-22838480]:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-text-field__input[readonly][data-v-22838480],
.ur-text-field__textarea[readonly][data-v-22838480] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input[data-v-22838480]:disabled,
.ur-text-field__textarea[data-v-22838480]:disabled {
  background-color: #dbdbdb;
  color: #767676;
}
.ur-text-field__input[data-v-22838480]::-moz-placeholder, .ur-text-field__textarea[data-v-22838480]::-moz-placeholder {
  color: #959595;
}
.ur-text-field__input[data-v-22838480]::placeholder,
.ur-text-field__textarea[data-v-22838480]::placeholder {
  color: #959595;
}
[data-v-22838480]:-ms-input-placeholder {
  color: #959595 !important;
}
[data-v-22838480]::-ms-input-placeholder {
  color: #959595 !important;
}
.ur-text-field--small .ur-text-field__input--with-icon[data-v-22838480] {
  padding-right: 28px;
}
.ur-text-field--medium .ur-text-field__input--with-icon[data-v-22838480] {
  padding-right: 30px;
}
.ur-text-field--large .ur-text-field__input--with-icon[data-v-22838480] {
  padding-right: 30px;
}
.ur-text-field--small .ur-text-field__input--with-two-icon[data-v-22838480] {
  padding-right: 48px;
}
.ur-text-field--medium .ur-text-field__input--with-two-icon[data-v-22838480] {
  padding-right: 52px;
}
.ur-text-field--large .ur-text-field__input--with-two-icon[data-v-22838480] {
  padding-right: 52px;
}
.ur-text-filed__input--only-eng[data-v-22838480] {
  ime-mode: disabled;
}
.ur-text-filed__input--mask-number[data-v-22838480] {
  text-align: right;
}
.ur-text-field__icon-wrap[data-v-22838480] {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}
.ur-text-field__icon-wrap-two-icon[data-v-22838480] {
  right: 8px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-22838480] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-22838480] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-22838480] {
  font-size: 14px;
}
.ur-text-field__icon-wrap__icon[data-v-22838480] {
  cursor: pointer;
}
.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon[data-v-22838480] {
  margin-left: 8px;
}
.ur-text-field__input[data-v-22838480]::-ms-clear,
.ur-text-field__input[data-v-22838480]::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area[data-v-22838480] {
  vertical-align: bottom;
}
.ur-text-field.ur-validator--valid .ur-text-field__input[data-v-22838480],
.ur-text-field.ur-validator--valid .ur-text-field__textarea[data-v-22838480] {
  border-color: #4fce67;
}
.ur-text-field.ur-validator--error .ur-text-field__input[data-v-22838480],
.ur-text-field.ur-validator--error .ur-text-field__textarea[data-v-22838480] {
  border-color: #ff5858;
}
.ur-text-field.ur-validator--shake[data-v-22838480] > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.ur-text-field.ur-text-field--readonly > input[data-v-22838480] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-field.ur-text-field--disabled > input[data-v-22838480] {
  pointer-events: none;
}
.ur-text-area.ur-text-field--readonly > textarea[data-v-22838480] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-area.ur-text-field--disabled > textarea[data-v-22838480] {
  pointer-events: none;
}
.ur-text-field.ur-text-field--disabled[data-v-22838480] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ur-text-field__message[data-v-22838480] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}
.ur-text-field__counter[data-v-22838480] {
  position: relative;
  float: right;
}
.ur-validator--error .ur-text-field__message--heavy[data-v-22838480] {
  color: #ffffff;
  background-color: #ff5858;
}
.ur-validator--valid .ur-text-field__message--heavy[data-v-22838480] {
  color: #ffffff;
  background-color: #4fce67;
}
.ur-validator--error .ur-text-field__message--light[data-v-22838480] {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}
.ur-validator--valid .ur-text-field__message--light[data-v-22838480] {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00025/CMP_ZZZ_00025.vue?vue&type=style&index=1&id=22838480&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-22838480]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-22838480] .ur-modal__body {
  overflow-y: hidden;
}
.valid-item[data-v-22838480] .ur-text-field__input {
  padding: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-22838480] {
  padding: initial;
  border-width: 1px;
  border-radius: 3px;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-22838480] .seat-text-field__container .seat-text-field__wrap {
  border: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__message[data-v-22838480] {
  position: relative;
}
.ur-text-field__input[data-v-22838480] {
  padding: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00027/CMP_ZZZ_00027.vue?vue&type=style&index=0&id=841711f8&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-841711f8]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.multi-select__chip-container[data-v-841711f8] {
  margin-top: 20px;
}
.multi-select__chip-container .multi-select__chip-container__header[data-v-841711f8] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.multi-select__chip-container .multi-select__chip-container__header ul[data-v-841711f8] {
  display: flex;
  align-items: center;
}
.multi-select__chip-container .multi-select__chip-container__header ul .divider[data-v-841711f8] {
  margin: 0 8px;
}
.multi-select__chip-container .multi-select__chip-container__header ul li[data-v-841711f8]:nth-of-type(1) {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.multi-select__chip-container .multi-select__chip-container__header ul li[data-v-841711f8]:nth-of-type(3) {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.multi-select__chip-container .multi-select__chip-container__header ul li:nth-of-type(3) span[data-v-841711f8] {
  font-weight: bold;
}
.multi-select__chip-container .multi-select__chip-wrapper[data-v-841711f8] {
  border: 1px solid #ddd;
  height: 138px;
  overflow-y: auto;
  padding: 10px 8px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item[data-v-841711f8] {
  margin: 4px;
  height: 30px;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item .chip-text[data-v-841711f8] {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1c1d1f;
}
[data-v-841711f8] .search-term__marked {
  font-weight: bold;
}
.action-area .ur-button--default[data-v-841711f8] {
  width: 100px;
  height: 36px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  padding: 0;
}
.action-area .ur-button--default[data-v-841711f8]:nth-child(1) {
  color: #142136;
}
[data-v-841711f8] ur-button--border.ur-button--default.ur-button--disabled.black {
  background: #142136;
  opacity: 0.4;
}
.multi-select-action-area .ur-button--default[data-v-841711f8] {
  min-width: 70px !important;
  height: 30px;
  border-radius: 3px;
  border: solid 1px #bababb;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--base-01-font-default);
  padding: 0;
}
.left-info__wrap[data-v-841711f8] {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.left-info__wrap .total-count[data-v-841711f8] {
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.left-info__wrap .selected-count[data-v-841711f8] {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.left-info__wrap .selected-count span[data-v-841711f8] {
  font-weight: bold;
  color: #0f62fe;
}
.left-info__wrap .deselect[data-v-841711f8] {
  margin-left: 8px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0f62fe;
  text-decoration: underline;
  cursor: pointer;
}
.left-info__wrap .divider[data-v-841711f8] {
  margin: 0 8px;
}
.ur-button.medium[data-v-841711f8],
.ur-button.ur-button--medium[data-v-841711f8],
.comm_btn_border.medium[data-v-841711f8],
.comm_btn_border.ur-button--medium[data-v-841711f8] {
  min-width: 100px;
}
[data-v-841711f8] .ur-modal__body {
  overflow-y: hidden;
}
[data-v-841711f8] .ur-modal__body .ur-data-grid__info-row {
  height: auto;
}
[data-v-841711f8] .ur-modal__body .ur-data-grid__table {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #bababb;
}
[data-v-841711f8] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__row {
  border-bottom: 1px solid #e7e7e8;
}
[data-v-841711f8] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__scroll-wrapper,[data-v-841711f8] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__cell,[data-v-841711f8] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__row.ur-data-grid__content--empty__row {
  border-bottom: none;
}
[data-v-841711f8] .ur-modal__body .ur-data-grid__table .ur-data-grid__content {
  flex: 1 1 0;
  overflow: auto;
}
[data-v-841711f8] .ur-modal__body .ur-data-grid__table .ur-data-grid__clipboard-holder {
  display: none;
}
[data-v-841711f8] .ur-modal__body .ur-data-grid__table .ur-data-grid__header__wrapper__position-adjust {
  flex-wrap: nowrap;
}
[data-v-841711f8] .ur-modal__container--medium {
  width: 860px;
  height: 730px;
}
[data-v-841711f8] .ur-modal__container--medium .ur-modal__title {
  line-height: 29px;
}
[data-v-841711f8] .ur-modal__container--medium .ur-modal__body.ur-modal__body-with-foot {
  max-height: none;
  height: auto;
}
[data-v-841711f8] .ur-modal__container--medium .ur-modal__body ~ .ur-modal__foot {
  margin-top: 0;
}
[data-v-841711f8] .ur-input-chip__container {
  height: 30px;
  padding-left: 12px;
  padding-right: 0;
  display: flex;
}
[data-v-841711f8] .ur-input-chip__container .ur-input-chip__close-normal-input {
  height: 16px;
  width: 16px;
  margin: 0 8px;
  background-image: url(/biz/img/ic_input_delete.4c6ebee5692eba99.svg);
}
[data-v-841711f8] .ur-input-chip__container .ur-input-chip__close-normal-input:hover {
  background-image: url(/biz/img/ic_input_delete_hover.1f2c4e3e930a5241.svg);
}
[data-v-841711f8] .ur-input-chip__container .ur-input-chip__close-normal-input svg {
  display: none;
}
[data-v-841711f8] .ur-input-chip__container .ur-input-chip__close-normal-input-hover {
  background-color: transparent;
}
[data-v-841711f8] .ur-input-chip__container .ur-input-chip__slot {
  margin: 0;
}
[data-v-841711f8] .ur-input-chip__container .chip-text {
  display: flex;
  align-items: center;
}
[data-v-841711f8] .ur-input-chip__container .divider {
  margin: 0 8px;
  background-color: #ddd;
  width: 1px;
  height: 16px;
}
.tab-height[data-v-841711f8] {
  height: auto;
}
.ur-tree[data-v-841711f8] {
  width: 100%;
  /* height: 100%; */
  padding: 0;
}
[data-v-841711f8] .ur-modal__container--medium {
  width: 570px;
  height: 702px;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tab-box .ur-tab__label-window {
  margin-bottom: 30px;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tab__label {
  min-width: 20px;
}
[data-v-841711f8] .ur-modal__container--medium .ur-modal__body.ur-modal__body-with-foot {
  margin-top: 21px;
  margin-bottom: 17px;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree__divider {
  display: none;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__header {
  display: none;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__footer {
  display: none;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree__contents {
  height: 471px;
}
[data-v-841711f8] .ur-modal__container--medium .borderBg {
  margin-bottom: 0;
}
[data-v-841711f8] .ur-modal__container--medium .ur-data-grid__header__wrapper__position-adjust {
  flex-wrap: nowrap;
}
[data-v-841711f8] .ur-modal__container--medium .ur-data-grid__header__cell + .ur-data-grid__header__cell {
  border-left: none;
}
[data-v-841711f8] .ur-modal__container--medium .ur-data-grid__header__cell--checkbox {
  display: none;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents {
  height: 32px;
  display: flex;
  align-items: center;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .ur-tree-node__contents__toggle-button {
  margin-right: 4px;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__box {
  border: 1px solid #a4a4a5;
  border-radius: 3px;
  height: 16px;
  width: 16px;
  overflow: hidden;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__box:hover {
  border-color: #0f62fe;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__checked {
  border: 1px solid #0f62fe;
  border-radius: 3px;
  height: 16px;
  width: 16px;
  overflow: hidden;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__add {
  background-image: url(/biz/img/ic_tree_+_normal.aaa26d91acab9434.svg);
  height: 14px;
  width: 14px;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__add svg {
  display: none;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__add:hover {
  background-image: url(/biz/img/ic_tree_+_hover.e74454d66c6905a7.svg);
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__add:active {
  background-image: url(/biz/img/ic_tree_+_press.2c84e89f21bbd7ba.svg);
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__remove {
  background-image: url(/biz/img/ic_tree_-_normal.3f4fa5f801221c25.svg);
  height: 14px;
  width: 14px;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__remove svg {
  display: none;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__remove:hover {
  background-image: url(/biz/img/ic_tree_-_hover.eeee76a8847fed88.svg);
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents .opus-icon__remove:active {
  background-image: url(/biz/img/ic_tree_-_press.f19497654429c8b1.svg);
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__vertical-line {
  margin-left: 6px;
  padding-left: 9px;
  border-left: 1px solid #e7e7e8;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents__label {
  padding: 0;
  margin: 0 8px;
  cursor: default;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: unset;
  letter-spacing: normal;
  height: auto;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents__checkbox--checked + .ur-tree-node__contents__label {
  color: #0f62fe;
  font-weight: bold;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents__label:not(.ur-tree-node__contents-label__label--inline-edit):hover {
  background-color: transparent;
  cursor: default;
}
[data-v-841711f8] .ur-modal__container--medium .ur-icon:hover {
  background-color: transparent;
  cursor: pointer;
}
[data-v-841711f8] .ur-modal__container--medium .ur-tree-node__contents--selected {
  font-weight: normal;
  color: #1c1d1f;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00029/CMP_ZZZ_00029.vue?vue&type=style&index=0&id=59656988&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-59656988]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.h44[data-v-59656988] {
  min-height: 44px;
}
[data-v-59656988] .list-item__expand {
  max-height: none;
}
[data-v-59656988] .ur-form-item .ur-form-item__compo {
  padding-top: 6px !important;
}
[data-v-59656988] .ur-modal__body ~ .ur-modal__foot {
  margin-top: -14px !important;
}
[data-v-59656988] .form_352 .payLine2 .item {
  padding-top: 10px;
  padding-bottom: 10px;
}
[data-v-59656988] .form_352 .payLine2 {
  margin-top: -8px;
}
#detailWrap[data-v-59656988] {
  overflow-y: auto;
  max-height: 206px;
}
[data-v-59656988] .ur-form-box-wrapper--medium {
  margin: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00030/CMP_ZZZ_00030.vue?vue&type=style&index=0&id=073fd534&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-073fd534]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.h44[data-v-073fd534] {
  min-height: 44px;
}
[data-v-073fd534] .list-item__expand {
  max-height: none;
}
[data-v-073fd534] .ur-form-item .ur-form-item__compo {
  padding-top: 6px !important;
}
[data-v-073fd534] .ur-modal__body ~ .ur-modal__foot {
  margin-top: -14px !important;
}
[data-v-073fd534] .form_352 .payLine2 .item {
  padding-top: 10px;
  padding-bottom: 10px;
}
#detailWrap[data-v-073fd534] {
  overflow-y: auto;
  max-height: 206px;
}
[data-v-073fd534] .ur-form-box-wrapper--medium {
  margin: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00031/CMP_ZZZ_00031.vue?vue&type=style&index=0&id=560f6314&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.file_list[data-v-560f6314] {
  border: none !important;
  text-decoration: underline;
}
.file_list li[data-v-560f6314] {
  padding: 0px 0px !important;
}
.file_list li a[data-v-560f6314] {
  font-size: 14px;
  color: black;
}
.file_list li p[data-v-560f6314] {
  font-size: 14px;
  color: black;
}
.btn_list_del[data-v-560f6314] {
  right: -18px !important;
  background-position-y: 8px !important;
}
.thumbnails_wrap[data-v-560f6314] {
  border: 1px solid;
  position: relative;
  min-height: 140px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00033/CMP_ZZZ_00033.vue?vue&type=style&index=0&id=706940fa&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.left[data-v-706940fa] {
  border: 1px solid lightgrey;
  float: left;
  width: 30%;
  height: 700px;
}
.right[data-v-706940fa] {
  /* border: 1px solid lightgrey; */
  float: left;
  width: 70%;
  height: 700px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00035/CMP_ZZZ_00035.vue?vue&type=style&index=0&id=0bda337e&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0bda337e]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-data-grid__header__freeze-wrapper[data-v-0bda337e] {
  background-color: #f3f3f3;
  border-top: 1px solid #5f6061;
  border-bottom: 1px solid #ddd;
}
#businessGrid.ur-data-grid[data-v-0bda337e] {
  overflow: hidden !important;
}
[data-v-0bda337e] #businessGrid .ur-data-grid__content__scroll-wrapper {
  border-bottom: 0px !important;
  padding-bottom: 0px !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00039/CMP_ZZZ_00039.vue?vue&type=style&index=0&id=42bc1886&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-42bc1886]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-42bc1886]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/* [TEXTFIELD] Positioning */
.ur-text-field[data-v-42bc1886] {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}
.ur-text-field--small[data-v-42bc1886] {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input[data-v-42bc1886],
.ur-text-field__textarea[data-v-42bc1886] {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}
.ur-text-field__textarea[data-v-42bc1886] {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}
.ur-text-field.ur-text-field-ide .ur-text-field__input[data-v-42bc1886] {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input[data-v-42bc1886] {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__input[data-v-42bc1886] {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__input[data-v-42bc1886] {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}
.ur-text-field--small .ur-text-field__textarea[data-v-42bc1886] {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__textarea[data-v-42bc1886] {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ur-text-field--large .ur-text-field__textarea[data-v-42bc1886] {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-42bc1886] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-42bc1886] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-42bc1886] {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input[data-v-42bc1886],
.ur-text-field--underline .ur-text-field__textarea[data-v-42bc1886] {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}
.ur-text-field--border .ur-text-field__input[data-v-42bc1886],
.ur-text-field--border .ur-text-field__textarea[data-v-42bc1886] {
  border-radius: 0;
  border-width: 1px;
}
.ur-text-field--has-message.ur-validator--error .ur-text-field__input[data-v-42bc1886],
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea[data-v-42bc1886],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input[data-v-42bc1886],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea[data-v-42bc1886] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ur-text-field__input[data-v-42bc1886],
.ur-text-field__textarea[data-v-42bc1886] {
  border-color: #dbdbdb;
}
.ur-text-field__input[data-v-42bc1886]:focus,
.ur-text-field__textarea[data-v-42bc1886]:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-text-field__input[readonly][data-v-42bc1886],
.ur-text-field__textarea[readonly][data-v-42bc1886] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input[data-v-42bc1886]:disabled,
.ur-text-field__textarea[data-v-42bc1886]:disabled {
  background-color: #dbdbdb;
  color: #767676;
}
.ur-text-field__input[data-v-42bc1886]::-moz-placeholder, .ur-text-field__textarea[data-v-42bc1886]::-moz-placeholder {
  color: #959595;
}
.ur-text-field__input[data-v-42bc1886]::placeholder,
.ur-text-field__textarea[data-v-42bc1886]::placeholder {
  color: #959595;
}
[data-v-42bc1886]:-ms-input-placeholder {
  color: #959595 !important;
}
[data-v-42bc1886]::-ms-input-placeholder {
  color: #959595 !important;
}
.ur-text-field--small .ur-text-field__input--with-icon[data-v-42bc1886] {
  padding-right: 28px;
}
.ur-text-field--medium .ur-text-field__input--with-icon[data-v-42bc1886] {
  padding-right: 30px;
}
.ur-text-field--large .ur-text-field__input--with-icon[data-v-42bc1886] {
  padding-right: 30px;
}
.ur-text-field--small .ur-text-field__input--with-two-icon[data-v-42bc1886] {
  padding-right: 48px;
}
.ur-text-field--medium .ur-text-field__input--with-two-icon[data-v-42bc1886] {
  padding-right: 52px;
}
.ur-text-field--large .ur-text-field__input--with-two-icon[data-v-42bc1886] {
  padding-right: 52px;
}
.ur-text-filed__input--only-eng[data-v-42bc1886] {
  ime-mode: disabled;
}
.ur-text-filed__input--mask-number[data-v-42bc1886] {
  text-align: right;
}
.ur-text-field__icon-wrap[data-v-42bc1886] {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}
.ur-text-field__icon-wrap-two-icon[data-v-42bc1886] {
  right: 8px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-42bc1886] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-42bc1886] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-42bc1886] {
  font-size: 14px;
}
.ur-text-field__icon-wrap__icon[data-v-42bc1886] {
  cursor: pointer;
}
.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon[data-v-42bc1886] {
  margin-left: 8px;
}
.ur-text-field__input[data-v-42bc1886]::-ms-clear,
.ur-text-field__input[data-v-42bc1886]::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area[data-v-42bc1886] {
  vertical-align: bottom;
}
.ur-text-field.ur-validator--valid .ur-text-field__input[data-v-42bc1886],
.ur-text-field.ur-validator--valid .ur-text-field__textarea[data-v-42bc1886] {
  border-color: #4fce67;
}
.ur-text-field.ur-validator--error .ur-text-field__input[data-v-42bc1886],
.ur-text-field.ur-validator--error .ur-text-field__textarea[data-v-42bc1886] {
  border-color: #ff5858;
}
.ur-text-field.ur-validator--shake[data-v-42bc1886] > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.ur-text-field.ur-text-field--readonly > input[data-v-42bc1886] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-field.ur-text-field--disabled > input[data-v-42bc1886] {
  pointer-events: none;
}
.ur-text-area.ur-text-field--readonly > textarea[data-v-42bc1886] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-area.ur-text-field--disabled > textarea[data-v-42bc1886] {
  pointer-events: none;
}
.ur-text-field.ur-text-field--disabled[data-v-42bc1886] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ur-text-field__message[data-v-42bc1886] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}
.ur-text-field__counter[data-v-42bc1886] {
  position: relative;
  float: right;
}
.ur-validator--error .ur-text-field__message--heavy[data-v-42bc1886] {
  color: #ffffff;
  background-color: #ff5858;
}
.ur-validator--valid .ur-text-field__message--heavy[data-v-42bc1886] {
  color: #ffffff;
  background-color: #4fce67;
}
.ur-validator--error .ur-text-field__message--light[data-v-42bc1886] {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}
.ur-validator--valid .ur-text-field__message--light[data-v-42bc1886] {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00039/CMP_ZZZ_00039.vue?vue&type=style&index=1&id=42bc1886&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-42bc1886]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-42bc1886] .search-term__marked {
  font-weight: bold;
}
.divider[data-v-42bc1886] {
  display: inline-block;
  height: 80%;
  background-color: #ddd;
  width: 1px;
  margin: 2px 6px;
  vertical-align: top;
}
.valid-item[data-v-42bc1886] .ur-text-field__input {
  padding: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-42bc1886] {
  padding: initial;
  border-width: 1px;
  border-radius: 3px;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-42bc1886] .seat-text-field__container .seat-text-field__wrap {
  border: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__message[data-v-42bc1886] {
  position: relative;
}
.seat-user-search__container[data-v-42bc1886] {
  width: 100%;
}
.seat-user-search__container .ur-text-field__input[data-v-42bc1886] {
  width: 100%;
  padding: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00040/CMP_ZZZ_00040.vue?vue&type=style&index=0&id=1ed2f79c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1ed2f79c]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.multi-select__chip-container[data-v-1ed2f79c] {
  margin-top: 20px;
}
.multi-select__chip-container .multi-select__chip-container__header[data-v-1ed2f79c] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.multi-select__chip-container .multi-select__chip-container__header ul[data-v-1ed2f79c] {
  display: flex;
  align-items: center;
}
.multi-select__chip-container .multi-select__chip-container__header ul .divider[data-v-1ed2f79c] {
  margin: 0 8px;
}
.multi-select__chip-container .multi-select__chip-container__header ul li[data-v-1ed2f79c]:nth-of-type(1) {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.multi-select__chip-container .multi-select__chip-container__header ul li[data-v-1ed2f79c]:nth-of-type(3) {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.multi-select__chip-container .multi-select__chip-container__header ul li:nth-of-type(3) span[data-v-1ed2f79c] {
  font-weight: bold;
}
.multi-select__chip-container .multi-select__chip-wrapper[data-v-1ed2f79c] {
  border: 1px solid #ddd;
  height: 138px;
  overflow-y: auto;
  padding: 10px 8px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item[data-v-1ed2f79c] {
  margin: 4px;
  height: 30px;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item .chip-text[data-v-1ed2f79c] {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1c1d1f;
}
[data-v-1ed2f79c] .search-term__marked {
  font-weight: bold;
}
.action-area .ur-button--default[data-v-1ed2f79c] {
  width: 100px;
  height: 36px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  padding: 0;
}
.action-area .ur-button--default[data-v-1ed2f79c]:nth-child(1) {
  color: #142136;
}
[data-v-1ed2f79c] ur-button--border.ur-button--default.ur-button--disabled.black {
  background: #142136;
  opacity: 0.4;
}
.multi-select-action-area .ur-button--default[data-v-1ed2f79c] {
  min-width: 70px !important;
  height: 30px;
  border-radius: 3px;
  border: solid 1px #bababb;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--base-01-font-default);
  padding: 0;
}
.left-info__wrap[data-v-1ed2f79c] {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.left-info__wrap .total-count[data-v-1ed2f79c] {
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.left-info__wrap .selected-count[data-v-1ed2f79c] {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--base-01-font-default);
}
.left-info__wrap .selected-count span[data-v-1ed2f79c] {
  font-weight: bold;
  color: #0f62fe;
}
.left-info__wrap .deselect[data-v-1ed2f79c] {
  margin-left: 8px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0f62fe;
  text-decoration: underline;
  cursor: pointer;
}
.left-info__wrap .divider[data-v-1ed2f79c] {
  margin: 0 8px;
}
.ur-button.medium[data-v-1ed2f79c],
.ur-button.ur-button--medium[data-v-1ed2f79c],
.comm_btn_border.medium[data-v-1ed2f79c],
.comm_btn_border.ur-button--medium[data-v-1ed2f79c] {
  min-width: 100px;
}
[data-v-1ed2f79c] .ur-modal__body {
  overflow-y: hidden;
}
[data-v-1ed2f79c] .ur-modal__body .ur-data-grid__info-row {
  height: auto;
}
[data-v-1ed2f79c] .ur-modal__body .ur-data-grid__table {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #bababb;
}
[data-v-1ed2f79c] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__row {
  border-bottom: 1px solid #e7e7e8;
}
[data-v-1ed2f79c] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__scroll-wrapper,[data-v-1ed2f79c] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__cell,[data-v-1ed2f79c] .ur-modal__body .ur-data-grid__table .ur-data-grid__content__row.ur-data-grid__content--empty__row {
  border-bottom: none;
}
[data-v-1ed2f79c] .ur-modal__body .ur-data-grid__table .ur-data-grid__content {
  flex: 1 1 0;
  overflow: auto;
}
[data-v-1ed2f79c] .ur-modal__body .ur-data-grid__table .ur-data-grid__clipboard-holder {
  display: none;
}
[data-v-1ed2f79c] .ur-modal__body .ur-data-grid__table .ur-data-grid__header__wrapper__position-adjust {
  flex-wrap: nowrap;
}
[data-v-1ed2f79c] .ur-modal__container--medium {
  width: 860px;
  height: 730px;
}
[data-v-1ed2f79c] .ur-modal__container--medium .ur-modal__title {
  line-height: 29px;
}
[data-v-1ed2f79c] .ur-modal__container--medium .ur-modal__body.ur-modal__body-with-foot {
  max-height: none;
  height: auto;
}
[data-v-1ed2f79c] .ur-modal__container--medium .ur-modal__body ~ .ur-modal__foot {
  margin-top: 0;
}
[data-v-1ed2f79c] .ur-input-chip__container {
  height: 30px;
  padding-left: 12px;
  padding-right: 0;
  display: flex;
}
[data-v-1ed2f79c] .ur-input-chip__container .ur-input-chip__close-normal-input {
  height: 16px;
  width: 16px;
  margin: 0 8px;
  background-image: url(/biz/img/ic_input_delete.4c6ebee5692eba99.svg);
}
[data-v-1ed2f79c] .ur-input-chip__container .ur-input-chip__close-normal-input:hover {
  background-image: url(/biz/img/ic_input_delete_hover.1f2c4e3e930a5241.svg);
}
[data-v-1ed2f79c] .ur-input-chip__container .ur-input-chip__close-normal-input svg {
  display: none;
}
[data-v-1ed2f79c] .ur-input-chip__container .ur-input-chip__close-normal-input-hover {
  background-color: transparent;
}
[data-v-1ed2f79c] .ur-input-chip__container .ur-input-chip__slot {
  margin: 0;
}
[data-v-1ed2f79c] .ur-input-chip__container .chip-text {
  display: flex;
  align-items: center;
}
[data-v-1ed2f79c] .ur-input-chip__container .divider {
  margin: 0 8px;
  background-color: #ddd;
  width: 1px;
  height: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00041/CMP_ZZZ_00041.vue?vue&type=style&index=0&id=83620518&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-83620518]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-83620518] .ur-modal__close {
  color: white;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00042/CMP_ZZZ_00042.vue?vue&type=style&index=0&id=e7f11294&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-e7f11294]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.search-filter-container[data-v-e7f11294] {
  max-width: 238px;
  display: inline-block;
  position: relative;
}
.search-filter-container .option-container[data-v-e7f11294] {
  width: 100%;
  padding: 8px 0;
  position: absolute;
  left: 0;
  top: 110%;
  z-index: 101;
  border: 1px solid #bababa;
  border-radius: 3px;
  background-color: #fff;
}
.search-filter-container .option-container ul[data-v-e7f11294] {
  max-height: 256px;
  overflow: auto;
}
.search-filter-container .option-container ul li[data-v-e7f11294] {
  height: 32px;
  padding: 0 12px;
  color: #1c1d1f;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.search-filter-container .option-container ul li span[data-v-e7f11294]:nth-child(2n) {
  font-weight: bold;
  display: flex;
  overflow: hidden;
}
.search-filter-container .option-container ul li span[data-v-e7f11294]:nth-child(2n)::before {
  content: "‘";
}
.search-filter-container .option-container ul li span[data-v-e7f11294]:nth-child(2n)::after {
  content: "’";
}
.search-filter-container .option-container ul li span:nth-child(2n) span[data-v-e7f11294] {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-filter-container .option-container ul li span[data-v-e7f11294]:nth-child(2n+1) {
  flex: 0 0 auto;
}
.option-container__background[data-v-e7f11294] {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: transparent;
}
.filterBtnWrap[data-v-e7f11294] {
  position: relative;
  display: inline-block;
}
.option-container[data-v-e7f11294] {
  width: 500px;
  padding: 30px;
  position: absolute;
  top: 110%;
  right: 0;
  z-index: 1;
  border: 1px solid #a4a4a5;
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.option-container .ur-date-picker--medium[data-v-e7f11294] {
  width: 100%;
}
.option-container .chips[data-v-e7f11294] {
  margin-bottom: 12px;
  display: flex;
  align-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #1c1d1f;
}
.option-container .chips[data-v-e7f11294] > *:first-child {
  width: 206px;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.option-container .btnWrap[data-v-e7f11294] {
  margin-top: 26px;
  display: flex;
  justify-content: flex-end;
}
.option-container .btnWrap button[data-v-e7f11294] {
  width: 80px;
  margin-right: 10px;
  border: 1px solid #142136;
}
.option-container .btnWrap button.ur-button.ur-button--disabled[data-v-e7f11294],
.option-container .btnWrap button .comm_btn_border.ur-button--disabled[data-v-e7f11294] {
  border-color: #d0d1d2;
}
.option-container .btnWrap[data-v-e7f11294]:last-child {
  margin-right: 0;
}
.searchFilterDate[data-v-e7f11294] .ur-text-field.ur-input.ur-date-picker__text-field {
  width: 100% !important;
}
.bullet[data-v-e7f11294] {
  margin-left: 6px;
}
.search-column-item--hover[data-v-e7f11294] {
  background: #f2f7ff;
}
.filterRadio[data-v-e7f11294] {
  width: 290px;
  height: 36px;
  display: flex;
  align-items: center;
}
[data-v-e7f11294] .ur-text-field__icon-wrap__icon.opus-icon__search svg {
  background-image: url(/biz/img/ic_input_search.ce2451bce5423dfd.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
[data-v-e7f11294] .ur-text-field__icon-wrap__icon.opus-icon__search svg path {
  display: none;
}
[data-v-e7f11294] .ur-text-field__icon-wrap__icon.opus-icon__close svg {
  background-image: url(/biz/img/ic_input_delete.4c6ebee5692eba99.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
[data-v-e7f11294] .ur-text-field__icon-wrap__icon.opus-icon__close svg rect {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00043/CMP_ZZZ_00043.vue?vue&type=style&index=0&id=59bfeff8&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-59bfeff8]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-59bfeff8] .edu-in-grid .ur-data-grid__header__resize-anchor {
  display: block;
}
[data-v-59bfeff8] .edu-in-grid .ur-data-grid__header__resize-anchor::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 0;
  width: 1px;
  background: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00048/CMP_ZZZ_00048.vue?vue&type=style&index=0&id=5e5a4e42&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5e5a4e42]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
.ur-button.medium[data-v-5e5a4e42],
.ur-button.ur-button--medium[data-v-5e5a4e42],
.comm_btn_border.medium[data-v-5e5a4e42],
.comm_btn_border.ur-button--medium[data-v-5e5a4e42] {
  min-width: 100px;
}
.ur-data-grid__info-item .unselectBtn[data-v-5e5a4e42] {
  color: #0f62fe;
  background-color: #fff;
  border: none;
  font-size: 13px;
  font-weight: normal;
  text-decoration-line: underline;
  margin-left: 8px;
  cursor: pointer;
}
.selectRow[data-v-5e5a4e42] {
  display: flex;
}
.selectFont[data-v-5e5a4e42] {
  font-size: 13px;
  font-weight: bold;
  color: #0f62fe;
}
.multi-select__grid-container[data-v-5e5a4e42] {
  height: 500px;
}
.multi-select__chip-container[data-v-5e5a4e42] {
  margin: 10px 0;
}
.multi-select__chip-container .multi-select__chip-container__header[data-v-5e5a4e42] {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}
.multi-select__chip-container .multi-select__chip-container__header ul[data-v-5e5a4e42] {
  display: flex;
  align-items: center;
}
.multi-select__chip-container .multi-select__chip-container__header ul li[data-v-5e5a4e42]:nth-of-type(1) {
  font-weight: bold;
}
.multi-select__chip-container .multi-select__chip-container__header .vtDiv[data-v-5e5a4e42] {
  margin: 2px 5px;
}
.multi-select__chip-container .multi-select__chip-wrapper[data-v-5e5a4e42] {
  border: 1px solid gray;
  min-height: 100px;
  max-height: 300px;
  overflow-y: auto;
  padding: 10px 8px;
}
.multi-select__chip-container .multi-select__chip-wrapper .ur-chip-wrapper__item[data-v-5e5a4e42] {
  margin: 1px 2px;
}
[data-v-5e5a4e42] .search-term__marked {
  font-weight: bold;
}
[data-v-5e5a4e42] .ur-modal__container--medium {
  width: 50%;
}
[data-v-5e5a4e42] .ur-modal__body {
  overflow-y: hidden;
}
.external-filter[data-v-5e5a4e42] {
  margin-left: 0px;
}
.pb-4[data-v-5e5a4e42] {
  padding-bottom: 16px;
}
[data-v-5e5a4e42] .ur-data-grid__content__cell .flex-justify-center {
  display: flex;
  justify-content: center;
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00049/CMP_ZZZ_00049.vue?vue&type=style&index=0&id=2c12c784&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2c12c784]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-2c12c784]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

/* [TEXTFIELD] Positioning */
.ur-text-field[data-v-2c12c784] {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}
.ur-text-field--small[data-v-2c12c784] {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input[data-v-2c12c784],
.ur-text-field__textarea[data-v-2c12c784] {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}
.ur-text-field__textarea[data-v-2c12c784] {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}
.ur-text-field.ur-text-field-ide .ur-text-field__input[data-v-2c12c784] {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input[data-v-2c12c784] {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__input[data-v-2c12c784] {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__input[data-v-2c12c784] {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}
.ur-text-field--small .ur-text-field__textarea[data-v-2c12c784] {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__textarea[data-v-2c12c784] {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ur-text-field--large .ur-text-field__textarea[data-v-2c12c784] {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-2c12c784] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-2c12c784] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-2c12c784] {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input[data-v-2c12c784],
.ur-text-field--underline .ur-text-field__textarea[data-v-2c12c784] {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}
.ur-text-field--border .ur-text-field__input[data-v-2c12c784],
.ur-text-field--border .ur-text-field__textarea[data-v-2c12c784] {
  border-radius: 0;
  border-width: 1px;
}
.ur-text-field--has-message.ur-validator--error .ur-text-field__input[data-v-2c12c784],
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea[data-v-2c12c784],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input[data-v-2c12c784],
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea[data-v-2c12c784] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ur-text-field__input[data-v-2c12c784],
.ur-text-field__textarea[data-v-2c12c784] {
  border-color: #dbdbdb;
}
.ur-text-field__input[data-v-2c12c784]:focus,
.ur-text-field__textarea[data-v-2c12c784]:focus {
  border-color: #0aacbe;
  background-color: #e7f7f9;
}
.ur-text-field__input[readonly][data-v-2c12c784],
.ur-text-field__textarea[readonly][data-v-2c12c784] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input[data-v-2c12c784]:disabled,
.ur-text-field__textarea[data-v-2c12c784]:disabled {
  background-color: #dbdbdb;
  color: #767676;
}
.ur-text-field__input[data-v-2c12c784]::-moz-placeholder, .ur-text-field__textarea[data-v-2c12c784]::-moz-placeholder {
  color: #959595;
}
.ur-text-field__input[data-v-2c12c784]::placeholder,
.ur-text-field__textarea[data-v-2c12c784]::placeholder {
  color: #959595;
}
[data-v-2c12c784]:-ms-input-placeholder {
  color: #959595 !important;
}
[data-v-2c12c784]::-ms-input-placeholder {
  color: #959595 !important;
}
.ur-text-field--small .ur-text-field__input--with-icon[data-v-2c12c784] {
  padding-right: 28px;
}
.ur-text-field--medium .ur-text-field__input--with-icon[data-v-2c12c784] {
  padding-right: 30px;
}
.ur-text-field--large .ur-text-field__input--with-icon[data-v-2c12c784] {
  padding-right: 30px;
}
.ur-text-field--small .ur-text-field__input--with-two-icon[data-v-2c12c784] {
  padding-right: 48px;
}
.ur-text-field--medium .ur-text-field__input--with-two-icon[data-v-2c12c784] {
  padding-right: 52px;
}
.ur-text-field--large .ur-text-field__input--with-two-icon[data-v-2c12c784] {
  padding-right: 52px;
}
.ur-text-filed__input--only-eng[data-v-2c12c784] {
  ime-mode: disabled;
}
.ur-text-filed__input--mask-number[data-v-2c12c784] {
  text-align: right;
}
.ur-text-field__icon-wrap[data-v-2c12c784] {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}
.ur-text-field__icon-wrap-two-icon[data-v-2c12c784] {
  right: 8px;
}
.ur-text-field--small .ur-text-field__icon-wrap[data-v-2c12c784] {
  font-size: 12px;
}
.ur-text-field--medium .ur-text-field__icon-wrap[data-v-2c12c784] {
  font-size: 14px;
}
.ur-text-field--large .ur-text-field__icon-wrap[data-v-2c12c784] {
  font-size: 14px;
}
.ur-text-field__icon-wrap__icon[data-v-2c12c784] {
  cursor: pointer;
}
.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon[data-v-2c12c784] {
  margin-left: 8px;
}
.ur-text-field__input[data-v-2c12c784]::-ms-clear,
.ur-text-field__input[data-v-2c12c784]::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area[data-v-2c12c784] {
  vertical-align: bottom;
}
.ur-text-field.ur-validator--valid .ur-text-field__input[data-v-2c12c784],
.ur-text-field.ur-validator--valid .ur-text-field__textarea[data-v-2c12c784] {
  border-color: #4fce67;
}
.ur-text-field.ur-validator--error .ur-text-field__input[data-v-2c12c784],
.ur-text-field.ur-validator--error .ur-text-field__textarea[data-v-2c12c784] {
  border-color: #ff5858;
}
.ur-text-field.ur-validator--shake[data-v-2c12c784] > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.ur-text-field.ur-text-field--readonly > input[data-v-2c12c784] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-field.ur-text-field--disabled > input[data-v-2c12c784] {
  pointer-events: none;
}
.ur-text-area.ur-text-field--readonly > textarea[data-v-2c12c784] {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.ur-text-area.ur-text-field--disabled > textarea[data-v-2c12c784] {
  pointer-events: none;
}
.ur-text-field.ur-text-field--disabled[data-v-2c12c784] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ur-text-field__message[data-v-2c12c784] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}
.ur-text-field__counter[data-v-2c12c784] {
  position: relative;
  float: right;
}
.ur-validator--error .ur-text-field__message--heavy[data-v-2c12c784] {
  color: #ffffff;
  background-color: #ff5858;
}
.ur-validator--valid .ur-text-field__message--heavy[data-v-2c12c784] {
  color: #ffffff;
  background-color: #4fce67;
}
.ur-validator--error .ur-text-field__message--light[data-v-2c12c784] {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}
.ur-validator--valid .ur-text-field__message--light[data-v-2c12c784] {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00049/CMP_ZZZ_00049.vue?vue&type=style&index=1&id=2c12c784&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2c12c784]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-2c12c784] .search-term__marked {
  font-weight: bold;
}
.divider[data-v-2c12c784] {
  display: inline-block;
  height: 80%;
  background-color: #ddd;
  width: 1px;
  margin: 2px 6px;
  vertical-align: top;
}
.valid-item[data-v-2c12c784] .ur-text-field__input {
  padding: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-2c12c784] {
  padding: initial;
  border-width: 1px;
  border-radius: 3px;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__input[data-v-2c12c784] .seat-text-field__container .seat-text-field__wrap {
  border: 0;
}
.valid-item.ur-text-field.ur-validator--error .ur-text-field__message[data-v-2c12c784] {
  position: relative;
}
.seat-user-search__container[data-v-2c12c784] {
  width: 100%;
}
.seat-user-search__container .ur-text-field__input[data-v-2c12c784] {
  width: 100%;
  padding: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/ZZ/components/CMP_ZZZ_00053/CMP_ZZZ_00053.vue?vue&type=style&index=0&id=43169ef6&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-43169ef6]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
[data-v-43169ef6] .ur-modal__container--wrapper .ur-scroll__content {
  top: 20% !important;
  bottom: -20% !important;
}
.h44[data-v-43169ef6] {
  min-height: 44px;
}
[data-v-43169ef6] .list-item__expand {
  max-height: none;
}
[data-v-43169ef6] .ur-form-item .ur-form-item__compo {
  padding-top: 6px !important;
}
[data-v-43169ef6] .ur-modal__body ~ .ur-modal__foot {
  margin-top: -14px !important;
}
[data-v-43169ef6] .form_352 .payLine2 .item {
  padding-top: 10px;
  padding-bottom: 10px;
}
[data-v-43169ef6] .form_352 .payLine2 {
  margin-top: -8px;
}
#detailWrap[data-v-43169ef6] {
  overflow-y: auto;
  max-height: 206px;
}
[data-v-43169ef6] .ur-form-box-wrapper--medium {
  margin: 0;
}
.aprvList[data-v-43169ef6] {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.title[data-v-43169ef6] {
  max-width: 65%;
}
[data-v-43169ef6] .list_pold {
  overflow: auto;
  max-height: 520px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiTextFieldWithButton/SuiTextFieldWithButton.vue?vue&type=style&index=0&id=32279b1c&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.-grid-cell-textField-button[data-v-32279b1c] {
  padding: 0 !important;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/assets/css/THEME-1/reset-1.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote,
th,
td,
input,
select,
button,
a {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

fieldset,
img {
  border: 0 none;
}

dl,
ul,
ol,
menu,
li {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

input,
select,
button {
  border: 1px solid #ccc;
  height: 24px;
  border-radius: 0;
  outline-width: 0;
}

input::-ms-clear {
  display: none;
}

input:-ms-input-placeholder {
  color: #ccc;
}

input::-webkit-input-placeholder {
  color: #ccc;
}

input::-moz-placeholder {
  color: #ccc;
}

input::-moz-placeholder {
  color: #ccc;
}

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: default;
  pointer-events: none;
}

body {
  direction: ltr;
  -webkit-text-size-adjust: none;
}

th,
td,
input,
select,
textarea,
button {
  line-height: 1.5;
  font-family: "Noto Sans KR", "NanumGothic", dotum, "돋움", sans-serif;
  font-weight: normal;
}

.os_mac body,
.os_mac th,
.os_mac td,
.os_mac input,
.os_mac select,
.os_mac textarea,
.os_mac button {
  letter-spacing: 0;
}

a {
  color: #444;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

a:active {
  background-color: transparent;
}

/* a:focus{border: 1px solid #418fd9;} */
address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}

/* =====  Table ===== */
table {
  border-collapse: collapse;
  empty-cells: show;
  border-spacing: 0;
  table-layout: fixed;
}

table caption,
fieldset legend {
  display: none;
}

fieldset label {
  line-height: 30px;
}

/* table span, table span { padding: 0 10px; } */
table a:link,
table a:hover,
table a:visited {
  text-decoration: none;
  color: #444;
}

input[type=radio],
input[type=checkbox] {
  margin: 0 5px 0 5px;
}

input[type=radio]:first-child,
input[type=checkbox]:first-child {
  margin-left: 0;
}

input:focus {
  border: 1px solid #616e9b;
}

select::-ms-expand {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 30px;
  padding: 0 20px 0 8px;
}

select:hover,
select:focus {
  border: 1px solid #616e98;
}

/*==========================================================================
 - summary :common
==========================================================================*/
/* ------------------------------------------------------------ */
abbr[title] {
  border-bottom: 1px dotted;
}

hr {
  border: 0 none;
  border-bottom: 1px dashed #d6d6d6;
}

.ir {
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.cursor {
  cursor: pointer;
}

/* Display */
.dp_flex {
  display: flex;
  width: 100%;
}

.dp_inflex {
  display: inline-flex;
}

/* Align */
.ls {
  letter-spacing: -1.5px;
}

.ta_r {
  text-align: right !important;
}

.ta_l {
  text-align: left !important;
}

.ta_c {
  text-align: center !important;
}

.va_t {
  vertical-align: top !important;
}

.va_m {
  vertical-align: middle !important;
}

.va_b {
  vertical-align: bottom !important;
}

.fl_l {
  display: inline-block;
  float: left !important;
  vertical-align: middle;
}

.fl_r {
  display: inline-block;
  float: right !important;
  vertical-align: middle;
}

.comp_spacing {
  margin-right: 8px !important;
}

.comp_spacing2 {
  margin-right: 16px !important;
}

.mr05 {
  margin: 5px !important;
}

.mr10 {
  margin: 10px !important;
}

.mr15 {
  margin: 15px !important;
}

.pd20 {
  padding: 20px !important;
}

.mrT05 {
  margin-top: 5px !important;
}

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

.mrT15 {
  margin-top: 15px !important;
}

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

.mrT25 {
  margin-top: 25px !important;
}

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

.mrB05 {
  margin-bottom: 5px !important;
}

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

.mrB15 {
  margin-bottom: 15px !important;
}

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

.mrB25 {
  margin-bottom: 25px !important;
}

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

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

.mrB45 {
  margin-bottom: 45px !important;
}

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

.mrL30 {
  margin-left: 30px !important;
}

.mrL10 {
  margin-left: 10px !important;
}

.mrR30 {
  margin-right: 30px !important;
}

.mrR10 {
  margin-right: 10px !important;
}

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

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

.pdL12 {
  padding-left: 12px !important;
}

.pdL15 {
  padding-left: 15px !important;
}

.pdR15 {
  padding-right: 15px !important;
}

.pdT15 {
  padding-top: 15px !important;
}

.pdB15 {
  padding-bottom: 15px !important;
}

.pdL30 {
  padding-left: 30px !important;
}

.pdR30 {
  padding-right: 30px !important;
}

.pdT30 {
  padding-top: 30px !important;
}

.pdB30 {
  padding-bottom: 30px !important;
}

.lh1 {
  line-height: 1.5;
}

.lh {
  line-height: 2;
}

.lh3 {
  line-height: 3;
}

.over_h {
  overflow: hidden;
  width: 100%;
}

.clear {
  clear: both !important;
  display: block;
}

.clear:after {
  content: "";
  clear: both;
  display: table;
}

.clear_l {
  clear: left !important;
}

.clear_r {
  clear: right !important;
}

.posi_a {
  position: absolute !important;
}

.posi_r {
  position: relative !important;
}

.m_auto {
  margin: 0 auto;
}

.nbsp {
  padding-left: 5px;
}

.nbsp:first-child {
  padding: 0;
}

/* display style */
.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

/* Font */
.normal {
  font-weight: normal !important;
}

.bold {
  font-weight: 500 !important;
}

/* hidden */
.blind {
  visibility: hidden;
  font-size: 0;
  text-indent: -20000px;
}

.none {
  display: none !important;
}

/* Text overflow with ellipsis */
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.under_line {
  border-bottom: thin solid #e9e9e9;
}

.img-border {
  border: thin solid #d6d6d6;
}

.red {
  background: red;
}

.blue {
  background: blue;
}

.white {
  background: #fff;
}

/* =============================================================================
   Base Styles
========================================================================== */
/* width */
.width5 {
  width: 5% !important;
}

.width8 {
  width: 8% !important;
}

.width10 {
  width: 10% !important;
}

.width12 {
  width: 12.5% !important;
}

.width13 {
  width: 13.3333% !important;
}

.width14 {
  width: 14.28% !important;
}

.width15 {
  width: 15% !important;
}

.width16 {
  width: 16.6666% !important;
}

.width17 {
  width: 17% !important;
}

.width18 {
  width: 18% !important;
}

.width20 {
  width: 20% !important;
}

.width23 {
  width: 23% !important;
}

.width24 {
  width: 24% !important;
}

.width25 {
  width: 25% !important;
}

.width26 {
  width: 26% !important;
}

.width27 {
  width: 27% !important;
}

.width29 {
  width: 29% !important;
}

.width30 {
  width: 30% !important;
}

.width33 {
  width: 33.333% !important;
}

.width34 {
  width: 34% !important;
}

.width35 {
  width: 35% !important;
}

.width40 {
  width: 40% !important;
}

.width43 {
  width: 43% !important;
}

.width45 {
  width: 45% !important;
}

.width46 {
  width: 46% !important;
}

.width47 {
  width: 47% !important;
}

.width48 {
  width: 48% !important;
}

.width50 {
  width: 50% !important;
}

.width55 {
  width: 55% !important;
}

.width60 {
  width: 60% !important;
}

.width65 {
  width: 65% !important;
}

.width70 {
  width: 70% !important;
}

.width75 {
  width: 75% !important;
}

.width80 {
  width: 80% !important;
}

.width83 {
  width: 83% !important;
}

.width85 {
  width: 85% !important;
}

.width90 {
  width: 90% !important;
}

.width94 {
  width: 94% !important;
}

.width95 {
  width: 95% !important;
}

.width96 {
  width: 96% !important;
}

.width98 {
  width: 98% !important;
}

.width100 {
  width: 100% !important;
}

/* border */
.brdG01 {
  border: 1px solid #c5c5c5;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/assets/css/THEME-1/theme-1.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans KR Light"), local("NotoSansKR-Light"), url(/biz/fonts/NotoSansKR-Light.47bdd6f9.eot);
  src: url(/biz/fonts/NotoSansKR-Light.47bdd6f9.eot?#iefix) format("embedded-opentype"), url(/biz/fonts/NotoSansKR-Light.270d68b5.woff2) format("woff2"), url(/biz/fonts/NotoSansKR-Light.2d3c6c0a.woff) format("woff");
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url(/biz/fonts/NotoSansKR-Regular.0151af82.eot);
  src: url(/biz/fonts/NotoSansKR-Regular.0151af82.eot?#iefix) format("embedded-opentype"), url(/biz/fonts/NotoSansKR-Regular.c210864f.woff2) format("woff2"), url(/biz/fonts/NotoSansKR-Regular.84b079c0.woff) format("woff");
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url(/biz/fonts/NotoSansKR-Medium.34878170.eot);
  src: url(/biz/fonts/NotoSansKR-Medium.34878170.eot?#iefix) format("embedded-opentype"), url(/biz/fonts/NotoSansKR-Medium.6e18aec2.woff2) format("woff2"), url(/biz/fonts/NotoSansKR-Medium.c0843f1e.woff) format("woff");
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url(/biz/fonts/NotoSansKR-Bold.f2d9dbd5.eot);
  src: url(/biz/fonts/NotoSansKR-Bold.f2d9dbd5.eot?#iefix) format("embedded-opentype"), url(/biz/fonts/NotoSansKR-Bold.1d4176da.woff2) format("woff2"), url(/biz/fonts/NotoSansKR-Bold.5b260ad6.woff) format("woff");
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf") format("opentype");
}
html {
  scrollbar-3dLight-Color: red;
  scrollbar-arrow-color: #d9d9d9;
  scrollbar-base-color: #2ef196;
  scrollbar-Face-Color: #ffffff;
  scrollbar-Track-Color: #fafafa;
  scrollbar-DarkShadow-Color: orange;
  scrollbar-Highlight-Color: magenta;
  scrollbar-Shadow-Color: #efefef;
}

/* Chrome, Safari */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement {
  display: none;
  height: 10px;
  background: #ffffff;
}

::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

body,
html {
  font-family: "Noto Sans KR", "Malgun Gothic", "Arial", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*min-width: 1280px*/
}

.GR_complete {
  color: #4fce67 !important;
}

.BL_progress {
  color: #336aff !important;
}

.OR_caution {
  color: #f7a443 !important;
}

.RE_error {
  color: #ff5230 !important;
}

.GR_except {
  color: #959595 !important;
}

.GR_complete .sui-input-label {
  color: #4fce67 !important;
}

.BL_progress .sui-input-label {
  color: #336aff !important;
}

.OR_caution .sui-input-label {
  color: #f7a443 !important;
}

.RE_error .sui-input-label {
  color: #ff5230 !important;
}

.GR_except .sui-input-label {
  color: #959595 !important;
}

.GR_bg_complete {
  background-color: #4fce67 !important;
}

.BL_bg_progress {
  background-color: #336aff !important;
}

.OR_bg_caution {
  background-color: #f7a443 !important;
}

.RE_bg_error {
  background-color: #ff5230 !important;
}

.PN_bg_error {
  background-color: #ffedea !important;
}

.GR_bg_except {
  background-color: #959595 !important;
}

.BL_textlink {
  color: #60a3ef !important;
}

.BL_textlink a {
  color: #60a3ef !important;
  text-decoration: underline;
  line-height: 40px;
}

.RE_errortext {
  color: #e12e2e !important;
}

.RE_errortext .sui-input-label {
  color: #e12e2e !important;
}

.line_L {
  border-left: 1px solid #eaeaea !important;
}

.line_R {
  border-right: 1px solid #eaeaea !important;
}

.line_D {
  border-left: 1px solid #eaeaea !important;
  border-right: 1px solid #eaeaea !important;
}

.truncate-line-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.truncate-line-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.truncate-line-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.truncate-line-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.truncate-line-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.-lnb--expand.-lnb--show .left-container {
  position: absolute;
  height: 100%;
  width: 270px;
  float: left;
}

.-lnb--extend.-lnb--show .left-container {
  position: absolute;
  height: 100%;
  width: 400px;
  float: left;
}

.-lnb--collapse.-lnb--show .left-container {
  position: relative;
  height: 100%;
  width: 32px;
  float: left;
}

.-lnb--expand.-lnb--hide {
  overflow: auto;
}

.-page.-page-root-container {
  height: 100%;
}

.header-container {
  position: relative;
  min-width: 1280px;
  width: 100%;
  background-color: #2b2f36;
  z-index: 100;
}

.-gnb--extend .body-container {
  top: 80px;
}

.body-container {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
}

.lnb .menutab_wrap {
  position: absolute;
  display: inline-flex;
  width: 100%;
  padding: 15px 16px 8px;
}

.lnb .menutab_wrap .menutab_on {
  background-color: #047ad5;
  color: #ffffff;
  width: 50%;
  height: 36px;
  cursor: pointer;
}
.lnb .menutab_wrap .menutab_on:hover {
  background-color: #0363ad;
  transition: all 0.3s ease;
}
.lnb .menutab_wrap .menutab_on:active {
  background-color: #034f8a;
}
.lnb .menutab_wrap .menutab_on:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}
.lnb .menutab_wrap .menutab_on .txt {
  font-size: 14px;
  color: #ffffff;
  padding: 7px 0 8px 25px;
  background: url(/biz/img/ic_menu_tab_selected.ddb8ca860bd1ba73.png) 5px center no-repeat;
}
.lnb .menutab_wrap .mymenutab_on {
  background-color: #047ad5;
  color: #ffffff;
  width: 50%;
  height: 36px;
  cursor: pointer;
}
.lnb .menutab_wrap .mymenutab_on:hover {
  background-color: #0363ad;
  transition: all 0.3s ease;
}
.lnb .menutab_wrap .mymenutab_on:active {
  background-color: #034f8a;
}
.lnb .menutab_wrap .mymenutab_on:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}
.lnb .menutab_wrap .mymenutab_on .txt {
  font-size: 14px;
  color: #ffffff;
  padding: 7px 0 8px 25px;
  background: url(/biz/img/ic_favorite_tab_selected.b8d0614439a3e92c.png) 5px center no-repeat;
}
.lnb .menutab_wrap .menutab_off {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #cccccc;
  width: 50%;
  height: 36px;
  cursor: pointer;
}
.lnb .menutab_wrap .menutab_off:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.lnb .menutab_wrap .menutab_off:active {
  background-color: #d9d9d9;
}
.lnb .menutab_wrap .menutab_off:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.lnb .menutab_wrap .menutab_off .txt {
  font-size: 14px;
  color: #5a5a5a;
  padding: 7px 0 8px 25px;
  background: url(/biz/img/ic_menu_tab_normal.ce57316073c99b1b.png) 5px center no-repeat;
}
.lnb .menutab_wrap .mymenutab_off {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #cccccc;
  width: 50%;
  height: 36px;
  cursor: pointer;
}
.lnb .menutab_wrap .mymenutab_off:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.lnb .menutab_wrap .mymenutab_off:active {
  background-color: #d9d9d9;
}
.lnb .menutab_wrap .mymenutab_off:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.lnb .menutab_wrap .mymenutab_off .txt {
  font-size: 14px;
  color: #5a5a5a;
  height: 36px;
  padding: 7px 0 8px 25px;
  background: url(/biz/img/ic_favorite_tab_normal.fbde1ac2dc3a0de7.png) 5px center no-repeat;
}
.lnb .scr_wrap {
  display: flex;
  position: absolute;
  width: 100%;
  top: 50px;
  padding: 8px 16px 16px;
}
.lnb .extend_wrap {
  position: absolute;
  width: 100%;
  top: 90px;
  padding: 15px 16px 0;
}

.btn_menu_open {
  text-indent: -9999px;
  background: url(/biz/img/ic_lnb_menu_open_normal.68809c4f7fe1a53a.png) right 6px no-repeat;
  padding-right: 15px;
  padding-left: 12px;
}
.btn_menu_open:hover {
  background: url(/biz/img/ic_lnb_menu_open_hover.bf9bd6fff57a509b.png) right 6px no-repeat;
}

.btn_menu_close {
  text-indent: -9999px;
  background: url(/biz/img/ic_lnb_menu_close_normal.a8d2f7a398001a5a.png) right 6px no-repeat;
  padding-right: 15px;
  padding-left: 12px;
}
.btn_menu_close:hover {
  background: url(/biz/img/ic_lnb_menu_close_hover.4f33614f7fa41a43.png) right 6px no-repeat;
}

.lnb .mymenu_list {
  top: 70px;
}

.lnb .copyright {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  font-size: 11px;
  color: #767676;
  padding: 0 7px;
  border-top: 1px solid #dbdbdb;
  background: #ffffff;
}

.lnb .copyright span {
  padding: 0 15px;
}

.lnb .copyright a {
  color: #767676;
  line-height: 30px;
  padding: 0 10px;
  text-decoration: none;
}

.-lnb__privacy-policy {
  cursor: pointer;
}

.lnb-trigger {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
  height: 40px;
  width: 60px;
}

.lnb-trigger .close {
  width: 16px;
  height: 36px;
  margin-left: 8px;
  background: url(/biz/img/ic_lnb_close_normal.594ebc30e0f3525e.png) no-repeat center right;
  cursor: pointer;
}

.lnb-trigger .close:hover {
  background: url(/biz/img/ic_lnb_close_hover.015b4ba993e76aee.png) no-repeat center right;
}

.lnb-trigger .lnb__button__extend {
  width: 16px;
  height: 36px;
  background: url(/biz/img/extend.d2880e16ee247422.png) no-repeat center right;
  cursor: pointer;
  margin-left: 6px;
}

.lnb-trigger .lnb__button__extend:hover {
  background: url(/biz/img/extend_hover.23159f5e7483396f.png) no-repeat center right;
}

.-lnb--extend .lnb-trigger .lnb__button__extend {
  background: url(/biz/img/shrink.936e1f2b8ad694fc.png) no-repeat center right;
}

.-lnb--extend .lnb-trigger .lnb__button__extend:hover {
  background: url(/biz/img/shrink_hover.b978b8400bfd76e0.png) no-repeat center right;
}

.line_div {
  width: 10px;
  height: 36px;
  background: url(/biz/img/ic_lnb_line.25e0e152328647de.png) no-repeat center center;
}

.lnb-state-closed {
  position: absolute;
  width: 31px;
  height: 100%;
  background-color: #ffffff;
}

.lnb-state-closed .open {
  width: 32px;
  height: 68px;
  border-bottom: 1px solid #dbdbdb;
  background: url(/biz/img/ic_lnb_open_normal.80ba018f12d8860c.png) no-repeat center center;
}

.lnb-state-closed .open:hover {
  width: 31px;
  background: url(/biz/img/ic_lnb_open_hover.9b94de79c85567f4.png) no-repeat center center #f7f7f7;
}

.lnb-state-closed .menu {
  width: 32px;
  height: 95px;
  border-bottom: 1px solid #dbdbdb;
  background: url(/biz/img/ic_menu_normal.d35886f38b28ff7e.png) no-repeat center center;
  margin-top: -4px;
}

.lnb-state-closed .menu:hover {
  width: 31px;
  background: url(/biz/img/ic_menu_hover.223d582b1a25cd8f.png) no-repeat center center #f7f7f7;
}

.lnb-state-closed .myMenu {
  width: 32px;
  height: 95px;
  border-bottom: 1px solid #dbdbdb;
  background: url(/biz/img/ic_favorite_menu_normal.3dbe0cff662b005a.png) no-repeat center center;
  margin-top: -4px;
}

.lnb-state-closed .myMenu:hover {
  width: 31px;
  background: url(/biz/img/ic_favorite_hover.9f353460e8da4aa9.png) no-repeat center center #f7f7f7;
}

.-lnb--collapse .lnb-trigger {
  display: none;
}

.-lnb-menu {
  overflow: auto;
}

.-page-root-container.-page.-page-show-title {
  display: block;
  margin-bottom: 60px;
}

.-page.-page-hide-title.-page-has-navigator {
  width: 100%;
}

.-page.-page-hide-title.-page-has-navigator .-page-header {
  display: none;
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents__wrapper .-page-header {
  padding: 0;
}

.body-container.-lnb--collapse.-lnb--show .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents__wrapper .-page-header {
  padding: 0;
  display: none !important;
}

.-page-header {
  position: relative;
  width: 100%;
  padding: 0 0 18px;
  box-sizing: border-box;
  display: inline-block;
}

.-page-header-title__wrapper {
  display: inline-flex;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  height: 50px;
}

.-page-header-title-main__wrapper {
  display: inline;
  white-space: nowrap;
}

.-page-header-title-main__title {
  display: inline-flex;
  font-size: 28px;
  height: 33px;
  font-weight: bold;
  line-height: 1.5;
  color: #333333;
}

.-page-header-title-locations-and-shortcuts__wrapper {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  padding-top: 8px;
  white-space: nowrap;
  min-width: 600px;
}

.-page-header-title-locations-and-shortcuts__wrapper ul li {
  float: left;
}

.-page-header-title-locations__wrapper {
  display: flex;
}

.-page-header-title-locations__wrapper .-page-header-title-locations__item {
  display: inline !important;
  font-size: 13px;
  color: #959595;
}

.-page-header-title-locations__item.-page-header-title-locations__item-current {
  max-width: 400px;
  color: #333333;
  margin-right: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.-page-header-title-locations__wrapper .-page-header-title-location__seperator {
  background: url(/biz/img/ic_location_div.d9c21e03b0e16cce.png) no-repeat 50% 50%;
  width: 15px;
  height: 15px;
  margin-top: 2px;
}

.-page-header-title-location__shortcut-copy {
  display: flex;
  justify-content: flex-end;
  margin-left: 5px;
  height: 20px;
  width: 20px;
  background: url(/biz/img/ic_title_copy_normal.29ab9b1f8ad0e555.png) no-repeat right 50%;
}

.-page-header-title-location__shortcut-copy:hover {
  background: url(/biz/img/ic_title_copy_hover.0f8a1ffba98c1636.png) no-repeat right 50%;
}

.-page-header-title-locations__divider {
  height: 20px;
  width: 20px;
  background: url(/biz/img/ic_title_div.1c891d92a483d267.png) no-repeat 50% 50%;
}

.-page-header-title-shortcuts__wrapper {
  display: flex;
}

.-page-header-title-main__shortcut-favorite {
  float: left;
  height: 42px;
  width: 28px;
  background: url(/biz/img/ic_title_favorite_off_normal.95746297cf602c72.png) no-repeat 0 50%;
}

.-page-header-title-main__shortcut-favorite:hover {
  background: url(/biz/img/ic_title_favorite_off_hover.65bf23470faad9c8.png) no-repeat 0 50%;
}

.-page-header-title-main__shortcut-favorite.-page-header-title-main__shortcut-favorite-on {
  background: url(/biz/img/ic_title_favorite_on_normal.21289baf38ae0402.png) no-repeat 0 50%;
}

/* .-page-header-title-main__shortcut-favorite.-page-header-title-main__shortcut-favorite-on:hover {
  background: url("~images/ic_title_favorite_on_hover.png") no-repeat 0 50%;
} */
.-page-header-title-shortcut__newwindow {
  height: 20px;
  width: 20px;
  background: url(/biz/img/ic_title_newwindow_normal.5f19fb988750a829.png) no-repeat right 50%;
}

.-page-header-title-shortcut__newwindow:hover {
  background: url(/biz/img/ic_title_newwindow_hover.b5931f0f97df8b7c.png) no-repeat right 50%;
}

.-page-header-title-shortcut__information {
  height: 20px;
  width: 20px;
  background: url(/biz/img/ic_title_manual_normal.123547b0b308b156.png) no-repeat 0 50%;
}

.-page-header-title-shortcut__information:hover {
  background: url(/biz/img/ic_title_manual_hover.123547b0b308b156.png) no-repeat 0 50%;
}

.-page-header__processtab-wrapper {
  display: inline-block;
  width: 100%;
  height: 43px;
  margin-top: 7px;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}

.sui-tab-box-type__cont .-page-header {
  padding: 0 !important;
  display: none;
}

.-page-popup__wrapper .-page-header {
  padding: 0;
}

/* new layout */
.body-container {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
}
.body-container .left-container {
  height: 100%;
}
.body-container .right-container {
  position: absolute;
  left: 300px;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  overflow: auto;
}
.body-container .right-container .content-inner-container {
  position: relative;
  min-width: 1540px;
  margin: 24px 35px;
  height: 100%;
}

/* new gnb */
.gnb-header {
  position: relative;
  width: 100%;
  height: 49px;
  background-color: #17181c;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gnb-header .logo-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 0 30px;
}
.gnb-header .logo-container .logo a {
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  color: #f7f7f7;
  text-decoration: none;
  cursor: pointer;
}
.gnb-header .tenant-container {
  position: relative;
  margin: 0 0 0 40px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gnb-header .tenant-container > .org-name {
  width: 264px;
  height: 32px;
  padding: 0 15px 0 15px;
  border-radius: 20px;
  background-color: #2d323e;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.gnb-header .tenant-container > .org-name span {
  height: 100%;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gnb-header .tenant-container > .org-name div {
  width: 16px;
  height: 100%;
  background: url(/biz/img/ic_detail_seaerch_open_normal.090d4e3b8e03493e.png) no-repeat 50% 50%;
}
.gnb-header .tn-selector {
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 999;
  width: 264px;
  max-height: 548px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #a4a4a5;
  background-color: #fff;
  border-radius: 5px;
}
.gnb-header .tn-selector::before {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -5px;
  content: "";
  display: inline-block;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
.gnb-header .tn-selector .selected-t {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  margin: 12px 0;
  text-align: left;
  padding: 0 15px;
}
.gnb-header .tn-selector .selected-t:hover {
  background-color: #f2f7ff;
}
.gnb-header .tn-selector .selected-t .org-n {
  width: 100%;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  color: #333;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gnb-header .tn-selector .selected-t .plan-n {
  margin: 4px 0 0;
  width: 100%;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  color: #767778;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gnb-header .tn-selector .selected-t.arrow-icon .plan-n,
.gnb-header .tn-selector .selected-t.arrow-icon .org-n {
  width: 208px;
}
.gnb-header .tn-selector .selected-t.arrow-icon::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 17px;
  width: 16px;
  height: 16px;
  background: url(/biz/img/ico_arrow_01.b3c971d9c1406c98.png) no-repeat 50% 50%;
  background-size: 100% 100%;
}
.gnb-header .tn-selector .t-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding: 8px 25px;
}
.gnb-header .tn-selector .t-list__header .t-list__title {
  font-size: 16px;
  font-weight: bold;
  color: #1c1d1f;
}
.gnb-header .tn-selector .selected-t + .t-list-wrap {
  margin: 8px 0 0;
}
.gnb-header .tn-selector .selected-t + .t-list-wrap::before {
  content: "";
  display: block;
  margin: 0 16px;
  height: 1px;
  opacity: 0.1;
  background-color: #333;
}
.gnb-header .tn-selector .selected-t + .t-list-wrap .t-list {
  margin-top: 8px;
}
.gnb-header .tn-selector .t-list-wrap {
  max-height: 450px;
  overflow: auto;
}
.gnb-header .tn-selector .t-list-wrap.type-02 {
  margin: 0;
}
.gnb-header .tn-selector .t-list-wrap.type-02 .t-list {
  margin: 8px 0 12px;
  padding: 0 16px;
  width: 100%;
}
.gnb-header .tn-selector .t-list-wrap.type-02 .t-list-item {
  padding: 0;
  border: none;
}
.gnb-header .tn-selector .t-list-wrap.type-02 .t-list-item a {
  padding: 0;
}
.gnb-header .tn-selector .t-list-wrap.type-02 .t-list-item a:hover {
  margin: 0 -16px;
  padding: 0 16px;
}
.gnb-header .tn-selector .t-list-wrap.type-02 .t-list-item:hover {
  background-color: #f2f7ff;
  padding: 0 16px;
  margin: 0 -16px;
}
.gnb-header .tn-selector .t-list-wrap.tenant {
  max-height: 339px;
}
.gnb-header .tn-selector .t-list-wrap.tenant .t-list {
  padding: 0;
}
.gnb-header .tn-selector .t-list-wrap.tenant .t-list:before {
  content: "";
  display: block;
  margin: 0 16px;
  height: 1px;
  opacity: 0.1;
  background-color: #333;
}
.gnb-header .tn-selector .t-list-wrap.tenant .t-list-item {
  padding: 0;
  border-bottom: none;
}
.gnb-header .tn-selector .t-list-wrap.tenant .t-list-item:hover {
  padding: 0;
  margin: 0;
  background-color: #dbe7ff;
}
.gnb-header .tn-selector .t-list-wrap .t-list {
  padding: 0 25px;
}
.gnb-header .tn-selector .t-list-wrap .t-list-item {
  position: relative;
  padding: 12px 0px;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
}
.gnb-header .tn-selector .t-list-wrap .t-list-item a {
  display: block;
  justify-content: flex-start;
  line-height: 36px;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  text-decoration: none;
  color: #1c1d1f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gnb-header .tn-selector .t-list-wrap .t-list-item a.selected {
  color: #0f62fe;
}
.gnb-header .tn-selector .t-list-wrap .t-list-item a:hover {
  background-color: #f2f7ff;
}
.gnb-header .tn-selector .t-list-wrap .t-list-item a:active {
  background-color: #dbe7ff;
}
.gnb-header .tn-selector .t-list-wrap .t-list-item:hover {
  background-color: #f2f7ff;
  padding: 12px 25px;
  margin: 0 -25px;
}
.gnb-header .tn-selector .t-list-wrap .t-list-item:active {
  background-color: #dbe7ff;
}
.gnb-header .tn-selector .t-list-wrap .t-list-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gnb-header .tn-selector .t-list-wrap .t-list__title {
  display: block;
  font-size: 16px;
  color: #000;
}
.gnb-header .tn-selector .t-list-wrap .t-list__title.fw-b {
  font-size: 14px;
  font-weight: bold;
}
.gnb-header .tn-selector .t-list-wrap .t-list__text {
  margin-top: 4px;
  display: block;
  font-size: 13px;
  color: #5f6061;
}
.gnb-header .tn-selector .t-list-wrap .t-list__time {
  display: block;
  font-size: 12px;
  color: #767778;
}
.gnb-header .tn-selector .t-list-wrap .t-list__close {
  border: none;
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0;
  transform: translateY(-50%);
  min-width: 24px;
  height: 24px;
}
.gnb-header .tn-selector .t-list-wrap .t-list__close:hover {
  background-color: #fff;
}
.gnb-header .tn-selector .t-more {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  margin-bottom: 12px;
}
.gnb-header .tn-selector .t-more__link {
  font-size: 13px;
  color: #494a4b;
}
.gnb-header .tn-selector .t-more__link:hover {
  text-decoration: underline;
}
.gnb-header .tn-selector .t-more.interval {
  padding: 20px 0 24px 0;
}
.gnb-header .util-container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 30px 0 0;
}
.gnb-header .util-container .envsafetydashboard-area {
  height: 28px;
  padding: 4px 16px;
  margin-right: 10px;
  border-radius: 15px;
  border: solid 1px #d0d1d2;
  cursor: pointer;
}
.gnb-header .util-container .envsafetydashboard-area:hover {
  background-color: rgba(208, 209, 210, 0.2);
}
.gnb-header .util-container .envsafetydashboard-area span {
  height: 20px;
  font-family: NotoSansCJKKR;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.gnb-header .util-container .alarm-area .opener {
  width: 36px;
  height: 36px;
  overflow: hidden;
  text-indent: -1000px;
  background: url(/biz/img/ico_gnb_noti.fe49713043a1a409.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.gnb-header .util-container .alarm-wrap {
  position: relative;
}
.gnb-header .util-container .alarm-wrap .tn-alarm {
  left: 103%;
  right: 0;
  transform: translateX(-50%);
}
.gnb-header .util-container .request-div:hover {
  background-color: #000000;
}
.gnb-header .util-container .request-button {
  position: relative;
  width: 36px;
  min-width: auto;
  height: 36px;
  padding: 0;
  border: none;
  color: #d0d0d1;
}
.gnb-header .util-container .request-button .ur-icon--small {
  font-size: 16px;
}
.gnb-header .util-container .request-button:hover {
  background-color: #000000;
}
.gnb-header .util-container .request-button:hover svg {
  color: #fff;
}
.gnb-header .util-container .request-button:hover .tooltiptext {
  visibility: visible;
  text-indent: 0;
}
.gnb-header .util-container .request-button:active {
  background-color: #17181c !important;
}
.gnb-header .util-container .request-button .tooltiptext {
  min-width: 50px;
  visibility: hidden;
  padding: 6px 12px;
  border-radius: 3px;
  background-color: rgba(28, 29, 31, 0.95);
  color: #fff;
  font-size: 13px;
  text-align: center;
  position: absolute;
  left: -22%;
  z-index: 1;
  bottom: -130%;
}
.gnb-header .util-container .notification-sample-div .ur-notification-badge-container__notification {
  height: 36px;
}
.gnb-header .util-container .notification-sample-div .ur-notification-badge-container__notification .notification-button {
  position: relative;
  width: 36px;
  min-width: auto;
  height: 36px;
  padding: 0;
  border: none;
  color: #d0d0d1;
}
.gnb-header .util-container .notification-sample-div .ur-notification-badge-container__notification .notification-button .ur-icon--small {
  font-size: 16px;
}
.gnb-header .util-container .notification-sample-div .ur-notification-badge-container__notification .notification-button:hover {
  background-color: #17181c;
}
.gnb-header .util-container .notification-sample-div .ur-notification-badge-container__notification .notification-button:hover svg {
  color: #fff;
}
.gnb-header .util-container .notification-sample-div .ur-notification-badge-container__notification .notification-button:hover .tooltiptext {
  visibility: visible;
  text-indent: 0;
}
.gnb-header .util-container .notification-sample-div .ur-notification-badge-container__notification .notification-button .tooltiptext {
  min-width: 50px;
  visibility: hidden;
  padding: 6px 12px;
  border-radius: 3px;
  background-color: rgba(28, 29, 31, 0.95);
  color: #fff;
  font-size: 13px;
  text-align: center;
  position: absolute;
  left: -22%;
  z-index: 1;
  bottom: -130%;
}
.gnb-header .util-container .notification-sample-div .ur-notification-badge-container__notification .ur-notification-badge__badge-color-notification {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  line-height: normal;
  padding: 0 5px;
  background-color: #febb08;
  border: solid 1px #17181c;
  font-size: 11px;
  color: #1c1d1f;
  right: 19px;
  top: 8px;
}
.gnb-header .util-container .info-area .opener {
  width: 36px;
  height: 36px;
  overflow: hidden;
  text-indent: -1000px;
  background: url(/biz/img/ico_gnb_info.0d51ca417eb368df.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.gnb-header .util-container .info-area .opener:hover {
  background: url(/biz/img/ic_gnb_info.11bc6f09e59d78fa.png) no-repeat 50% 50%;
}
.gnb-header .util-container .info-area .opener:hover .tooltiptext {
  visibility: visible;
  text-indent: 0;
}
.gnb-header .util-container .info-area .opener .tooltiptext {
  visibility: hidden;
  padding: 6px 12px;
  border-radius: 3px;
  background-color: rgba(28, 29, 31, 0.95);
  color: #fff;
  font-size: 13px;
  text-align: center;
  position: absolute;
  left: 52%;
  z-index: 1;
  bottom: -130%;
}
.gnb-header .util-container .info-area .opener .tooltiptextDefault {
  left: -10%;
}
.gnb-header .util-container .user-name-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.gnb-header .util-container .user-name-wrap::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  opacity: 0.45;
  background: #bfbfbf;
}
.gnb-header .util-container .user-name-wrap .user-name {
  margin-left: 20px;
}
.gnb-header .util-container .user-name-wrap .user-name a {
  font-size: 14px;
  color: #d0d1d2;
  text-decoration: none;
}
.gnb-header .util-container .tn-selector {
  left: auto;
  right: -4px;
  top: 34px;
}
.gnb-header .util-container .tn-selector::before {
  left: auto;
  right: 16px;
}
.gnb-header .util-container .tn-alarm {
  left: auto;
  right: 21px;
  top: 40px;
  width: 368px;
  padding-right: 5px;
}
.gnb-header .util-container .tn-alarm::before {
  left: auto;
  right: 194px;
}

.lnb-container {
  position: relative;
}
.lnb-container .lnb-scroll {
  height: calc(100% - 55px);
  overflow: auto;
}
.lnb-container .trigger {
  position: relative;
  display: flex;
  height: 56px;
  padding-left: 24px;
  padding-right: 24px;
  line-height: 54px;
}
.lnb-container .trigger::after {
  content: "";
  position: absolute;
  right: 10%;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url(/biz/img/ico_arrow_right_02.86b6f9d95b87efcc.png) no-repeat center center;
  background-size: 100%;
}
.lnb-container .trigger .text-base {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.lnb-container .trigger .text-base::before {
  content: "";
  display: inline-block;
  background: url(/biz/img/ico_dashboard.daebb2944be257b9.png) no-repeat 0 50%;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.lnb-container .trigger.router-link-exact-active {
  background-color: #f2f7ff;
}
.lnb-container .trigger.router-link-exact-active .text-base {
  font-weight: bold;
  color: #516cc6;
}
.lnb-container .trigger::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  display: block;
  width: 246px;
  height: 1px;
  background-color: #d3d3d3;
}
.lnb-container .lnb-item-list .selected-area {
  position: relative;
  margin: 0 20px;
}
.lnb-container .lnb-item-list .selected-area > .selected-trigger {
  position: relative;
  display: block;
  height: 56px;
  padding-left: 24px;
  padding-right: 5px;
  line-height: 54px;
  background: url(/biz/img/ico_workplace.b179ce01bd9527a2.png) no-repeat 0 50%;
  background-size: 16px 16px;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.lnb-container .lnb-item-list .selected-area > .selected-trigger::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url(/biz/img/ico_arrow_updown_01.cc81fc8fda00d36d.png) no-repeat 50% 50%;
  background-size: 100%;
}
.lnb-container .lnb-item-list .selected-area .work-area-list {
  position: absolute;
  left: 0;
  top: 56px;
  z-index: 5;
  width: 100%;
  height: 258px;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #a4a4a5;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px 0px;
}
.lnb-container .lnb-item-list .selected-area .work-area-list .wa-items a {
  display: block;
  height: 32px;
  padding: 0 35px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lnb-container .lnb-item-list .selected-area .work-area-list .wa-items a div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lnb-container .lnb-item-list .selected-area .work-area-list .wa-items a:hover {
  background-color: #f2f7ff;
}
.lnb-container .lnb-item-list .selected-area .work-area-list .wa-items a.disabled {
  color: #bababb;
}
.lnb-container .lnb-item-list .selected-area .work-area-list .wa-items a.disabled:hover {
  background-color: transparent;
}
.lnb-container .lnb-item-list .selected-area .work-area-list .wa-items a.selected {
  color: #0f62fe;
  background-image: url(/biz/img/ico_selected_01.014f7c7b6dbf7487.png);
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 16px 16px;
}

#lnb-tree {
  padding-bottom: 30px;
}
#lnb-tree .menu_list.tree {
  margin: 0 20px;
  overflow: visible;
}
#lnb-tree .menu_list.tree .tree-node.selected > .tree-content {
  background-color: transparent;
  color: #1c1d1f;
}
#lnb-tree .menu_list.tree .tree-node:not(.selected) > .tree-content__root:hover {
  background-color: transparent;
}
#lnb-tree .menu_list.tree .tree-content__root {
  position: relative;
  display: block;
}
#lnb-tree .menu_list.tree .tree-content__root > .tree-anchor {
  margin-left: 0;
  line-height: 33px;
  padding: 0;
  padding-left: 24px;
}
#lnb-tree .menu_list.tree .tree-content__root > .tree-anchor span {
  font-size: 15px;
  color: #1c1d1f;
}
#lnb-tree .menu_list.tree .tree-content__root .tree-arrow.has-child {
  margin-right: 0;
  position: absolute;
  left: 5px;
  top: 0;
  width: 16px;
  height: 36px;
  background: url(/biz/img/ico_arrow_right_01.60c72e3e06e89118.png) no-repeat 0 50%;
  background-size: 16px 16px;
}
#lnb-tree .menu_list.tree .tree-node.selected > .tree-content:not(.tree-content__root) {
  background-color: #dbe7ff;
}
#lnb-tree .menu_list.tree .tree-content:not(.tree-content__root) {
  height: 36px;
}
#lnb-tree .menu_list.tree .tree-content:not(.tree-content__root) > .tree-anchor {
  margin-left: 0;
  line-height: 33px;
  padding: 0;
}
#lnb-tree .menu_list.tree .tree-content:not(.tree-content__root) > .tree-anchor span {
  color: #1c1d1f;
  font-size: 14px;
}
#lnb-tree .menu_list.tree .tree-node:not(.selected) > .tree-content:hover {
  background-color: #f2f7ff;
}
#lnb-tree .menu_list.tree .tree-anchor-more-button {
  display: none !important;
}
#lnb-tree .menu_list.tree .tree-children__root {
  border-bottom: 0 none !important;
}
#lnb-tree .menu_list.tree .tree-node.selected > .tree-content:not(.tree-content__root) > .tree-anchor {
  font-weight: 700;
}

.home_bg.-page-root-container {
  height: 100%;
}

.home_bg {
  display: flex;
  background-color: #ebf1f8;
  width: 100%;
  justify-content: center;
  overflow: auto;
}

.home_frm {
  display: flex;
  width: 1290px;
  flex-direction: column;
  margin-top: 40px;
}

.home_info {
  display: inline-flex;
  width: 100%;
}

.home_notice {
  justify-content: flex-start;
  font-size: 22px;
  color: #333;
  font-weight: normal;
  padding-left: 10px;
}

.home_notice > p span.bl {
  color: #336aff;
  font-weight: bold;
}

.home_notice > p span.or {
  color: #ee9022;
  font-weight: bold;
}

.home_time {
  justify-content: flex-end;
  margin-left: auto;
  display: inline-flex;
}

.home_time p {
  font-size: 12px;
  color: #5a5a5a;
  font-weight: normal;
}

.home_filter {
  display: flex;
  margin-top: 24px;
  margin-bottom: 12px;
  padding-left: 10px;
}

.home_filter_L {
  justify-content: flex-start;
}

.home_filter_L ul li {
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
  height: 22px;
  line-height: 22px;
}

.home_filter_L ul li:first-child {
  margin-left: 0;
}

.home_filter_L ul li.line {
  width: 1px;
  background: url(/biz/img/ic_line.f41fdb4848a4184e.png) no-repeat right 12px;
}

.home_filter_L ul li.line:hover {
  cursor: default;
  background-color: transparent;
}

.home_filter_L ul li > i {
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
  height: 22px;
}

.home_filter_L ul li:hover {
  display: inline-block;
  /* text-decoration: underline;
  text-underline-position: under; */
  /* border-radius:50px;
  background-color: #cbd5df; */
  height: 22px;
  line-height: 22px;
  border-bottom: 1px solid currentColor;
}

.home_filter_L ul li.all {
  height: 22px;
  display: inline-block;
  width: 35px;
}

.home_filter_L ul li.all:hover {
  border-bottom: 1px solid currentColor;
}

.home_filter_L ul li .all_on {
  font-size: 12px;
  color: #2949b3;
  font-weight: bold;
  background: url(/biz/img/ic_all_tag_on.6e4aaf227101e76c.png) no-repeat left 4px;
  /*width:16px;*/
  height: 16px;
  padding-left: 16px;
  margin-bottom: 3px;
}

.home_filter_L ul li .all_off {
  font-size: 12px;
  color: #888;
  font-weight: normal;
  background: url(/biz/img/ic_all_tag_off.ba400f32689a8c31.png) no-repeat left 4px;
  /*width:16px;*/
  height: 16px;
  padding-left: 16px;
  margin-bottom: 5px;
}

.home_filter_L ul li.on {
  font-size: 12px;
  color: #2949b3;
  font-weight: normal;
  margin: 0 10px;
}

.home_filter_L ul li.on .str {
  font-weight: bold;
  padding-left: 10px;
  padding-right: 3px;
}

.home_filter_L ul li.off {
  font-size: 12px;
  color: #5a5a5a;
  font-weight: normal;
  margin: 0 10px;
}

.home_filter_L ul li.off .str {
  font-weight: bold;
  padding-left: 10px;
  padding-right: 3px;
}

.home_filter_L ul li.btn_gr {
  min-width: 310px;
}

.home_filter_L ul li.btn_gr:hover {
  border: none;
}

.home_filter_L ul li.btn_gr button {
  padding: 0 10px 0 28px;
  font-size: 10px;
  height: 22px;
  font-weight: normal;
  margin-right: 5px;
  line-height: 17px;
}

.home_filter_L ul li.btn_gr .dashboard_on {
  color: #ffffff;
  background: url(/biz/img/ic_dashboard_tag_on.73a9c80baff00660.png) no-repeat 10px 4px;
  border-radius: 50px;
  border: 1px solid #536dc2;
  background-color: #536dc2;
}

.home_filter_L ul li.btn_gr .dashboard_off {
  background: url(/biz/img/ic_dashboard_tag_off.b066e5e5cc07e92b.png) no-repeat 10px 4px;
  color: #5a5a5a;
  border: 1px solid #ccc;
  border-radius: 50px;
}

.home_filter_L ul li.btn_gr button.dashboard_on > span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr button.dashboard_off > span {
  color: #A4B9C6;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr .todo_on {
  color: #fff;
  background: url(/biz/img/ic_todo_tag_on.b71373968dc69326.png) no-repeat 10px 4px;
  border-radius: 50px;
  border: 1px solid #536dc2;
  background-color: #536dc2;
}

.home_filter_L ul li.btn_gr .todo_off {
  background: url(/biz/img/ic_todo_tag_off.80dcd2083f19c020.png) no-repeat 10px 4px;
  color: #5a5a5a;
  border: 1px solid #ccc;
  border-radius: 50px;
}

.home_filter_L ul li.btn_gr button.todo_on > span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr button.todo_off > span {
  color: #A4B9C6;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr .notice_on {
  color: #fff;
  background: url(/biz/img/ic_notice_tag_on.0190fedfb7a3889d.png) no-repeat 10px 4px;
  border-radius: 50px;
  border: 1px solid #536dc2;
  background-color: #536dc2;
}

.home_filter_L ul li.btn_gr .notice_off {
  background: url(/biz/img/ic_notice_tag_off.cbb3c99df7be1dce.png) no-repeat 10px 4px;
  color: #5a5a5a;
  border: 1px solid #ccc;
  border-radius: 50px;
}

.home_filter_L ul li.btn_gr button.notice_on > span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr button.notice_off > span {
  color: #A4B9C6;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_R {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
}

.home_filter_R button {
  padding: 0;
  margin-left: -1px;
}

.home_filter_R .btn_ico_list_off {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  background: url(/biz/img/ic_todo_list_normal.16cbd48ae3d5403a.png) no-repeat center center;
}

.home_filter_R .btn_ico_list_on {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  border: 1px solid #c3cbd5;
  background: url(/biz/img/ic_todo_list_select.39850d7ced3ada1b.png) no-repeat center center #fff;
}

.home_filter_R .btn_ico_detail_off {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  background: url(/biz/img/ic_todo_detail_normal.2d7646e6cc1da577.png) no-repeat center center;
}

.home_filter_R .btn_ico_detail_on {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  border: 1px solid #c3cbd5;
  background: url(/biz/img/ic_todo_detail_select.1a583fb3b1f3d42a.png) no-repeat center center #fff;
}

.home_filter_R .line {
  width: 1px;
  background: url(/biz/img/ic_line.f41fdb4848a4184e.png) no-repeat center center;
  padding: 0 10px;
}

/******************************/
.home_boxwrap {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding-bottom: 20px;
}

.home_box:last-child {
  margin-right: 0;
}

.home_box {
  background-color: #fff;
  border: solid 1px #d8dfe8;
  width: 312px;
  height: 300px;
  margin-right: 12px;
}

.btn_ico_refresh {
  width: 16px;
  height: 16px;
  background: url(/biz/img/ic_refresh_normal.dc59e9f843463490.png) no-repeat left 1px;
  text-indent: -9999px;
  padding-right: 20px;
}

.todo_filter_tit {
  border-bottom: none !important;
  cursor: text !important;
  font-size: 12px !important;
}

.home_filter_R > .sui-tooltip-menu .sui-tooltip-menu__activator {
  top: 2px;
  border: none;
}

/****** only title  *********/
.body-container.-lnb--collapse.-lnb--show .right-container .-page-contents__wrapper {
  overflow: auto;
  position: absolute;
  top: 60px;
  bottom: 0;
  right: 0;
  /*width: calc(100% - 320px); */
  left: 32px;
  padding-left: 56px;
  padding-right: 56px;
  padding-bottom: 56px;
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-contents__wrapper {
  overflow: auto;
  position: absolute;
  top: 80px;
  bottom: 0;
  right: 0;
  left: 270px;
  padding-left: 56px;
  padding-right: 56px;
  padding-bottom: 56px;
}

.body-container.-lnb--extend.-lnb--show .right-container .-page-contents__wrapper {
  left: 400px;
}

/******* has tab  ***********/
.body-container.-lnb--collapse.-lnb--show .right-container .-page-has-tab .-page-contents__wrapper {
  top: 114px;
  /*overflow: hidden;*/
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-has-tab .-page-contents__wrapper {
  top: 114px;
  /*overflow: hidden;*/
}

/****** has navigator  ************/
.-page-root-container.-page.-page-show-title.-page-has-navigator .-page-contents__wrapper {
  top: 105px !important;
}

.-page-root-container > .-page.-page-show-title.-page-has-navigator .-page-contents__wrapper {
  top: 105px !important;
}

/******** has tab and navigator  **********************/
.body-container.-lnb--expand.-lnb--show .right-container .-page-has-tab .-page-has-navigator .-page-contents__wrapper {
  left: 0;
  top: 40px !important;
}

.body-container.-lnb--collapse.-lnb--show .right-container .-page-has-tab .-page-has-navigator .-page-contents__wrapper {
  left: 0;
  top: 40px !important;
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents .-page-contents__wrapper .-page-contents__scroll {
  padding-top: 0 !important;
}

.body-container.-lnb--collapse.-lnb--show .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents .-page-contents__wrapper .-page-contents__scroll {
  padding-top: 0 !important;
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-has-tab .-page-contents__wrapper .-page-contents__wrapper {
  left: 0;
  top: 0;
}

.body-container.-lnb--collapse.-lnb--show .right-container .-page-has-tab .-page-contents__wrapper .-page-contents__wrapper {
  left: 0;
  top: 0;
}

.lnb-collapsed .-page-contents__wrapper {
  bottom: 0;
  right: 0;
  left: 32px;
  min-width: 900px;
  padding-right: 56px;
}

.-page-contents__wrapper.-page-contents-body__no-scroll {
  overflow: hidden;
  top: 103px !important;
}

.-page-contents__wrapper.-page-contents-body__has-children {
  top: 50px !important;
}

.-page-contents__wrapper.-page-contents-body__has-children .-page-contents__scroll {
  padding-top: 16px;
}

.-page-contents__wrapper .-page-contents__wrapper {
  top: 52px;
  left: 0;
  overflow: visible;
}

.-page-contents__wrapper .-page-contents__scroll {
  display: inline-block;
  min-width: 1200px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 0;
}

.sui-tab-box-type__cont .-page-contents__wrapper .-page-contents__scroll {
  padding-bottom: 0 !important;
}

.-page-contents__top-wrapper {
  display: flex;
  width: 100%;
}

.-page-contents__top-wrapper.-page-contents-top__has-children {
  display: flex;
}

.-process-tab .-page .-page-contents {
  padding: 0;
  width: 100%;
}

.-process-tab .-page .-page-contents .-page-contents__wrapper {
  top: 100px;
  left: 56px;
  overflow: auto !important;
  bottom: 0 !important;
  position: absolute;
  right: 0;
  padding-right: 56px;
}

.sui-tab-box-type__cont .-page {
  margin: 0;
  padding: 0;
}

.sui-tab-box-type__cont .-page-contents {
  display: inline-block;
  width: 100%;
}

.sui-tab-box-type__cont .-page-contents__wrapper {
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
}

.sui-tab-box-type__cont .-page .-page-contents {
  padding: 0;
}

.sui-tab-box-type__cont .-page .-page-contents .-page-contents__wrapper {
  padding: 0 !important;
  top: 0 !important;
  left: 0 !important;
  overflow: auto !important;
  position: relative !important;
}

.app-frame-root__popup .right-container .-page.-page-root-container .-page-contents .-page-contents__wrapper {
  overflow: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  padding: 0 56px 56px;
}

.app-frame-root__popup .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents {
  margin-top: 20px;
}

.-page-footer {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  margin-right: 30px;
}

.-page-footer__sticky-panel-wrapper {
  margin-top: auto;
  height: 150px;
  background-color: #ffffff;
  z-index: 50;
  box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.08);
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
}

.-page-footer .comm_btnBot_wrap {
  margin-bottom: 30px;
}

/*========================================    TITLE   ========================================*/
.comm_tit01 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.comm_title_wrap {
  display: flex;
  position: relative;
  margin: 30px 0 10px;
}

.comm_title_wrap h4 {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
}

.comm_title_wrap span {
  margin-left: 5px;
}

.comm_title_wrap .sui-input-label__star:before {
  top: 4px;
}

.comm_ptitle_wrap {
  display: flex;
  position: relative;
  border-bottom: 1px solid #767676;
}

.comm_ptitle_wrap h1 {
  font-size: 18px;
  line-height: 48px;
  color: #333333;
}

.comm_ptitle_wrap_required {
  display: flex;
  position: relative;
  border-bottom: 1px solid #767676;
}

.comm_ptitle_wrap_required h1 {
  font-size: 18px;
  line-height: 48px;
  color: #333333;
  padding-left: 13px;
}

.comm_ptitle_wrap_required .required-icon {
  position: relative;
}

.comm_ptitle_wrap_required .required-icon:before {
  content: "*";
  position: absolute;
  top: 10px;
  font-weight: 100;
  color: #ff5858;
  font-size: 20px;
}

.comm_title_wrap .btn_wrap {
  justify-content: flex-end;
  margin-left: auto;
}

.comm_ptitle_red_wrap {
  display: flex;
  position: relative;
  border-bottom: 1px solid #ff5230;
}

.comm_ptitle_red_wrap h1 {
  padding-left: 32px;
  font-size: 18px;
  line-height: 48px;
  color: #ff5230;
  background: url(/biz/img/ic_lock_red.7d25530f9d2b069c.png) no-repeat left 50%;
}

.-page-contents__wrapper .-page-contents__scroll .comm_title_wrap:first-child {
  margin-top: 0;
}

/*========================================   COMMON_TEXT + INFO  ========================================*/
.comm_label {
  font-size: 13px;
  font-weight: normal;
  min-height: 28px;
  padding-top: 4px;
  color: #333333;
}

.info {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  color: #767676;
  line-height: 30px;
  white-space: nowrap;
}

.info.caution {
  color: #ff5230 !important;
}

.comm_info_wrap1st {
  background: url(/biz/img/ic_caution_yellow.21e0068b131a25b2.png) 8px 2px no-repeat;
}

.comm_info_wrap1st p {
  line-height: 21px;
  font-size: 12px;
  color: #767676;
  padding-left: 32px;
  padding-right: 8px;
}

.comm_info_wrap2nd {
  background: url(/biz/img/ic_caution_red.b40a8363f5b84b74.png) 8px 2px no-repeat;
}

.comm_info_wrap2nd p {
  line-height: 21px;
  font-size: 12px;
  color: #ff5230;
  padding-left: 32px;
  padding-right: 8px;
}

.comm_info_wrap3rd {
  border: 1px solid #fdf0c3;
  background: url(/biz/img/ic_caution_red.b40a8363f5b84b74.png) 8px 2px no-repeat #fef5d9;
}

.comm_info_wrap3rd p {
  line-height: 21px;
  font-size: 12px;
  color: #ff5230;
  padding-left: 32px;
  padding-right: 8px;
}

.comm_ptitle_red_wrap .comm_line_div,
.comm_ptitle_wrap .comm_line_div,
.comm_ptitle_wrap_required .comm_line_div {
  height: 48px;
}

.comm_ptitle_red_wrap .info,
.comm_ptitle_wrap .info,
.comm_ptitle_wrap_required .info {
  line-height: 48px;
}

.comm_infowrap {
  background: url(/biz/img/ic_optional_info.18d32b219bf99122.png) 0 6px no-repeat;
}

.comm_infowrap p {
  line-height: 21px;
  font-size: 12px;
  color: #767676;
  padding-left: 20px;
  padding-right: 8px;
  vertical-align: middle;
  line-height: 27px;
}

/*========================================   DIVISION   ========================================*/
.comm_scr_wrap .row {
  display: flex;
}

.comm_scr_wrap .row .col-xs-1 {
  padding: 0 16px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
}

.comm_scr_wrap .row .col-xs,
.comm_scr_wrap .row .col-xs-1,
.comm_scr_wrap .row .col-xs-10,
.comm_scr_wrap .row .col-xs-11,
.comm_scr_wrap .row .col-xs-12,
.comm_scr_wrap .row .col-xs-2,
.comm_scr_wrap .row .col-xs-3,
.comm_scr_wrap .row .col-xs-4,
.comm_scr_wrap .row .col-xs-5,
.comm_scr_wrap .row .col-xs-6,
.comm_scr_wrap .row .col-xs-7,
.comm_scr_wrap .row .col-xs-8,
.comm_scr_wrap .row .col-xs-9 {
  border-bottom: none;
}

.comm_scr_wrap .row .col-xs-1:first-child {
  background-image: none;
}

.comm_scr_wrap .row .btn_wrap {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.comm_scr_wrap .btn_wrap {
  display: flex;
  justify-content: flex-end;
  padding: 16px 0;
  margin-top: 16px;
  border-top: 1px solid #cccccc;
}

.comm_detailscr_wrap {
  display: flex;
  justify-content: flex-start;
}

.comm_detailscr_wrap .btn_wrap {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 10px auto;
}

.comm_view_wrap {
  background-color: #ffffff;
}

.comm_tree_wrap {
  border: solid 1px #cccccc;
  background-color: #ffffff;
  padding: 20px;
  min-height: 200px;
  overflow-y: auto;
}

/*page bottom*/
.comm_btn_wrap {
  display: flex;
  justify-content: flex-end;
  padding: 16px 0;
  border-top: 1px solid #cccccc;
}

.-page-footer .comm_btn_wrap {
  margin: 12px 0 26px;
}

.comm_btnBot_wrap {
  display: flex;
  border-top: 1px solid #cccccc;
  padding-top: 12px;
}

.comm_btnBot_wrap .btn_wrapL {
  display: flex;
  justify-content: flex-start;
  flex: none;
}

.comm_btnBot_wrap .btn_wrapL button:first-child {
  margin-left: 0 !important;
}

.comm_btnBot_wrap .btn_wrapR {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}

.comm_btnBot_wrap .btn_wrapR button {
  min-width: 108px;
}

.popup-body-wrapper .comm_btnBot_wrap {
  padding-bottom: 30px;
}

/*grid top*/
.comm_gridTop_wrap {
  width: 100%;
  display: flex;
  margin-bottom: 6px;
}

.comm_gridTop_wrap.attach_top {
  background-color: #f6f7f9;
  border: 1px solid #cccccc;
  margin-bottom: -1px;
  padding: 0 6px 0 12px;
}

.comm_gridTop_wrap.attach_top .btn_wrapL {
  margin-top: 3px;
}

.comm_gridTop_wrap .totalList {
  font-size: 12px;
  color: #5a5a5a;
  padding-top: 3px;
}

.comm_gridTop_wrap .comm_line_div {
  height: 24px !important;
}

.comm_gridTop_wrap .sui-checkbox {
  margin-right: 0 !important;
}

.comm_gridTop_wrap .sui-checkbox__label {
  color: #047ad5 !important;
  margin-right: 0 !important;
}

.comm_gridTop_wrap .sui-select {
  min-width: 80px;
  height: 24px;
}

.comm_gridTop_wrap .sui-select--active {
  height: 24px;
}

.comm_gridTop_wrap .multiselect__tags {
  height: 24px;
}

.comm_gridTop_wrap .sui-select__input {
  color: #5a5a5a !important;
  height: 22px;
  line-height: 22px;
  padding-left: 10px;
  font-size: 12px;
}

.comm_gridTop_wrap .sui-select__ul {
  min-width: 80px;
}

.comm_gridTop_wrap .sui-select__li {
  padding: 5px 10px;
}

.comm_gridTop_wrap .btn_wrapL {
  display: flex;
  justify-content: flex-start;
  flex: none;
}

.comm_gridTop_wrap .btn_wrapR {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}

/*shuttle box*/
.comm_shut_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: stretch;
}

.comm_shut_wrap .inbox {
  flex: 1 1 0;
  align-self: auto;
}

.comm_shut_wrap .inbox3 {
  flex: 1 1 0;
  flex-basis: 30%;
}

.comm_shut_wrap .inbox7 {
  flex: 1 1 0;
  flex-basis: 65%;
}

.comm_shut_wrap .emptybox {
  display: flex;
  width: 50px;
  align-items: center;
  justify-content: center;
}

.comm_shut_wrap .btnbox {
  display: flex;
  padding: 10px;
  align-items: center;
  justify-content: center;
}

.comm_shut_wrap .btnbox ul {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.comm_shut_wrap .btnbox ul li {
  padding: 6px 0;
}

/*table inner div*/
.comm_inner_div {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.ptitle_box_black {
  border: 1px solid #767676;
  border-top: 1px solid #767676;
  border-bottom: 2px solid #767676;
  padding: 16px;
}

.ptitle_box_red {
  border: 1px solid #ff5230;
  border-top: 1px solid #ff5230;
  border-bottom: 2px solid #ff5230;
  padding: 16px;
}

/*========================================  POPUP  ========================================*/
.comm_popup_wrap_small {
  display: inline-block;
  padding: 0 30px;
  width: 470px;
  max-height: 580px;
  overflow: hidden;
  overflow-y: auto;
}

.comm_popup_wrap_medium {
  display: inline-block;
  padding: 0 30px;
  width: 700px;
  max-height: 580px;
  overflow: hidden;
  overflow-y: auto;
}

.comm_popup_wrap_large {
  display: inline-block;
  padding: 0 30px;
  width: 940px;
  max-height: 580px;
  overflow: hidden;
  overflow-y: auto;
}

.comm_popup_wrap_xlarge {
  display: inline-block;
  padding: 0 30px;
  width: 1240px;
  max-height: 580px;
  overflow: hidden;
  overflow-y: auto;
}

/*========================================  BUTTON  ========================================*/
/*search*/
.comm_btn_Reset {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_Reset:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_btn_Reset:active {
  background-color: #d9d9d9;
}
.comm_btn_Reset:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_btn_Scr {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_Scr:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_btn_Scr:active {
  background-color: #a8d8fd;
}
.comm_btn_Scr:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_btn_detailscr_open {
  background: url(/biz/img/ic_detail_seaerch_open_normal.090d4e3b8e03493e.png) right 5px no-repeat;
  padding-right: 20px;
  margin: 8px 18px;
  color: #5a5a5a;
}
.comm_btn_detailscr_open:hover {
  background: url(/biz/img/ic_detail_seaerch_open_hover.c380da2524549442.png) right 5px no-repeat;
  color: #333333;
}

.comm_btn_detailscr_close {
  background: url(/biz/img/ic_detail_seaerch_close_normal.2e0298a212b1d056.png) right 5px no-repeat;
  padding-right: 20px;
  margin: 8px 18px;
  color: #5a5a5a;
}
.comm_btn_detailscr_close:hover {
  background: url(/biz/img/ic_detail_seaerch_close_hover.fabaf5165ba75c92.png) right 5px no-repeat;
  color: #333333;
}

.comm_btn_InputScr {
  text-indent: -9999px;
  border: 1px solid #cccccc;
  display: block;
  background: url(/biz/img/in_input_search.249589971cc0749a.png) center center no-repeat #ffffff;
  width: 32px;
  height: 32px;
  margin-left: -1px;
}

.comm_btn_InputScr:hover {
  border: 1px solid #a5a5a5;
  background: url(/biz/img/in_input_search.249589971cc0749a.png) center center no-repeat #f7f7f7;
}

/*standard-h28*/
.comm_sbtn_border {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_sbtn_border:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_sbtn_border:active {
  background-color: #d9d9d9;
}
.comm_sbtn_border:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_sbtn_border_Prime {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_sbtn_border_Prime:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_sbtn_border_Prime:active {
  background-color: #a8d8fd;
}
.comm_sbtn_border_Prime:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_sbtn_solid {
  height: 32px;
  border: 1px solid #047ad5 !important;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #ffffff !important;
  font-weight: 500;
  background-color: #047ad5 !important;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_sbtn_solid:hover {
  background-color: #0363ad !important;
  transition: all 0.3s ease;
}
.comm_sbtn_solid:active {
  background-color: #034f8a;
}
.comm_sbtn_solid:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}

/*big-h32*/
.comm_btnBot_wrap .btn_wrapL .comm_btn_border {
  min-width: 58px;
  max-width: 120px;
}

.comm_btn_border {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_border:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_btn_border:active {
  background-color: #d9d9d9;
}
.comm_btn_border:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_btn_border_Prime {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_border_Prime:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_btn_border_Prime:active {
  background-color: #a8d8fd;
}
.comm_btn_border_Prime:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_btn_solid {
  height: 32px;
  border: 1px solid #047ad5 !important;
  padding: 0 16px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #ffffff !important;
  font-weight: 500;
  background-color: #047ad5 !important;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_solid:hover {
  background-color: #0363ad !important;
  transition: all 0.3s ease;
}
.comm_btn_solid:active {
  background-color: #034f8a;
}
.comm_btn_solid:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}

/*grid_top*/
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop {
  height: 24px;
  padding: 0 6px;
  font-size: 12px;
  margin-left: 0;
  margin-right: 4px;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop:active {
  background-color: #d9d9d9;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop_Brd {
  height: 24px;
  padding: 0 6px;
  font-size: 12px;
  margin-left: 0;
  margin-right: 4px;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop_Brd:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop_Brd:active {
  background-color: #a8d8fd;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop_Brd:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_top {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_top.6451ece301a7df5c.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_top:hover {
  background-color: #ecedee;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_top:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_up {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_up.14321068a7c81b6a.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
  margin-left: -1px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_up:hover {
  background-color: #ecedee;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_up:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_down {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_down.badc9212007149a1.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
  margin-left: -1px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_down:hover {
  background-color: #ecedee;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_down:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_bottom {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_bottom.ffb3042510abe82d.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
  margin-left: -1px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_bottom:hover {
  background-color: #ecedee;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_bottom:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_treeOpen {
  text-indent: -9999px;
  background: url(/biz/img/ic_menutree_open_normal.5fa8d81a3755f2ff.png) no-repeat center center;
  width: 24px;
  height: 24px;
  border: 1px solid #cccccc;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_treeOpen:hover {
  background: url(/biz/img/ic_menutree_open_hover.a3007a75568ba628.png) no-repeat center center #f7f7f7;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_treeClose {
  text-indent: -9999px;
  background: url(/biz/img/ic_menutree_close_normal.775abf0f557777c5.png) no-repeat center center;
  width: 24px;
  height: 24px;
  border: 1px solid #cccccc;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_treeClose:hover {
  background: url(/biz/img/ic_menutree_close_hover.fae2338fde298014.png) no-repeat center center #f7f7f7;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop {
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  margin-left: 4px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop:active {
  background-color: #d9d9d9;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_solid {
  height: 24px;
  border: 1px solid #047ad5 !important;
  padding: 0 8px;
  font-size: 12px;
  margin-left: 4px;
  margin-right: 0;
  color: #ffffff !important;
  font-weight: 500;
  background-color: #047ad5 !important;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_solid:hover {
  background-color: #0363ad !important;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_solid:active {
  background-color: #034f8a;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_solid:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_Brd {
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  margin-left: 4px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_Brd:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_Brd:active {
  background-color: #a8d8fd;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_Brd:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_gridTop_wrap .btn_wrapR .sui-text-field .sui-text-field__input {
  height: 24px !important;
  vertical-align: top;
}

/*inner_table*/
.btn_innerTbl_prime {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 12px;
  min-width: 60px;
}
.btn_innerTbl_prime:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.btn_innerTbl_prime:active {
  background-color: #a8d8fd;
}
.btn_innerTbl_prime:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.btn_innerTbl_border {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 12px;
  min-width: 60px;
}
.btn_innerTbl_border:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.btn_innerTbl_border:active {
  background-color: #d9d9d9;
}
.btn_innerTbl_border:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.btn_innerTbl_solid {
  height: 32px;
  border: 1px solid #047ad5 !important;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #ffffff !important;
  font-weight: 500;
  background-color: #047ad5 !important;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 12px;
  min-width: 60px;
}
.btn_innerTbl_solid:hover {
  background-color: #0363ad !important;
  transition: all 0.3s ease;
}
.btn_innerTbl_solid:active {
  background-color: #034f8a;
}
.btn_innerTbl_solid:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}

.comm_title_wrap .btn_wrap .comm_btn_gridTop {
  height: 24px;
  padding: 0 12px;
  font-size: 12px;
  margin-left: 0;
  margin-right: 4px;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 46px;
}
.comm_title_wrap .btn_wrap .comm_btn_gridTop:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_title_wrap .btn_wrap .comm_btn_gridTop:active {
  background-color: #d9d9d9;
}
.comm_title_wrap .btn_wrap .comm_btn_gridTop:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.comm_title_wrap .btn_wrap .comm_btn_gridTop:last-child {
  margin-right: 0;
}

/*text-button*/
.btn_txt_BK {
  font-size: 13px;
  color: #767676;
  font-weight: normal;
}
.btn_txt_BK:hover {
  background-color: #f7f7f7;
}
.btn_txt_BK:disabled {
  color: #cccccc;
  background-color: #ffffff;
  cursor: default;
}

.btn_txt_BL {
  font-size: 13px;
  color: #60a3ef;
  font-weight: normal;
  display: inline-block;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.btn_txt_BL:hover {
  color: #4d83bf;
}
.btn_txt_BL:disabled {
  color: #cccccc;
  background-color: #ffffff;
  cursor: default;
}

.btn_txt_BL_line {
  font-size: 13px;
  color: #60a3ef;
  font-weight: normal;
  padding: 3px;
  text-decoration: underline;
}
.btn_txt_BL_line:hover {
  color: #4d83bf;
}
.btn_txt_BL_line:disabled {
  color: #cccccc;
  background-color: #ffffff;
  cursor: default;
}

.btn_txt_BL_arrow {
  font-size: 13px;
  color: #60a3ef;
  font-weight: normal;
  padding: 3px 10px 3px 3px;
  background: url(/biz/img/ic_hyperling_blue_normal.0ec4b792084fcf83.png) no-repeat right 7px;
}
.btn_txt_BL_arrow:hover {
  color: #4d83bf;
  background: url(/biz/img/ic_hyperling_blue_hover.18216bae5fb9cc33.png) no-repeat right 7px;
}
.btn_txt_BL_arrow:disabled {
  color: #cccccc;
  background: url(/biz/img/ic_hyperling_blue_disable.b9e92314490537d4.png) no-repeat right 7px #ffffff;
  cursor: default;
}

.btn_txt_BL_line_arrow {
  font-size: 13px;
  color: #60a3ef;
  font-weight: normal;
  padding: 3px 10px 3px 3px;
  text-decoration: underline;
  background: url(/biz/img/ic_hyperling_blue_normal.0ec4b792084fcf83.png) no-repeat right 7px;
}
.btn_txt_BL_line_arrow:hover {
  color: #4d83bf;
  background: url(/biz/img/ic_hyperling_blue_hover.18216bae5fb9cc33.png) no-repeat right 7px;
}
.btn_txt_BL_line_arrow:disabled {
  color: #cccccc;
  background: url(/biz/img/ic_hyperling_blue_disable.b9e92314490537d4.png) no-repeat right 7px #ffffff;
  cursor: default;
}

/*icon*/
.comm_btn_shut_right {
  vertical-align: middle;
  background: url(/biz/img/ic_page_next_normal.3a966c664ba03ab4.png) no-repeat center center;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc;
  text-indent: -9999px;
}
.comm_btn_shut_right:hover {
  background: url(/biz/img/ic_page_next_hover.32e908abbec191ed.png) no-repeat center center;
}
.comm_btn_shut_right:disabled {
  background: url(/biz/img/ic_page_next_disable.6cd9167ed271de67.png) no-repeat center center;
}

.comm_btn_shut_left {
  vertical-align: middle;
  background: url(/biz/img/ic_page_previous_normal.01632ed8f81fa4e0.png) no-repeat center center;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc;
  text-indent: -9999px;
}
.comm_btn_shut_left:hover {
  background: url(/biz/img/ic_page_previous_hover.99b90bc37c818a26.png) no-repeat center center;
}
.comm_btn_shut_left:disabled {
  background: url(/biz/img/ic_page_previous_disable.822cbedd9e0976ef.png) no-repeat center center;
}

.comm_btn_shut_down {
  background: url(/biz/img/btn_shut_down.ba85b66a34b345ea.png) no-repeat center center;
  width: 28px;
  height: 28px;
}

.comm_btn_shut_up {
  background: url(/biz/img/btn_shut_up.36646064a323dc04.png) no-repeat center center;
  width: 28px;
  height: 28px;
}

.comm_ico_excel {
  padding-left: 28px !important;
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) no-repeat 8px center;
}

.comm_ico_ppt {
  padding-left: 28px !important;
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) no-repeat 8px center;
}

.comm_ico_word {
  padding-left: 28px !important;
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) no-repeat 8px center;
}

.comm_btn_lang {
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  padding: 0 15px;
  border: 1px solid #cccccc;
  background: url(/biz/img/ic_input_multilingue.104971b001d79576.png) no-repeat center center #ffffff;
}
.comm_btn_lang:hover {
  border: 1px solid #a5a5a5;
  background: url(/biz/img/ic_input_multilingue_hover.e2388c7f35b0fc7c.png) no-repeat center center #f7f7f7;
}
.comm_btn_lang:disabled {
  border: 1px solid #dbdbdb;
  background: url(/biz/img/ic_input_multilingue_disable.b0b09be7f1186814.png) no-repeat center center #f7f7f7;
  cursor: default;
}

.comm_btn_duplicate {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  padding: 0 13px;
  border: 1px solid #cccccc;
  background: url("/biz/img/ic_double%20check_normal.03ff8d30c5eb1b15.png") no-repeat center center #ffffff;
}
.comm_btn_duplicate:hover {
  border: 1px solid #a5a5a5;
  background: url("/biz/img/ic_double%20check_hover.5dbe602c7920ffb0.png") no-repeat center center #f7f7f7;
}
.comm_btn_duplicate:disabled {
  border: 1px solid #dbdbdb;
  background: url("/biz/img/ic_double%20check_disable.6d3579eafb5f8f31.png") no-repeat center center #f7f7f7;
  cursor: default;
}

.comm_ico_set {
  vertical-align: middle;
  background: url(/biz/img/ic_columns_setting_normal.e68f58a0ecd6c484.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
  min-width: 0 !important;
}
.comm_ico_set:hover {
  background: url(/biz/img/ic_columns_setting_hover.8b514eaeae89b6d7.png) no-repeat center center #f7f7f7;
}
.comm_ico_set:disabled {
  background: url(/biz/img/ic_columns_setting_disable.e3ea2df073e39c17.png) no-repeat center center;
  border: solid 1px #eaeaea;
  cursor: default;
}

.btn_moreView {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}
.btn_moreView p {
  cursor: pointer;
  font-size: 12px;
  color: #5a5a5a;
  padding-right: 20px;
  background: url(/biz/img/ic_table_more_normal.a770baedd8248b4b.png) no-repeat right 1px;
}
.btn_moreView p:hover {
  color: #333333;
  background: url(/biz/img/ic_table_more_hover.d7c53cadede4398c.png) no-repeat right 1px;
}
.btn_moreView p.disabled {
  color: #cccccc;
  background: url(/biz/img/ic_table_more_disble.25a85fd4cf174800.png) no-repeat right 1px;
  pointer-events: none;
}

/** home card morebutton ***/
.btn_txt_GR_arrow:disabled {
  color: #cccccc !important;
  border: none;
}

.btn_check {
  text-indent: -99999px;
  width: 20px;
  height: 20px;
  background: url(/biz/img/btn_check.b853d46c6134423b.png) no-repeat center center;
}

/*========================================   LAYOUT   ========================================**/
.row {
  font-size: 13px;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  display: inline-flex;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0 16px;
  align-items: center;
}

/*.row >div:nth-of-type(odd) {background-color:#F6F7F9;overflow:hidden; text-overflow: ellipsis; min-width:190px}
.row >div:nth-of-type(even) {width:calc( auto - 190px)}*/
.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 12.33333333%;
  max-width: 12.33333333%;
  display: inline-block;
  padding-left: 18px;
  /*white-space: nowrap; overflow:hidden; text-overflow: ellipsis;width:190px;*/
}

.col-xs-1.nodata {
  background-color: #ffffff;
  background: none !important;
}

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
  display: inline-block;
  padding-left: 18px;
  /*overflow:hidden; text-overflow: ellipsis;width:190px;white-space: nowrap;*/
}

.col-xs-3 {
  flex-basis: 21.0000000033%;
  max-width: 21.0000000033%;
  /*max-width:calc(100% - 570px / 3)*/
}

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  flex-basis: 37.66666667%;
  max-width: 37.66666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 54.3333333367%;
  max-width: 54.3333333367%;
}

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
  overflow: hidden;
}

.col-xs-11 {
  flex-basis: 87.66666667%;
  max-width: 87.66666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

/*Search Input*/
.comm_scrInput_wrap {
  width: 100%;
  position: relative;
  display: inline-block;
}

.comm_scrInput_wrap button {
  position: absolute;
  right: 0;
  top: 0;
}

.comm_scrInput_wrap .sui-text-field__input {
  width: calc(100% - 27px);
}

.ScrForm,
.ScrForm .ScrBtn,
.ScrForm .ScrBtn .SBtn,
.ScrForm .ScrInput,
.ScrForm .ScrInput .SInput {
  padding: 0;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
}

.ScrForm {
  width: 320px;
  position: relative;
}

.ScrForm .ScrInput {
  overflow: hidden;
  border: none;
}

.ScrForm .ScrInput .SInput {
  width: 100%;
  padding: 0 40px 0 10px;
  font-size: 13px;
  border: solid 1px #dbdbdb;
  background-color: #ffffff;
  float: left;
}

.ScrForm .ScrInput .SInput:focus {
  border: solid 1px #047ad5;
}

.ScrForm .ScrBtn {
  cursor: pointer;
  border-left: solid 1px #dbdbdb;
  right: 0;
  position: absolute;
  top: 1px;
  height: 28px;
}

.ScrForm .ScrBtn:active,
.ScrForm .ScrBtn:hover {
  width: 28px;
  height: 28px;
  top: 1px;
  right: 1px;
  background-color: #f5f5f5;
}

.ScrForm .ScrBtn:active {
  outline: none;
}

.ScrForm .ScrBtn .SBtn {
  border: none;
  display: block;
  background: url(/biz/img/in_input_search.249589971cc0749a.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

/*========================================   TABLE  ========================================**/
/*============================  View table  ===================================**/
.comm_ViewTB {
  width: 100%;
  empty-cells: show;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}

.comm_ViewTB td,
.comm_ViewTB th {
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  margin: 0;
  padding: 5px;
  text-align: left;
}

.comm_ViewTB td:first-child,
.comm_ViewTB th:first-child {
  border-left: none;
}

.imgbox-modal {
  width: 100%;
  /*width: 830px;*/
  height: 100%;
  position: absolute;
  display: table;
}

.imgbox-modal-drag {
  border: 1px solid #536dc2 !important;
  background-color: #fff;
  opacity: 0.7;
  height: 100px;
}

.imgbox-modal-drag .imgbox-modal .imgbox-modal-text h4 {
  background-image: url(/biz/img/ic-file-attach-hover.5c86b7f00c62292b.png);
  color: #2949b3 !important;
}

.imgbox-modal-text {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.imgbox-modal-text h4 {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  color: #959595;
  background: url(/biz/img/ic-file-attach.8ec9717d5f57c679.png) no-repeat left center;
  padding-left: 23px;
  line-height: 80px;
}

.attach-file {
  border: 1px solid red;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}

.imgbox-list-group {
  display: flex;
  width: 100%;
}

.imgbox-btn-prps-n {
  font-size: 12px;
  padding: 0 12px;
  color: #666;
  background-color: #fff;
  height: 20px;
  border: 1px solid #ccc;
  min-width: 44px;
  margin: 4px;
  border-radius: 20px;
}

.imgbox-btn-prps-y {
  font-size: 12px;
  padding: 0 12px;
  color: #fff;
  background-color: #536dc2;
  height: 20px;
  border: none;
  min-width: 44px;
  margin: 4px;
  border-radius: 20px;
}

.thumbnail_wrap .box .imgBox:before {
  z-index: initial;
}

.myscroll {
  overflow-x: auto;
  /*width: 830px;*/
  width: 100%;
}

.myscroll::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  border-radius: 3.5px;
  background: #dfdfdf;
}

.myscroll::-webkit-scrollbar-track {
  border-radius: 3.5px;
  background-color: #dfdfdf;
}

.myscroll::-webkit-scrollbar-thumb {
  border-radius: 3.5px;
  background-color: rgba(0, 0, 0, 0.2);
}

.w150 {
  width: 160px;
}

.hidden {
  font-size: 13px;
  color: transparent;
  padding-left: 15px;
  line-height: 24px;
}

.thumbnail_wrap {
  border: 1px solid #cccccc;
  position: relative;
  min-height: 80px;
  border: 1px solid #cccccc;
  display: flex;
  justify-content: center;
}

.btn_top_close {
  width: 20px;
  height: 30px;
  background: url(/biz/img/ic_mail_close_normal.1963aa61393827b2.png) center center no-repeat;
  margin-left: 10px;
  text-indent: -9999px;
}

.btn_top_open {
  width: 20px;
  height: 30px;
  background: url(/biz/img/ic_mail_open_normal.2878d04e21f0eadc.png) center center no-repeat;
  margin-left: 10px;
  text-indent: -9999px;
}

.thumbnail_wrap .sui-checkbox {
  line-height: 30px;
}

.thumbnail_wrap .box {
  position: relative;
  margin: 0 8px;
  width: 150px;
}

.thumbnail_wrap .box .btn {
  position: absolute;
  z-index: 15;
  font-size: 12px;
  padding: 0 12px;
  color: #666;
  background-color: #ffffff;
  height: 24px;
  border: 1px solid #cccccc;
  min-width: 46px;
  margin: 4px;
}

.thumbnail_wrap .box .btn:focus {
  color: #ffffff;
  background-color: #536dc2;
  border: none;
}

.thumbnail_wrap .box .imgBox {
  position: relative;
  border: 1px solid #dbdbdb;
  background-color: #eaeaea;
  height: 112px;
  background-size: 100% 100%;
}

.thumbnail_wrap .box .imgBox:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 150px;
  background-color: #666;
  opacity: 0;
  transition: all 0.2s;
  z-index: 6;
}

.thumbnail_wrap .box .imgBox:hover:before {
  opacity: 0.6;
}

.thumbnail_wrap .box .imgBox .btn_list_del {
  z-index: 8;
  top: 0;
  right: 0;
  opacity: 0;
  transition: all 0.6s;
  position: absolute;
  width: 20px;
  height: 20px;
  float: right;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 3px no-repeat #ffffff;
  text-indent: -9999px;
}

.thumbnail_wrap .box .imgBox:hover .btn_list_del {
  opacity: 1;
}

.thumbnail_wrap .box .file {
  display: inline-block;
  font-size: 13px;
  color: #767676;
}

.thumbnail_wrap .box .file a {
  color: #60a3ef;
  text-decoration: underline;
}

.thumbnail_wrap .box1 {
  position: relative;
  margin: 0 8px;
  width: 150px;
  display: table;
}

.thumbnail_wrap .box1 .imgBox {
  position: relative;
  border: 1px solid #dbdbdb;
  background-color: #eaeaea;
  height: 112px;
  background-size: 100% 100%;
}

.thumbnail_wrap .box1 .imgBox .btn_list_del {
  /*z-index:8;*/
  top: 4px;
  right: 5px;
  opacity: 0;
  /*transition:all 0.6s;*/
  position: absolute;
  width: 20px;
  height: 30px;
  float: right;
  background: url(/biz/img/btn_img_del.8cf4904a52bdd59d.png) right 3px no-repeat;
  text-indent: -9999px;
}

.thumbnail_wrap .box1 .imgBox:hover .btn_list_del {
  opacity: 1;
}

.thumbnail_wrap .box1 .file {
  display: inline-block;
  font-size: 13px;
  color: #767676;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 160px;
  overflow: hidden;
}

.thumbnail_wrap .box1 .file a {
  color: #60a3ef;
  text-decoration: underline;
}

.thumbnail_wrap .file_list {
  border: none;
}

.thumbnail_wrap .file_list ul {
  width: 100% !important;
}

.dp_flex.jqx-grid-widget .box1 img {
  width: 40px;
  height: 30px;
  vertical-align: middle;
}

.dp_flex.jqx-grid-widget .box1 a.noimg {
  width: 40px;
  height: 30px;
  display: block;
  vertical-align: middle;
  background: url(/biz/img/img_nothumbnail.a92da17362a9f38a.png) no-repeat;
}

.box1 a.noimg {
  width: 40px;
  height: 30px;
  display: block;
  vertical-align: middle;
  background: url(/biz/img/img_nothumbnail.a92da17362a9f38a.png) no-repeat;
}

.box1 a.nopic {
  width: 30px;
  height: 28px;
  display: block;
  vertical-align: middle;
  background: url(/biz/img/picture_off.089efb3ee2e8139b.png) no-repeat;
}

.box1 a.yespic {
  width: 30px;
  height: 28px;
  display: block;
  vertical-align: middle;
  background: url(/biz/img/picture_on.75c1d15623d9ee3c.png) no-repeat;
}

.thumbnail_wrap .btn_Pre {
  position: relative;
  top: -10px;
  background: url(/biz/img/ic_page_previous_normal.01632ed8f81fa4e0.png) center center no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.thumbnail_wrap .btn_Pre:hover {
  background: url(/biz/img/ic_page_previous_hover.99b90bc37c818a26.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.thumbnail_wrap .btn_Pre:disabled {
  background: url(/biz/img/ic_page_previous_disable.822cbedd9e0976ef.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.thumbnail_wrap .btn_Next {
  position: relative;
  top: -10px;
  background: url(/biz/img/ic_page_next_normal.3a966c664ba03ab4.png) center center no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.thumbnail_wrap .btn_Next:hover {
  background: url(/biz/img/ic_page_next_hover.32e908abbec191ed.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.thumbnail_wrap .btn_Next:disabled {
  background: url(/biz/img/ic_page_next_disable.6cd9167ed271de67.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.tempClass {
  background-color: #e9ecf7;
}

.disable-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by any browser but < IE9 */
}

.comm_ListTB {
  width: 100%;
  empty-cells: show;
  border-top: 1px solid #cccccc;
}

.comm_ListTB .comm_sbtn_border {
  margin-left: 0;
  padding: 0 8px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 50px;
  max-width: 100%;
}

.comm_ListTB th {
  font-size: 13px;
  background: url(/biz/img/line_scr.26511312c5d50508.png) left center no-repeat #f6f7f9;
  height: 36px;
  text-align: left;
  padding-left: 8px;
  color: #000000;
  font-weight: 500;
}

.comm_ListTB th:first-child {
  background: none #f6f7f9;
}

.comm_ListTB td {
  font-size: 13px;
  height: 36px;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea !important;
  margin: 0;
  color: #5a5a5a;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 8px;
}

.comm_ListTB tr:last-child {
  border: none;
}

.comm_ListTB td.star {
  padding-left: 8px;
}

.comm_ListTB td.star:before {
  content: "*";
  font-weight: 100;
  color: #ff5858;
}

.comm_ListTB td.preview {
  color: #cccccc;
}

.comm_ListTB td a {
  color: #60a3ef;
  text-decoration: underline;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80%;
}

.comm_scroll_TB {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #dbdbdb;
  padding-top: 37px;
  background: #f6f7f9;
}

.comm_scroll_TB .comm_ListTB {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 186px;
}

.comm_scroll_TB .comm_ListTB table {
  border-spacing: 0;
  width: 100%;
}

.comm_scroll_TB .comm_ListTB td,
.comm_scroll_TB .comm_ListTB th {
  padding: 4px 8px;
}

.comm_scroll_TB .comm_ListTB td {
  color: #333;
  background-color: #fff;
  border-right: 1px solid #eaeaea !important;
  white-space: normal;
}

.comm_scroll_TB .comm_ListTB tr:last-child {
  border-bottom: none !important;
}

.comm_scroll_TB .comm_ListTB th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}

.comm_scroll_TB .comm_ListTB th div {
  position: absolute;
  background: url(/biz/img/line_scr.26511312c5d50508.png) left center no-repeat;
  color: #000000;
  font-weight: 500;
  padding: 0 8px;
  top: 0;
  margin-left: -8px;
  line-height: 36px;
}

.comm_scroll_TB .comm_ListTB th:first-child div {
  background: none;
}

.comm_scroll_TB .comm_ListTB td.ellip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}

.comm_scroll_TB .comm_ListTB td span.name {
  color: #333;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80%;
}

.comm_scroll_TB .comm_ListTB td .btn_list_del {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  float: right;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 3px no-repeat;
  text-indent: -9999px;
}

.comm_scroll_TB .comm_ListTB td .btn_list_del:hover {
  background: url(/biz/img/ic_input_delete_hover.9864eed2d5d27f9e.png) right 3px no-repeat;
  text-indent: -9999px;
}

.comm_scroll_TB .comm_ListTB td span.size {
  color: #767676;
  padding-left: 5px;
  vertical-align: top;
}

/************* file type icon ******************/
.comm_ListTB td a.excel {
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.ppt {
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.word {
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.pdf {
  background: url(/biz/img/ic_pdf.4eb11e0d7b548d92.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.image {
  background: url(/biz/img/ic_image.57b5a8eb32a80b19.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.etc {
  background: url(/biz/img/ic_file_default.7af6d4e2d5424b02.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.excel {
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.ppt {
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.word {
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.pdf {
  background: url(/biz/img/ic_pdf.4eb11e0d7b548d92.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.image {
  background: url(/biz/img/ic_image.57b5a8eb32a80b19.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.etc {
  background: url(/biz/img/ic_file_default.7af6d4e2d5424b02.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB tr:last-child {
  border-bottom: 1px solid #cccccc;
}

.comm_ListTB td .btn_list_del {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  float: right;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 3px no-repeat;
  text-indent: -9999px;
  opacity: 1;
  /* transition: opacity .35s ease;*/
}

.comm_ListTB td:first-child,
.comm_ListTB th:first-child {
  border-left-width: 0 !important;
}

.comm_ListTB thead {
  background-color: #efefef;
  color: #000;
  text-align: left;
  vertical-align: bottom;
}

.comm_ListTB td {
  background-color: transparent;
}

.comm_ListTB-odd td,
.comm_ListTB-striped tr:nth-child(2n-1) td {
  background-color: #f2f2f2;
}

.file_list {
  overflow-y: auto;
  max-height: 150px;
  border: 1px solid #cccccc;
}

.file_list li {
  display: flex;
  position: relative;
  font-size: 13px;
  color: #767676;
  padding: 0 12px;
  line-height: 30px;
}

.file_list li p {
  padding-left: 10px;
}

.file_list li a {
  padding-left: 10px;
  color: #60a3ef;
  text-decoration: underline;
}

/************* file type icon ******************/
.file_list li a.excel {
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.ppt {
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.word {
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.pdf {
  background: url(/biz/img/ic_pdf.4eb11e0d7b548d92.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.image {
  background: url(/biz/img/ic_image.57b5a8eb32a80b19.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.etc {
  background: url(/biz/img/ic_file_default.7af6d4e2d5424b02.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.excel {
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.ppt {
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.word {
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.pdf {
  background: url(/biz/img/ic_pdf.4eb11e0d7b548d92.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.image {
  background: url(/biz/img/ic_image.57b5a8eb32a80b19.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.etc {
  background: url(/biz/img/ic_file_default.7af6d4e2d5424b02.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}

.file_list li:hover .btn_list_del {
  opacity: 1;
}

.file_list .btn_list_del {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 5px no-repeat;
  text-indent: -9999px;
  opacity: 0;
  /* transition: opacity .35s ease;*/
}

.file_list .name {
  font-size: 13px;
  color: #5a5a5a;
  padding-left: 12px;
}

.file_list button {
  margin-right: -1px;
}

/*========================================  TOOLTIP start  ========================================**/
.info_tooltip {
  display: inline-flex;
  background: url(/biz/img/ic_info.46ba063445735815.png) right center no-repeat;
  width: 20px;
  height: 20px;
  float: right;
  margin: 5px 4px 0;
  justify-content: flex-end;
  margin-left: auto;
}

.vue-tooltip {
  display: block !important;
  z-index: 10000;
}

.vue-tooltip .tooltip-content {
  font-size: 12px;
  font-weight: normal;
  background-color: #000000;
  color: #ffffff;
  padding: 0 8px;
}

.vue-tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}

.vue-tooltip[x-placement^=top] {
  margin-bottom: 5px;
}

.vue-tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.vue-tooltip[x-placement^=bottom] {
  margin-top: 5px;
}

.vue-tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.vue-tooltip[x-placement^=right] {
  margin-left: 5px;
}

.vue-tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.vue-tooltip[x-placement^=left] {
  margin-right: 5px;
}

.vue-tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.vue-tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.vue-tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

.vue-tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.vue-tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

/***white***/
.vue-tooltip-white {
  display: block !important;
  z-index: 10000;
}

.vue-tooltip-white .tooltip-content {
  font-size: 12px;
  font-weight: normal;
  background-color: #ffffff;
  color: #666;
  padding: 4px 8px;
  border: 1px solid #cccccc;
}

.vue-tooltip-white .tooltip-arrow {
  width: 0;
  height: 0;
  position: absolute;
  margin: 0;
  z-index: 1;
}

.vue-tooltip-white .tooltip-arrow:before {
  position: absolute;
  left: calc(50% - 5px);
  top: 100%;
  margin: 0;
  border: solid 0 #cccccc;
  border-width: 1px 1px 0 0;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  background: #ffffff;
  content: "";
}

.vue-tooltip-white[x-placement^=top] {
  margin-bottom: 5px;
}

.vue-tooltip-white[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: 5px;
  left: 50%;
  margin-top: 0;
  margin-bottom: 0;
}

.vue-tooltip-white[x-placement^=top] .tooltip-arrow:before {
  position: absolute;
  left: calc(50% - 5px);
  top: 100%;
  margin: 0;
  border: solid 0 #cccccc;
  border-width: 1px 1px 0 0;
  width: 8px;
  height: 8px;
  transform: rotate(135deg);
  background: #ffffff;
  content: "";
}

.vue-tooltip-white[x-placement^=bottom] {
  margin-top: 5px;
}

.vue-tooltip-white[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.vue-tooltip-white[x-placement^=right] {
  margin-left: 5px;
}

.vue-tooltip-white[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.vue-tooltip-white[x-placement^=left] {
  margin-right: 5px;
}

.vue-tooltip-white[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.vue-tooltip-white.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.vue-tooltip-white.popover .popover-arrow {
  border-color: #f9f9f9;
}

.vue-tooltip-white[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.vue-tooltip-white[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

/*========================================  TOOLTIP end  ========================================**/
/*========================================  pagination Start  ========================================**/
.pagerWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
}

.pagination {
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination .btn_Pre {
  background: url(/biz/img/ic_page_previous_normal.01632ed8f81fa4e0.png) center center no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.pagination .btn_Pre:hover {
  background: url(/biz/img/ic_page_previous_hover.99b90bc37c818a26.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.pagination .btn_Pre:disabled {
  background: url(/biz/img/ic_page_previous_disable.822cbedd9e0976ef.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.pagination .btn_Next {
  background: url(/biz/img/ic_page_next_normal.3a966c664ba03ab4.png) center center no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.pagination .btn_Next:hover {
  background: url(/biz/img/ic_page_next_hover.32e908abbec191ed.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.pagination .btn_Next:disabled {
  background: url(/biz/img/ic_page_next_disable.6cd9167ed271de67.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.pagination a {
  display: inline-block;
  padding: 5px;
  color: #333333;
  text-decoration: none;
  width: 40px;
  cursor: pointer;
}

.pagination a:hover {
  background-color: #f7f7f7;
}

.pagination__items {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 13px;
  margin: 0;
  padding: 0;
  display: flex;
  margin: 0 1px;
}

.pagination__items li {
  top: -100vh;
  counter-increment: pagination;
}

.pagination__items li:first-child,
.pagination__items li:last-child {
  position: static;
}

.pagination__items li.is-active {
  position: static;
}

.pagination__items li.is-active:not(:nth-child(1)):not(:nth-child(2))::before {
  content: "...";
  display: inline-block;
  width: 40px;
}

.pagination__items li:first-child,
.pagination__items li:last-child {
  position: static;
}

.pagination__items li.is-active + li,
.pagination__items li.is-active + li + li {
  position: static;
}

.pagination__items li.is-active + li + li:not(:last-child):not(:nth-last-child(2))::after {
  content: "...";
  display: inline-block;
  width: 40px;
}

.pagination__items__ellipsis-front li:first-child::after {
  content: "...";
  display: inline-block;
  width: 40px;
}

.pagination__items__ellipsis-rear li:last-child::before {
  content: "...";
  display: inline-block;
  width: 40px;
}

.pagination__items--active a {
  background-color: #e9ecf7;
  color: #047ad5;
  font-weight: bold;
  height: 28px;
}

.goPage_wrap {
  position: relative;
  display: flex;
  margin-left: 16px;
}

.goPage_wrap button {
  font-size: 12px;
  color: #5a5a5a;
  width: 40px;
  height: 28px;
  border: 1px solid #cccccc;
  font-weight: normal;
  margin-left: -1px;
  margin-top: 2px;
}

.goPage_wrap .sui-text-field__input {
  max-width: 60px !important;
  border: 1px solid #cccccc;
}

/*========================================  pagination End  ========================================**/
.comm_line_div {
  display: inline-block;
  width: 25px;
  height: 30px;
  background: url(/biz/img/line.029057969ee9853b.png) center center no-repeat;
  vertical-align: middle;
}

.comm_lineG_div {
  display: inline-block;
  width: 25px;
  height: 30px;
  background: url(/biz/img/lineGray.25f7b08fa9447e7f.png) center center no-repeat;
  vertical-align: middle;
}

.comm_lineR_div {
  display: inline-block;
  width: 25px;
  height: 30px;
  background: url(/biz/img/line_R.af6c2d395e4b43bc.png) center center no-repeat;
  vertical-align: middle;
}

/***** Mail Form *********************/
.receiver_list_wrap {
  border: 1px solid #cccccc;
  width: 100%;
}

.receiver_list_wrap .list_control {
  display: flex;
  overflow: hidden;
  background-color: #f5f7f9;
  padding: 5px 13px 5px 25px;
}

.receiver_list_wrap .list_control .left {
  justify-content: flex-start;
}

.left .receive_type {
  position: relative;
}

.left .receive_type button {
  margin-right: -1px;
}

.btn_receive_typeA {
  height: 22px;
  font-size: 12px;
  color: #5a5a5a;
  padding: 0 5px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.btn_receive_typeA:focus {
  background-color: #e4e9f4;
}

.left .control_btn {
  padding-left: 12px;
  padding-right: 5px;
}

.left .control_btn button {
  padding-right: 8px;
  vertical-align: middle;
}

.left .receive,
.left .refer,
.left .secret,
.left .total {
  font-size: 13px;
  margin-right: 10px;
}

.left .receive:before,
.left .refer:before,
.left .secret:before,
.left .total:before {
  content: "|";
  color: #cccccc;
  display: inline-block;
  width: 14px;
}

.left span em {
  font-weight: bold;
  padding-left: 5px;
}

.receiver_list_wrap .list_control .right {
  justify-content: flex-end;
  margin-left: auto;
}

.user_list {
  overflow-y: auto;
  max-height: 162px;
}

.user_list li {
  padding: 5px 13px;
  position: relative;
}

.user_list li.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.user_list li .receive_type {
  position: relative;
  top: -1px;
}

.user_list li:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}

.user_list li:hover .btn_list_del {
  opacity: 1;
}

.user_list .btn_list_del {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 3px no-repeat;
  text-indent: -9999px;
  opacity: 0;
  /* transition: opacity .35s ease;*/
}

.user_list .name {
  font-size: 13px;
  color: #5a5a5a;
  padding-left: 12px;
}

.user_list .num {
  font-size: 13px;
  color: #5a5a5a;
  padding-right: 12px;
}

.user_list .number {
  font-size: 12px;
  padding-right: 5px;
}

/***기안 *****/
.user_list .draft {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  background-color: #dbdbdb;
  width: 100px;
  padding: 2px 0;
  text-align: center;
}

/***합의 *****/
.user_list .agree {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  background-color: #60a3ef;
  width: 100px;
  padding: 2px 0;
  text-align: center;
}

/***후결 *****/
.user_list .decision {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  background-color: #5b55af;
  width: 100px;
  padding: 2px 0;
  text-align: center;
}

/***결재 *****/
.user_list .approval {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  background-color: #536dc2;
  width: 100px;
  padding: 2px 0;
  text-align: center;
}

.user_list button {
  margin-right: -1px;
}

.btn_receive_typeB {
  height: 22px;
  font-size: 12px;
  color: #a5a5a5;
  padding: 0 5px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.btn_receive_typeB.rec:focus {
  border: 1px solid #536dc2;
  background-color: #536dc2;
  color: #ffffff;
}

.btn_receive_typeB.ref:focus {
  border: 1px solid #60a3ef;
  background-color: #60a3ef;
  color: #ffffff;
}

.btn_receive_typeB.sec:focus {
  border: 1px solid #818181;
  background-color: #818181;
  color: #ffffff;
}

.btn_control_top {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_top_2.9431838f8c84c02b.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_up {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_up_2.1a1e8eb207d9ec6c.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_down {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_down_2.b3083b7f5115933e.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_bottom {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_bottom_2.08bf20c0ffc7476e.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_del {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_delete.5732306e81832db4.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_open {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_mail_open_normal.2878d04e21f0eadc.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_close {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_mail_close_normal.1963aa61393827b2.png) center center no-repeat;
  text-indent: -9999px;
}

/***** Process Info *********************/
.processInfo_wrap {
  display: inline-flex;
  width: 100%;
  height: 40px;
}

.processInfo_wrap ul {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
}

.processInfo_wrap ul li {
  font-size: 12px;
  color: #5a5a5a;
  line-height: 40px;
  background: url(/biz/img/ic_process_arrow.75701dc989a8be71.png) 10px center no-repeat;
  padding-left: 40px;
}

.processInfo_wrap ul li:first-child {
  background: none;
}

.processInfo_wrap ul li.active {
  color: #536dc2;
}

.processInfo_wrap ul li.active .complete {
  display: inline-block;
  background: url(/biz/img/bg_process_clear_active.38a433e656c2fec8.png) left center no-repeat;
  width: 20px;
  text-indent: -9999px;
}

.processInfo_wrap ul li .complete {
  display: inline-block;
  background: url(/biz/img/bg_process_clear_normal.37ad180800830e73.png) left center no-repeat;
  width: 20px;
  text-indent: -9999px;
}

.processInfo_wrap ul li .normal {
  display: inline-block;
  color: #ffffff;
  width: 16px;
  height: 16px;
  background: url(/biz/img/bg_process_normal.ad9cf3ed0989a7e7.png) center center no-repeat;
  text-align: center;
  height: 40px;
  margin-right: 4px;
}

.processInfo_wrap ul li .active {
  display: inline-block;
  color: #ffffff;
  width: 16px;
  height: 16px;
  background: url(/biz/img/bg_process_active.3f6ed98a41ff062d.png) center center no-repeat;
  text-align: center;
  height: 40px;
  margin-right: 4px;
}

.processInfo_wrap ul li.disable {
  color: #cccccc;
}

.processInfo_wrap ul li.disable .normal {
  display: inline-block;
  background: url(/biz/img/bg_process_disable.a3c97a0cbf4eb197.png) left center no-repeat;
}

.processInfo_wrap ul li.disable .complete {
  display: inline-block;
  background: url(/biz/img/bg_process_clear_disable.5494647593e24416.png) left center no-repeat;
  width: 20px;
  text-indent: -9999px;
}

/***** page top Selectbox *********************/
.pageSelectbox_wrap {
  display: inline-flex;
  width: 100%;
  height: 40px;
}

.pageSelectbox_wrap p {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
  background: url(/biz/img/ic_reference_info.daa63c70d98c1567.png) left center no-repeat;
  line-height: 38px;
  padding-left: 20px;
  white-space: nowrap;
}

.pageSelectbox_wrap .sui-select {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #cccccc !important;
  border-left: 1px solid #ffffff;
  margin-top: 3px;
  margin-left: 12px;
  min-width: 120px;
}

.pageSelectbox_wrap .sui-select:hover {
  border-top: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
  border-bottom: 1px solid #cccccc !important;
  border-left: 1px solid #ffffff !important;
}

/***2019-08-06****/
.comm_gridTop_wrap .btn_wrapL .sui-tooltip-menu .sui-tooltip-menu__activator {
  margin-left: 0;
}

/***2019-08-07  scroll table ****/
.col-xs-100,
.col-xs-50 {
  float: left;
}

.col-xs-100 {
  width: 100%;
}

.col-xs-55 {
  width: 55%;
}

.col-xs-50 {
  width: 50%;
}

.col-xs-52 {
  width: 52%;
}

.col-xs-48 {
  width: 48%;
}

.col-xs-45 {
  width: 45%;
}

.col-xs-scr {
  width: 1%;
}

.table-fixed {
  width: 100%;
}

.table-fixed tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
}

.table-fixed tbody,
.table-fixed td,
.table-fixed th,
.table-fixed thead {
  display: block;
}

.table-fixed tr {
  display: flex;
}

.table-fixed tr:hover {
  height: 40px;
  background-color: #f7f7f7 !important;
  cursor: pointer;
}

.table-fixed tbody td {
  float: left;
  font-size: 13px;
  height: 40px;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 8px;
  line-height: 40px;
}

.table-fixed thead tr th {
  float: left;
  background: url(/biz/img/line_scr.26511312c5d50508.png) left center no-repeat #f5f7f9;
  height: 40px;
  padding: 0 8px;
  font-size: 13px;
  color: #000000;
  font-weight: 500;
  text-align: left;
  line-height: 40px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #dbdbdb;
}

.table-fixed thead tr th:first-child {
  background-image: none;
}

/***2019-08-19  scroll box ****/
.scr_box {
  border: 1px solid #cccccc;
  width: 100%;
  overflow-y: auto;
  height: 240px;
  padding: 8px;
  font-size: 13px;
  color: #333333;
  line-height: 25px;
}

.scr_box_nobrd {
  width: 100%;
  overflow-y: auto;
  height: 50px;
  font-size: 13px;
  color: #333333;
}

.scr_box .cui-container {
  border: none !important;
}

/***2019-10-14  back to top button ****/
.btn_float {
  position: fixed;
  width: 46px;
  height: 46px;
  bottom: 88px;
  right: 13px;
  background: url(/biz/img/btn_gotoTop_normal.dc6b345663e5cbf9.png) center center no-repeat;
}

.btn_float:hover {
  background: url(/biz/img/btn_gotoTop_hover.d996f9ee7e1ff90b.png) center center no-repeat;
}

/***2019-11-27  tooltip_content ****/
.tooltip-content p {
  color: #a5a5a5;
  font-size: 11px;
  margin-bottom: 5px;
}

.tooltip-content table th {
  text-align: left;
  font-size: 12px;
  color: #a5a5a5;
  padding-right: 8px;
}

.tooltip-content table td {
  text-align: left;
  font-size: 12px;
  color: #333333;
}

/***2019-12-06  homecard nodata ****/
.no_data {
  display: inline-flex;
  justify-content: center;
  margin: auto;
  font-size: 12px;
  color: #cccccc;
}

/***2019-12-28  table innerbutton ****/
.comm_ListTB .btn_innerTbl_border {
  padding: 0 5px;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 0;
  min-width: 50px;
}

.quicklink_box {
  display: block;
  overflow: hidden;
  width: 254px;
  z-index: 100;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  white-space: nowrap;
  right: 5px !important;
  top: 40px !important;
}

.quicklink_header {
  display: inline-flex;
  width: 100%;
}

.quicklink_header .tit {
  font-size: 11px;
  color: #5a5a5a;
  line-height: 30px;
  margin-left: 15px;
}

.quicklink_header .close {
  justify-content: flex-end;
  margin-left: auto;
  cursor: pointer;
  width: 16px;
  height: 30px;
  margin-right: 10px;
  background: url(/biz/img/ic_tooltip_close_normal.72b346f2eb974a16.png) no-repeat center right;
}

.quicklink_list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 642px;
}

.quicklink_more {
  border-top: 1px solid #eaeaea;
  height: 28px;
  cursor: pointer;
}

.quicklink_more p {
  font-size: 12px;
  color: #5a5a5a;
  text-align: center;
  line-height: 28px;
}

.quicklink_item .tit {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  line-height: 28px;
  margin: 0 15px;
  border-bottom: 1px solid #cccccc;
}

.quicklink_item .sublist {
  font-size: 13px;
  color: #333333;
  margin-bottom: 15px;
}

.quicklink_item .sublist li {
  line-height: 28px;
  padding: 0 15px 0 25px;
}

.quicklink_item .sublist li:hover {
  background: url(/biz/img/ic_quicklink.bd0e8958fdf169b6.png) no-repeat 94% 50% #f7f7f7;
  cursor: pointer;
}

.-page-contents__top-wrapper .-order-select {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
  background-color: #fff;
  height: 40px;
}

.-order-select__title {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  font-weight: bold;
}

.-order-select .-order-select__input {
  border-bottom: 1px solid #ccc !important;
  cursor: pointer;
  position: relative;
  z-index: 10;
  height: 30px;
  min-width: 120px;
  padding: 0 26px 0 8px;
  margin-left: 10px;
  border: none;
  font-weight: normal;
  font-size: 13px;
  background: url(/biz/img/ic_dropdown_down_normal.9da25c22dc6b3d99.png) no-repeat right;
  background-position: calc(100% - 8px) 50%;
  background-color: #fff;
  line-height: 30px;
  white-space: nowrap;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__order {
  font-size: 13px;
  font-weight: bold;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__delemiter {
  display: inline-block;
  width: 25px;
  height: 28px;
  background: url(/biz/img/line.029057969ee9853b.png) center center no-repeat;
  vertical-align: middle;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__endDate,
.-order-select .-order-select__input .-order-select-item .-order-select-item__startDate {
  font-size: 13px;
  font-weight: normal;
  color: #333333;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__badge-inprogress {
  display: inline-block;
  min-width: 30px;
  height: 20px;
  padding-left: 8px;
  vertical-align: middle;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__badge-notyet {
  display: inline-block;
  min-width: 30px;
  padding-left: 8px;
  vertical-align: middle;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__badge-done {
  display: inline-block;
  min-width: 30px;
  padding-left: 8px;
  vertical-align: middle;
}

.-order-select .-order-select__ul {
  display: block;
  position: absolute;
  right: 0;
  min-width: 120px;
  max-height: 336px;
  z-index: 100;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  white-space: nowrap;
  margin-top: 29px;
}

.-order-select .-order-select__ul li {
  display: block;
  line-height: 30px;
  padding: 1px 20px 1px 16px;
  cursor: pointer;
  color: #686c73;
  font-size: 13px;
  color: #222;
}

.-order-select .-order-select__ul li:hover {
  background-color: #f7f7f7;
}

.-order-select .-order-select__ul li:active {
  background-color: #e9ecf7;
  color: #2949b3;
}

.-order-select .-order-select-item__badge {
  display: inline-block;
  font-family: "NotoKrM", "Malgun Gothic", "Arial", sans-serif;
  font-size: 11px;
  line-height: 18px;
  padding: 0 8px;
  border-radius: 50px;
  text-align: center;
  margin-left: 10px;
}

.-order-select .-order-select-item__badge-inprogress {
  color: #0045ff;
  background-color: #f4f7ff;
  border: 1px solid #cddbff;
  min-width: 30px;
}

.-order-select .-order-select-item__badge-notyet {
  color: #7e7e7e;
  background-color: #fafafa;
  border: 1px solid #e6e6e6;
  min-width: 30px;
}

.-order-select .-order-select-item__badge-done {
  color: #00aa20;
  background-color: #f6fdf7;
  border: 1px solid #c9f2d0;
  min-width: 30px;
}

.-order-select .-order-select-item__badge-reorder {
  color: #ff5230;
  background-color: #ffeeee;
  border: 1px solid #ffd0d0;
  min-width: 30px;
}

.-order-select .-order-select-item__badge-delay {
  color: #ff5230;
  background-color: #ffeeee;
  border: 1px solid #ffd0d0;
  min-width: 30px;
}

.-order-select__li .-order-select-item__order {
  font-size: 13px;
}

.-order-select__li .-order-select-item__delemiter {
  display: inline-block;
  width: 25px;
  height: 28px;
  background: url(/biz/img/line.029057969ee9853b.png) center center no-repeat;
  vertical-align: middle;
}

.-order-select__li .-order-select-item__endDate,
.-order-select__li .-order-select-item__startDate {
  font-size: 13px;
  font-weight: normal;
  color: #333;
}

/**** 내 할일 보기 ****/
.module_mywork_chk {
  text-align: right;
  line-height: 26px;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.module_mywork_chk .sui-checkbox__label {
  margin: 0 0 0 5px;
  font-size: 12px;
}

/**** 연간작업 계획 ****/
.module_work_list {
  font-size: 12px;
  margin-right: 20px;
}

.module_work_list li {
  float: left;
  line-height: 24px;
  font-weight: 100;
  color: #767676;
  margin-left: 20px;
  padding-left: 16px;
  position: relative;
}

.module_work_list li:before {
  content: "";
  position: absolute;
  left: 0;
  transform: translateY(70%);
  width: 10px;
  height: 10px;
}

.module_work_list li span {
  font-weight: bold;
}

.module_work_list .mywork:before {
  top: 3px;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);
}

.orange:before {
  background: rgba(255, 182, 58, 0.5);
}

.purple:before {
  background: rgba(105, 82, 219, 0.5);
}

.green:before {
  background: rgba(30, 188, 99, 0.5);
}

.lblue:before {
  background: rgba(115, 162, 255, 0.5);
}

.work_lightorange {
  background: rgba(255, 182, 58, 0.5) !important;
}

.work_lightpurple {
  background: rgba(105, 82, 219, 0.5) !important;
}

.work_lightgreen {
  background: rgba(30, 188, 99, 0.5) !important;
}

.work_lightblue {
  background: rgba(115, 162, 255, 0.5) !important;
}

.work_selectorange {
  content: "";
  position: relative;
  background: rgba(255, 182, 58, 0.5) !important;
}

.work_selectorange:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
}

.work_selectpurple {
  content: "";
  position: relative;
  background: rgba(105, 82, 219, 0.5) !important;
}

.work_selectpurple:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
}

.work_selectgreen {
  content: "";
  position: relative;
  background: rgba(30, 188, 99, 0.5) !important;
}

.work_selectgreen:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
}

.work_selectblue {
  content: "";
  position: relative;
  background: rgba(115, 162, 255, 0.5) !important;
}

.work_selectblue:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
}

.module_thumnail li {
  float: left;
  padding: 5px 0;
}

.module_thumnail li img {
  width: 65px;
  height: 65px;
  margin-right: 20px;
  border: 1px solid #dbdbdb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.module_viewImg {
  text-align: center;
}

.module_viewImg img {
  height: 475px;
  width: 700px;
  border: 1px solid #dbdbdb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.module_info_list {
  margin: 15px 0;
}

.module_info_list > li > .info {
  line-height: 10px;
}

/*** 위, 아래 추가버튼***/
.module_btn_downAdd {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 0 16px 0 26px;
  background: url(/biz/img/ic_detail_seaerch_open_normal.090d4e3b8e03493e.png) 8px center no-repeat;
}

.module_btn_downAdd:hover {
  background: url(/biz/img/ic_detail_seaerch_open_hover.c380da2524549442.png) 8px center no-repeat;
}

.module_btn_upAdd {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 0 16px 0 26px;
  background: url(/biz/img/ic_detail_seaerch_close_normal.2e0298a212b1d056.png) 8px center no-repeat;
}

.module_btn_upAdd:hover {
  background: url(/biz/img/ic_detail_seaerch_close_hover.fabaf5165ba75c92.png) 8px center no-repeat;
}

/*** 테이블 상단 프로세스 ***/
.module_process_wrap {
  background: #f7f7f7;
  height: 100px;
  text-align: center;
}

.module_process_wrap ul {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
  padding: 30px 40px 0;
}

.module_process_wrap ul li {
  position: relative;
  font-size: 12px;
  color: #5a5a5a;
  text-align: center;
  width: 110px;
  padding: 0 8px;
}

.module_process_wrap ul li span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-indent: -9999px;
  background: #f7f7f7 center no-repeat;
  z-index: 10000;
}

.module_process_wrap ul li:last-child span:after {
  width: 0;
}

.module_process_wrap ul .complete span {
  background-image: url(/biz/img/ic_progress_complete.fa44234d952c64d0.png);
}

.module_process_wrap ul .complete span:after {
  content: "";
  position: absolute;
  top: 8px;
  left: calc(50% + 9px);
  width: calc(100% - 16px);
  background: #4fce67;
  height: 2px;
  z-index: 0;
}

.module_process_wrap ul .normal span {
  background-image: url(/biz/img/step_none.b858a860a735d840.png);
}

.module_process_wrap ul .normal span:after {
  content: "";
  position: absolute;
  top: 8px;
  left: calc(50% + 9px);
  width: calc(100% - 16px);
  background: #ddd;
  height: 1px;
  z-index: 0;
}

.module_process_wrap ul .active span {
  background-image: url(/biz/img/ic_progress_processing_2.242aed77bc4f88dc.png);
  border: 1px solid transparent;
  box-sizing: border-box;
}

.module_process_wrap ul .active span:after {
  content: "";
  position: absolute;
  top: 8px;
  left: calc(50% + 9px);
  width: calc(100% - 16px);
  background: #ddd;
  height: 1px;
  z-index: 0;
}

.module_process_wrap ul li p {
  padding-top: 6px;
  overflow: hidden;
}

.module_process_wrap ul .complete p {
  color: #5a5a5a;
}

.module_process_wrap ul .normal p {
  color: #a5a5a5;
}

.module_process_wrap ul .active p {
  color: #336aff;
}

.space-between {
  justify-content: space-between;
}

.magin0 {
  margin: 0 !important;
}

.underline {
  text-decoration: underline;
}

.section-board {
  margin-top: 30px;
}

.section-board ul {
  border-top: 3px solid #555;
}

.section-board li {
  border-bottom: 1px solid #c8c8c8;
  padding: 25px 30px;
}

.section-board li:hover {
  background-color: #f3f3f3;
}

.section-board li a:hover {
  text-decoration: none;
}

.section-board .tit-wrap {
  display: inline-flex;
  width: 100%;
  padding-bottom: 20px;
}

.section-board .tit-wrap .tit-right {
  justify-content: flex-end;
  margin-left: auto;
}

.section-board .tit-wrap .tit-right .category {
  color: #666666;
  padding-left: 20px;
}

.section-board .tit-wrap .tit-right .date {
  color: #666666;
  padding-left: 20px;
}

.section-board .tit-wrap .tit-right .name {
  color: #111111;
  padding-left: 20px;
}

.section-board .tit-wrap .tit-right .view {
  background: url(/biz/img/baseline_visibility_black_9dp.9bc3ed89203b0348.png) no-repeat 18px 4px;
  color: #888888;
  padding-left: 40px;
}

.section-board li strong {
  margin-bottom: 1px;
  font-size: 20px;
  color: #222;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  line-height: 24px;
  vertical-align: bottom;
  max-width: 70%;
}

.section-board li span,
.section-board li strong {
  /* float: right; */
  letter-spacing: -0.5px;
  line-height: 24px;
  vertical-align: bottom;
}

.tree-ellipsis {
  overflow: hidden;
  height: 72px;
  line-height: 24px;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.comment_wrap {
  background-color: #f5f5f5;
}

.comment_list {
  padding: 15px;
}

.comment_list li {
  padding: 10px 0;
  border-bottom: 1px solid #d2d2d2;
}

.comment_list li .comment_write {
  border: 1px solid #ababab;
  background-color: #ffffff;
  padding: 10px 15px 15px !important;
}

.comment_list li .comment_write.reply {
  margin: 10px 0 10px 30px;
}

.comment_list li .comment_reply {
  margin-left: 30px;
}

.ico_reply {
  position: absolute;
  left: 50px;
  width: 10px;
  height: 10px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #929292;
  margin-top: 5px;
}

.comment_write > textarea {
  border: none;
  padding: 0;
  min-height: 50px;
}

.comment_write > textarea:hover {
  border: none;
  padding: 0;
  min-height: 50px;
}

.comment_write > textarea:focus {
  border: none;
  padding: 0;
  min-height: 50px;
}

.comment_list li:first-child {
  padding-top: 0;
}

.comment_date {
  font-size: 13px;
  font-weight: normal;
  min-height: 28px;
  padding-top: 4px;
  color: #9e9e9e;
}

.comment_nick {
  font-size: 15px;
  color: #2a2a2a;
  line-height: 25px;
  font-weight: 700;
}

.comment_nick:hover {
  text-decoration: none;
}

.comment_wrapR {
  display: inline-flex;
  position: relative;
  width: 100%;
  margin-left: auto;
  justify-content: flex-end;
}

.comment_list li div.sui-tooltip-menu > .sui-tooltip-menu__activator {
  background: url(/biz/img/ic_lnb_more_normal.2aa50c13b26a4022.png) no-repeat center center;
  border: none;
}

.comment_list li div.sui-tooltip-menu > .sui-tooltip-menu__menubox {
  width: 70px;
}

.comment_list li div.sui-tooltip-menu > .sui-tooltip-menu__menubox ul.sui-tooltip-menu__menu-list .sui-tooltip-menu__menu-item {
  border: none;
  padding: 0 0 0 10px;
}

.author {
  color: #ffffff;
  font-size: 14px;
  background-color: #8d8d8d;
  padding: 0 3px;
}

.author strong {
  font-weight: normal;
}

.ur-data-grid__info-item > button {
  border: 1px solid #a5a5a5;
  padding: 0 10px;
  margin-right: 5px;
}

.ur-data-grid__info-item > button:last-child {
  margin-right: 0;
}

.ur-data-grid__info-item .comm_gridTop_wrap {
  margin-bottom: 0;
}

.ur-data-grid__info-item .comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop button {
  font-size: 12px;
  margin-top: -2px;
  color: #5a5a5a;
}

.bg_ani {
  width: 100%;
  height: 100%;
  background: linear-gradient(253deg, #0cc898, #1797d2, #864fe1);
  background-size: 300% 300%;
  animation: Background 10s ease infinite;
}
@keyframes Background {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.full-screen {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/biz/img/home_pat.8bfa8dc75cb64633.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  /* works with row or column */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bg_ani .full-screen .logo_big {
  width: 840px;
  height: 90px;
  background: url(/biz/img/logo_WB.84fcbe082d5ce5b2.png) no-repeat center;
}

.builder_wrap {
  display: flex;
  width: 100%;
  min-height: 650px;
}

.builder_wrap .left {
  display: block;
  flex: 0 0 auto;
  max-width: 300px !important;
  margin-right: 15px;
  background-color: #047ad5;
}

.builder_wrap .right {
  display: flex;
  width: calc(100% - 251px);
  border: 1px solid #e6e7e8;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: #959595;
}

.builder_wrap .rightM {
  display: flex;
  width: 450px;
  border: 2px solid #e6e7e8;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  background-color: #ffffff;
}

.builder_wrap2 {
  display: flex;
  width: 100%;
  height: 540px;
}

.builder_wrap2 .left1 {
  display: block;
  flex: 0 0 auto;
  width: 350px;
  margin-right: 15px;
  border: 1px solid #e6e7e8;
  padding: 15px;
}

.builder_wrap2 .right1 {
  display: flex;
  width: calc(100% - 365px);
  border: 1px solid #e6e7e8;
  padding: 15px;
}

.builder_wrap2 .left2 {
  display: block;
  flex: 0 0 auto;
  width: 50%;
  margin-right: 15px;
  border: 1px solid #e6e7e8;
  padding: 15px;
  overflow-y: auto;
}

.builder_wrap2 .right2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  border: 1px solid #e6e7e8;
  padding: 15px;
}

.builder_wrap2 .right2 .preview {
  width: 400px;
  height: 400px;
}

.builder_wrap2 .right2 .btnwrap {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.builder_wrap .sui-tab-box-type {
  width: 340px;
}

.builder_wrap .sui-tab-box-type .sui-tab-box-type__header__container {
  transform: translateX(0) !important;
}

.chart_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 236px;
  overflow-y: auto;
  padding: 8px;
}

.chart_wrap .item {
  box-sizing: border-box;
  margin: 5px;
  border-radius: 5px;
  position: relative;
  height: 100px;
  width: 100px;
  background-color: #ffffff;
}

.chart_wrap .item:hover {
  cursor: pointer;
  box-shadow: -1px 7px 15px -2px rgba(0, 0, 0, 0.22);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
}

.chart_wrap .item img {
  position: absolute;
  text-align: center;
  vertical-align: middle;
  background-position: center center;
  border-radius: 5px;
}

.box_resize {
  height: calc(100% - 60px) !important;
  padding-left: 20px;
}

.box_title_wrap {
  display: flex;
  position: relative;
  padding: 15px;
}

.box_title_wrap h4 {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
}

.box_title_wrap .btn_wrap {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
  line-height: 25px;
}

.box_title_wrap .btn_wrap .btn_copy {
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
  background: url(/biz/img/btn_pan_copy.82e8a3fe9271e1e2.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_copy:hover {
  background: url(/biz/img/btn_pan_copy_hover.5bd533edf8ebf307.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_copy:disabled {
  background: url(/biz/img/btn_pan_copy_dis.bd09a426d4d50770.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_lock {
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
  background: url(/biz/img/btn_pan_lock.57f921dd2564d30b.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_lock_on {
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
  background: url(/biz/img/btn_pan_lock_on.b628a2d63df68ad0.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_lock:hover {
  background: url(/biz/img/btn_pan_lock_hover.5fa8f542f4599001.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_lock:disabled {
  background: url(/biz/img/btn_pan_lock_dis.438ae363ce76d361.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_set {
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
  background: url(/biz/img/btn_pan_set.95bc048f8b96ea14.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_set:hover {
  background: url(/biz/img/btn_pan_set_hover.6b2f7512bb1b7b3e.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_set:disabled {
  background: url(/biz/img/btn_pan_set_dis.4d569b9449410f0d.png) no-repeat right 0;
}

.panelWrap .sui-panel__contents-wrapper .action_card_wrap {
  border: none;
  border-radius: 5px;
  padding: 0;
  margin-bottom: 0;
}

.action_card_wrap {
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

.action_card_wrap .top {
  display: flex;
  width: 100%;
}

.action_card_wrap .body {
  background-color: #121fcf;
  padding: 10px 0;
}

.action_card_wrap .title {
  justify-content: flex-start;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.action_card_wrap .close {
  justify-content: flex-end;
  margin-left: auto;
}

.action_card_wrap .color {
  cursor: pointer;
  width: 80px;
  height: 20px;
  border: 1px solid #efefef;
}

.action_card_wrap .border {
  cursor: pointer;
  width: 80px;
  height: 20px;
  border: 5px solid #999;
}

.action_card_wrap .btn_del {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) 5px 2px no-repeat;
}

.action_card_wrap .btn_del:hover {
  background: url(/biz/img/ic_input_delete_hover.9864eed2d5d27f9e.png) 5px 2px no-repeat;
}

.Grid {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

.Grid-cell {
  flex: 1;
  padding: 5px 15px;
}

/* With gutters*/
.Grid--gutters .Grid-cell {
  padding-left: 1em;
}

/* Justify per row*/
.Grid--right {
  justify-content: flex-end;
}

.Grid--center {
  justify-content: center;
}

/* Alignment per row */
.Grid--top {
  align-items: flex-start;
}

.Grid--bottom {
  align-items: flex-end;
}

.Grid--center {
  align-items: center;
}

/* Alignment per cell */
.Grid-cell--top {
  align-self: flex-start;
}

.Grid-cell--bottom {
  align-self: flex-end;
}

.Grid-cell--center {
  align-self: center;
}

.Grid--cols-2 > .Grid-cell {
  flex: 0 0 100%;
}

.Grid--cols-2:first-child {
  padding-top: 10px;
}

.Grid--cols-3 > .Grid-cell {
  flex: 0 0 100%;
}

.Grid--cols-4 > .Grid-cell {
  flex: 0 0 100%;
}

.Grid--cols-6 > .Grid-cell {
  flex: 0 0 calc(50% - 1em);
}

.Grid--cols-12 > .Grid-cell {
  flex: 0 0 calc(33.3333% - 1em);
}

/* One of -- columns*/
.Grid--1of2 > .Grid-cell,
.Grid--1of3 > .Grid-cell:first-of-type,
.Grid--1of4 > .Grid-cell:first-of-type {
  flex: 0 0 100%;
}

.Grid--1of6 > .Grid-cell:first-of-type {
  flex: 0 0 50%;
}

.Grid--fit > .Grid-cell {
  flex: 1;
}

.Grid--full > .Grid-cell {
  flex: 0 0 100%;
}

.Grid--cols-12 > .Grid-cell,
.Grid--cols-2 > .Grid-cell,
.Grid--cols-3 > .Grid-cell,
.Grid--cols-4 > .Grid-cell,
.Grid--cols-6 > .Grid-cell {
  flex: 1;
}

.Grid--1of2 > .Grid-cell {
  flex: 0 0 50%;
}

.Grid--1of6 > .Grid-cell:first-of-type {
  flex: 0 0 16.6666%;
}

.Grid--1of4 > .Grid-cell:first-of-type {
  flex: 0 0 25%;
}

.Grid--1of3 > .Grid-cell:first-of-type {
  flex: 0 0 30%;
}

.Grid-cell .color-picker {
  width: 100%;
}

.color-picker input {
  background: #ffffff;
  padding: 0 8px;
  font-size: 14px;
  color: #333333;
  border: 1px solid #cccccc;
  height: 28px;
  line-height: 28px;
  width: calc(100% - 28px);
}

.vc-sketch {
  width: 210px !important;
  height: 310px !important;
  padding: 10px 10px 0;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0 !important;
  margin-left: 1px;
  z-index: 2000;
}

.current-color {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  border: 1px solid #cccccc;
  background-color: #000;
  cursor: pointer;
  margin-left: -1px;
  margin-bottom: -8px;
}

.v-card__title.KPI_main {
  background-color: #dfeaf7;
  padding-bottom: 10px !important;
}

.KPI_compo {
  background-color: #dfeaf7;
}

.KPI_compo .main {
  font-size: 2.5rem;
  color: #000000;
  font-weight: 700;
  text-align: center;
  margin-top: -15px;
  margin-bottom: 10px;
}

.KPI_compo .main span.subtit {
  font-size: 25px;
  padding-left: 15px;
  color: #767676;
  display: flex;
  justify-content: center;
  align-items: center;
}

.KPI_compo .col {
  padding: 0 !important;
}

.KPI_compo .row {
  justify-content: space-between;
  margin: 0;
  padding: 0 10px;
}

.KPI_compo .row.one {
  justify-content: center;
  margin: 0;
}

.KPI_compo .row.one .sub {
  width: 100%;
}

.KPI_compo .sub {
  width: calc(50% - 4px);
  padding: 8px;
  background-color: #ffffff;
  margin-bottom: 8px;
  border-radius: 5px;
  text-align: center;
}

.KPI_compo .sub:nth-child(odd) {
  margin-right: 0;
}

.KPI_compo .sub .top {
  display: flex;
  width: 100%;
}

.KPI_compo .sub .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.KPI_compo .sub .top .tit {
  color: #767676;
  font-size: 14px;
}

.KPI_compo .sub .bottom .nums {
  display: block;
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
  float: left;
  margin-right: 5px;
}

.KPI_compo .sub .bottom .num {
  color: #000000;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 5px;
}

.KPI_compo .sub .bottom .nums.arrow_BL {
  color: #1e67d3;
  width: 50%;
  text-align: left;
}

.KPI_compo .sub .bottom .nums.arrow_RE {
  color: #de071a;
  width: 50%;
  text-align: left;
}

.KPI_compo .sub .bottom .nums.zero {
  color: #333333;
  width: 40%;
  text-align: left;
}

.KPI_compo .sub .bottom span {
  justify-content: right;
  display: flex;
  overflow: hidden;
}

.num_BL {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #3079e4;
  padding: 3px 0;
}

.num_RE {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #e41b2c;
  padding: 3px 0;
}

.num_zero {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #333333;
  padding: 3px 0;
}

.arrow_BL {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #1e67d3;
}

.arrow_BL::before {
  content: "▲";
  font-size: 10px;
  display: inline-block;
  color: #1e67d3;
  line-height: 25px;
  vertical-align: top;
}

.arrow_RE {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #de071a;
}

.arrow_RE::before {
  content: "▼";
  font-size: 10px;
  display: inline-block;
  color: #de071a;
  line-height: 25px;
  vertical-align: top;
}

.builder_body .-page-contents .-page-contents__wrapper {
  top: 0 !important;
}

.top_fixed {
  width: 100%;
  margin: auto;
  position: sticky;
  top: 0;
  z-index: 10;
  overflow: hidden;
  background-color: #ffffff;
}

.builder_body {
  overflow: auto;
  height: 100%;
  min-width: 900px;
  padding-left: 56px;
  padding-right: 56px;
  padding-bottom: 56px;
}

.builder_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.builder_header h1 {
  font-size: 40px;
  font-weight: 700;
  flex: 1;
  text-align: center;
  background: #121fcf;
  background: linear-gradient(to right, #121fcf 0%, #cf1512 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #7272cf;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.btn-icon-prime {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #7272cf;
  background-color: #7272cf;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.btn-icon:hover {
  background-color: #ececfd;
}

.btn-icon-prime:hover {
  background-color: #5454af;
  color: #ffffff;
}

.btn-icon:hover i {
  color: #7272cf;
}

.btn-icon-prime i {
  font-size: 25px;
  padding-top: 12px;
  color: #ffffff;
}

.btn-icon i {
  font-size: 25px;
  padding-top: 12px;
  color: #7272cf;
}

.iconbar_wrap {
  display: flex;
  width: 100%;
}

.builder_menu {
  max-width: 100%;
  width: 100%;
  border: 1px solid #ccc;
  margin: 0 auto;
  border-radius: 8px;
  margin-bottom: 15px;
}

.builder_menu_wrap ul {
  white-space: nowrap;
  overflow-x: auto;
  text-align: center;
  padding: 5px;
}

.builder_menu_wrap ul li {
  display: inline-block;
  padding: 10px 20px;
  margin: 0 5px;
  transition: background-color 0.2s linear 0s;
}

.builder_menu_wrap ul li.line {
  background: url(/biz/img/img_widget_divider.c5f2e72d55a95743.png) no-repeat center center;
  width: 1px;
  height: 70px;
  padding: 0;
  margin-bottom: 17px;
}

.builder_menu_wrap ul li img {
  text-align: center;
  background-position: center center;
  padding: 20px;
  width: 100px;
}

.builder_menu_wrap span.link-text {
  margin-top: -10px;
  display: block;
  color: #858484;
  font-size: 13px;
}

.builder_menu_wrap ul li:hover {
  cursor: pointer;
  border-radius: 8px;
  background-color: #f2eef8;
}

.builder_grid_wrap .main {
  display: flex;
  background: #ffffff;
  min-height: 650px;
  width: 100%;
  border: 2px solid #b8b8b8;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: linear-gradient(#efefef 1px, transparent 1px), linear-gradient(90deg, #efefef 1px, transparent 1px), linear-gradient(#efefef 1px, transparent 1px), linear-gradient(90deg, #efefef 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

.builder_grid_wrapM {
  display: flex;
  background: #dadada;
  min-height: 650px;
  width: 100%;
  border: 2px solid #b8b8b8;
  flex: 1;
}

.builder_grid_wrapM .left {
  width: 30%;
  background: #cccccc;
}

.builder_grid_wrapM .main {
  display: flex;
  flex: 1;
  background-color: #ffffff;
  background-image: linear-gradient(#efefef 1px, transparent 1px), linear-gradient(90deg, #efefef 1px, transparent 1px), linear-gradient(#efefef 1px, transparent 1px), linear-gradient(90deg, #efefef 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
  justify-content: center;
}

.builder_grid_wrapM .right {
  width: 30%;
  background: #cccccc;
}

.sort_save {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_save.dff76bfdffc926a0.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da !important;
  min-width: auto !important;
  margin-bottom: 2px;
  margin-left: 3px;
}
.sort_save:hover {
  background-color: #ecedee !important;
}
.sort_save:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.ur-tooltip-directive {
  position: fixed;
  z-index: 10000;
  background-color: #ffffff;
  color: #3d3e40;
  padding: 4px 8px;
  line-height: 20px;
  font-size: 12px;
  min-height: 32px;
  max-width: 368px;
  transition: left 0.1s, right 0.1s, top 0.1s, bottom 0.1s, opacity 0.3s linear 0.15s;
  pointer-events: none;
  border: 1px solid #3d3e40;
}

.ur-tooltip-directive[direction]:before {
  content: "";
  border-style: none;
  position: absolute;
}

.pi {
  color: #767676;
}

.p-datatable-frozen-view {
  border-right: 2px solid #9299a0;
}

.panel_wrap .sui-tab-box-type__cont {
  overflow: hidden;
}

.empty_text {
  width: 840px;
  height: 85px;
  background: url(/biz/img/logo_GB.7dbaab0ec668bd33.png) no-repeat center;
}

.panelWrap {
  padding-top: 10px;
}

.panelWrap .row .col-xs-12 {
  padding: 5px 0 !important;
  border-bottom: none !important;
}

.panelWrap .sui-panel.drag .sui-panel__header-title {
  padding-left: 25px;
  background: url(/biz/img/ic_menu_normal.d35886f38b28ff7e.png) no-repeat left 50%;
}

.panelWrap .sui-panel.drag.noarrow .sui-panel__header-button-wrapper {
  display: none;
}

.panelWrap .sui-panel {
  display: block;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

.panelWrap .sui-panel__header-wrapper {
  border-bottom: none;
}

.panelWrap .sui-panel__header-title-wrapper {
  height: 25px;
}

.panelWrap .sui-panel__header-title {
  font-size: 14px;
  line-height: 25px;
  color: #333;
  font-weight: bold;
}

.panelWrap .sui-panel__contents-wrapper {
  padding-top: 10px;
}

.panelWrap .sui-panel__header-button-wrapper {
  top: 0;
}

.panelWrap .sui-panel__header-button.sui-panel-navigation__button-expanded,
.panelWrap .sui-panel__header-button.sui-panel-navigation__button-expanded:hover {
  height: 25px;
  width: 25px;
  background: url(/biz/img/ic_mail_close_normal.1963aa61393827b2.png) no-repeat right 50%;
}

.panelWrap .sui-panel__header-button.sui-panel-navigation__button-collapsed,
.panelWrap .sui-panel__header-button.sui-panel-navigation__button-collapsed:hover {
  height: 25px;
  width: 25px;
  background: url(/biz/img/ic_mail_open_normal.2878d04e21f0eadc.png) no-repeat right 50%;
}

.panelWrap .comm_ico_modify {
  background: url(/biz/img/ic_modify.05eae36d7bb31a16.png) no-repeat center center #ffffff;
  display: inline-flex;
  float: right;
  justify-content: flex-end;
  margin-left: auto;
  width: 28px;
  height: 28px;
  border: 1px solid #d2d6da;
}

.panelWrap .comm_ico_modify:hover {
  border: 1px solid #a5a5a5;
  background: url(/biz/img/ic_modify_hover.35bce293ba109e3d.png) no-repeat center center #f7f7f7;
}

.builder_wrap2 .row .col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
  background-color: #f6f7f9;
}

.builder_wrap2 .row .col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.sui-panel.drag.measure-drag.sortable-chosen.sortable-ghost {
  border: 1px solid #6d6d6d;
  background-color: #efefef;
}

.wrapper-dropdown .arrow {
  position: absolute;
  right: 10px;
  top: 40%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #888;
}

.wrapper-dropdown .selector .expanded {
  transform: rotateZ(180deg) translateY(1px);
}

.wrapper-dropdown {
  position: relative;
  background: #ffffff;
  outline: none;
  cursor: pointer;
}

.wrapper-dropdown .selector > span {
  width: 100%;
  display: block;
  padding: 3px 8px;
}

.wrapper-dropdown .selector > span img {
  width: 132px;
  height: 12px;
  margin-right: 10px;
}

.wrapper-dropdown .selector > span > span {
  padding: 0 12px;
  margin-right: 5px;
}

.wrapper-dropdown .selector > span > span:last-child {
  margin-right: 10px;
}

.wrapper-dropdown .selector .dropdown {
  width: calc(100% + 2px);
  margin-left: -1px !important;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 13px;
  border: 1px solid #cccccc;
  position: relative;
  z-index: 2;
  background: #ffffff;
}

.wrapper-dropdown .selector .dropdown li {
  display: block;
  text-decoration: none;
  color: #2e2e2e;
  padding: 4px 8px;
  cursor: pointer;
}

.wrapper-dropdown .selector .dropdown li > span {
  padding: 0 12px;
  margin-right: 5px;
}

.wrapper-dropdown .selector .dropdown li > span:last-child {
  margin-right: 10px;
}

.wrapper-dropdown .selector .dropdown li:hover {
  background: #eee;
  cursor: pointer;
}

.wrapper-dropdown .selector .dropdown li img {
  width: 132px;
  height: 12px;
  margin-right: 10px;
}

.box_paneltit {
  border: 1px solid #d5e0fb;
  background-color: #eceff5;
  padding: 4px;
  font-size: 13px;
}

.box_paneltit span.tit:before {
  content: "";
  display: inline-block;
  background-color: #2949b3;
  height: 4px;
  width: 4px;
  border-radius: 3px;
  margin: 3px 5px;
}

.box_paneltit span.tit {
  color: #5973ca;
}

.box_paneltit span.txt {
  padding: 0 20px 0 5px;
}

.aselect-wrap {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  width: 100%;
  min-width: 70px;
}

.aselect-wrap:hover {
  border: 1px solid #a5a5a5;
}

.aselect {
  position: relative;
  background: #ffffff;
  outline: none;
  cursor: pointer;
}

.aselect .selector .arrow {
  position: absolute;
  right: 10px;
  top: 40%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #888;
}

.aselect .selector .expanded {
  transform: rotateZ(180deg) translateY(1px);
  top: 12px;
}

.aselect .selector .label {
  display: block;
  padding: 3px 8px;
  font-size: 13px;
  color: #333333;
  height: 26px;
}

.aselect .selector .label span img {
  padding-right: 10px;
}

.aselect ul {
  width: calc(100% + 2px);
  margin-left: -1px !important;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 13px;
  border: 1px solid #cccccc;
  position: absolute;
  z-index: 99999999;
  background: #ffffff;
}

.aselect li {
  padding: 5px 8px;
  color: #666;
}

.aselect li img {
  padding-right: 10px;
}

.aselect li:hover {
  background: #efefef;
}

.aselect .current {
  background: #eaeaea;
}

.aselect .hidden {
  visibility: hidden;
}

.aselect .visible {
  visibility: visible;
}

.aselect .ulwrap ul {
  position: relative;
  border-bottom: none;
}

.aselect .ulwrap.hidden ul {
  position: absolute;
}

.Grid.Grid--gutters .col-xs-3 {
  flex-basis: 20%;
  max-width: 20%;
  padding-right: 0;
  padding-left: 5px;
}

.Grid.Grid--gutters .col-xs-9 {
  flex-basis: 80%;
  max-width: 80%;
  padding-right: 5px;
}

.multirow1 {
  width: 100%;
  display: flex;
  margin-bottom: 5px;
}

.multirow1:last-child {
  margin-bottom: 0;
}

.multirow1 .btn_innerTbl_border,
.multirow2 .btn_innerTbl_border {
  width: 15px !important;
  min-width: 28px;
  padding: 0 5px;
}

.multirow2 {
  display: inline-flex;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #efefef;
  width: 100%;
}

.multirow2 .left {
  display: inline-block;
  width: calc(100% - 32px);
}

.multirow2 .left .row1 {
  display: flex;
  margin-bottom: 3px;
}

.multirow2 .left .row1:last-child {
  margin-bottom: 0;
}

.multirow2 .right {
  display: flex;
  align-items: center;
  width: 30px;
}

.logotext {
  font-size: 70px;
  font-weight: 700;
  color: #798dbb;
  letter-spacing: -1px;
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans KR Light"), local("NotoSansKR-Light"), url(/biz/fonts/NotoSansKR-Light.47bdd6f9.eot);
  src: url(/biz/fonts/NotoSansKR-Light.47bdd6f9.eot?#iefix) format("embedded-opentype"), url(/biz/fonts/NotoSansKR-Light.270d68b5.woff2) format("woff2"), url(/biz/fonts/NotoSansKR-Light.2d3c6c0a.woff) format("woff");
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url(/biz/fonts/NotoSansKR-Regular.0151af82.eot);
  src: url(/biz/fonts/NotoSansKR-Regular.0151af82.eot?#iefix) format("embedded-opentype"), url(/biz/fonts/NotoSansKR-Regular.c210864f.woff2) format("woff2"), url(/biz/fonts/NotoSansKR-Regular.84b079c0.woff) format("woff");
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url(/biz/fonts/NotoSansKR-Medium.34878170.eot);
  src: url(/biz/fonts/NotoSansKR-Medium.34878170.eot?#iefix) format("embedded-opentype"), url(/biz/fonts/NotoSansKR-Medium.6e18aec2.woff2) format("woff2"), url(/biz/fonts/NotoSansKR-Medium.c0843f1e.woff) format("woff");
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url(/biz/fonts/NotoSansKR-Bold.f2d9dbd5.eot);
  src: url(/biz/fonts/NotoSansKR-Bold.f2d9dbd5.eot?#iefix) format("embedded-opentype"), url(/biz/fonts/NotoSansKR-Bold.1d4176da.woff2) format("woff2"), url(/biz/fonts/NotoSansKR-Bold.5b260ad6.woff) format("woff");
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf") format("opentype");
}
html {
  scrollbar-3dlight-color: red;
  scrollbar-arrow-color: #d9d9d9;
  scrollbar-base-color: #2ef196;
  scrollbar-face-color: #ffffff;
  scrollbar-track-color: #fafafa;
  scrollbar-darkshadow-color: orange;
  scrollbar-highlight-color: magenta;
  scrollbar-shadow-color: #efefef;
}

/* Chrome, Safari */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement {
  display: none;
  height: 10px;
  background: #ffffff;
}

::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

body,
html {
  font-family: "Noto Sans KR", "Malgun Gothic", "Arial", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*min-width: 1280px*/
}

.GR_complete {
  color: #4fce67 !important;
}

.BL_progress {
  color: #336aff !important;
}

.OR_caution {
  color: #f7a443 !important;
}

.RE_error {
  color: #ff5230 !important;
}

.GR_except {
  color: #959595 !important;
}

.GR_complete .sui-input-label {
  color: #4fce67 !important;
}

.BL_progress .sui-input-label {
  color: #336aff !important;
}

.OR_caution .sui-input-label {
  color: #f7a443 !important;
}

.RE_error .sui-input-label {
  color: #ff5230 !important;
}

.GR_except .sui-input-label {
  color: #959595 !important;
}

.GR_bg_complete {
  background-color: #4fce67 !important;
}

.BL_bg_progress {
  background-color: #336aff !important;
}

.OR_bg_caution {
  background-color: #f7a443 !important;
}

.RE_bg_error {
  background-color: #ff5230 !important;
}

.PN_bg_error {
  background-color: #ffedea !important;
}

.GR_bg_except {
  background-color: #959595 !important;
}

.BL_textlink {
  color: #60a3ef !important;
}

.BL_textlink a {
  color: #60a3ef !important;
  text-decoration: underline;
  line-height: 40px;
}

.RE_errortext {
  color: #e12e2e !important;
}

.RE_errortext .sui-input-label {
  color: #e12e2e !important;
}

.line_L {
  border-left: 1px solid #eaeaea !important;
}

.line_R {
  border-right: 1px solid #eaeaea !important;
}

.line_D {
  border-left: 1px solid #eaeaea !important;
  border-right: 1px solid #eaeaea !important;
}

.-lnb--expand.-lnb--show .left-container {
  position: absolute;
  height: 100%;
  width: 270px;
  float: left;
}

.-lnb--extend.-lnb--show .left-container {
  position: absolute;
  height: 100%;
  width: 400px;
  float: left;
}

.-lnb--collapse.-lnb--show .left-container {
  position: relative;
  height: 100%;
  width: 32px;
  float: left;
}

.-lnb--expand.-lnb--hide {
  overflow: auto;
}

.-page.-page-root-container {
  height: 100%;
}

.header-container {
  position: relative;
  min-width: 1280px;
  width: 100%;
  background-color: #2b2f36;
  z-index: 100;
}

.-gnb--extend .body-container {
  top: 80px;
}

.body-container {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
}

.lnb-area {
  position: relative;
  width: 270px;
  height: 100%;
  background-color: #ffffff;
  border-right: 1px solid #dbdbdb;
  float: left;
}

.-lnb--extend .lnb-area {
  width: 400px;
}

.-lnb--collapse .lnb-area {
  position: relative;
  width: 32px;
  height: 100%;
  background-color: #ffffff;
  border-right: 1px solid #dbdbdb;
  float: left;
}

.body-container.-lnb--expand.-lnb--show .right-container {
  margin: 30px 0 30px 270px;
  height: 100%;
  background-color: #ffffff;
}

.body-container.-lnb--extend.-lnb--show .right-container {
  margin: 30px 0 30px 400px;
  height: 100%;
  background-color: #ffffff;
}

.body-container.-lnb--collapse.-lnb--show .right-container {
  margin: 30px 0 30px 32px;
  height: 100%;
  background-color: #ffffff;
}

.-gnb--hide .body-container {
  top: 0;
}

.-lnb--hide .right-container {
  margin: 0;
  height: 100%;
  left: 0px;
}

.app-frame-root__popup .body-container .-page-header {
  padding-top: 20px;
}

.-lnb--expand .right-container .home_bg.-page-root-container {
  height: 100%;
  margin-top: -20px;
}

.-lnb--collapse .right-container .home_bg.-page-root-container {
  height: 100%;
  margin-top: -20px;
}

.gnb_header {
  position: relative;
  min-width: 900px;
  width: 100%;
  height: 60px;
  background-color: #2b2f36;
  z-index: 100;
}

.Topwrap01 {
  display: inline-flex;
  height: 60px;
  line-height: 40px;
  width: 100%;
  align-items: center;
}

.Topwrap01 .logo {
  display: flex;
  justify-content: flex-start;
}

.Topwrap01 .logo a {
  font-size: 24px;
  width: 200px;
  margin-left: 20px;
  margin-right: 30px;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
}

.Topwrap02 {
  display: inline-flex;
  height: 36px;
  line-height: 32px;
  width: 100%;
}

.Topwrap01 .gnb {
  width: auto;
  position: absolute;
  left: 270px;
  z-index: 30;
}

.Topwrap01 .Util {
  display: inline;
  justify-content: flex-end;
  margin-left: auto;
  position: absolute;
  right: 0;
}

.Topwrap01 .Util > ul > li {
  font-size: 14px;
  color: #dbdbdb;
  font-weight: normal !important;
  float: left;
  padding-left: 20px;
}

.Topwrap01 .Util > ul > li p.time {
  font-size: 14px;
  color: #dbdbdb;
}

.Topwrap01 .Util > ul > li p.user_info {
  font-size: 14px;
  color: #dbdbdb;
}

.Topwrap01 .Util ul > li a {
  display: inline-block !important;
  color: #60a3ef;
  margin-right: 8px;
}

.Topwrap01 .Util ul > li a:hover {
  text-decoration: none;
}

.Topwrap01 .Util > ul > li > select {
  height: 20px;
  color: rgba(255, 255, 255, 0.8);
  border: none;
  background: url(/biz/img/gnb_dropdown_down_normal.11c0615218354b69.png) no-repeat right center;
}

.Topwrap01 .Util > ul > li > select option {
  color: #333333;
}

.gnb_line_div {
  display: inline-block;
  width: 32px;
  height: 40px;
  background: url(/biz/img/ic_gnb_div.bb54d5e99003ea6b.png) center center no-repeat;
  vertical-align: middle;
}

.Topwrap01 .Util .Confidential {
  border: 1px solid #e4a2a2;
  height: 20px;
  margin: 10px 12px 0;
  padding: 0 5px;
  vertical-align: middle;
}

.Topwrap01 .Util .Confidential p {
  margin-top: -10px;
  font-size: 11px;
  color: #e4a2a2;
}

.Topwrap01 .Util .btn_contact {
  background: url(/biz/img/ic_gnb_contact_normal.972ce13d8b9969a3.png) no-repeat center center;
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
}

.Topwrap01 .Util .btn_contact:hover {
  background: url(/biz/img/ic_gnb_contact_hover.456cc8e551f0b820.png) no-repeat center center;
}

.Topwrap01 .Util .btn_sitemap {
  background: url(/biz/img/ic_gnb_sitemap_normal.32a3791dfcf26e87.png) no-repeat center center;
  margin-top: 6px;
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
}

.Topwrap01 .Util .btn_sitemap:hover {
  background: url(/biz/img/ic_gnb_sitemap_hover.89f01100284963eb.png) no-repeat center center;
}

.Topwrap01 .Util .btn_set {
  background: url(/biz/img/ic_gnb_setting_normal.249d109352908780.png) no-repeat center center;
  margin-top: 6px;
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
}

.Topwrap01 .Util .btn_set:hover {
  background: url(/biz/img/ic_gnb_setting_hover.ece7449bd53436ef.png) no-repeat center center;
}

.Topwrap01 .Util .btn_logout {
  background: url(/biz/img/ic_gnb_logoutW.6a6e881de44377ef.png) no-repeat center center;
  margin-top: 6px;
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
}

.Topwrap01 .Util .btn_logout:hover {
  background: url(/biz/img/ic_gnb_logout_hover.897b8b3e7076a4ce.png) no-repeat center center;
}

.Topwrap01 .Util .btn_quicklink {
  background: url(/biz/img/ic_quicklink_normal.f5deaebcff956214.png) no-repeat center center;
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 40px;
  margin-left: -16px;
}

.Topwrap01 .Util .btn_quicklink:hover {
  background: url(/biz/img/ic_quicklink_hover.6885c2522a84af55.png) no-repeat center center;
}

.gnb {
  overflow: hidden;
}

.-gnb-menu__content {
  margin-left: 24px;
  transition: transform 0.2s;
}

.-gnb-menu__item {
  float: left;
  padding-right: 72px;
}

.-gnb-menu__item > a {
  position: relative;
  color: #dbdbdb;
  font-weight: 500;
  font-size: 16px;
  padding: 0 5px;
  display: block;
  white-space: nowrap;
  line-height: 56px;
}

.-gnb-menu__item > a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5px;
  background-color: #ffffff;
  width: 0;
  height: 5px;
  opacity: 0;
  transition: 0.2s ease;
}

.-gnb-menu__item > a:hover {
  color: #ffffff;
  text-decoration: none;
}

.-gnb__item--selected a {
  color: #ffffff;
  border-bottom: 4px solid #ffffff;
}

.-gnb-menu__container {
  width: 100%;
}

.-gnb-menu__content {
  display: inline-flex;
}

.-gnb-menu__controller {
  position: absolute;
  right: 0;
  top: 40px;
  height: 34px;
  box-sizing: border-box;
  display: inline-flex;
}

.-gnb-menu__controller__left {
  display: inline-block;
  background: url(/biz/img/btn_gnb_tab_prev_normal.4d43168e0830bff4.png) no-repeat #0c1533;
  width: 30px;
  height: 36px;
  text-indent: -99999px;
}

.-gnb-menu__controller__left:hover {
  background: url(/biz/img/btn_gnb_tab_prev_hover.f31fe86ba423d064.png) no-repeat #0c1533;
}

.-gnb-menu__controller__left:disabled {
  background: url(/biz/img/btn_gnb_tab_prev_disable.a56368ef366ecafe.png) no-repeat #0c1533;
}

.-gnb-menu__controller__right {
  display: inline-block;
  background: url(/biz/img/btn_gnb_tab_next_normal.e7c6562694ca816f.png) no-repeat #0c1533;
  width: 30px;
  height: 36px;
  text-indent: -99999px;
}

.-gnb-menu__controller__right:hover {
  background: url(/biz/img/btn_gnb_tab_next_hover.34be5f2b1041985c.png) no-repeat #0c1533;
}

.-gnb-menu__controller__right:disabled {
  background: url(/biz/img/btn_gnb_tab_next_disable.1e09024eabae8cdf.png) no-repeat #0c1533;
}

.lnb {
  float: left;
  width: 270px;
}

.lnb .menutab_wrap {
  position: absolute;
  display: inline-flex;
  width: 100%;
  padding: 15px 16px 8px;
}

.lnb .menutab_wrap .menutab_on {
  background-color: #047ad5;
  color: #ffffff;
  width: 50%;
  height: 36px;
  cursor: pointer;
}
.lnb .menutab_wrap .menutab_on:hover {
  background-color: #0363ad;
  transition: all 0.3s ease;
}
.lnb .menutab_wrap .menutab_on:active {
  background-color: #034f8a;
}
.lnb .menutab_wrap .menutab_on:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}
.lnb .menutab_wrap .menutab_on .txt {
  font-size: 14px;
  color: #ffffff;
  padding: 7px 0 8px 25px;
  background: url(/biz/img/ic_menu_tab_selected.ddb8ca860bd1ba73.png) 5px center no-repeat;
}
.lnb .menutab_wrap .mymenutab_on {
  background-color: #047ad5;
  color: #ffffff;
  width: 50%;
  height: 36px;
  cursor: pointer;
}
.lnb .menutab_wrap .mymenutab_on:hover {
  background-color: #0363ad;
  transition: all 0.3s ease;
}
.lnb .menutab_wrap .mymenutab_on:active {
  background-color: #034f8a;
}
.lnb .menutab_wrap .mymenutab_on:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}
.lnb .menutab_wrap .mymenutab_on .txt {
  font-size: 14px;
  color: #ffffff;
  padding: 7px 0 8px 25px;
  background: url(/biz/img/ic_favorite_tab_selected.b8d0614439a3e92c.png) 5px center no-repeat;
}
.lnb .menutab_wrap .menutab_off {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #cccccc;
  width: 50%;
  height: 36px;
  cursor: pointer;
}
.lnb .menutab_wrap .menutab_off:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.lnb .menutab_wrap .menutab_off:active {
  background-color: #d9d9d9;
}
.lnb .menutab_wrap .menutab_off:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.lnb .menutab_wrap .menutab_off .txt {
  font-size: 14px;
  color: #5a5a5a;
  padding: 7px 0 8px 25px;
  background: url(/biz/img/ic_menu_tab_normal.ce57316073c99b1b.png) 5px center no-repeat;
}
.lnb .menutab_wrap .mymenutab_off {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #cccccc;
  width: 50%;
  height: 36px;
  cursor: pointer;
}
.lnb .menutab_wrap .mymenutab_off:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.lnb .menutab_wrap .mymenutab_off:active {
  background-color: #d9d9d9;
}
.lnb .menutab_wrap .mymenutab_off:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.lnb .menutab_wrap .mymenutab_off .txt {
  font-size: 14px;
  color: #5a5a5a;
  height: 36px;
  padding: 7px 0 8px 25px;
  background: url(/biz/img/ic_favorite_tab_normal.fbde1ac2dc3a0de7.png) 5px center no-repeat;
}
.lnb .scr_wrap {
  display: flex;
  position: absolute;
  width: 100%;
  top: 50px;
  padding: 8px 16px 16px;
}
.lnb .extend_wrap {
  position: absolute;
  width: 100%;
  top: 90px;
  padding: 15px 16px 0;
}

.btn_menu_open {
  text-indent: -9999px;
  background: url(/biz/img/ic_lnb_menu_open_normal.68809c4f7fe1a53a.png) right 6px no-repeat;
  padding-right: 15px;
  padding-left: 12px;
}
.btn_menu_open:hover {
  background: url(/biz/img/ic_lnb_menu_open_hover.bf9bd6fff57a509b.png) right 6px no-repeat;
}

.btn_menu_close {
  text-indent: -9999px;
  background: url(/biz/img/ic_lnb_menu_close_normal.a8d2f7a398001a5a.png) right 6px no-repeat;
  padding-right: 15px;
  padding-left: 12px;
}
.btn_menu_close:hover {
  background: url(/biz/img/ic_lnb_menu_close_hover.4f33614f7fa41a43.png) right 6px no-repeat;
}

.lnb .menu_list {
  left: 0;
  right: 0;
  bottom: 30px;
  top: 103px;
}

.lnb .mymenu_list {
  top: 70px;
}

.lnb .copyright {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  font-size: 11px;
  color: #767676;
  padding: 0 7px;
  border-top: 1px solid #dbdbdb;
  background: #ffffff;
}

.lnb .copyright span {
  padding: 0 15px;
}

.lnb .copyright a {
  color: #767676;
  line-height: 30px;
  padding: 0 10px;
  text-decoration: none;
}

.-lnb__privacy-policy {
  cursor: pointer;
}

.lnb-trigger {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
  height: 40px;
  width: 60px;
}

.lnb-trigger .close {
  width: 16px;
  height: 36px;
  margin-left: 8px;
  background: url(/biz/img/ic_lnb_close_normal.594ebc30e0f3525e.png) no-repeat center right;
  cursor: pointer;
}

.lnb-trigger .close:hover {
  background: url(/biz/img/ic_lnb_close_hover.015b4ba993e76aee.png) no-repeat center right;
}

.lnb-trigger .lnb__button__extend {
  width: 16px;
  height: 36px;
  background: url(/biz/img/extend.d2880e16ee247422.png) no-repeat center right;
  cursor: pointer;
  margin-left: 6px;
}

.lnb-trigger .lnb__button__extend:hover {
  background: url(/biz/img/extend_hover.23159f5e7483396f.png) no-repeat center right;
}

.-lnb--extend .lnb-trigger .lnb__button__extend {
  background: url(/biz/img/shrink.936e1f2b8ad694fc.png) no-repeat center right;
}

.-lnb--extend .lnb-trigger .lnb__button__extend:hover {
  background: url(/biz/img/shrink_hover.b978b8400bfd76e0.png) no-repeat center right;
}

.line_div {
  width: 10px;
  height: 36px;
  background: url(/biz/img/ic_lnb_line.25e0e152328647de.png) no-repeat center center;
}

.lnb-state-closed {
  position: absolute;
  width: 31px;
  height: 100%;
  background-color: #ffffff;
}

.lnb-state-closed .open {
  width: 32px;
  height: 68px;
  border-bottom: 1px solid #dbdbdb;
  background: url(/biz/img/ic_lnb_open_normal.80ba018f12d8860c.png) no-repeat center center;
}

.lnb-state-closed .open:hover {
  width: 31px;
  background: url(/biz/img/ic_lnb_open_hover.9b94de79c85567f4.png) no-repeat center center #f7f7f7;
}

.lnb-state-closed .menu {
  width: 32px;
  height: 95px;
  border-bottom: 1px solid #dbdbdb;
  background: url(/biz/img/ic_menu_normal.d35886f38b28ff7e.png) no-repeat center center;
  margin-top: -4px;
}

.lnb-state-closed .menu:hover {
  width: 31px;
  background: url(/biz/img/ic_menu_hover.223d582b1a25cd8f.png) no-repeat center center #f7f7f7;
}

.lnb-state-closed .myMenu {
  width: 32px;
  height: 95px;
  border-bottom: 1px solid #dbdbdb;
  background: url(/biz/img/ic_favorite_menu_normal.3dbe0cff662b005a.png) no-repeat center center;
  margin-top: -4px;
}

.lnb-state-closed .myMenu:hover {
  width: 31px;
  background: url(/biz/img/ic_favorite_hover.9f353460e8da4aa9.png) no-repeat center center #f7f7f7;
}

.-lnb--collapse .lnb-trigger {
  display: none;
}

.-lnb-menu {
  overflow: auto;
}

.home_bg.-page-root-container {
  height: 100%;
}

.home_bg {
  display: flex;
  background-color: #ebf1f8;
  width: 100%;
  justify-content: center;
  overflow: auto;
}

.home_frm {
  display: flex;
  width: 1290px;
  flex-direction: column;
  margin-top: 40px;
}

.home_info {
  display: inline-flex;
  width: 100%;
}

.home_notice {
  justify-content: flex-start;
  font-size: 22px;
  color: #333;
  font-weight: normal;
  padding-left: 10px;
}

.home_notice > p span.bl {
  color: #336aff;
  font-weight: bold;
}

.home_notice > p span.or {
  color: #ee9022;
  font-weight: bold;
}

.home_time {
  justify-content: flex-end;
  margin-left: auto;
  display: inline-flex;
}

.home_time p {
  font-size: 12px;
  color: #5a5a5a;
  font-weight: normal;
}

.home_filter {
  display: flex;
  margin-top: 24px;
  margin-bottom: 12px;
  padding-left: 10px;
}

.home_filter_L {
  justify-content: flex-start;
}

.home_filter_L ul li {
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
  height: 22px;
  line-height: 22px;
}

.home_filter_L ul li:first-child {
  margin-left: 0;
}

.home_filter_L ul li.line {
  width: 1px;
  background: url(/biz/img/ic_line.f41fdb4848a4184e.png) no-repeat right 12px;
}

.home_filter_L ul li.line:hover {
  cursor: default;
  background-color: transparent;
}

.home_filter_L ul li > i {
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
  height: 22px;
}

.home_filter_L ul li:hover {
  display: inline-block;
  /* text-decoration: underline;
    text-underline-position: under; */
  /* border-radius:50px;
    background-color: #cbd5df; */
  height: 22px;
  line-height: 22px;
  border-bottom: 1px solid currentColor;
}

.home_filter_L ul li.all {
  height: 22px;
  display: inline-block;
  width: 35px;
}

.home_filter_L ul li.all:hover {
  border-bottom: 1px solid currentColor;
}

.home_filter_L ul li .all_on {
  font-size: 12px;
  color: #2949b3;
  font-weight: bold;
  background: url(/biz/img/ic_all_tag_on.6e4aaf227101e76c.png) no-repeat left 4px;
  /*width:16px;*/
  height: 16px;
  padding-left: 16px;
  margin-bottom: 3px;
}

.home_filter_L ul li .all_off {
  font-size: 12px;
  color: #888;
  font-weight: normal;
  background: url(/biz/img/ic_all_tag_off.ba400f32689a8c31.png) no-repeat left 4px;
  /*width:16px;*/
  height: 16px;
  padding-left: 16px;
  margin-bottom: 5px;
}

.home_filter_L ul li.on {
  font-size: 12px;
  color: #2949b3;
  font-weight: normal;
  margin: 0 10px;
}

.home_filter_L ul li.on .str {
  font-weight: bold;
  padding-left: 10px;
  padding-right: 3px;
}

.home_filter_L ul li.off {
  font-size: 12px;
  color: #5a5a5a;
  font-weight: normal;
  margin: 0 10px;
}

.home_filter_L ul li.off .str {
  font-weight: bold;
  padding-left: 10px;
  padding-right: 3px;
}

.home_filter_L ul li.btn_gr {
  min-width: 310px;
}

.home_filter_L ul li.btn_gr:hover {
  border: none;
}

.home_filter_L ul li.btn_gr button {
  padding: 0 10px 0 28px;
  font-size: 10px;
  height: 22px;
  font-weight: normal;
  margin-right: 5px;
  line-height: 17px;
}

.home_filter_L ul li.btn_gr .dashboard_on {
  color: #ffffff;
  background: url(/biz/img/ic_dashboard_tag_on.73a9c80baff00660.png) no-repeat 10px 4px;
  border-radius: 50px;
  border: 1px solid #536dc2;
  background-color: #536dc2;
}

.home_filter_L ul li.btn_gr .dashboard_off {
  background: url(/biz/img/ic_dashboard_tag_off.b066e5e5cc07e92b.png) no-repeat 10px 4px;
  color: #5a5a5a;
  border: 1px solid #ccc;
  border-radius: 50px;
}

.home_filter_L ul li.btn_gr button.dashboard_on > span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr button.dashboard_off > span {
  color: #a4b9c6;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr .todo_on {
  color: #fff;
  background: url(/biz/img/ic_todo_tag_on.b71373968dc69326.png) no-repeat 10px 4px;
  border-radius: 50px;
  border: 1px solid #536dc2;
  background-color: #536dc2;
}

.home_filter_L ul li.btn_gr .todo_off {
  background: url(/biz/img/ic_todo_tag_off.80dcd2083f19c020.png) no-repeat 10px 4px;
  color: #5a5a5a;
  border: 1px solid #ccc;
  border-radius: 50px;
}

.home_filter_L ul li.btn_gr button.todo_on > span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr button.todo_off > span {
  color: #a4b9c6;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr .notice_on {
  color: #fff;
  background: url(/biz/img/ic_notice_tag_on.0190fedfb7a3889d.png) no-repeat 10px 4px;
  border-radius: 50px;
  border: 1px solid #536dc2;
  background-color: #536dc2;
}

.home_filter_L ul li.btn_gr .notice_off {
  background: url(/biz/img/ic_notice_tag_off.cbb3c99df7be1dce.png) no-repeat 10px 4px;
  color: #5a5a5a;
  border: 1px solid #ccc;
  border-radius: 50px;
}

.home_filter_L ul li.btn_gr button.notice_on > span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_L ul li.btn_gr button.notice_off > span {
  color: #a4b9c6;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px 0 5px;
}

.home_filter_R {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
}

.home_filter_R button {
  padding: 0;
  margin-left: -1px;
}

.home_filter_R .btn_ico_list_off {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  background: url(/biz/img/ic_todo_list_normal.16cbd48ae3d5403a.png) no-repeat center center;
}

.home_filter_R .btn_ico_list_on {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  border: 1px solid #c3cbd5;
  background: url(/biz/img/ic_todo_list_select.39850d7ced3ada1b.png) no-repeat center center #fff;
}

.home_filter_R .btn_ico_detail_off {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  background: url(/biz/img/ic_todo_detail_normal.2d7646e6cc1da577.png) no-repeat center center;
}

.home_filter_R .btn_ico_detail_on {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  border: 1px solid #c3cbd5;
  background: url(/biz/img/ic_todo_detail_select.1a583fb3b1f3d42a.png) no-repeat center center #fff;
}

.home_filter_R .line {
  width: 1px;
  background: url(/biz/img/ic_line.f41fdb4848a4184e.png) no-repeat center center;
  padding: 0 10px;
}

/******************************/
.home_boxwrap {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding-bottom: 20px;
}

.home_box:last-child {
  margin-right: 0;
}

.home_box {
  background-color: #fff;
  border: solid 1px #d8dfe8;
  width: 312px;
  height: 300px;
  margin-right: 12px;
}

.btn_ico_refresh {
  width: 16px;
  height: 16px;
  background: url(/biz/img/ic_refresh_normal.dc59e9f843463490.png) no-repeat left 1px;
  text-indent: -9999px;
  padding-right: 20px;
}

.todo_filter_tit {
  border-bottom: none !important;
  cursor: text !important;
  font-size: 12px !important;
}

.home_filter_R > .sui-tooltip-menu .sui-tooltip-menu__activator {
  top: 2px;
  border: none;
}

.-page-root-container.-page.-page-show-title {
  display: block;
  margin-bottom: 60px;
}

.-page.-page-hide-title.-page-has-navigator {
  width: 100%;
}

.-page.-page-hide-title.-page-has-navigator .-page-header {
  display: none;
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents__wrapper .-page-header {
  padding: 0;
}

.body-container.-lnb--collapse.-lnb--show .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents__wrapper .-page-header {
  padding: 0;
  display: none !important;
}

.-page-header {
  position: relative;
  width: 100%;
  padding: 0 56px 18px;
  box-sizing: border-box;
  display: inline-block;
}

.-page-header-title__wrapper {
  display: inline-flex;
  width: 100%;
  height: 40px;
  border-bottom: none;
}

.-page-header-title-main__wrapper {
  display: inline;
  white-space: nowrap;
}

.-page-header-title-main__title {
  display: inline-flex;
  font-size: 22px;
  height: 33px;
  font-weight: bold;
  line-height: 1.5;
  color: #1c1d1f;
}

.-page-header-title-locations-and-shortcuts__wrapper {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  padding-top: 8px;
  white-space: nowrap;
  min-width: 600px;
}

.-page-header-title-locations-and-shortcuts__wrapper ul li {
  float: left;
}

.-page-header-title-locations__wrapper {
  display: flex;
}

.-page-header-title-locations__wrapper .-page-header-title-locations__item {
  display: inline !important;
  font-size: 13px;
  color: #959595;
}

.-page-header-title-locations__item.-page-header-title-locations__item-current {
  max-width: 400px;
  color: #333333;
  margin-right: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.-page-header-title-locations__wrapper .-page-header-title-location__seperator {
  background: url(/biz/img/ic_location_div.d9c21e03b0e16cce.png) no-repeat 50% 50%;
  width: 15px;
  height: 15px;
  margin-top: 2px;
}

.-page-header-title-location__shortcut-copy {
  display: flex;
  justify-content: flex-end;
  margin-left: 5px;
  height: 20px;
  width: 20px;
  background: url(/biz/img/ic_title_copy_normal.29ab9b1f8ad0e555.png) no-repeat right 50%;
}

.-page-header-title-location__shortcut-copy:hover {
  background: url(/biz/img/ic_title_copy_hover.0f8a1ffba98c1636.png) no-repeat right 50%;
}

.-page-header-title-locations__divider {
  height: 20px;
  width: 20px;
  background: url(/biz/img/ic_title_div.1c891d92a483d267.png) no-repeat 50% 50%;
}

.-page-header-title-shortcuts__wrapper {
  display: flex;
}

.-page-header-title-main__shortcut-favorite {
  float: left;
  height: 42px;
  width: 28px;
  background: url(/biz/img/ic_title_favorite_off_normal.95746297cf602c72.png) no-repeat 0 50%;
}

.-page-header-title-main__shortcut-favorite:hover {
  background: url(/biz/img/ic_title_favorite_off_hover.65bf23470faad9c8.png) no-repeat 0 50%;
}

.-page-header-title-main__shortcut-favorite.-page-header-title-main__shortcut-favorite-on {
  background: url(/biz/img/ic_title_favorite_on_normal.21289baf38ae0402.png) no-repeat 0 50%;
}

/* .-page-header-title-main__shortcut-favorite.-page-header-title-main__shortcut-favorite-on:hover {
  background: url("~images/ic_title_favorite_on_hover.png") no-repeat 0 50%;
} */
.-page-header-title-shortcut__newwindow {
  height: 20px;
  width: 20px;
  background: url(/biz/img/ic_title_newwindow_normal.5f19fb988750a829.png) no-repeat right 50%;
}

.-page-header-title-shortcut__newwindow:hover {
  background: url(/biz/img/ic_title_newwindow_hover.b5931f0f97df8b7c.png) no-repeat right 50%;
}

.-page-header-title-shortcut__information {
  height: 20px;
  width: 20px;
  background: url(/biz/img/ic_title_manual_normal.123547b0b308b156.png) no-repeat 0 50%;
}

.-page-header-title-shortcut__information:hover {
  background: url(/biz/img/ic_title_manual_hover.123547b0b308b156.png) no-repeat 0 50%;
}

.-page-header__processtab-wrapper {
  display: inline-block;
  width: 100%;
  height: 43px;
  margin-top: 7px;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}

.sui-tab-box-type__cont .-page-header {
  padding: 0 !important;
  display: none;
}

.-page-popup__wrapper .-page-header {
  padding: 0;
}

.-page-contents {
  padding: 0 56px;
}

/****** only title  *********/
.body-container.-lnb--collapse.-lnb--show .right-container .-page-contents__wrapper {
  overflow: auto;
  position: absolute;
  top: 60px;
  bottom: 0;
  right: 0;
  /*width: calc(100% - 320px); */
  left: 32px;
  padding-left: 56px;
  padding-right: 56px;
  padding-bottom: 56px;
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-contents__wrapper {
  overflow: auto;
  position: absolute;
  top: 80px;
  bottom: 0;
  right: 0;
  left: 270px;
  padding-left: 56px;
  padding-right: 56px;
  padding-bottom: 56px;
}

.body-container.-lnb--extend.-lnb--show .right-container .-page-contents__wrapper {
  left: 400px;
}

/******* has tab  ***********/
.body-container.-lnb--collapse.-lnb--show .right-container .-page-has-tab .-page-contents__wrapper {
  top: 114px;
  /*overflow: hidden;*/
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-has-tab .-page-contents__wrapper {
  top: 114px;
  /*overflow: hidden;*/
}

/****** has navigator  ************/
.-page-root-container.-page.-page-show-title.-page-has-navigator .-page-contents__wrapper {
  top: 105px !important;
}

.-page-root-container > .-page.-page-show-title.-page-has-navigator .-page-contents__wrapper {
  top: 105px !important;
}

/******** has tab and navigator  **********************/
.body-container.-lnb--expand.-lnb--show .right-container .-page-has-tab .-page-has-navigator .-page-contents__wrapper {
  left: 0;
  top: 40px !important;
}

.body-container.-lnb--collapse.-lnb--show .right-container .-page-has-tab .-page-has-navigator .-page-contents__wrapper {
  left: 0;
  top: 40px !important;
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents .-page-contents__wrapper .-page-contents__scroll {
  padding-top: 0 !important;
}

.body-container.-lnb--collapse.-lnb--show .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents .-page-contents__wrapper .-page-contents__scroll {
  padding-top: 0 !important;
}

.body-container.-lnb--expand.-lnb--show .right-container .-page-has-tab .-page-contents__wrapper .-page-contents__wrapper {
  left: 0;
  top: 0;
}

.body-container.-lnb--collapse.-lnb--show .right-container .-page-has-tab .-page-contents__wrapper .-page-contents__wrapper {
  left: 0;
  top: 0;
}

.lnb-collapsed .-page-contents__wrapper {
  bottom: 0;
  right: 0;
  left: 32px;
  min-width: 900px;
  padding-right: 56px;
}

.-page-contents__wrapper.-page-contents-body__no-scroll {
  overflow: hidden;
  top: 103px !important;
}

.-page-contents__wrapper.-page-contents-body__has-children {
  top: 50px !important;
}

.-page-contents__wrapper.-page-contents-body__has-children .-page-contents__scroll {
  padding-top: 16px;
}

.-page-contents__wrapper .-page-contents__wrapper {
  top: 52px;
  left: 0;
  overflow: visible;
}

.-page-contents__wrapper .-page-contents__scroll {
  display: inline-block;
  min-width: 1200px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 0;
}

.sui-tab-box-type__cont .-page-contents__wrapper .-page-contents__scroll {
  padding-bottom: 0 !important;
}

.-page-contents__top-wrapper {
  display: flex;
  width: 100%;
}

.-page-contents__top-wrapper.-page-contents-top__has-children {
  display: flex;
}

.-process-tab .-page .-page-contents {
  padding: 0;
  width: 100%;
}

.-process-tab .-page .-page-contents .-page-contents__wrapper {
  top: 100px;
  left: 56px;
  overflow: auto !important;
  bottom: 0 !important;
  position: absolute;
  right: 0;
  padding-right: 56px;
}

.sui-tab-box-type__cont .-page {
  margin: 0;
  padding: 0;
}

.sui-tab-box-type__cont .-page-contents {
  display: inline-block;
  width: 100%;
}

.sui-tab-box-type__cont .-page-contents__wrapper {
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
}

.sui-tab-box-type__cont .-page .-page-contents {
  padding: 0;
}

.sui-tab-box-type__cont .-page .-page-contents .-page-contents__wrapper {
  padding: 0 !important;
  top: 0 !important;
  left: 0 !important;
  overflow: auto !important;
  position: relative !important;
}

.app-frame-root__popup .right-container .-page.-page-root-container .-page-contents .-page-contents__wrapper {
  overflow: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  padding: 0 56px 56px;
}

.app-frame-root__popup .right-container .-page-root-container.-page.-page-show-title.-page-has-tab .-page-contents {
  margin-top: 20px;
}

.app-frame-root__popup .right-container .content-inner-container {
  min-width: 0 !important;
  margin: 0px 0px !important;
}

.-page-footer {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  margin-right: 30px;
}

.-page-footer__sticky-panel-wrapper {
  margin-top: auto;
  height: 150px;
  background-color: #ffffff;
  z-index: 50;
  box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.08);
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
}

.-page-footer .comm_btnBot_wrap {
  margin-bottom: 30px;
}

/*========================================    TITLE   ========================================*/
.comm_tit01 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.comm_title_wrap {
  display: flex;
  position: relative;
  margin: 30px 0 10px;
}

.comm_title_wrap h4 {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
}

.comm_title_wrap span {
  margin-left: 5px;
}

.comm_title_wrap .sui-input-label__star:before {
  top: 4px;
}

.comm_ptitle_wrap {
  display: flex;
  position: relative;
  border-bottom: 1px solid #767676;
}

.comm_ptitle_wrap h1 {
  font-size: 18px;
  line-height: 48px;
  color: #333333;
}

.comm_ptitle_wrap_required {
  display: flex;
  position: relative;
  border-bottom: 1px solid #767676;
}

.comm_ptitle_wrap_required h1 {
  font-size: 18px;
  line-height: 48px;
  color: #333333;
  padding-left: 13px;
}

.comm_ptitle_wrap_required .required-icon {
  position: relative;
}

.comm_ptitle_wrap_required .required-icon:before {
  content: "*";
  position: absolute;
  top: 10px;
  font-weight: 100;
  color: #ff5858;
  font-size: 20px;
}

.comm_title_wrap .btn_wrap {
  justify-content: flex-end;
  margin-left: auto;
}

.comm_ptitle_red_wrap {
  display: flex;
  position: relative;
  border-bottom: 1px solid #ff5230;
}

.comm_ptitle_red_wrap h1 {
  padding-left: 32px;
  font-size: 18px;
  line-height: 48px;
  color: #ff5230;
  background: url(/biz/img/ic_lock_red.7d25530f9d2b069c.png) no-repeat left 50%;
}

.-page-contents__wrapper .-page-contents__scroll .comm_title_wrap:first-child {
  margin-top: 0;
}

/*========================================   COMMON_TEXT + INFO  ========================================*/
.comm_label {
  font-size: 13px;
  font-weight: normal;
  min-height: 28px;
  padding-top: 4px;
  color: #333333;
}

.info {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  color: #767778;
  line-height: 30px;
  white-space: nowrap;
}

.info.caution {
  color: #ff5230 !important;
}

.comm_info_wrap1st {
  background: url(/biz/img/ic_caution_yellow.21e0068b131a25b2.png) 8px 2px no-repeat;
}

.comm_info_wrap1st p {
  line-height: 21px;
  font-size: 12px;
  color: #767676;
  padding-left: 32px;
  padding-right: 8px;
}

.comm_info_wrap2nd {
  background: url(/biz/img/ic_caution_red.b40a8363f5b84b74.png) 8px 2px no-repeat;
}

.comm_info_wrap2nd p {
  line-height: 21px;
  font-size: 12px;
  color: #ff5230;
  padding-left: 32px;
  padding-right: 8px;
}

.comm_info_wrap3rd {
  border: 1px solid #fdf0c3;
  background: url(/biz/img/ic_caution_red.b40a8363f5b84b74.png) 8px 2px no-repeat #fef5d9;
}

.comm_info_wrap3rd p {
  line-height: 21px;
  font-size: 12px;
  color: #ff5230;
  padding-left: 32px;
  padding-right: 8px;
}

.comm_ptitle_red_wrap .comm_line_div,
.comm_ptitle_wrap .comm_line_div,
.comm_ptitle_wrap_required .comm_line_div {
  height: 48px;
}

.comm_ptitle_red_wrap .info,
.comm_ptitle_wrap .info,
.comm_ptitle_wrap_required .info {
  line-height: 48px;
}

.comm_infowrap {
  background: url(/biz/img/ic_optional_info.18d32b219bf99122.png) 0 6px no-repeat;
}

.comm_infowrap p {
  line-height: 21px;
  font-size: 12px;
  color: #767676;
  padding-left: 20px;
  padding-right: 8px;
  vertical-align: middle;
  line-height: 27px;
}

/*========================================   DIVISION   ========================================*/
.comm_scr_wrap .row {
  display: flex;
  height: 64px;
}

.comm_scr_wrap .row .col-xs-1 {
  padding: 0 16px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
}

.comm_scr_wrap .row .col-xs,
.comm_scr_wrap .row .col-xs-1,
.comm_scr_wrap .row .col-xs-10,
.comm_scr_wrap .row .col-xs-11,
.comm_scr_wrap .row .col-xs-12,
.comm_scr_wrap .row .col-xs-2,
.comm_scr_wrap .row .col-xs-3,
.comm_scr_wrap .row .col-xs-4,
.comm_scr_wrap .row .col-xs-5,
.comm_scr_wrap .row .col-xs-6,
.comm_scr_wrap .row .col-xs-7,
.comm_scr_wrap .row .col-xs-8,
.comm_scr_wrap .row .col-xs-9 {
  border-bottom: none;
}

.comm_scr_wrap .row .col-xs-1:first-child {
  background-image: none;
}

.comm_scr_wrap .row .btn_wrap {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.comm_scr_wrap .btn_wrap {
  display: flex;
  justify-content: flex-end;
  padding: 16px 0;
  margin-top: 16px;
  border-top: 1px solid #cccccc;
}

.comm_detailscr_wrap {
  display: flex;
  justify-content: flex-start;
}

.comm_detailscr_wrap .btn_wrap {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 10px auto;
}

.comm_view_wrap {
  background-color: #ffffff;
}

.comm_tree_wrap {
  border: solid 1px #cccccc;
  background-color: #ffffff;
  padding: 20px;
  min-height: 200px;
  overflow-y: auto;
}

/*page bottom*/
.comm_btn_wrap {
  display: flex;
  justify-content: flex-end;
  padding: 16px 0;
  border-top: 1px solid #cccccc;
}

.-page-footer .comm_btn_wrap {
  margin: 12px 0 26px;
}

.comm_btnBot_wrap {
  display: flex;
  border-top: 1px solid #cccccc;
  padding-top: 12px;
}

.comm_btnBot_wrap .btn_wrapL {
  display: flex;
  justify-content: flex-start;
  flex: none;
}

.comm_btnBot_wrap .btn_wrapL button:first-child {
  margin-left: 0 !important;
}

.comm_btnBot_wrap .btn_wrapR {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}

.comm_btnBot_wrap .btn_wrapR button {
  min-width: 108px;
}

.popup-body-wrapper .comm_btnBot_wrap {
  padding-bottom: 30px;
}

/*grid top*/
.comm_gridTop_wrap {
  width: 100%;
  display: flex;
  margin-bottom: 6px;
}

.comm_gridTop_wrap.attach_top {
  background-color: #f6f7f9;
  border: 1px solid #cccccc;
  margin-bottom: -1px;
  padding: 0 6px 0 12px;
}

.comm_gridTop_wrap.attach_top .btn_wrapL {
  margin-top: 3px;
}

.comm_gridTop_wrap .totalList {
  font-size: 12px;
  color: #5a5a5a;
  padding-top: 3px;
}

.comm_gridTop_wrap .comm_line_div {
  height: 24px !important;
}

.comm_gridTop_wrap .sui-checkbox {
  margin-right: 0 !important;
}

.comm_gridTop_wrap .sui-checkbox__label {
  color: #047ad5 !important;
  margin-right: 0 !important;
}

.comm_gridTop_wrap .sui-select {
  min-width: 80px;
  height: 24px;
}

.comm_gridTop_wrap .sui-select--active {
  height: 24px;
}

.comm_gridTop_wrap .multiselect__tags {
  height: 24px;
}

.comm_gridTop_wrap .sui-select__input {
  color: #5a5a5a !important;
  height: 22px;
  line-height: 22px;
  padding-left: 10px;
  font-size: 12px;
}

.comm_gridTop_wrap .sui-select__ul {
  min-width: 80px;
}

.comm_gridTop_wrap .sui-select__li {
  padding: 5px 10px;
}

.comm_gridTop_wrap .btn_wrapL {
  display: flex;
  justify-content: flex-start;
  flex: none;
}

.comm_gridTop_wrap .btn_wrapR {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}

/*shuttle box*/
.comm_shut_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: stretch;
}

.comm_shut_wrap .inbox {
  flex: 1 1 0;
  align-self: auto;
}

.comm_shut_wrap .inbox3 {
  flex: 1 1 0;
  flex-basis: 30%;
}

.comm_shut_wrap .inbox7 {
  flex: 1 1 0;
  flex-basis: 65%;
}

.comm_shut_wrap .emptybox {
  display: flex;
  width: 50px;
  align-items: center;
  justify-content: center;
}

.comm_shut_wrap .btnbox {
  display: flex;
  padding: 10px;
  align-items: center;
  justify-content: center;
}

.comm_shut_wrap .btnbox ul {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.comm_shut_wrap .btnbox ul li {
  padding: 6px 0;
}

/*table inner div*/
.comm_inner_div {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.ptitle_box_black {
  border: 1px solid #767676;
  border-top: 1px solid #767676;
  border-bottom: 2px solid #767676;
  padding: 16px;
}

.ptitle_box_red {
  border: 1px solid #ff5230;
  border-top: 1px solid #ff5230;
  border-bottom: 2px solid #ff5230;
  padding: 16px;
}

/*========================================  POPUP  ========================================*/
.comm_popup_wrap_small {
  display: inline-block;
  padding: 0 30px;
  width: 470px;
  max-height: 580px;
  overflow: hidden;
  overflow-y: auto;
}

.comm_popup_wrap_medium {
  display: inline-block;
  padding: 0 30px;
  width: 700px;
  max-height: 580px;
  overflow: hidden;
  overflow-y: auto;
}

.comm_popup_wrap_large {
  display: inline-block;
  padding: 0 30px;
  width: 940px;
  max-height: 580px;
  overflow: hidden;
  overflow-y: auto;
}

.comm_popup_wrap_xlarge {
  display: inline-block;
  padding: 0 30px;
  width: 1240px;
  max-height: 580px;
  overflow: hidden;
  overflow-y: auto;
}

/*========================================  BUTTON  ========================================*/
/*search*/
.comm_btn_Reset {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_Reset:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_btn_Reset:active {
  background-color: #d9d9d9;
}
.comm_btn_Reset:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_btn_Scr {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_Scr:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_btn_Scr:active {
  background-color: #a8d8fd;
}
.comm_btn_Scr:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_btn_detailscr_open {
  background: url(/biz/img/ic_detail_seaerch_open_normal.090d4e3b8e03493e.png) right 5px no-repeat;
  padding-right: 20px;
  margin: 8px 18px;
  color: #5a5a5a;
}
.comm_btn_detailscr_open:hover {
  background: url(/biz/img/ic_detail_seaerch_open_hover.c380da2524549442.png) right 5px no-repeat;
  color: #333333;
}

.comm_btn_detailscr_close {
  background: url(/biz/img/ic_detail_seaerch_close_normal.2e0298a212b1d056.png) right 5px no-repeat;
  padding-right: 20px;
  margin: 8px 18px;
  color: #5a5a5a;
}
.comm_btn_detailscr_close:hover {
  background: url(/biz/img/ic_detail_seaerch_close_hover.fabaf5165ba75c92.png) right 5px no-repeat;
  color: #333333;
}

.comm_btn_InputScr {
  text-indent: -9999px;
  border: 1px solid #cccccc;
  display: block;
  background: url(/biz/img/in_input_search.249589971cc0749a.png) center center no-repeat #ffffff;
  width: 32px;
  height: 32px;
  margin-left: -1px;
}

.comm_btn_InputScr:hover {
  border: 1px solid #a5a5a5;
  background: url(/biz/img/in_input_search.249589971cc0749a.png) center center no-repeat #f7f7f7;
}

/*standard-h28*/
.comm_sbtn_border {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_sbtn_border:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_sbtn_border:active {
  background-color: #d9d9d9;
}
.comm_sbtn_border:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_sbtn_border_Prime {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_sbtn_border_Prime:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_sbtn_border_Prime:active {
  background-color: #a8d8fd;
}
.comm_sbtn_border_Prime:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_sbtn_solid {
  height: 32px;
  border: 1px solid #047ad5 !important;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #ffffff !important;
  font-weight: 500;
  background-color: #047ad5 !important;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_sbtn_solid:hover {
  background-color: #0363ad !important;
  transition: all 0.3s ease;
}
.comm_sbtn_solid:active {
  background-color: #034f8a;
}
.comm_sbtn_solid:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}

/*big-h32*/
.comm_btnBot_wrap .btn_wrapL .comm_btn_border {
  min-width: 58px;
  max-width: 120px;
}

.comm_btn_border {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_border:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_btn_border:active {
  background-color: #d9d9d9;
}
.comm_btn_border:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_btn_border_Prime {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_border_Prime:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_btn_border_Prime:active {
  background-color: #a8d8fd;
}
.comm_btn_border_Prime:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_btn_solid {
  height: 32px;
  border: 1px solid #047ad5 !important;
  padding: 0 16px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #ffffff !important;
  font-weight: 500;
  background-color: #047ad5 !important;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
.comm_btn_solid:hover {
  background-color: #0363ad !important;
  transition: all 0.3s ease;
}
.comm_btn_solid:active {
  background-color: #034f8a;
}
.comm_btn_solid:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}

/*grid_top*/
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop {
  height: 24px;
  padding: 0 6px;
  font-size: 12px;
  margin-left: 0;
  margin-right: 4px;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop:active {
  background-color: #d9d9d9;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop_Brd {
  height: 24px;
  padding: 0 6px;
  font-size: 12px;
  margin-left: 0;
  margin-right: 4px;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop_Brd:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop_Brd:active {
  background-color: #a8d8fd;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_gridTop_Brd:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_top {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_top.6451ece301a7df5c.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_top:hover {
  background-color: #ecedee;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_top:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_up {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_up.14321068a7c81b6a.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
  margin-left: -1px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_up:hover {
  background-color: #ecedee;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_up:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_down {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_down.badc9212007149a1.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
  margin-left: -1px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_down:hover {
  background-color: #ecedee;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_down:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_bottom {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_bottom.ffb3042510abe82d.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
  margin-left: -1px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_bottom:hover {
  background-color: #ecedee;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_bottom:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_treeOpen {
  text-indent: -9999px;
  background: url(/biz/img/ic_menutree_open_normal.5fa8d81a3755f2ff.png) no-repeat center center;
  width: 24px;
  height: 24px;
  border: 1px solid #cccccc;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_treeOpen:hover {
  background: url(/biz/img/ic_menutree_open_hover.a3007a75568ba628.png) no-repeat center center #f7f7f7;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_treeClose {
  text-indent: -9999px;
  background: url(/biz/img/ic_menutree_close_normal.775abf0f557777c5.png) no-repeat center center;
  width: 24px;
  height: 24px;
  border: 1px solid #cccccc;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_treeClose:hover {
  background: url(/biz/img/ic_menutree_close_hover.fae2338fde298014.png) no-repeat center center #f7f7f7;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop {
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  margin-left: 4px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop:active {
  background-color: #d9d9d9;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_solid {
  height: 24px;
  border: 1px solid #047ad5 !important;
  padding: 0 8px;
  font-size: 12px;
  margin-left: 4px;
  margin-right: 0;
  color: #ffffff !important;
  font-weight: 500;
  background-color: #047ad5 !important;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_solid:hover {
  background-color: #0363ad !important;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_solid:active {
  background-color: #034f8a;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_solid:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_Brd {
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  margin-left: 4px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 60px;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_Brd:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_Brd:active {
  background-color: #a8d8fd;
}
.comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop_Brd:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.comm_gridTop_wrap .btn_wrapR .sui-text-field .sui-text-field__input {
  height: 24px !important;
  vertical-align: top;
}

/*inner_table*/
.btn_innerTbl_prime {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #047ad5 !important;
  font-weight: 500;
  border: 1px solid #047ad5 !important;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 12px;
  min-width: 60px;
}
.btn_innerTbl_prime:hover {
  background-color: #d5ecfe;
  transition: all 0.3s ease;
}
.btn_innerTbl_prime:active {
  background-color: #a8d8fd;
}
.btn_innerTbl_prime:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.btn_innerTbl_border {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 12px;
  min-width: 60px;
}
.btn_innerTbl_border:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.btn_innerTbl_border:active {
  background-color: #d9d9d9;
}
.btn_innerTbl_border:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.btn_innerTbl_solid {
  height: 32px;
  border: 1px solid #047ad5 !important;
  padding: 0 12px;
  font-size: 14px;
  margin-left: 8px;
  margin-right: 0;
  color: #ffffff !important;
  font-weight: 500;
  background-color: #047ad5 !important;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 12px;
  min-width: 60px;
}
.btn_innerTbl_solid:hover {
  background-color: #0363ad !important;
  transition: all 0.3s ease;
}
.btn_innerTbl_solid:active {
  background-color: #034f8a;
}
.btn_innerTbl_solid:disabled {
  color: #959595;
  background-color: #eaeaea;
  cursor: default;
}

.comm_title_wrap .btn_wrap .comm_btn_gridTop {
  height: 24px;
  padding: 0 12px;
  font-size: 12px;
  margin-left: 0;
  margin-right: 4px;
  color: #5a5a5a;
  font-weight: 500;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
  min-width: 80px;
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  min-width: 46px;
}
.comm_title_wrap .btn_wrap .comm_btn_gridTop:hover {
  background-color: #ebebeb;
  transition: all 0.3s ease;
}
.comm_title_wrap .btn_wrap .comm_btn_gridTop:active {
  background-color: #d9d9d9;
}
.comm_title_wrap .btn_wrap .comm_btn_gridTop:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}
.comm_title_wrap .btn_wrap .comm_btn_gridTop:last-child {
  margin-right: 0;
}

/*text-button*/
.btn_txt_BK {
  font-size: 13px;
  color: #767676;
  font-weight: normal;
}
.btn_txt_BK:hover {
  background-color: #f7f7f7;
}
.btn_txt_BK:disabled {
  color: #cccccc;
  background-color: #ffffff;
  cursor: default;
}

.btn_txt_BL {
  font-size: 13px;
  color: #60a3ef;
  font-weight: normal;
  display: inline-block;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.btn_txt_BL:hover {
  color: #4d83bf;
}
.btn_txt_BL:disabled {
  color: #cccccc;
  background-color: #ffffff;
  cursor: default;
}

.btn_txt_BL_line {
  font-size: 13px;
  color: #60a3ef;
  font-weight: normal;
  padding: 3px;
  text-decoration: underline;
}
.btn_txt_BL_line:hover {
  color: #4d83bf;
}
.btn_txt_BL_line:disabled {
  color: #cccccc;
  background-color: #ffffff;
  cursor: default;
}

.btn_txt_BL_arrow {
  font-size: 13px;
  color: #60a3ef;
  font-weight: normal;
  padding: 3px 10px 3px 3px;
  background: url(/biz/img/ic_hyperling_blue_normal.0ec4b792084fcf83.png) no-repeat right 7px;
}
.btn_txt_BL_arrow:hover {
  color: #4d83bf;
  background: url(/biz/img/ic_hyperling_blue_hover.18216bae5fb9cc33.png) no-repeat right 7px;
}
.btn_txt_BL_arrow:disabled {
  color: #cccccc;
  background: url(/biz/img/ic_hyperling_blue_disable.b9e92314490537d4.png) no-repeat right 7px #ffffff;
  cursor: default;
}

.btn_txt_BL_line_arrow {
  font-size: 13px;
  color: #60a3ef;
  font-weight: normal;
  padding: 3px 10px 3px 3px;
  text-decoration: underline;
  background: url(/biz/img/ic_hyperling_blue_normal.0ec4b792084fcf83.png) no-repeat right 7px;
}
.btn_txt_BL_line_arrow:hover {
  color: #4d83bf;
  background: url(/biz/img/ic_hyperling_blue_hover.18216bae5fb9cc33.png) no-repeat right 7px;
}
.btn_txt_BL_line_arrow:disabled {
  color: #cccccc;
  background: url(/biz/img/ic_hyperling_blue_disable.b9e92314490537d4.png) no-repeat right 7px #ffffff;
  cursor: default;
}

/*icon*/
.comm_btn_shut_right {
  vertical-align: middle;
  background: url(/biz/img/ic_page_next_normal.3a966c664ba03ab4.png) no-repeat center center;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc;
  text-indent: -9999px;
}
.comm_btn_shut_right:hover {
  background: url(/biz/img/ic_page_next_hover.32e908abbec191ed.png) no-repeat center center;
}
.comm_btn_shut_right:disabled {
  background: url(/biz/img/ic_page_next_disable.6cd9167ed271de67.png) no-repeat center center;
}

.comm_btn_shut_left {
  vertical-align: middle;
  background: url(/biz/img/ic_page_previous_normal.01632ed8f81fa4e0.png) no-repeat center center;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc;
  text-indent: -9999px;
}
.comm_btn_shut_left:hover {
  background: url(/biz/img/ic_page_previous_hover.99b90bc37c818a26.png) no-repeat center center;
}
.comm_btn_shut_left:disabled {
  background: url(/biz/img/ic_page_previous_disable.822cbedd9e0976ef.png) no-repeat center center;
}

.comm_btn_shut_down {
  background: url(/biz/img/btn_shut_down.ba85b66a34b345ea.png) no-repeat center center;
  width: 28px;
  height: 28px;
}

.comm_btn_shut_up {
  background: url(/biz/img/btn_shut_up.36646064a323dc04.png) no-repeat center center;
  width: 28px;
  height: 28px;
}

.comm_ico_excel {
  padding-left: 28px !important;
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) no-repeat 8px center;
}

.comm_ico_ppt {
  padding-left: 28px !important;
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) no-repeat 8px center;
}

.comm_ico_word {
  padding-left: 28px !important;
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) no-repeat 8px center;
}

.comm_ico_file {
  padding-left: 28px !important;
  background: url(/biz/img/ic_file.41fa7fe6f0c8675c.png) no-repeat 0px center;
}

.comm_btn_lang {
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  padding: 0 15px;
  border: 1px solid #cccccc;
  background: url(/biz/img/ic_input_multilingue.104971b001d79576.png) no-repeat center center #ffffff;
}
.comm_btn_lang:hover {
  border: 1px solid #a5a5a5;
  background: url(/biz/img/ic_input_multilingue_hover.e2388c7f35b0fc7c.png) no-repeat center center #f7f7f7;
}
.comm_btn_lang:disabled {
  border: 1px solid #dbdbdb;
  background: url(/biz/img/ic_input_multilingue_disable.b0b09be7f1186814.png) no-repeat center center #f7f7f7;
  cursor: default;
}

.comm_btn_duplicate {
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  padding: 0 13px;
  border: 1px solid #cccccc;
  background: url("/biz/img/ic_double%20check_normal.03ff8d30c5eb1b15.png") no-repeat center center #ffffff;
}
.comm_btn_duplicate:hover {
  border: 1px solid #a5a5a5;
  background: url("/biz/img/ic_double%20check_hover.5dbe602c7920ffb0.png") no-repeat center center #f7f7f7;
}
.comm_btn_duplicate:disabled {
  border: 1px solid #dbdbdb;
  background: url("/biz/img/ic_double%20check_disable.6d3579eafb5f8f31.png") no-repeat center center #f7f7f7;
  cursor: default;
}

.comm_ico_set {
  vertical-align: middle;
  background: url(/biz/img/ic_columns_setting_normal.e68f58a0ecd6c484.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da;
  min-width: 0 !important;
}
.comm_ico_set:hover {
  background: url(/biz/img/ic_columns_setting_hover.8b514eaeae89b6d7.png) no-repeat center center #f7f7f7;
}
.comm_ico_set:disabled {
  background: url(/biz/img/ic_columns_setting_disable.e3ea2df073e39c17.png) no-repeat center center;
  border: solid 1px #eaeaea;
  cursor: default;
}

.btn_moreView {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}
.btn_moreView p {
  cursor: pointer;
  font-size: 12px;
  color: #5a5a5a;
  padding-right: 20px;
  background: url(/biz/img/ic_table_more_normal.a770baedd8248b4b.png) no-repeat right 1px;
}
.btn_moreView p:hover {
  color: #333333;
  background: url(/biz/img/ic_table_more_hover.d7c53cadede4398c.png) no-repeat right 1px;
}
.btn_moreView p.disabled {
  color: #cccccc;
  background: url(/biz/img/ic_table_more_disble.25a85fd4cf174800.png) no-repeat right 1px;
  pointer-events: none;
}

/** home card morebutton ***/
.btn_txt_GR_arrow:disabled {
  color: #cccccc !important;
  border: none;
}

.btn_check {
  text-indent: -99999px;
  width: 20px;
  height: 20px;
  background: url(/biz/img/btn_check.b853d46c6134423b.png) no-repeat center center;
}

/*========================================   LAYOUT   ========================================**/
.row {
  font-size: 13px;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  display: inline-flex;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0 16px;
  align-items: center;
}

/*.row >div:nth-of-type(odd) {background-color:#F6F7F9;overflow:hidden; text-overflow: ellipsis; min-width:190px}
.row >div:nth-of-type(even) {width:calc( auto - 190px)}*/
.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 12.33333333%;
  max-width: 12.33333333%;
  display: inline-block;
  padding-left: 18px;
  /*white-space: nowrap; overflow:hidden; text-overflow: ellipsis;width:190px;*/
}

.col-xs-1.nodata {
  background-color: #ffffff;
  background: none !important;
}

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
  display: inline-block;
  padding-left: 18px;
  /*overflow:hidden; text-overflow: ellipsis;width:190px;white-space: nowrap;*/
}

.col-xs-3 {
  flex-basis: 21.0000000033%;
  max-width: 21.0000000033%;
  /*max-width:calc(100% - 570px / 3)*/
}

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  flex-basis: 37.66666667%;
  max-width: 37.66666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 54.3333333367%;
  max-width: 54.3333333367%;
}

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
  overflow: hidden;
}

.col-xs-11 {
  flex-basis: 87.66666667%;
  max-width: 87.66666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

/*Search Input*/
.comm_scrInput_wrap {
  width: 100%;
  position: relative;
  display: inline-block;
}

.comm_scrInput_wrap button {
  position: absolute;
  right: 0;
  top: 0;
}

.comm_scrInput_wrap .sui-text-field__input {
  width: calc(100% - 27px);
}

.ScrForm,
.ScrForm .ScrBtn,
.ScrForm .ScrBtn .SBtn,
.ScrForm .ScrInput,
.ScrForm .ScrInput .SInput {
  padding: 0;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
}

.ScrForm {
  width: 320px;
  position: relative;
}

.ScrForm .ScrInput {
  overflow: hidden;
  border: none;
}

.ScrForm .ScrInput .SInput {
  width: 100%;
  padding: 0 40px 0 10px;
  font-size: 13px;
  border: solid 1px #dbdbdb;
  background-color: #ffffff;
  float: left;
}

.ScrForm .ScrInput .SInput:focus {
  border: solid 1px #047ad5;
}

.ScrForm .ScrBtn {
  cursor: pointer;
  border-left: solid 1px #dbdbdb;
  right: 0;
  position: absolute;
  top: 1px;
  height: 28px;
}

.ScrForm .ScrBtn:active,
.ScrForm .ScrBtn:hover {
  width: 28px;
  height: 28px;
  top: 1px;
  right: 1px;
  background-color: #f5f5f5;
}

.ScrForm .ScrBtn:active {
  outline: none;
}

.ScrForm .ScrBtn .SBtn {
  border: none;
  display: block;
  background: url(/biz/img/in_input_search.249589971cc0749a.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

/*========================================   TABLE  ========================================**/
/*============================  View table  ===================================**/
.comm_ViewTB {
  width: 100%;
  empty-cells: show;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}

.comm_ViewTB td,
.comm_ViewTB th {
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  margin: 0;
  padding: 5px;
  text-align: left;
}

.comm_ViewTB td:first-child,
.comm_ViewTB th:first-child {
  border-left: none;
}

.imgbox-modal {
  width: 100%;
  /*width: 830px;*/
  height: 100%;
  position: absolute;
  display: table;
}
.imgbox-modal:hover {
  border: 1px solid #9bb8f9;
  background-color: rgba(219, 231, 255, 0.8) !important;
}

.imgbox-modal-drag {
  border: 1px solid #536dc2 !important;
  background-color: #fff;
  opacity: 0.7;
  height: 100px;
}

.imgbox-modal-drag .imgbox-modal .imgbox-modal-text h4 {
  background-image: url(/biz/img/ic-file-attach-hover.5c86b7f00c62292b.png);
  color: #2949b3 !important;
}

.imgbox-modal-text {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.imgbox-modal-text h4 {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  color: #959595;
  background: url(/biz/img/ic-file-attach.8ec9717d5f57c679.png) no-repeat left center;
  padding-left: 23px;
  line-height: 80px;
}

.attach-file {
  border: 1px solid red;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}

.imgbox-list-group {
  display: flex;
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
}

.imgbox-btn-prps-n {
  font-size: 12px;
  padding: 0 12px;
  color: #666;
  background-color: #fff;
  height: 20px;
  border: 1px solid #ccc;
  min-width: 44px;
  margin: 4px;
  border-radius: 20px;
}

.imgbox-btn-prps-y {
  font-size: 12px;
  padding: 0 12px;
  color: #fff;
  background-color: #536dc2;
  height: 20px;
  border: none;
  min-width: 44px;
  margin: 4px;
  border-radius: 20px;
}

.thumbnail_wrap .box .imgBox:before {
  z-index: initial;
}

.myscroll {
  overflow-x: auto;
  /*width: 830px;*/
  width: 1200px;
}

.myscroll::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  border-radius: 3.5px;
  background: #dfdfdf;
}

.myscroll::-webkit-scrollbar-track {
  border-radius: 3.5px;
  background-color: #dfdfdf;
}

.myscroll::-webkit-scrollbar-thumb {
  border-radius: 3.5px;
  background-color: rgba(0, 0, 0, 0.2);
}

.w150 {
  width: 160px;
}

.hidden {
  font-size: 13px;
  color: transparent;
  padding-left: 15px;
  line-height: 24px;
}

.thumbnail_wrap {
  border: 1px solid #cccccc;
  position: relative;
  min-height: 80px;
  border: 1px solid #cccccc;
  display: flex;
  justify-content: center;
}

.btn_top_close {
  width: 20px;
  height: 30px;
  background: url(/biz/img/ic_mail_close_normal.1963aa61393827b2.png) center center no-repeat;
  margin-left: 10px;
  text-indent: -9999px;
}

.btn_top_open {
  width: 20px;
  height: 30px;
  background: url(/biz/img/ic_mail_open_normal.2878d04e21f0eadc.png) center center no-repeat;
  margin-left: 10px;
  text-indent: -9999px;
}

.thumbnail_wrap .sui-checkbox {
  line-height: 30px;
}

.thumbnail_wrap .box {
  position: relative;
  margin: 0 8px;
  width: 150px;
}

.thumbnail_wrap .box .btn {
  position: absolute;
  z-index: 15;
  font-size: 12px;
  padding: 0 12px;
  color: #666;
  background-color: #ffffff;
  height: 24px;
  border: 1px solid #cccccc;
  min-width: 46px;
  margin: 4px;
}

.thumbnail_wrap .box .btn:focus {
  color: #ffffff;
  background-color: #536dc2;
  border: none;
}

.thumbnail_wrap .box .imgBox {
  position: relative;
  border: 1px solid #dbdbdb;
  background-color: #eaeaea;
  height: 112px;
  background-size: 100% 100%;
}

.thumbnail_wrap .box .imgBox:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 150px;
  background-color: #666;
  opacity: 0;
  transition: all 0.2s;
  z-index: 6;
}

.thumbnail_wrap .box .imgBox:hover:before {
  opacity: 0.6;
}

.thumbnail_wrap .box .imgBox .btn_list_del {
  z-index: 8;
  top: 0;
  right: 0;
  opacity: 0;
  transition: all 0.6s;
  position: absolute;
  width: 20px;
  height: 20px;
  float: right;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 3px no-repeat #ffffff;
  text-indent: -9999px;
}

.thumbnail_wrap .box .imgBox:hover .btn_list_del {
  opacity: 1;
}

.thumbnail_wrap .box .file {
  display: inline-block;
  font-size: 13px;
  color: #767676;
}

.thumbnail_wrap .box .file a {
  color: #60a3ef;
  text-decoration: underline;
}

.thumbnail_wrap .box1 {
  position: relative;
  margin: 0 8px;
  width: 150px;
  display: table;
}

.thumbnail_wrap .box1 .imgBox {
  position: relative;
  border: 1px solid #dbdbdb;
  background-color: #eaeaea;
  height: 112px;
  background-size: 100% 100%;
  cursor: pointer;
}

.thumbnail_wrap .box1 .imgBox .btn_list_del {
  /*z-index:8;*/
  top: 4px;
  right: 5px;
  opacity: 0;
  /*transition:all 0.6s;*/
  position: absolute;
  width: 20px;
  height: 30px;
  float: right;
  background: url(/biz/img/btn_img_del.8cf4904a52bdd59d.png) right 3px no-repeat;
  text-indent: -9999px;
}

.thumbnail_wrap .box1 .imgBox:hover .btn_list_del {
  opacity: 1;
}

.thumbnail_wrap .box1 .file {
  display: inline-block;
  font-size: 13px;
  color: #767676;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 160px;
  overflow: hidden;
}

.thumbnail_wrap .box1 .file a {
  color: #60a3ef;
  text-decoration: underline;
}

.thumbnail_wrap .file_list {
  border: none;
}

.thumbnail_wrap .file_list ul {
  width: 100% !important;
}

.ur-card__profile > .dp_flex > .box1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e7e7e8;
}

.dp_flex.jqx-grid-widget .box1 img {
  width: 40px;
  height: 30px;
  vertical-align: middle;
}

.dp_flex.jqx-grid-widget .box1 a.noimg {
  width: 40px;
  height: 30px;
  display: block;
  vertical-align: middle;
  background: url(/biz/img/img_nothumbnail.a92da17362a9f38a.png) no-repeat;
}

.box1 a.noimg {
  width: 52px !important;
  height: 52px !important;
  display: block;
  vertical-align: middle;
  background: url(/biz/img/img_nothumbnail_vacant.36a77ef4b2fa52dc.png) no-repeat;
}

.box1 a.nopic {
  width: 30px;
  height: 28px;
  display: block;
  vertical-align: middle;
  background: url(/biz/img/picture_off.089efb3ee2e8139b.png) no-repeat;
}

.box1 a.yespic {
  width: 30px;
  height: 28px;
  display: block;
  vertical-align: middle;
  background: url(/biz/img/picture_on.75c1d15623d9ee3c.png) no-repeat;
}

.thumbnail_wrap .btn_Pre {
  position: relative;
  top: -10px;
  background: url(/biz/img/ic_page_previous_normal.01632ed8f81fa4e0.png) center center no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.thumbnail_wrap .btn_Pre:hover {
  background: url(/biz/img/ic_page_previous_hover.99b90bc37c818a26.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.thumbnail_wrap .btn_Pre:disabled {
  background: url(/biz/img/ic_page_previous_disable.822cbedd9e0976ef.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.thumbnail_wrap .btn_Next {
  position: relative;
  top: -10px;
  background: url(/biz/img/ic_page_next_normal.3a966c664ba03ab4.png) center center no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.thumbnail_wrap .btn_Next:hover {
  background: url(/biz/img/ic_page_next_hover.32e908abbec191ed.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.thumbnail_wrap .btn_Next:disabled {
  background: url(/biz/img/ic_page_next_disable.6cd9167ed271de67.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.tempClass {
  background-color: #e9ecf7;
}

.disable-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by any browser but < IE9 */
}

.comm_ListTB {
  width: 100%;
  empty-cells: show;
  border-top: 1px solid #cccccc;
}

.comm_ListTB .comm_sbtn_border {
  margin-left: 0;
  padding: 0 8px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 50px;
  max-width: 100%;
}

.comm_ListTB th {
  font-size: 13px;
  background: url(/biz/img/line_scr.26511312c5d50508.png) left center no-repeat #f6f7f9;
  height: 36px;
  text-align: left;
  padding-left: 8px;
  color: #000000;
  font-weight: 500;
}

.comm_ListTB th:first-child {
  background: none #f6f7f9;
}

.comm_ListTB td {
  font-size: 13px;
  height: 36px;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea !important;
  margin: 0;
  color: #5a5a5a;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 8px;
}

.comm_ListTB tr:last-child {
  border: none;
}

.comm_ListTB td.star {
  padding-left: 8px;
}

.comm_ListTB td.star:before {
  content: "*";
  font-weight: 100;
  color: #ff5858;
}

.comm_ListTB td.preview {
  color: #cccccc;
}

.comm_ListTB td a {
  color: #60a3ef;
  text-decoration: underline;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80%;
}

.comm_scroll_TB {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #dbdbdb;
  padding-top: 37px;
  background: #f6f7f9;
}

.comm_scroll_TB .comm_ListTB {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 186px;
}

.comm_scroll_TB .comm_ListTB table {
  border-spacing: 0;
  width: 100%;
}

.comm_scroll_TB .comm_ListTB td,
.comm_scroll_TB .comm_ListTB th {
  padding: 4px 8px;
}

.comm_scroll_TB .comm_ListTB td {
  color: #333;
  background-color: #fff;
  border-right: 1px solid #eaeaea !important;
  white-space: normal;
}

.comm_scroll_TB .comm_ListTB tr:last-child {
  border-bottom: none !important;
}

.comm_scroll_TB .comm_ListTB th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}

.comm_scroll_TB .comm_ListTB th div {
  position: absolute;
  background: url(/biz/img/line_scr.26511312c5d50508.png) left center no-repeat;
  color: #000000;
  font-weight: 500;
  padding: 0 8px;
  top: 0;
  margin-left: -8px;
  line-height: 36px;
}

.comm_scroll_TB .comm_ListTB th:first-child div {
  background: none;
}

.comm_scroll_TB .comm_ListTB td.ellip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}

.comm_scroll_TB .comm_ListTB td span.name {
  color: #333;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80%;
}

.comm_scroll_TB .comm_ListTB td .btn_list_del {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  float: right;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 3px no-repeat;
  text-indent: -9999px;
}

.comm_scroll_TB .comm_ListTB td .btn_list_del:hover {
  background: url(/biz/img/ic_input_delete_hover.9864eed2d5d27f9e.png) right 3px no-repeat;
  text-indent: -9999px;
}

.comm_scroll_TB .comm_ListTB td span.size {
  color: #767676;
  padding-left: 5px;
  vertical-align: top;
}

/************* file type icon ******************/
.comm_ListTB td a.excel {
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.ppt {
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.word {
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.pdf {
  background: url(/biz/img/ic_pdf.4eb11e0d7b548d92.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.image {
  background: url(/biz/img/ic_image.57b5a8eb32a80b19.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td a.etc {
  background: url(/biz/img/ic_file_default.7af6d4e2d5424b02.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.excel {
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.ppt {
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.word {
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.pdf {
  background: url(/biz/img/ic_pdf.4eb11e0d7b548d92.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.image {
  background: url(/biz/img/ic_image.57b5a8eb32a80b19.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB td span.etc {
  background: url(/biz/img/ic_file_default.7af6d4e2d5424b02.png) left 3px no-repeat;
  padding-left: 20px;
}

.comm_ListTB tr:last-child {
  border-bottom: 1px solid #cccccc;
}

.comm_ListTB td .btn_list_del {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  float: right;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 3px no-repeat;
  text-indent: -9999px;
  opacity: 1;
  /* transition: opacity .35s ease;*/
}

.comm_ListTB td:first-child,
.comm_ListTB th:first-child {
  border-left-width: 0 !important;
}

.comm_ListTB thead {
  background-color: #efefef;
  color: #000;
  text-align: left;
  vertical-align: bottom;
}

.comm_ListTB td {
  background-color: transparent;
}

.comm_ListTB-odd td,
.comm_ListTB-striped tr:nth-child(2n-1) td {
  background-color: #f2f2f2;
}

.file_list {
  overflow-y: auto;
  max-height: 150px;
  border: 1px solid #cccccc;
}

.file_list li {
  display: flex;
  position: relative;
  font-size: 13px;
  color: #767676;
  padding: 0 12px;
  line-height: 30px;
}

.file_list li p {
  padding-left: 10px;
}

.file_list li a {
  padding-left: 10px;
  color: #60a3ef;
  text-decoration: underline;
}

/************* file type icon ******************/
.file_list li a.excel {
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.ppt {
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.word {
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.pdf {
  background: url(/biz/img/ic_pdf.4eb11e0d7b548d92.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.image {
  background: url(/biz/img/ic_image.57b5a8eb32a80b19.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li a.etc {
  background: url(/biz/img/ic_file_default.7af6d4e2d5424b02.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.excel {
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.ppt {
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.word {
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.pdf {
  background: url(/biz/img/ic_pdf.4eb11e0d7b548d92.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.image {
  background: url(/biz/img/ic_image.57b5a8eb32a80b19.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li p.etc {
  background: url(/biz/img/ic_file_default.7af6d4e2d5424b02.png) 5px 7px no-repeat;
  padding-left: 28px;
}

.file_list li:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}

.file_list li:hover .btn_list_del {
  opacity: 1;
}

.file_list .btn_list_del {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 5px no-repeat;
  text-indent: -9999px;
  opacity: 0;
  /* transition: opacity .35s ease;*/
}

.file_list .name {
  font-size: 13px;
  color: #5a5a5a;
  padding-left: 12px;
}

.file_list button {
  margin-right: -1px;
}

/*========================================  TOOLTIP start  ========================================**/
.info_tooltip {
  display: inline-flex;
  background: url(/biz/img/ic_info.46ba063445735815.png) right center no-repeat;
  width: 20px;
  height: 20px;
  float: right;
  margin: 5px 4px 0;
  justify-content: flex-end;
  margin-left: auto;
}

.vue-tooltip {
  display: block !important;
  z-index: 10000;
}

.vue-tooltip .tooltip-content {
  font-size: 12px;
  font-weight: normal;
  background-color: #000000;
  color: #ffffff;
  padding: 0 8px;
}

.vue-tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}

.vue-tooltip[x-placement^=top] {
  margin-bottom: 5px;
}

.vue-tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.vue-tooltip[x-placement^=bottom] {
  margin-top: 5px;
}

.vue-tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.vue-tooltip[x-placement^=right] {
  margin-left: 5px;
}

.vue-tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.vue-tooltip[x-placement^=left] {
  margin-right: 5px;
}

.vue-tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.vue-tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.vue-tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

.vue-tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.vue-tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

/***white***/
.vue-tooltip-white {
  display: block !important;
  z-index: 10000;
}

.vue-tooltip-white .tooltip-content {
  font-size: 12px;
  font-weight: normal;
  background-color: #ffffff;
  color: #666;
  padding: 4px 8px;
  border: 1px solid #cccccc;
}

.vue-tooltip-white .tooltip-arrow {
  width: 0;
  height: 0;
  position: absolute;
  margin: 0;
  z-index: 1;
}

.vue-tooltip-white .tooltip-arrow:before {
  position: absolute;
  left: calc(50% - 5px);
  top: 100%;
  margin: 0;
  border: solid 0 #cccccc;
  border-width: 1px 1px 0 0;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  background: #ffffff;
  content: "";
}

.vue-tooltip-white[x-placement^=top] {
  margin-bottom: 5px;
}

.vue-tooltip-white[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: 5px;
  left: 50%;
  margin-top: 0;
  margin-bottom: 0;
}

.vue-tooltip-white[x-placement^=top] .tooltip-arrow:before {
  position: absolute;
  left: calc(50% - 5px);
  top: 100%;
  margin: 0;
  border: solid 0 #cccccc;
  border-width: 1px 1px 0 0;
  width: 8px;
  height: 8px;
  transform: rotate(135deg);
  background: #ffffff;
  content: "";
}

.vue-tooltip-white[x-placement^=bottom] {
  margin-top: 5px;
}

.vue-tooltip-white[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.vue-tooltip-white[x-placement^=right] {
  margin-left: 5px;
}

.vue-tooltip-white[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.vue-tooltip-white[x-placement^=left] {
  margin-right: 5px;
}

.vue-tooltip-white[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.vue-tooltip-white.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.vue-tooltip-white.popover .popover-arrow {
  border-color: #f9f9f9;
}

.vue-tooltip-white[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.vue-tooltip-white[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

/*========================================  TOOLTIP end  ========================================**/
/*========================================  pagination Start  ========================================**/
.pagerWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
}

.pagination {
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination .btn_Pre {
  background: url(/biz/img/ic_page_previous_normal.01632ed8f81fa4e0.png) center center no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.pagination .btn_Pre:hover {
  background: url(/biz/img/ic_page_previous_hover.99b90bc37c818a26.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.pagination .btn_Pre:disabled {
  background: url(/biz/img/ic_page_previous_disable.822cbedd9e0976ef.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.pagination .btn_Next {
  background: url(/biz/img/ic_page_next_normal.3a966c664ba03ab4.png) center center no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.pagination .btn_Next:hover {
  background: url(/biz/img/ic_page_next_hover.32e908abbec191ed.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.pagination .btn_Next:disabled {
  background: url(/biz/img/ic_page_next_disable.6cd9167ed271de67.png) center center no-repeat;
  width: 28px;
  height: 28px;
}

.pagination a {
  display: inline-block;
  padding: 5px;
  color: #333333;
  text-decoration: none;
  width: 40px;
  cursor: pointer;
}

.pagination a:hover {
  background-color: #f7f7f7;
}

.pagination__items {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 13px;
  margin: 0;
  padding: 0;
  display: flex;
  margin: 0 1px;
}

.pagination__items li {
  top: -100vh;
  counter-increment: pagination;
}

.pagination__items li:first-child,
.pagination__items li:last-child {
  position: static;
}

.pagination__items li.is-active {
  position: static;
}

.pagination__items li.is-active:not(:nth-child(1)):not(:nth-child(2))::before {
  content: "...";
  display: inline-block;
  width: 40px;
}

.pagination__items li:first-child,
.pagination__items li:last-child {
  position: static;
}

.pagination__items li.is-active + li,
.pagination__items li.is-active + li + li {
  position: static;
}

.pagination__items li.is-active + li + li:not(:last-child):not(:nth-last-child(2))::after {
  content: "...";
  display: inline-block;
  width: 40px;
}

.pagination__items__ellipsis-front li:first-child::after {
  content: "...";
  display: inline-block;
  width: 40px;
}

.pagination__items__ellipsis-rear li:last-child::before {
  content: "...";
  display: inline-block;
  width: 40px;
}

.pagination__items--active a {
  background-color: #e9ecf7;
  color: #047ad5;
  font-weight: bold;
  height: 28px;
}

.goPage_wrap {
  position: relative;
  display: flex;
  margin-left: 16px;
}

.goPage_wrap button {
  font-size: 12px;
  color: #5a5a5a;
  width: 40px;
  height: 28px;
  border: 1px solid #cccccc;
  font-weight: normal;
  margin-left: -1px;
  margin-top: 2px;
}

.goPage_wrap .sui-text-field__input {
  max-width: 60px !important;
  border: 1px solid #cccccc;
}

/*========================================  pagination End  ========================================**/
.comm_line_div {
  display: inline-block;
  width: 25px;
  height: 30px;
  background: url(/biz/img/line.029057969ee9853b.png) center center no-repeat;
  vertical-align: middle;
}

.comm_lineG_div {
  display: inline-block;
  width: 25px;
  height: 30px;
  background: url(/biz/img/lineGray.25f7b08fa9447e7f.png) center center no-repeat;
  vertical-align: middle;
}

.comm_lineR_div {
  display: inline-block;
  width: 25px;
  height: 30px;
  background: url(/biz/img/line_R.af6c2d395e4b43bc.png) center center no-repeat;
  vertical-align: middle;
}

/***** Mail Form *********************/
.receiver_list_wrap {
  border: 1px solid #cccccc;
  width: 100%;
}

.receiver_list_wrap .list_control {
  display: flex;
  overflow: hidden;
  background-color: #f5f7f9;
  padding: 5px 13px 5px 25px;
}

.receiver_list_wrap .list_control .left {
  justify-content: flex-start;
}

.left .receive_type {
  position: relative;
}

.left .receive_type button {
  margin-right: -1px;
}

.btn_receive_typeA {
  height: 22px;
  font-size: 12px;
  color: #5a5a5a;
  padding: 0 5px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.btn_receive_typeA:focus {
  background-color: #e4e9f4;
}

.left .control_btn {
  padding-left: 12px;
  padding-right: 5px;
}

.left .control_btn button {
  padding-right: 8px;
  vertical-align: middle;
}

.left .receive,
.left .refer,
.left .secret,
.left .total {
  font-size: 13px;
  margin-right: 10px;
}

.left .receive:before,
.left .refer:before,
.left .secret:before,
.left .total:before {
  content: "|";
  color: #cccccc;
  display: inline-block;
  width: 14px;
}

.left span em {
  font-weight: bold;
  padding-left: 5px;
}

.receiver_list_wrap .list_control .right {
  justify-content: flex-end;
  margin-left: auto;
}

.user_list {
  overflow-y: auto;
  max-height: 162px;
}

.user_list li {
  padding: 5px 13px;
  position: relative;
}

.user_list li.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.user_list li .receive_type {
  position: relative;
  top: -1px;
}

.user_list li:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}

.user_list li:hover .btn_list_del {
  opacity: 1;
}

.user_list .btn_list_del {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) right 3px no-repeat;
  text-indent: -9999px;
  opacity: 0;
  /* transition: opacity .35s ease;*/
}

.user_list .name {
  font-size: 13px;
  color: #5a5a5a;
  padding-left: 12px;
}

.user_list .num {
  font-size: 13px;
  color: #5a5a5a;
  padding-right: 12px;
}

.user_list .number {
  font-size: 12px;
  padding-right: 5px;
}

/***기안 *****/
.user_list .draft {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  background-color: #dbdbdb;
  width: 100px;
  padding: 2px 0;
  text-align: center;
}

/***합의 *****/
.user_list .agree {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  background-color: #60a3ef;
  width: 100px;
  padding: 2px 0;
  text-align: center;
}

/***후결 *****/
.user_list .decision {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  background-color: #5b55af;
  width: 100px;
  padding: 2px 0;
  text-align: center;
}

/***결재 *****/
.user_list .approval {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  background-color: #536dc2;
  width: 100px;
  padding: 2px 0;
  text-align: center;
}

.user_list button {
  margin-right: -1px;
}

.btn_receive_typeB {
  height: 22px;
  font-size: 12px;
  color: #a5a5a5;
  padding: 0 5px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.btn_receive_typeB.rec:focus {
  border: 1px solid #536dc2;
  background-color: #536dc2;
  color: #ffffff;
}

.btn_receive_typeB.ref:focus {
  border: 1px solid #60a3ef;
  background-color: #60a3ef;
  color: #ffffff;
}

.btn_receive_typeB.sec:focus {
  border: 1px solid #818181;
  background-color: #818181;
  color: #ffffff;
}

.btn_control_top {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_top_2.9431838f8c84c02b.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_up {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_up_2.1a1e8eb207d9ec6c.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_down {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_down_2.b3083b7f5115933e.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_bottom {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_bottom_2.08bf20c0ffc7476e.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_del {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_sort_delete.5732306e81832db4.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_open {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_mail_open_normal.2878d04e21f0eadc.png) center center no-repeat;
  text-indent: -9999px;
}

.btn_control_close {
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_mail_close_normal.1963aa61393827b2.png) center center no-repeat;
  text-indent: -9999px;
}

/***** Process Info *********************/
.processInfo_wrap {
  display: inline-flex;
  width: 100%;
  height: 40px;
}

.processInfo_wrap ul {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
}

.processInfo_wrap ul li {
  font-size: 12px;
  color: #5a5a5a;
  line-height: 40px;
  background: url(/biz/img/ic_process_arrow.75701dc989a8be71.png) 10px center no-repeat;
  padding-left: 40px;
}

.processInfo_wrap ul li:first-child {
  background: none;
}

.processInfo_wrap ul li.active {
  color: #536dc2;
}

.processInfo_wrap ul li.active .complete {
  display: inline-block;
  background: url(/biz/img/bg_process_clear_active.38a433e656c2fec8.png) left center no-repeat;
  width: 20px;
  text-indent: -9999px;
}

.processInfo_wrap ul li .complete {
  display: inline-block;
  background: url(/biz/img/bg_process_clear_normal.37ad180800830e73.png) left center no-repeat;
  width: 20px;
  text-indent: -9999px;
}

.processInfo_wrap ul li .normal {
  display: inline-block;
  color: #ffffff;
  width: 16px;
  height: 16px;
  background: url(/biz/img/bg_process_normal.ad9cf3ed0989a7e7.png) center center no-repeat;
  text-align: center;
  height: 40px;
  margin-right: 4px;
}

.processInfo_wrap ul li .active {
  display: inline-block;
  color: #ffffff;
  width: 16px;
  height: 16px;
  background: url(/biz/img/bg_process_active.3f6ed98a41ff062d.png) center center no-repeat;
  text-align: center;
  height: 40px;
  margin-right: 4px;
}

.processInfo_wrap ul li.disable {
  color: #cccccc;
}

.processInfo_wrap ul li.disable .normal {
  display: inline-block;
  background: url(/biz/img/bg_process_disable.a3c97a0cbf4eb197.png) left center no-repeat;
}

.processInfo_wrap ul li.disable .complete {
  display: inline-block;
  background: url(/biz/img/bg_process_clear_disable.5494647593e24416.png) left center no-repeat;
  width: 20px;
  text-indent: -9999px;
}

/***** page top Selectbox *********************/
.pageSelectbox_wrap {
  display: inline-flex;
  width: 100%;
  height: 40px;
}

.pageSelectbox_wrap p {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
  background: url(/biz/img/ic_reference_info.daa63c70d98c1567.png) left center no-repeat;
  line-height: 38px;
  padding-left: 20px;
  white-space: nowrap;
}

.pageSelectbox_wrap .sui-select {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #cccccc !important;
  border-left: 1px solid #ffffff;
  margin-top: 3px;
  margin-left: 12px;
  min-width: 120px;
}

.pageSelectbox_wrap .sui-select:hover {
  border-top: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
  border-bottom: 1px solid #cccccc !important;
  border-left: 1px solid #ffffff !important;
}

/***2019-08-06****/
.comm_gridTop_wrap .btn_wrapL .sui-tooltip-menu .sui-tooltip-menu__activator {
  margin-left: 0;
}

/***2019-08-07  scroll table ****/
.col-xs-100,
.col-xs-50 {
  float: left;
}

.col-xs-100 {
  width: 100%;
}

.col-xs-55 {
  width: 55%;
}

.col-xs-50 {
  width: 50%;
}

.col-xs-52 {
  width: 52%;
}

.col-xs-48 {
  width: 48%;
}

.col-xs-45 {
  width: 45%;
}

.col-xs-scr {
  width: 1%;
}

.table-fixed {
  width: 100%;
}

.table-fixed tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
}

.table-fixed tbody,
.table-fixed td,
.table-fixed th,
.table-fixed thead {
  display: block;
}

.table-fixed tr {
  display: flex;
}

.table-fixed tr:hover {
  height: 40px;
  background-color: #f7f7f7 !important;
  cursor: pointer;
}

.table-fixed tbody td {
  float: left;
  font-size: 13px;
  height: 40px;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 8px;
  line-height: 40px;
}

.table-fixed thead tr th {
  float: left;
  background: url(/biz/img/line_scr.26511312c5d50508.png) left center no-repeat #f5f7f9;
  height: 40px;
  padding: 0 8px;
  font-size: 13px;
  color: #000000;
  font-weight: 500;
  text-align: left;
  line-height: 40px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #dbdbdb;
}

.table-fixed thead tr th:first-child {
  background-image: none;
}

/***2019-08-19  scroll box ****/
.scr_box {
  border: 1px solid #cccccc;
  width: 100%;
  overflow-y: auto;
  height: 240px;
  padding: 8px;
  font-size: 13px;
  color: #333333;
  line-height: 25px;
}

.scr_box_nobrd {
  width: 100%;
  overflow-y: auto;
  height: 50px;
  font-size: 13px;
  color: #333333;
}

.scr_box .cui-container {
  border: none !important;
}

/***2019-10-14  back to top button ****/
.btn_float {
  position: fixed;
  width: 46px;
  height: 46px;
  bottom: 88px;
  right: 13px;
  background: url(/biz/img/btn_gotoTop_normal.dc6b345663e5cbf9.png) center center no-repeat;
}

.btn_float:hover {
  background: url(/biz/img/btn_gotoTop_hover.d996f9ee7e1ff90b.png) center center no-repeat;
}

/***2019-11-27  tooltip_content ****/
.tooltip-content p {
  color: #a5a5a5;
  font-size: 11px;
  margin-bottom: 5px;
}

.tooltip-content table th {
  text-align: left;
  font-size: 12px;
  color: #a5a5a5;
  padding-right: 8px;
}

.tooltip-content table td {
  text-align: left;
  font-size: 12px;
  color: #333333;
}

/***2019-12-06  homecard nodata ****/
.no_data {
  display: inline-flex;
  justify-content: center;
  margin: auto;
  font-size: 12px;
  color: #cccccc;
}

/***2019-12-28  table innerbutton ****/
.comm_ListTB .btn_innerTbl_border {
  padding: 0 5px;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 0;
  min-width: 50px;
}

.quicklink_box {
  display: block;
  overflow: hidden;
  width: 254px;
  z-index: 100;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  white-space: nowrap;
  right: 5px !important;
  top: 40px !important;
}

.quicklink_header {
  display: inline-flex;
  width: 100%;
}

.quicklink_header .tit {
  font-size: 11px;
  color: #5a5a5a;
  line-height: 30px;
  margin-left: 15px;
}

.quicklink_header .close {
  justify-content: flex-end;
  margin-left: auto;
  cursor: pointer;
  width: 16px;
  height: 30px;
  margin-right: 10px;
  background: url(/biz/img/ic_tooltip_close_normal.72b346f2eb974a16.png) no-repeat center right;
}

.quicklink_list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 642px;
}

.quicklink_more {
  border-top: 1px solid #eaeaea;
  height: 28px;
  cursor: pointer;
}

.quicklink_more p {
  font-size: 12px;
  color: #5a5a5a;
  text-align: center;
  line-height: 28px;
}

.quicklink_item .tit {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  line-height: 28px;
  margin: 0 15px;
  border-bottom: 1px solid #cccccc;
}

.quicklink_item .sublist {
  font-size: 13px;
  color: #333333;
  margin-bottom: 15px;
}

.quicklink_item .sublist li {
  line-height: 28px;
  padding: 0 15px 0 25px;
}

.quicklink_item .sublist li:hover {
  background: url(/biz/img/ic_quicklink.bd0e8958fdf169b6.png) no-repeat 94% 50% #f7f7f7;
  cursor: pointer;
}

.-page-contents__top-wrapper .-order-select {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
  background-color: #fff;
  height: 40px;
}

.-order-select__title {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  font-weight: bold;
}

.-order-select .-order-select__input {
  border-bottom: 1px solid #ccc !important;
  cursor: pointer;
  position: relative;
  z-index: 10;
  height: 30px;
  min-width: 120px;
  padding: 0 26px 0 8px;
  margin-left: 10px;
  border: none;
  font-weight: normal;
  font-size: 13px;
  background: url(/biz/img/ic_dropdown_down_normal.9da25c22dc6b3d99.png) no-repeat right;
  background-position: calc(100% - 8px) 50%;
  background-color: #fff;
  line-height: 30px;
  white-space: nowrap;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__order {
  font-size: 13px;
  font-weight: bold;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__delemiter {
  display: inline-block;
  width: 25px;
  height: 28px;
  background: url(/biz/img/line.029057969ee9853b.png) center center no-repeat;
  vertical-align: middle;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__endDate,
.-order-select .-order-select__input .-order-select-item .-order-select-item__startDate {
  font-size: 13px;
  font-weight: normal;
  color: #333333;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__badge-inprogress {
  display: inline-block;
  min-width: 30px;
  height: 20px;
  padding-left: 8px;
  vertical-align: middle;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__badge-notyet {
  display: inline-block;
  min-width: 30px;
  padding-left: 8px;
  vertical-align: middle;
}

.-order-select .-order-select__input .-order-select-item .-order-select-item__badge-done {
  display: inline-block;
  min-width: 30px;
  padding-left: 8px;
  vertical-align: middle;
}

.-order-select .-order-select__ul {
  display: block;
  position: absolute;
  right: 0;
  min-width: 120px;
  max-height: 336px;
  z-index: 100;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  white-space: nowrap;
  margin-top: 29px;
}

.-order-select .-order-select__ul li {
  display: block;
  line-height: 30px;
  padding: 1px 20px 1px 16px;
  cursor: pointer;
  color: #686c73;
  font-size: 13px;
  color: #222;
}

.-order-select .-order-select__ul li:hover {
  background-color: #f7f7f7;
}

.-order-select .-order-select__ul li:active {
  background-color: #e9ecf7;
  color: #2949b3;
}

.-order-select .-order-select-item__badge {
  display: inline-block;
  font-family: "NotoKrM", "Malgun Gothic", "Arial", sans-serif;
  font-size: 11px;
  line-height: 18px;
  padding: 0 8px;
  border-radius: 50px;
  text-align: center;
  margin-left: 10px;
}

.-order-select .-order-select-item__badge-inprogress {
  color: #0045ff;
  background-color: #f4f7ff;
  border: 1px solid #cddbff;
  min-width: 30px;
}

.-order-select .-order-select-item__badge-notyet {
  color: #7e7e7e;
  background-color: #fafafa;
  border: 1px solid #e6e6e6;
  min-width: 30px;
}

.-order-select .-order-select-item__badge-done {
  color: #00aa20;
  background-color: #f6fdf7;
  border: 1px solid #c9f2d0;
  min-width: 30px;
}

.-order-select .-order-select-item__badge-reorder {
  color: #ff5230;
  background-color: #ffeeee;
  border: 1px solid #ffd0d0;
  min-width: 30px;
}

.-order-select .-order-select-item__badge-delay {
  color: #ff5230;
  background-color: #ffeeee;
  border: 1px solid #ffd0d0;
  min-width: 30px;
}

.-order-select__li .-order-select-item__order {
  font-size: 13px;
}

.-order-select__li .-order-select-item__delemiter {
  display: inline-block;
  width: 25px;
  height: 28px;
  background: url(/biz/img/line.029057969ee9853b.png) center center no-repeat;
  vertical-align: middle;
}

.-order-select__li .-order-select-item__endDate,
.-order-select__li .-order-select-item__startDate {
  font-size: 13px;
  font-weight: normal;
  color: #333;
}

/**** 내 할일 보기 ****/
.module_mywork_chk {
  text-align: right;
  line-height: 26px;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.module_mywork_chk .sui-checkbox__label {
  margin: 0 0 0 5px;
  font-size: 12px;
}

/**** 연간작업 계획 ****/
.module_work_list {
  font-size: 12px;
  margin-right: 20px;
}

.module_work_list li {
  float: left;
  line-height: 24px;
  font-weight: 100;
  color: #767676;
  margin-left: 20px;
  padding-left: 16px;
  position: relative;
}

.module_work_list li:before {
  content: "";
  position: absolute;
  left: 0;
  transform: translateY(70%);
  width: 10px;
  height: 10px;
}

.module_work_list li span {
  font-weight: bold;
}

.module_work_list .mywork:before {
  top: 3px;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);
}

.orange:before {
  background: rgba(255, 182, 58, 0.5);
}

.purple:before {
  background: rgba(105, 82, 219, 0.5);
}

.green:before {
  background: rgba(30, 188, 99, 0.5);
}

.lblue:before {
  background: rgba(115, 162, 255, 0.5);
}

.work_lightorange {
  background: rgba(255, 182, 58, 0.5) !important;
}

.work_lightpurple {
  background: rgba(105, 82, 219, 0.5) !important;
}

.work_lightgreen {
  background: rgba(30, 188, 99, 0.5) !important;
}

.work_lightblue {
  background: rgba(115, 162, 255, 0.5) !important;
}

.work_selectorange {
  content: "";
  position: relative;
  background: rgba(255, 182, 58, 0.5) !important;
}

.work_selectorange:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
}

.work_selectpurple {
  content: "";
  position: relative;
  background: rgba(105, 82, 219, 0.5) !important;
}

.work_selectpurple:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
}

.work_selectgreen {
  content: "";
  position: relative;
  background: rgba(30, 188, 99, 0.5) !important;
}

.work_selectgreen:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
}

.work_selectblue {
  content: "";
  position: relative;
  background: rgba(115, 162, 255, 0.5) !important;
}

.work_selectblue:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
}

.module_thumnail li {
  float: left;
  padding: 5px 0;
}

.module_thumnail li img {
  width: 65px;
  height: 65px;
  margin-right: 20px;
  border: 1px solid #dbdbdb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.module_viewImg {
  text-align: center;
}

.module_viewImg img {
  height: 475px;
  width: 700px;
  border: 1px solid #dbdbdb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.module_info_list {
  margin: 15px 0;
}

.module_info_list > li > .info {
  line-height: 10px;
}

/*** 위, 아래 추가버튼***/
.module_btn_downAdd {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 0 16px 0 26px;
  background: url(/biz/img/ic_detail_seaerch_open_normal.090d4e3b8e03493e.png) 8px center no-repeat;
}

.module_btn_downAdd:hover {
  background: url(/biz/img/ic_detail_seaerch_open_hover.c380da2524549442.png) 8px center no-repeat;
}

.module_btn_upAdd {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 0 16px 0 26px;
  background: url(/biz/img/ic_detail_seaerch_close_normal.2e0298a212b1d056.png) 8px center no-repeat;
}

.module_btn_upAdd:hover {
  background: url(/biz/img/ic_detail_seaerch_close_hover.fabaf5165ba75c92.png) 8px center no-repeat;
}

/*** 테이블 상단 프로세스 ***/
.module_process_wrap {
  background: #f7f7f7;
  height: 100px;
  text-align: center;
}

.module_process_wrap ul {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
  padding: 30px 40px 0;
}

.module_process_wrap ul li {
  position: relative;
  font-size: 12px;
  color: #5a5a5a;
  text-align: center;
  width: 110px;
  padding: 0 8px;
}

.module_process_wrap ul li span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-indent: -9999px;
  background: #f7f7f7 center no-repeat;
  z-index: 10000;
}

.module_process_wrap ul li:last-child span:after {
  width: 0;
}

.module_process_wrap ul .complete span {
  background-image: url(/biz/img/ic_progress_complete.fa44234d952c64d0.png);
}

.module_process_wrap ul .complete span:after {
  content: "";
  position: absolute;
  top: 8px;
  left: calc(50% + 9px);
  width: calc(100% - 16px);
  background: #4fce67;
  height: 2px;
  z-index: 0;
}

.module_process_wrap ul .normal span {
  background-image: url(/biz/img/step_none.b858a860a735d840.png);
}

.module_process_wrap ul .normal span:after {
  content: "";
  position: absolute;
  top: 8px;
  left: calc(50% + 9px);
  width: calc(100% - 16px);
  background: #ddd;
  height: 1px;
  z-index: 0;
}

.module_process_wrap ul .active span {
  background-image: url(/biz/img/ic_progress_processing_2.242aed77bc4f88dc.png);
  border: 1px solid transparent;
  box-sizing: border-box;
}

.module_process_wrap ul .active span:after {
  content: "";
  position: absolute;
  top: 8px;
  left: calc(50% + 9px);
  width: calc(100% - 16px);
  background: #ddd;
  height: 1px;
  z-index: 0;
}

.module_process_wrap ul li p {
  padding-top: 6px;
  overflow: hidden;
}

.module_process_wrap ul .complete p {
  color: #5a5a5a;
}

.module_process_wrap ul .normal p {
  color: #a5a5a5;
}

.module_process_wrap ul .active p {
  color: #336aff;
}

.space-between {
  justify-content: space-between;
}

.magin0 {
  margin: 0 !important;
}

.underline {
  text-decoration: underline;
}

.section-board {
  margin-top: 30px;
}

.section-board ul {
  border-top: 3px solid #555;
}

.section-board li {
  border-bottom: 1px solid #c8c8c8;
  padding: 25px 30px;
}

.section-board li:hover {
  background-color: #f3f3f3;
}

.section-board li a:hover {
  text-decoration: none;
}

.section-board .tit-wrap {
  display: inline-flex;
  width: 100%;
  padding-bottom: 20px;
}

.section-board .tit-wrap .tit-right {
  justify-content: flex-end;
  margin-left: auto;
}

.section-board .tit-wrap .tit-right .category {
  color: #666666;
  padding-left: 20px;
}

.section-board .tit-wrap .tit-right .date {
  color: #666666;
  padding-left: 20px;
}

.section-board .tit-wrap .tit-right .name {
  color: #111111;
  padding-left: 20px;
}

.section-board .tit-wrap .tit-right .view {
  background: url(/biz/img/baseline_visibility_black_9dp.9bc3ed89203b0348.png) no-repeat 18px 4px;
  color: #888888;
  padding-left: 40px;
}

.section-board li strong {
  margin-bottom: 1px;
  font-size: 20px;
  color: #222;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  line-height: 24px;
  vertical-align: bottom;
  max-width: 70%;
}

.section-board li span,
.section-board li strong {
  /* float: right; */
  letter-spacing: -0.5px;
  line-height: 24px;
  vertical-align: bottom;
}

.tree-ellipsis {
  overflow: hidden;
  height: 72px;
  line-height: 24px;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.comment_wrap {
  background-color: #f5f5f5;
}

.comment_list {
  padding: 15px;
}

.comment_list li {
  padding: 10px 0;
  border-bottom: 1px solid #d2d2d2;
}

.comment_list li .comment_write {
  border: 1px solid #ababab;
  background-color: #ffffff;
  padding: 10px 15px 15px !important;
}

.comment_list li .comment_write.reply {
  margin: 10px 0 10px 30px;
}

.comment_list li .comment_reply {
  margin-left: 30px;
}

.ico_reply {
  position: absolute;
  left: 50px;
  width: 10px;
  height: 10px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #929292;
  margin-top: 5px;
}

.comment_write > textarea {
  border: none;
  padding: 0;
  min-height: 50px;
}

.comment_write > textarea:hover {
  border: none;
  padding: 0;
  min-height: 50px;
}

.comment_write > textarea:focus {
  border: none;
  padding: 0;
  min-height: 50px;
}

.comment_list li:first-child {
  padding-top: 0;
}

.comment_date {
  font-size: 13px;
  font-weight: normal;
  min-height: 28px;
  padding-top: 4px;
  color: #9e9e9e;
}

.comment_nick {
  font-size: 15px;
  color: #2a2a2a;
  line-height: 25px;
  font-weight: 700;
}

.comment_nick:hover {
  text-decoration: none;
}

.comment_wrapR {
  display: inline-flex;
  position: relative;
  width: 100%;
  margin-left: auto;
  justify-content: flex-end;
}

.comment_list li div.sui-tooltip-menu > .sui-tooltip-menu__activator {
  background: url(/biz/img/ic_lnb_more_normal.2aa50c13b26a4022.png) no-repeat center center;
  border: none;
}

.comment_list li div.sui-tooltip-menu > .sui-tooltip-menu__menubox {
  width: 70px;
}

.comment_list li div.sui-tooltip-menu > .sui-tooltip-menu__menubox ul.sui-tooltip-menu__menu-list .sui-tooltip-menu__menu-item {
  border: none;
  padding: 0 0 0 10px;
}

.author {
  color: #ffffff;
  font-size: 14px;
  background-color: #8d8d8d;
  padding: 0 3px;
}

.author strong {
  font-weight: normal;
}

.ur-data-grid__info-item > button {
  border: 1px solid #a5a5a5;
  padding: 0 10px;
  margin-right: 5px;
}

.ur-data-grid__info-item > button:last-child {
  margin-right: 0;
}

.ur-data-grid__info-item .comm_gridTop_wrap {
  margin-bottom: 0;
}

.ur-data-grid__info-item .comm_gridTop_wrap .btn_wrapR .comm_btn_gridTop button {
  font-size: 12px;
  margin-top: -2px;
  color: #5a5a5a;
}

.bg_ani {
  width: 100%;
  height: 100%;
  background: linear-gradient(253deg, #0cc898, #1797d2, #864fe1);
  background-size: 300% 300%;
  animation: Background 10s ease infinite;
}
@keyframes Background {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.full-screen {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/biz/img/home_pat.8bfa8dc75cb64633.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  /* works with row or column */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bg_ani .full-screen .logo_big {
  width: 840px;
  height: 90px;
  background: url(/biz/img/logo_WB.84fcbe082d5ce5b2.png) no-repeat center;
}

.builder_wrap {
  display: flex;
  width: 100%;
  min-height: 650px;
}

.builder_wrap .left {
  display: block;
  flex: 0 0 auto;
  max-width: 300px !important;
  margin-right: 15px;
  background-color: #047ad5;
}

.builder_wrap .right {
  display: flex;
  width: calc(100% - 251px);
  border: 1px solid #e6e7e8;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: #959595;
}

.builder_wrap .rightM {
  display: flex;
  width: 450px;
  border: 2px solid #e6e7e8;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  background-color: #ffffff;
}

.builder_wrap2 {
  display: flex;
  width: 100%;
  height: 540px;
}

.builder_wrap2 .left1 {
  display: block;
  flex: 0 0 auto;
  width: 350px;
  margin-right: 15px;
  border: 1px solid #e6e7e8;
  padding: 15px;
}

.builder_wrap2 .right1 {
  display: flex;
  width: calc(100% - 365px);
  border: 1px solid #e6e7e8;
  padding: 15px;
}

.builder_wrap2 .left2 {
  display: block;
  flex: 0 0 auto;
  width: 50%;
  margin-right: 15px;
  border: 1px solid #e6e7e8;
  padding: 15px;
  overflow-y: auto;
}

.builder_wrap2 .right2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  border: 1px solid #e6e7e8;
  padding: 15px;
}

.builder_wrap2 .right2 .preview {
  width: 400px;
  height: 400px;
}

.builder_wrap2 .right2 .btnwrap {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.builder_wrap .sui-tab-box-type {
  width: 340px;
}

.builder_wrap .sui-tab-box-type .sui-tab-box-type__header__container {
  transform: translateX(0) !important;
}

.chart_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 236px;
  overflow-y: auto;
  padding: 8px;
}

.chart_wrap .item {
  box-sizing: border-box;
  margin: 5px;
  border-radius: 5px;
  position: relative;
  height: 100px;
  width: 100px;
  background-color: #ffffff;
}

.chart_wrap .item:hover {
  cursor: pointer;
  box-shadow: -1px 7px 15px -2px rgba(0, 0, 0, 0.22);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
}

.chart_wrap .item img {
  position: absolute;
  text-align: center;
  vertical-align: middle;
  background-position: center center;
  border-radius: 5px;
}

.box_resize {
  height: calc(100% - 60px) !important;
  padding-left: 20px;
}

.box_title_wrap {
  display: flex;
  position: relative;
  padding: 15px;
}

.box_title_wrap h4 {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
}

.box_title_wrap .btn_wrap {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
  line-height: 25px;
}

.box_title_wrap .btn_wrap .btn_copy {
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
  background: url(/biz/img/btn_pan_copy.82e8a3fe9271e1e2.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_copy:hover {
  background: url(/biz/img/btn_pan_copy_hover.5bd533edf8ebf307.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_copy:disabled {
  background: url(/biz/img/btn_pan_copy_dis.bd09a426d4d50770.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_lock {
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
  background: url(/biz/img/btn_pan_lock.57f921dd2564d30b.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_lock_on {
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
  background: url(/biz/img/btn_pan_lock_on.b628a2d63df68ad0.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_lock:hover {
  background: url(/biz/img/btn_pan_lock_hover.5fa8f542f4599001.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_lock:disabled {
  background: url(/biz/img/btn_pan_lock_dis.438ae363ce76d361.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_set {
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 30px;
  background: url(/biz/img/btn_pan_set.95bc048f8b96ea14.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_set:hover {
  background: url(/biz/img/btn_pan_set_hover.6b2f7512bb1b7b3e.png) no-repeat right 0;
}

.box_title_wrap .btn_wrap .btn_set:disabled {
  background: url(/biz/img/btn_pan_set_dis.4d569b9449410f0d.png) no-repeat right 0;
}

.droppable-element1 {
  width: 150px;
  text-align: center;
  background: #fdd;
  border: 1px solid black;
  margin: 10px 0;
  padding: 10px;
}

.droppable-element2 {
  width: 150px;
  text-align: center;
  background: #86d321;
  border: 1px solid black;
  margin: 10px 0;
  padding: 10px;
}

.droppable-element3 {
  width: 150px;
  text-align: center;
  background: #096cc9;
  border: 1px solid black;
  margin: 10px 0;
  padding: 10px;
}

.droppable-element4 {
  width: 150px;
  text-align: center;
  background: #9b08d4;
  border: 1px solid black;
  margin: 10px 0;
  padding: 10px;
}

.vue-grid-layout {
  background: #ffffff;
  min-height: 1050px;
  width: 100%;
  border: 1px solid #fff;
  background-color: #ffffff;
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

.vue-grid-item {
  border-radius: 10px;
  border: 2px solid #cccccc;
  background: #f4f6fa;
}

.vue-grid-item.vue-grid-placeholder {
  background: #666666 !important;
  opacity: 0.2;
  transition-duration: 0.1s;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: none;
}

.vue-grid-item .resizing {
  opacity: 0.9;
}

.vue-grid-item .static {
  background: #cce;
}

.vue-grid-item .text {
  font-size: 24px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
}

.vue-grid-item .no-drag {
  height: 100%;
  width: 100%;
}

.vue-grid-item .minMax {
  font-size: 12px;
}

.vue-grid-item .add {
  cursor: pointer;
}

.vue-draggable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background: red;
  background-position: bottom right;
  padding: 0 8px 8px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: pointer;
}

.layoutJSON {
  background: #ddd;
  border: 1px solid black;
  margin-top: 10px;
  padding: 10px;
}

.layoutJSON {
  background: #ddd;
  border: 1px solid black;
  margin-top: 10px;
  padding: 10px;
}

.columns {
  -moz-columns: 120px;
  columns: 120px;
}

.remove {
  text-align: center;
  position: absolute;
  right: 5px;
  top: 15px;
  cursor: pointer;
  font-size: 20px;
  width: 25px;
  display: block;
  background-color: #efefef;
  height: 25px;
  line-height: 20px;
  color: #999999;
  text-indent: -10000px;
  background: url(/biz/img/btn_pan_del.d6aa07612eda836b.png) no-repeat;
}

.remove:hover {
  background: url(/biz/img/btn_pan_del_hover.07c0601d2edb8b78.png) no-repeat;
}

.wrapper {
  position: relative;
  height: 100%;
  width: calc(100% - 20px);
}

.wrapper .wrapper {
  width: 100%;
  padding-left: 15px;
  padding-bottom: 15px;
}

.vue-grid-item > .vue-resizable-handle {
  background: url(/biz/img/handle_vuegrid.9871343a41f74548.png) no-repeat !important;
  right: -5px !important;
  bottom: -5px !important;
}

.panelWrap .sui-panel__contents-wrapper .action_card_wrap {
  border: none;
  border-radius: 5px;
  padding: 0;
  margin-bottom: 0;
}

.action_card_wrap {
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

.action_card_wrap .top {
  display: flex;
  width: 100%;
}

.action_card_wrap .body {
  background-color: #121fcf;
  padding: 10px 0;
}

.action_card_wrap .title {
  justify-content: flex-start;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.action_card_wrap .close {
  justify-content: flex-end;
  margin-left: auto;
}

.action_card_wrap .color {
  cursor: pointer;
  width: 80px;
  height: 20px;
  border: 1px solid #efefef;
}

.action_card_wrap .border {
  cursor: pointer;
  width: 80px;
  height: 20px;
  border: 5px solid #999;
}

.action_card_wrap .btn_del {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) 5px 2px no-repeat;
}

.action_card_wrap .btn_del:hover {
  background: url(/biz/img/ic_input_delete_hover.9864eed2d5d27f9e.png) 5px 2px no-repeat;
}

.Grid {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

.Grid-cell {
  flex: 1;
  padding: 5px 15px;
}

/* With gutters*/
.Grid--gutters .Grid-cell {
  padding-left: 1em;
}

/* Justify per row*/
.Grid--right {
  justify-content: flex-end;
}

.Grid--center {
  justify-content: center;
}

/* Alignment per row */
.Grid--top {
  align-items: flex-start;
}

.Grid--bottom {
  align-items: flex-end;
}

.Grid--center {
  align-items: center;
}

/* Alignment per cell */
.Grid-cell--top {
  align-self: flex-start;
}

.Grid-cell--bottom {
  align-self: flex-end;
}

.Grid-cell--center {
  align-self: center;
}

.Grid--cols-2 > .Grid-cell {
  flex: 0 0 100%;
}

.Grid--cols-2:first-child {
  padding-top: 10px;
}

.Grid--cols-3 > .Grid-cell {
  flex: 0 0 100%;
}

.Grid--cols-4 > .Grid-cell {
  flex: 0 0 100%;
}

.Grid--cols-6 > .Grid-cell {
  flex: 0 0 calc(50% - 1em);
}

.Grid--cols-12 > .Grid-cell {
  flex: 0 0 calc(33.3333% - 1em);
}

/* One of -- columns*/
.Grid--1of2 > .Grid-cell,
.Grid--1of3 > .Grid-cell:first-of-type,
.Grid--1of4 > .Grid-cell:first-of-type {
  flex: 0 0 100%;
}

.Grid--1of6 > .Grid-cell:first-of-type {
  flex: 0 0 50%;
}

.Grid--fit > .Grid-cell {
  flex: 1;
}

.Grid--full > .Grid-cell {
  flex: 0 0 100%;
}

.Grid--cols-12 > .Grid-cell,
.Grid--cols-2 > .Grid-cell,
.Grid--cols-3 > .Grid-cell,
.Grid--cols-4 > .Grid-cell,
.Grid--cols-6 > .Grid-cell {
  flex: 1;
}

.Grid--1of2 > .Grid-cell {
  flex: 0 0 50%;
}

.Grid--1of6 > .Grid-cell:first-of-type {
  flex: 0 0 16.6666%;
}

.Grid--1of4 > .Grid-cell:first-of-type {
  flex: 0 0 25%;
}

.Grid--1of3 > .Grid-cell:first-of-type {
  flex: 0 0 30%;
}

.Grid-cell .color-picker {
  width: 100%;
}

.color-picker input {
  background: #ffffff;
  padding: 0 8px;
  font-size: 14px;
  color: #333333;
  border: 1px solid #cccccc;
  height: 28px;
  line-height: 28px;
  width: calc(100% - 28px);
}

.vc-sketch {
  width: 210px !important;
  height: 310px !important;
  padding: 10px 10px 0;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0 !important;
  margin-left: 1px;
  z-index: 2000;
}

.current-color {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  border: 1px solid #cccccc;
  background-color: #000;
  cursor: pointer;
  margin-left: -1px;
  margin-bottom: -8px;
}

.v-card__title.KPI_main {
  background-color: #dfeaf7;
  padding-bottom: 10px !important;
}

.KPI_compo {
  background-color: #dfeaf7;
}

.KPI_compo .main {
  font-size: 2.5rem;
  color: #000000;
  font-weight: 700;
  text-align: center;
  margin-top: -15px;
  margin-bottom: 10px;
}

.KPI_compo .main span.subtit {
  font-size: 25px;
  padding-left: 15px;
  color: #767676;
  display: flex;
  justify-content: center;
  align-items: center;
}

.KPI_compo .col {
  padding: 0 !important;
}

.KPI_compo .row {
  justify-content: space-between;
  margin: 0;
  padding: 0 10px;
}

.KPI_compo .row.one {
  justify-content: center;
  margin: 0;
}

.KPI_compo .row.one .sub {
  width: 100%;
}

.KPI_compo .sub {
  width: calc(50% - 4px);
  padding: 8px;
  background-color: #ffffff;
  margin-bottom: 8px;
  border-radius: 5px;
  text-align: center;
}

.KPI_compo .sub:nth-child(odd) {
  margin-right: 0;
}

.KPI_compo .sub .top {
  display: flex;
  width: 100%;
}

.KPI_compo .sub .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.KPI_compo .sub .top .tit {
  color: #767676;
  font-size: 14px;
}

.KPI_compo .sub .bottom .nums {
  display: block;
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
  float: left;
  margin-right: 5px;
}

.KPI_compo .sub .bottom .num {
  color: #000000;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 5px;
}

.KPI_compo .sub .bottom .nums.arrow_BL {
  color: #1e67d3;
  width: 50%;
  text-align: left;
}

.KPI_compo .sub .bottom .nums.arrow_RE {
  color: #de071a;
  width: 50%;
  text-align: left;
}

.KPI_compo .sub .bottom .nums.zero {
  color: #333333;
  width: 40%;
  text-align: left;
}

.KPI_compo .sub .bottom span {
  justify-content: right;
  display: flex;
  overflow: hidden;
}

.num_BL {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #3079e4;
  padding: 3px 0;
}

.num_RE {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #e41b2c;
  padding: 3px 0;
}

.num_zero {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #333333;
  padding: 3px 0;
}

.arrow_BL {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #1e67d3;
}

.arrow_BL::before {
  content: "▲";
  font-size: 10px;
  display: inline-block;
  color: #1e67d3;
  line-height: 25px;
  vertical-align: top;
}

.arrow_RE {
  font-size: 13px;
  height: 24px;
  text-align: center;
  color: #de071a;
}

.arrow_RE::before {
  content: "▼";
  font-size: 10px;
  display: inline-block;
  color: #de071a;
  line-height: 25px;
  vertical-align: top;
}

.builder_body .-page-contents .-page-contents__wrapper {
  top: 0 !important;
}

.top_fixed {
  width: 100%;
  margin: auto;
  position: sticky;
  top: 0;
  z-index: 10;
  overflow: hidden;
  background-color: #ffffff;
}

.builder_body {
  overflow: auto;
  height: 100%;
  min-width: 900px;
  padding-left: 56px;
  padding-right: 56px;
  padding-bottom: 56px;
}

.builder_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.builder_header h1 {
  font-size: 40px;
  font-weight: 700;
  flex: 1;
  text-align: center;
  background: #121fcf;
  background: linear-gradient(to right, #121fcf 0%, #cf1512 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #7272cf;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.btn-icon-prime {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #7272cf;
  background-color: #7272cf;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.btn-icon:hover {
  background-color: #ececfd;
}

.btn-icon-prime:hover {
  background-color: #5454af;
  color: #ffffff;
}

.btn-icon:hover i {
  color: #7272cf;
}

.btn-icon-prime i {
  font-size: 25px;
  padding-top: 12px;
  color: #ffffff;
}

.btn-icon i {
  font-size: 25px;
  padding-top: 12px;
  color: #7272cf;
}

.iconbar_wrap {
  display: flex;
  width: 100%;
}

.builder_menu {
  max-width: 100%;
  width: 100%;
  border: 1px solid #ccc;
  margin: 0 auto;
  border-radius: 8px;
  margin-bottom: 15px;
}

.builder_menu_wrap ul {
  white-space: nowrap;
  overflow-x: auto;
  text-align: center;
  padding: 5px;
}

.builder_menu_wrap ul li {
  display: inline-block;
  padding: 10px 20px;
  margin: 0 5px;
  transition: background-color 0.2s linear 0s;
}

.builder_menu_wrap ul li.line {
  background: url(/biz/img/img_widget_divider.c5f2e72d55a95743.png) no-repeat center center;
  width: 1px;
  height: 70px;
  padding: 0;
  margin-bottom: 17px;
}

.builder_menu_wrap ul li img {
  text-align: center;
  background-position: center center;
  padding: 20px;
  width: 100px;
}

.builder_menu_wrap span.link-text {
  margin-top: -10px;
  display: block;
  color: #858484;
  font-size: 13px;
}

.builder_menu_wrap ul li:hover {
  cursor: pointer;
  border-radius: 8px;
  background-color: #f2eef8;
}

.builder_grid_wrap .main {
  display: flex;
  background: #ffffff;
  min-height: 650px;
  width: 100%;
  border: 2px solid #b8b8b8;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: linear-gradient(#efefef 1px, transparent 1px), linear-gradient(90deg, #efefef 1px, transparent 1px), linear-gradient(#efefef 1px, transparent 1px), linear-gradient(90deg, #efefef 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

.builder_grid_wrapM {
  display: flex;
  background: #dadada;
  min-height: 650px;
  width: 100%;
  border: 2px solid #b8b8b8;
  flex: 1;
}

.builder_grid_wrapM .left {
  width: 30%;
  background: #cccccc;
}

.builder_grid_wrapM .main {
  display: flex;
  flex: 1;
  background-color: #ffffff;
  background-image: linear-gradient(#efefef 1px, transparent 1px), linear-gradient(90deg, #efefef 1px, transparent 1px), linear-gradient(#efefef 1px, transparent 1px), linear-gradient(90deg, #efefef 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
  justify-content: center;
}

.builder_grid_wrapM .right {
  width: 30%;
  background: #cccccc;
}

.sort_save {
  text-indent: -9999px;
  background: url(/biz/img/ic_sort_save.dff76bfdffc926a0.png) no-repeat center center #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d6da !important;
  min-width: auto !important;
  margin-bottom: 2px;
  margin-left: 3px;
}
.sort_save:hover {
  background-color: #ecedee !important;
}
.sort_save:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.ur-tooltip-directive {
  position: fixed;
  z-index: 10000;
  background-color: #ffffff;
  color: #3d3e40;
  padding: 4px 8px;
  line-height: 20px;
  font-size: 12px;
  min-height: 32px;
  max-width: 368px;
  transition: left 0.1s, right 0.1s, top 0.1s, bottom 0.1s, opacity 0.3s linear 0.15s;
  pointer-events: none;
  border: 1px solid #3d3e40;
}

.ur-tooltip-directive[direction]:before {
  content: "";
  border-style: none;
  position: absolute;
}

.pi {
  color: #767676;
}

.p-datatable-frozen-view {
  border-right: 2px solid #9299a0;
}

.panel_wrap .sui-tab-box-type__cont {
  overflow: hidden;
}

.empty_text {
  width: 840px;
  height: 85px;
  background: url(/biz/img/logo_GB.7dbaab0ec668bd33.png) no-repeat center;
}

.panelWrap {
  padding-top: 10px;
}

.panelWrap .row .col-xs-12 {
  padding: 5px 0 !important;
  border-bottom: none !important;
}

.panelWrap .sui-panel.drag .sui-panel__header-title {
  padding-left: 25px;
  background: url(/biz/img/ic_menu_normal.d35886f38b28ff7e.png) no-repeat left 50%;
}

.panelWrap .sui-panel.drag.noarrow .sui-panel__header-button-wrapper {
  display: none;
}

.panelWrap .sui-panel {
  display: block;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

.panelWrap .sui-panel__header-wrapper {
  border-bottom: none;
}

.panelWrap .sui-panel__header-title-wrapper {
  height: 25px;
}

.panelWrap .sui-panel__header-title {
  font-size: 14px;
  line-height: 25px;
  color: #333;
  font-weight: bold;
}

.panelWrap .sui-panel__contents-wrapper {
  padding-top: 10px;
}

.panelWrap .sui-panel__header-button-wrapper {
  top: 0;
}

.panelWrap .sui-panel__header-button.sui-panel-navigation__button-expanded,
.panelWrap .sui-panel__header-button.sui-panel-navigation__button-expanded:hover {
  height: 25px;
  width: 25px;
  background: url(/biz/img/ic_mail_close_normal.1963aa61393827b2.png) no-repeat right 50%;
}

.panelWrap .sui-panel__header-button.sui-panel-navigation__button-collapsed,
.panelWrap .sui-panel__header-button.sui-panel-navigation__button-collapsed:hover {
  height: 25px;
  width: 25px;
  background: url(/biz/img/ic_mail_open_normal.2878d04e21f0eadc.png) no-repeat right 50%;
}

.panelWrap .comm_ico_modify {
  background: url(/biz/img/ic_modify.05eae36d7bb31a16.png) no-repeat center center #ffffff;
  display: inline-flex;
  float: right;
  justify-content: flex-end;
  margin-left: auto;
  width: 28px;
  height: 28px;
  border: 1px solid #d2d6da;
}

.panelWrap .comm_ico_modify:hover {
  border: 1px solid #a5a5a5;
  background: url(/biz/img/ic_modify_hover.35bce293ba109e3d.png) no-repeat center center #f7f7f7;
}

.builder_wrap2 .row .col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
  background-color: #f6f7f9;
}

.builder_wrap2 .row .col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.sui-panel.drag.measure-drag.sortable-chosen.sortable-ghost {
  border: 1px solid #6d6d6d;
  background-color: #efefef;
}

.wrapper-dropdown .arrow {
  position: absolute;
  right: 10px;
  top: 40%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #888;
}

.wrapper-dropdown .selector .expanded {
  transform: rotateZ(180deg) translateY(1px);
}

.wrapper-dropdown {
  position: relative;
  background: #ffffff;
  outline: none;
  cursor: pointer;
}

.wrapper-dropdown .selector > span {
  width: 100%;
  display: block;
  padding: 3px 8px;
}

.wrapper-dropdown .selector > span img {
  width: 132px;
  height: 12px;
  margin-right: 10px;
}

.wrapper-dropdown .selector > span > span {
  padding: 0 12px;
  margin-right: 5px;
}

.wrapper-dropdown .selector > span > span:last-child {
  margin-right: 10px;
}

.wrapper-dropdown .selector .dropdown {
  width: calc(100% + 2px);
  margin-left: -1px !important;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 13px;
  border: 1px solid #cccccc;
  position: relative;
  z-index: 2;
  background: #ffffff;
}

.wrapper-dropdown .selector .dropdown li {
  display: block;
  text-decoration: none;
  color: #2e2e2e;
  padding: 4px 8px;
  cursor: pointer;
}

.wrapper-dropdown .selector .dropdown li > span {
  padding: 0 12px;
  margin-right: 5px;
}

.wrapper-dropdown .selector .dropdown li > span:last-child {
  margin-right: 10px;
}

.wrapper-dropdown .selector .dropdown li:hover {
  background: #eee;
  cursor: pointer;
}

.wrapper-dropdown .selector .dropdown li img {
  width: 132px;
  height: 12px;
  margin-right: 10px;
}

.box_paneltit {
  border: 1px solid #d5e0fb;
  background-color: #eceff5;
  padding: 4px;
  font-size: 13px;
}

.box_paneltit span.tit:before {
  content: "";
  display: inline-block;
  background-color: #2949b3;
  height: 4px;
  width: 4px;
  border-radius: 3px;
  margin: 3px 5px;
}

.box_paneltit span.tit {
  color: #5973ca;
}

.box_paneltit span.txt {
  padding: 0 20px 0 5px;
}

.aselect-wrap {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  width: 100%;
  min-width: 70px;
}

.aselect-wrap:hover {
  border: 1px solid #a5a5a5;
}

.aselect {
  position: relative;
  background: #ffffff;
  outline: none;
  cursor: pointer;
}

.aselect .selector .arrow {
  position: absolute;
  right: 10px;
  top: 40%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #888;
}

.aselect .selector .expanded {
  transform: rotateZ(180deg) translateY(1px);
  top: 12px;
}

.aselect .selector .label {
  display: block;
  padding: 3px 8px;
  font-size: 13px;
  color: #333333;
  height: 26px;
}

.aselect .selector .label span img {
  padding-right: 10px;
}

.aselect ul {
  width: calc(100% + 2px);
  margin-left: -1px !important;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 13px;
  border: 1px solid #cccccc;
  position: absolute;
  z-index: 99999999;
  background: #ffffff;
}

.aselect li {
  padding: 5px 8px;
  color: #666;
}

.aselect li img {
  padding-right: 10px;
}

.aselect li:hover {
  background: #efefef;
}

.aselect .current {
  background: #eaeaea;
}

.aselect .hidden {
  visibility: hidden;
}

.aselect .visible {
  visibility: visible;
}

.aselect .ulwrap ul {
  position: relative;
  border-bottom: none;
}

.aselect .ulwrap.hidden ul {
  position: absolute;
}

.Grid.Grid--gutters .col-xs-3 {
  flex-basis: 20%;
  max-width: 20%;
  padding-right: 0;
  padding-left: 5px;
}

.Grid.Grid--gutters .col-xs-9 {
  flex-basis: 80%;
  max-width: 80%;
  padding-right: 5px;
}

.multirow1 {
  width: 100%;
  display: flex;
  margin-bottom: 5px;
}

.multirow1:last-child {
  margin-bottom: 0;
}

.multirow1 .btn_innerTbl_border,
.multirow2 .btn_innerTbl_border {
  width: 15px !important;
  min-width: 28px;
  padding: 0 5px;
}

.multirow2 {
  display: inline-flex;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #efefef;
  width: 100%;
}

.multirow2 .left {
  display: inline-block;
  width: calc(100% - 32px);
}

.multirow2 .left .row1 {
  display: flex;
  margin-bottom: 3px;
}

.multirow2 .left .row1:last-child {
  margin-bottom: 0;
}

.multirow2 .right {
  display: flex;
  align-items: center;
  width: 30px;
}

.logotext {
  font-size: 70px;
  font-weight: 700;
  color: #798dbb;
  letter-spacing: -1px;
}

.ur-button--border.ur-button--black:not(.ur-button--loading):hover {
  background-color: #f3f3f3 !important;
}

.sui-checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sui-checkbox__label {
  margin-left: 3px;
  margin-right: 15px;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  color: #333333;
}

.sui-checkbox__check-image {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.sui-checkbox--check-on {
  position: relative;
  width: 16px;
  height: 16px;
  background: #536dc2 url(/biz/img/ico_checkOn.eb7c7c238e7eaf28.png) no-repeat center 46%;
  border: 1px solid #536dc2;
  display: inline-block;
  margin-right: 4px;
}

.sui-checkbox--check-off {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #a5a5a5;
  display: inline-block;
  margin-right: 4px;
  background-color: #ffffff;
}

.sui-checkbox--check-off:hover {
  border: 1px solid #536dc2;
}

.sui-checkbox--disabled {
  pointer-events: none;
}

.sui-checkbox--disabled .sui-checkbox__label {
  color: #cccccc;
}

.sui-checkbox--disabled > .sui-checkbox--check-off {
  background: #eaeaea;
  border: 1px solid #d6d6d6;
}

.sui-checkbox--disabled > .sui-checkbox--check-on {
  background: #d3dff9 url(/biz/img/ico_checkOn.eb7c7c238e7eaf28.png) no-repeat center 46%;
  border: 1px solid #d3dff9;
}

textarea {
  color: #333333;
  font-size: 14px;
  width: 100%;
  border: 1px solid #ccc;
  padding: 8px;
  resize: none;
  vertical-align: middle;
  box-sizing: border-box;
}

textarea:hover {
  border: 1px solid #a5a5a5;
}

textarea:focus {
  border: 1px solid #2949b3;
}

textarea[readonly] {
  color: #767676;
  background-color: #f7f7f7;
}

textarea[disabled] {
  color: #ccc;
  background-color: #f7f7f7;
  border: 1px solid #dbdbdb;
  pointer-events: none;
}

textarea::-ms-clear {
  display: none;
}

textarea:-ms-input-placeholder {
  color: #ccc;
  font-size: inherit;
}

textarea::-webkit-input-placeholder {
  color: #ccc;
  font-size: inherit;
}

textarea::-moz-placeholder {
  color: #ccc;
  font-size: inherit;
}

textarea::-moz-placeholder {
  color: #ccc;
  font-size: inherit;
}

.sui-input-label {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  color: #333333;
  font-weight: 500;
  word-break: keep-all;
  font-size: 16px;
  line-height: 64px;
  white-space: nowrap;
}

.sui-input-label--multiline label {
  height: 15px;
  line-height: 18px;
}

.row .sui-input-label > span > label.sui-input-label__label--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sui-input-label__star {
  position: relative;
}

.sui-input-label__star:before {
  content: "*";
  position: absolute;
  left: -10px;
  top: 0;
  height: 64px;
  line-height: 64px;
  font-weight: 100;
  color: #e74c3c;
  padding: 0;
  font-size: 20px;
}

.sui-input-label__starB {
  position: relative;
}

.sui-input-label__starB:before {
  content: "*";
  position: absolute;
  left: -9px;
  top: 0;
  height: 28px;
  line-height: 28px;
  font-weight: 100;
  color: #5a5a5a;
  padding: 0;
}

.sui-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.sui-modal.different .sui-confirm__small {
  width: auto;
  min-width: 380px;
  max-width: 410px;
}

.sui-modal__container {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #767676;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

.sui-modal__close-button,
.sui-modal__contents {
  overflow-y: auto;
  overflow: hidden;
}

.sui-modal__close-button {
  position: absolute;
  right: 5px;
  top: 5px;
}

.sui-modal--cursor {
  cursor: pointer;
  float: right;
  display: block;
  width: 15px;
  height: 50px;
  background: url(/biz/img/btn_close02.7978e45dcce3f229.png) no-repeat 0 50%/16px;
  text-indent: -9999px;
  padding: 0 13px;
}

.sui-modal--move-bottom,
.sui-modal--move-left {
  bottom: 0;
  left: 0;
}

.sui-modal--move-top,
.sui-modal--fade {
  top: 0;
  left: 0;
}

.sui-modal--move-right {
  right: 0;
  top: 0;
}

.sui-modal--fade-enter-active,
.sui-modal--fade-leave-active {
  transition: 0.3s;
}

.sui-modal--fade-enter,
.sui-modal--fade-leave-to {
  opacity: 0;
}

.sui-modal--move-bottom-enter-active,
.sui-modal--move-bottom-leave-active {
  transition: 0.3s;
}

.sui-modal--move-bottom-enter,
.sui-modal--move-bottom-leave-to {
  bottom: 100%;
}

.sui-modal--move-top-enter-active,
.sui-modal--move-top-leave-active {
  transition: 0.3s;
}

.sui-modal--move-top-enter,
.sui-modal--move-top-leave-to {
  top: 100%;
}

.sui-modal--move-right-enter-active,
.sui-modal--move-right-leave-active {
  transition: 0.3s;
}

.sui-modal--move-right-enter,
.sui-modal--move-right-leave-to {
  right: 100%;
}

.sui-modal--move-left-enter-active,
.sui-modal--move-left-leave-active {
  transition: 0.3s;
}

.sui-modal--move-left-enter,
.sui-modal--move-left-leave-to {
  left: 100%;
}

/******* suiModal end *******/
/******* suiPopup start *******/
.sui-popup__wrapper {
  display: block;
  position: relative;
  min-width: 400px;
  z-index: 100;
  background: #ffffff;
}

.sui-popup__title-area {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 60px;
  padding: 0 30px;
  background: #ffffff;
  cursor: move;
}

.sui-popup__title {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  justify-content: flex-start;
  flex: 1;
  padding-top: 10px;
  line-height: 50px;
}

.sui-popup__close {
  justify-content: flex-end;
  margin-left: auto;
}

.sui-popup__close-button {
  float: right;
  display: block;
  width: 30px;
  height: 60px;
  background: url(/biz/img/btn_popup_close.d89a971c845a0892.png) no-repeat right 60%;
  text-indent: -9999px;
}

/******* suiPopup end *******/
/******* suiRadio start *******/
.sui-radio {
  position: relative;
  cursor: pointer;
  display: inline-block;
  line-height: 28px;
  height: 28px;
  white-space: nowrap;
}

.sui-radio__label {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  margin-left: 8px;
  margin-right: 32px;
}

.sui-radio__icons {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.sui-radio--checked {
  background: url(/biz/img/btn_radio_checked.37cec105576d9c1f.png) no-repeat center;
  border: none;
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.sui-radio--unchecked {
  background: #ffffff;
  border: 1px solid #a9a9a9;
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.sui-radio--unchecked:hover {
  background: #ffffff;
  border: 1px solid #536dc2;
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.sui-radio--disabled {
  pointer-events: none;
}

.sui-radio--disabled > .sui-radio__label {
  color: #959595;
}

.sui-radio--disabled > .sui-radio--checked {
  background: url(/biz/img/btn_radio_checkedD.fab1825252748e67.png) no-repeat center;
  border: 0 none;
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.sui-radio--disabled > .sui-radio--unchecked {
  background: #f7f7f7;
  border: 1px solid #eaeaea;
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

/******* suiRadio end *******/
/******* suiSelect start *******/
.sui-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  width: 100%;
  min-width: 70px;
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.sui-select:hover {
  border: 1px solid #a5a5a5;
}

.sui-select:active {
  border: 1px solid #2949b3;
}

.sui-select__input {
  cursor: pointer;
  position: relative;
  z-index: 10;
  min-width: 100%;
  padding: 0 20px 0 8px;
  border: none;
  font-weight: normal;
  font-size: 14px;
  color: #333333;
  background-image: url(/biz/img/ic_dropdown_down_normal.9da25c22dc6b3d99.png);
  background-position: calc(100% - 6px) 50%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
}

.sui-select__ul {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: 100%;
  min-width: 120px;
  z-index: 100;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  white-space: nowrap;
  max-width: 100%;
  max-height: 232px;
  width: 100%;
  box-sizing: content-box !important;
}

.sui-select__li {
  display: block;
  padding: 5px 8px;
  cursor: pointer;
  color: #686c73;
  font-size: 13px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sui-select__li:hover {
  background-color: #f7f7f7;
}

.sui-select__li:active {
  background-color: #e9ecf7;
  color: #2949b3;
}

.sui-select.sui-select--active {
  z-index: 400;
}

.sui-select.sui-select--active .sui-select__input {
  background-image: url(/biz/img/ic_dropdown_up_normal.9aafa36d4174fa21.png);
  background-position: calc(100% - 6px) 50%;
  background-repeat: no-repeat;
  z-index: 100;
}

.sui-select--disabled {
  cursor: default;
  color: #959595 !important;
  background-color: #f7f7f7;
  border-color: #dbdbdb;
  background-image: url(/biz/img/ic_dropdown_down_disable.8838830c62a22f02.png);
  background-position: calc(100% - 6px) 50%;
  background-repeat: no-repeat;
  pointer-events: none;
}

/*****
.sui-select__transition-enter-active {
    transition: all .3s ease;
}
.sui-select__transition-leave-active {
    transition: all .2s ease;
}
.sui-select__transition-enter,
.sui-select__transition-leave-to {
    transform: translateY(-20px);
    opacity: 0;
}
.sui-select--up__transition-enter-active {
    transition: all .3s ease;
}
.sui-select--up__transition-leave-active {
    transition: all .2s ease;
}
.sui-select--up__transition-enter,
.sui-select--up__transition-leave-to {
    transform: translateY(20px);
    opacity: 0;
}
*****/
.sui-select--selected {
  background-color: #ffffff;
  color: #333333;
}

.sui-select.sui-select--up .sui-select__input {
  background: url(/biz/img/ico_arrow_up.c4ec917ebe2439db.png) no-repeat calc(100% - 16px) 50%/30px 30px;
}

.sui-select.sui-select--active.sui-select--up .sui-select__input {
  background: url(/biz/img/ico-arrow-dropdown.fde18aaf23ae8150.png) no-repeat calc(100% - 16px) 50%/30px 30px;
}

.sui-select.sui-select--up .sui-select__ul {
  top: auto;
  bottom: 100%;
  border: 1px solid #bdc3d6;
  border-bottom: 0;
}

.sui-select--ellipsis .sui-select__input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sui-select--placeholder {
  color: #cccccc;
}

.multiselect {
  width: 100%;
}

.multiselect__input {
  width: 0px;
  position: absolute;
  padding: 0px;
}

/******* suiSelect end *******/
fieldset[disabled] .multiselect {
  pointer-events: none;
}

.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block;
}

.multiselect__spinner:before,
.multiselect__spinner:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-color: #41b883 transparent transparent;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 0 1px transparent;
}

.multiselect__spinner:before {
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite;
}

.multiselect__spinner:after {
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite;
}

.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
  /* transition: opacity 0.4s ease-in-out; */
  opacity: 1;
}

.multiselect__loading-enter,
.multiselect__loading-leave-active {
  opacity: 0;
}

.multiselect,
.multiselect__input,
.multiselect__single {
  font-family: inherit;
  font-size: 14px;
  touch-action: manipulation;
}

.multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  color: #333333;
  cursor: pointer;
}

.multiselect * {
  box-sizing: border-box;
}

.multiselect:focus {
  outline: none;
}

.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: 0.6;
}

.multiselect--active {
  z-index: 2000;
}

.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.multiselect--active .multiselect__select {
  transform: rotateZ(180deg);
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.multiselect__input,
.multiselect__single {
  position: relative;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  border: none;
  background-color: transparent;
  padding: 0 !important;
  width: 100%;
  box-sizing: border-box;
  vertical-align: top;
}

.multiselect__input::-moz-placeholder {
  margin-top: 3px;
  color: #35495e;
}

.multiselect__input::placeholder {
  margin-top: 3px;
  color: #35495e;
}

.multiselect__tag ~ .multiselect__input,
.multiselect__tag ~ .multiselect__single {
  width: auto;
}

.multiselect__input:focus,
.multiselect__single:focus {
  border: none;
  outline: none;
}

.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
}

.multiselect__tags-wrap {
  display: inline;
}

.multiselect__tags {
  height: 28px;
  display: block;
  padding: 0 30px 0 8px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 14px;
}

.multiselect__tags:hover {
  border: 1px solid #a5a5a5;
}

.multiselect__tags span {
  display: block;
  margin-top: 4px;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: initial;
  width: 22px;
  text-align: center;
  line-height: 22px;
  /* transition: all 0.2s ease; */
  border-radius: 5px;
}

.multiselect__tag-icon:after {
  content: "×";
  color: #266d4d;
  font-size: 14px;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #369a6e;
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
  color: #ffffff;
}

.multiselect__current {
  line-height: 16px;
  min-height: 40px;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: 8px 12px 0;
  padding-right: 30px;
  white-space: nowrap;
  margin: 0;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
}

.multiselect__select {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 30px;
  height: 26px;
  right: 1px;
  top: 1px;
  padding: 0;
  margin: 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  /* transition: transform 0.2s ease; */
}

.multiselect__select:before {
  position: relative;
  right: 0;
  top: 55%;
  color: #999;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #767676 transparent transparent transparent;
  content: "";
}

.multiselect__tags .multiselect__placeholder {
  color: #ccc;
  display: inline;
}

.multiselect--active .multiselect__placeholder {
  display: none;
}

.multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #ccc;
  z-index: 2000;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  margin-top: -1px;
}

.multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}

.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom: none;
  border-top: 1px solid #ccc;
}

.multiselect__content::webkit-scrollbar {
  display: none;
}

.multiselect__element {
  display: block;
}

.multiselect__option {
  display: block;
  padding: 0 8px;
  height: 30px;
  line-height: 30px;
  color: #333;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}

.multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 30px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
}

.multiselect__option--highlight {
  background: #f7f7f7;
  outline: none;
  color: #2949b3;
}

.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #f7f7f7;
  color: #2949b3;
}

.multiselect__option--selected {
  background: #e9ecf7;
  color: #2949b3;
}

.multiselect__option--selected.multiselect__option--highlight {
  background: #e9ecf7;
  color: #2949b3;
}

.multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #2949b3;
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}

.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}

.multiselect__option--group {
  background: #ededed;
  color: #35495e;
}

.multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff;
}

.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e;
}

.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}

.multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}

.multiselect-enter-active,
.multiselect-leave-active {
  /* transition: all 0.15s ease; */
}

.multiselect-enter,
.multiselect-leave-active {
  opacity: 0;
}

.multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}

*[dir=rtl] .multiselect {
  text-align: right;
}

*[dir=rtl] .multiselect__select {
  right: auto;
  left: 1px;
}

*[dir=rtl] .multiselect__tags {
  padding: 8px 8px 0px 40px;
}

*[dir=rtl] .multiselect__content {
  text-align: right;
}

*[dir=rtl] .multiselect__option:after {
  right: auto;
  left: 0;
}

*[dir=rtl] .multiselect__clear {
  right: auto;
  left: 12px;
}

*[dir=rtl] .multiselect__spinner {
  right: auto;
  left: 1px;
}

@keyframes spinning {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(2turn);
  }
}
.multiselect__option input[type=checkbox] {
  display: none;
}

.multiselect__option input[type=checkbox] + label {
  background: url(/biz/img/checkbox_unsel_normal.9406412be8244173.png) no-repeat left center;
  height: 30px;
  width: 16px;
  display: inline-block;
  padding-left: 20px;
}

.multiselect__option input[type=checkbox]:checked + label {
  background: url(/biz/img/checkbox_sel_nor.1a361418f71ead78.png) no-repeat left center;
}

.multiselect__option.multiselect__option--selected input[type=checkbox] {
  display: none;
}

.multiselect__option.multiselect__option--selected input[type=checkbox] + label {
  background: url(/biz/img/checkbox_sel_nor.1a361418f71ead78.png) no-repeat left center;
  height: 30px;
  width: 16px;
  display: inline-block;
  padding-left: 20px;
}

.multiselect__option.multiselect__option--highlight.multiselect__option--selected input[type=checkbox]:checked + label {
  background: url(/biz/img/checkbox_sel_nor.1a361418f71ead78.png) no-repeat left center;
}

/******* suiLabel start *******/
.sui-label {
  width: 100%;
}

.sui-label__multiline label {
  height: 18px;
  line-height: 18px;
}

.sui-label__secondline {
  display: block;
}

.sui-label__firstline {
  display: block;
}

.sui-label__star {
  position: relative;
}

.sui-label__star:before {
  content: "*";
  position: absolute;
  left: -9px;
  top: 0;
  font-weight: 100;
  color: #ff5858;
  padding: 0;
}

/******* suiLabel end  *******/
/******* suiTabBoxType start *******/
.sui-tab-box-type {
  width: 100%;
  position: relative;
  box-shadow: none;
}

.sui-tab-box-type__header {
  position: relative;
  z-index: 1;
  height: 40px;
  overflow: hidden;
}

.sui-tab-box-type__header__wrap {
  width: calc(100% - 72px);
  position: absolute;
  height: 40px;
  left: 0;
  margin-left: 0;
}

.sui-tab-box-type__header__container {
  display: inline-flex;
  position: absolute;
  transition: transform 0.3s;
}

.sui-tab-box-type__header__container li {
  min-width: 150px !important;
}

.sui-tab-box-type__header-item {
  display: inline-block;
  cursor: pointer;
  height: 40px;
  padding: 0 16px;
  border: 1px solid #a5a5a5;
  background: #ffffff;
  font-size: 14px;
  color: #333333;
  text-align: center;
  width: 150px;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0;
}

.sui-tab-box-type__header-item.sui-tab-box-type--active {
  border: 1px solid #9bcaee;
  background: #e6f2fb;
  margin-left: -1px;
}

.sui-tab-box-type__header-item.sui-tab-box-type--active:first-child {
  border-left: 1px solid #9bcaee;
  margin-left: 0;
}
.sui-tab-box-type__header-item.sui-tab-box-type--active:hover {
  background: #e6f2fb;
  color: #333333;
  border: 1px solid #047ad5 !important;
}

.sui-tab-box-type__header-item + .sui-tab-box-type__header-item.sui-tab-box-type--active:hover {
  margin-left: -1px;
  border-left: 1px solid #047ad5 !important;
}

.sui-tab-box-type__header-item + .sui-tab-box-type__header-item:hover {
  margin-left: -1px;
  border-left: 1px solid #047ad5 !important;
}

.sui-tab-box-type__header-item + .sui-tab-box-type__header-item.sui-tab-box-type--active {
  margin-left: -1px;
  border-left: 1px solid #9bcaee;
}

.sui-tab-box-type__header-item + .sui-tab-box-type__header-item {
  margin-left: -1px;
}

.sui-tab-box-type__header-item.sui-tab-box-type--active + .sui-tab-box-type__header-item {
  border-left: 1px solid #9bcaee;
}

.sui-tab-box-type__header-item:first-child {
  border-left: 1px solid #a5a5a5;
}
.sui-tab-box-type__header-item:hover {
  background: #e6f2fb;
  color: #333333;
  border: 1px solid #047ad5;
}

.sui-tab-box-type__header-item__title {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
}

.sui-tab-box-type--active .sui-tab-box-type__header-item__title {
  color: #333333;
  font-weight: 500;
}

.sui-tab-box-type__header-item.sui-tab-box-type--checked .sui-tab-box-type__header-item__title {
  padding-right: 30px;
  background: url(/biz/img/bg_tab_on.8f2a218f1de4cb1d.png) no-repeat 100% 3px/23px 20px;
}

.sui-tab-box-type__header-item__subTitle {
  display: block;
  margin: 0 !important;
}

.sui-tab-box-type__cont {
  display: inline-block;
  padding: 0;
  position: relative;
  width: 100%;
  border-top: 1px solid #a5a5a5;
  z-index: 0;
  overflow: auto;
  margin-top: -1px;
}

.sui-tab-box-type__header__controller {
  position: absolute;
  right: 0;
  top: 0;
  height: 34px;
  box-sizing: border-box;
  display: inline-flex;
}

.sui-tab-box-type__header__controller__left {
  display: inline-block;
  background: url(/biz/img/btn_tab2_control_L_normal.6fa69541f6dcf700.png) no-repeat;
  width: 36px;
  height: 34px;
  text-indent: -99999px;
}

.sui-tab-box-type__header__controller__left:hover {
  background: url(/biz/img/btn_tab2_control_L_hover.1383e654087b7cac.png) no-repeat;
}

.sui-tab-box-type__header__controller__left:disabled {
  background: url(/biz/img/btn_tab2_control_L_disable.61eafde454de0cbf.png) no-repeat;
}

.sui-tab-box-type__header__controller__right {
  display: inline-block;
  background: url(/biz/img/btn_tab2_control_R_normal.cd144989eaac063a.png) no-repeat;
  width: 36px;
  height: 34px;
  text-indent: -99999px;
}

.sui-tab-box-type__header__controller__right:hover {
  background: url(/biz/img/btn_tab2_control_R_hover.97391396249a16fb.png) no-repeat;
}

.sui-tab-box-type__header__controller__right:disabled {
  background: url(/biz/img/btn_tab2_control_R_disable.a3a928e3926ae4ed.png) no-repeat;
}

/******* suiTabBoxType end *******/
/******* processTab start *******/
.-process-tab-item__header {
  width: 100%;
  position: absolute;
  height: 40px;
  left: 0;
}

.-process-tab-item__container {
  display: inline-flex;
  position: absolute;
}

.-process-tab-item__wrapper {
  display: inline-flex;
  padding-top: 11px;
  overflow: hidden;
  transition: transform 0.3s;
}

.-process-tab-item__wrapper li {
  min-width: 160px !important;
}

.-process-tab-item__wrapper .-process-tab-item {
  display: flex;
  height: 32px;
  cursor: pointer;
}

.-process-tab-item__wrapper .-process-tab-items__active {
  display: flex;
  height: 32px;
  cursor: pointer;
}

.-process-tab-item .-process-tab-item__title {
  font-size: 15px;
  color: #767676;
  font-weight: normal;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 86px;
  max-width: 166px;
  text-align: center;
}

.-process-tab-item .-process-tab-item__count {
  font-size: 16px;
  color: #767676;
  font-weight: bold;
  padding-left: 20px;
  line-height: 20px;
  margin-right: 0;
  padding-right: 20px;
  margin-left: -30px;
}

.-process-tab-item__image {
  width: 32px;
  height: 32px;
  background: url(/biz/img/ic_tab_process_off.d527cccc14a5f11b.png) no-repeat 0 0;
  margin-top: -5px;
  display: table;
}

.-process-tab-items {
  position: relative;
}

.-process-tab-items__active .-process-tab-item__title {
  border-bottom: 3px solid #047ad5;
  font-size: 15px;
  color: #047ad5;
  font-weight: 500;
  white-space: nowrap;
}

.-process-tab-items__active .-process-tab-item__count {
  border-bottom: 3px solid #047ad5;
  font-size: 16px;
  color: #047ad5;
  font-weight: bold;
  padding-left: 20px;
  line-height: 20px;
  margin-right: 0;
  padding-right: 20px;
  margin-left: -30px;
}

.-process-tab-items__active .-process-tab-item__image {
  width: 32px;
  height: 32px;
  background: url(/biz/img/ic_tab_process_on.297e52adcefd3d6e.png) no-repeat 0 0;
  margin-top: -5px;
  display: table;
}

/******* processTab end *******/
/******* suiTextField start *******/
.sui-text-field {
  position: relative;
  display: inline-block;
  border: none;
  width: 100%;
}

.sui-text-field--placeholder {
  font-size: 14px;
  white-space: nowrap;
}

.sui-text-field--readonly .sui-text-field__input {
  background-color: #f7f7f7;
  color: #767676;
  pointer-events: none;
}

.sui-text-field--disabled .sui-text-field__input__toggle-icon .sui-text-field__img--password-visible {
  background: url(/biz/img/ic_input_password_display_hover.c78e5939f3125656.png) center center no-repeat;
  opacity: 0.2;
  cursor: default;
}

.sui-text-field--readonly .sui-text-field__input__toggle-icon .sui-text-field__img--password-visible {
  background: url(/biz/img/ic_input_password_display_hover.c78e5939f3125656.png) center center no-repeat;
  opacity: 0.2;
  cursor: default;
}

.-fdp-validator__slot--error .sui-text-field {
  border-color: #ff5230;
  background-color: #ffffff;
}

.sui-text-field.sui-text-field--focus {
  background-color: #ffffff;
}

.sui-text-field__img {
  width: 16px;
  height: 16px;
}

.sui-text-field__img--clearable {
  background: url(/biz/img/ic_input_delete.72b346f2eb974a16.png) no-repeat;
  background-size: 16px 16px;
  position: absolute;
  right: 30px;
  width: 20px;
  height: 20px;
  top: 6px;
}

.sui-text-field__img--password {
  background: url(/biz/img/ic_input_password_hide_normal.88b6c24208be26f7.png) no-repeat;
  background-position: 5px 6px;
  width: 28px;
  height: 28px;
}

.sui-text-field__img--password:hover {
  background-image: url(/biz/img/ic_input_password_hide_hover.eccb145cbd4d84e2.png) no-repeat;
  background-position: 5px 6px;
  width: 28px;
  height: 28px;
}

.sui-text-field__img--password-visible {
  background: url(/biz/img/ic_input_password_display_normal.5a4cdc60034578d0.png) no-repeat;
  background-position: 5px 6px;
  width: 28px;
  height: 28px;
  border: none;
}

.sui-text-field__img--password-visible:hover {
  background: url(/biz/img/ic_input_password_display_hover.c78e5939f3125656.png) no-repeat;
  /* border:1px solid #a5a5a5; */
  background-position: 5px 6px;
  width: 28px;
  height: 28px;
}

.sui-text-field--readonly .sui-text-field__fixed-icon {
  background: url(/biz/img/in_input_search_disable.d10d1e7dff4a121a.png) no-repeat;
  background-position: 50% 50%;
}

.sui-text-field--readonly .sui-text-field__fixed-icon:hover {
  background: url(/biz/img/in_input_search_disable.d10d1e7dff4a121a.png) no-repeat;
  background-position: 50% 50%;
  cursor: default;
}

.sui-text-field__fixed-icon {
  background: url(/biz/img/in_input_search.249589971cc0749a.png) no-repeat 6px 6px;
  border-left: 1px solid #cccccc;
  width: 28px;
  height: 28px;
}

.sui-text-field__fixed-icon:hover {
  background: url(/biz/img/in_input_search_hover.85c349cbaef8c365.png) no-repeat #f7f7f7 6px 5px;
  border: 1px solid #a5a5a5;
  width: 28px;
  height: 28px;
  box-sizing: border-box;
}

.sui-text-field__input {
  background: #ffffff;
  padding: 0 8px;
  font-size: 14px;
  color: #333333;
  border: 1px solid #cccccc;
  height: 32px;
  line-height: 28px;
  width: 100%;
}

.sui-text-field__input:hover {
  border: 1px solid #a5a5a5;
}

.-fdp-validator__slot--error .sui-text-field__input {
  color: #ff5230;
  border-color: #ff5230;
  background-color: #ffffff;
}

.-fdp-validator__slot--error .sui-text-field__input:focus {
  border: 1px solid #ff5230;
}

.sui-text-field__input:disabled {
  background-color: #f7f7f7 !important;
  border-color: #dbdbdb !important;
  color: #cccccc;
  opacity: 1;
}

.sui-text-field__input:focus {
  border: 1px solid #536dc2;
}

.sui-text-field__input::-webkit-input-placeholder {
  font-size: 14px;
  color: #cccccc;
  font-weight: normal !important;
}

.sui-text-field__input--with-icon {
  padding-right: 35px;
}

.sui-text-field__input--right {
  text-align: right;
}

.sui-text-field__input__toggle-icon {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-right: 0;
  right: 0;
  width: 28px;
  height: 28px;
  display: inline-block;
  opacity: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.sui-text-field.sui-text-field--number input[type=number]::-webkit-inner-spin-button,
.sui-text-field.sui-text-field--number input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/******* fdpTextField end *******/
/******* fdpValidator start *******/
.-fdp-validator {
  display: inline-block;
  width: 100%;
}

.-fdp-validator--block {
  display: block;
}

.-fdp-validator__error-message {
  margin-top: 5px;
  color: red;
  font-size: 0.9em;
  display: none;
  /* NOTE: FOR S-EHS용으로 추가 */
}

/******* fdpValidator end *******/
/******* fdpLoadingIndicator start *******/
/******* fdpLoadingIndicator end *******/
/******* fdpDatePicker start *******/
.vdp-datepicker {
  width: 100%;
  height: 100%;
  border: none;
}

.vdp-datepicker input {
  width: 100%;
  height: 28px;
  padding: 0 35px 0 8px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.vdp-datepicker input:hover {
  border: 1px solid #a5a5a5;
}

.vdp-datepicker input:focus {
  border: 1px solid #2949b3;
}

.vdp-datepicker input:disabled {
  background: #f6f6f6;
  border: 1px solid #eaeaea;
}

.vdp-datepicker__calendar {
  position: absolute !important;
  top: 100%;
  /* left: 50%; */
  /* transform: translate(-50%,-50%); */
  z-index: 1000;
  padding: 20px;
  background: #ffffff;
  width: 198px !important;
  height: 258px !important;
  border: 1px solid #efefef;
}

.sui-date-picker--sticky .vdp-datepicker__calendar {
  position: absolute;
  left: 0;
  transform: none;
  border: 1px solid #cccccc !important;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  white-space: normal;
}

.vdp-datepicker__calendar header {
  display: block;
  line-height: 20px !important;
  height: 20px;
  color: #ffffff;
}

.vdp-datepicker__calendar .body {
  height: 200px;
}

.vdp-datepicker__calendar .cell.day-header {
  font-size: 9px !important;
  font-weight: bold;
  height: 20px !important;
  margin-bottom: 0;
}

.vdp-datepicker__calendar .cell.day-header__6 {
  color: #ff5353;
}

.vdp-datepicker__calendar .cell {
  display: inline-block;
  margin: 1px !important;
  padding: 0 !important;
  width: 20px;
  height: 20px !important;
  color: #5a5a5a;
  line-height: 20px !important;
  letter-spacing: normal;
  text-align: center;
  vertical-align: middle;
  border: 0 !important;
  border-radius: 50%;
  font-size: 11px;
  font-weight: normal !important;
}

.vdp-datepicker__calendar .cell.day.weekend.sun {
  color: #ff5353 !important;
}

.vdp-datepicker__calendar .cell.selected {
  color: #ffffff;
  font-weight: bold;
}

.vdp-datepicker__calendar .sui-datepicker__header {
  position: relative;
  height: 46px;
  margin-bottom: 24px;
}

.vdp-datepicker__calendar .sui-datepicker__header .sui-datepicker-tit {
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}

.vdp-datepicker__calendar header .prev:after {
  width: 20px;
  height: 20px;
  margin: 0;
  border: 0;
  background: url(/biz/img/btn_calendar_prv_normal.92e8e089a0e37427.png) no-repeat;
  background-size: 20px 20px;
}

.vdp-datepicker__calendar header .prev:hover {
  background: url(/biz/img/btn_calendar_prv_hover.a926cfe1b866a3b2.png) no-repeat;
}

.vdp-datepicker__calendar header .next:hover {
  background: url(/biz/img/btn_calendar_nxt_hover.e100940edd467367.png) no-repeat;
}

.vdp-datepicker__calendar header .next:after {
  width: 20px;
  height: 20px;
  margin: 0;
  border: 0;
  border-left: 0;
  background: url(/biz/img/btn_calendar_nxt_normal.c7f31887171d4d3a.png) no-repeat;
  background-size: 20px 20px;
}

.vdp-datepicker__calendar header .prev,
.vdp-datepicker__calendar header .next {
  position: relative;
  width: 20px;
  float: left;
  text-indent: -10000px;
}

.vdp-datepicker__calendar header .prev:after,
.vdp-datepicker__calendar header .next:after {
  border: 0;
}

.vdp-datepicker__calendar header .prev:after:not(.disabled) {
  background: url(/biz/img/ico_arrow_date_left_dim.e9819ff9617bf6ed.png) no-repeat;
}

.vdp-datepicker__calendar header .next:after:not(.disabled) {
  background: url(/biz/img/ico_arrow_date_left_dim.e9819ff9617bf6ed.png) no-repeat;
}

.vdp-datepicker__calendar header span:nth-child(2n) {
  color: #3a3a3a;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
}

.vdp-datepicker__calendar .sui-datepicker__header .sui-text-field__virtual-btn--close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(/biz/img/btn_close03.d4dc7d08167c22ea.png) no-repeat;
  width: 30px;
  height: 30px;
}

.vdp-datepicker__calendar-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background: url(/biz/img/ic_input_calendar_normal.56871f11803ca2ec.png) no-repeat 5px center;
  border: none;
  border-left: 1px solid #cccccc;
}

.vdp-datepicker__calendar-button:hover {
  position: absolute;
  top: 0;
  width: 28px;
  height: 28px;
  background: url(/biz/img/ic_input_calendar_normal.56871f11803ca2ec.png) no-repeat 5px center #f7f7f7;
  border: 1px solid #a5a5a5;
}

.sui-date-picker {
  display: inline-block;
  width: 100%;
}

.sui-date-picker .vdp-datepicker .sui-text-field {
  height: auto;
  letter-spacing: normal;
  border: 0;
}

.sui-date-picker--disabled {
  border-color: #e6e6e6;
  background-color: transparent;
  color: #ffffff;
}

.sui-date-picker--disabled .sui-text-field {
  color: #aaa;
  background-color: #f5f7fa;
}

.sui-date-picker--recommend {
  margin-left: 14px;
  width: 210px;
}

.sui-date-picker--disabled .vdp-datepicker__calendar-button {
  cursor: default;
  background: url(/biz/img/ic_input_calendar_disable.65a7bdd598f0458a.png) no-repeat 6px center;
  pointer-events: none;
}

.sui-date-picker--readonly .vdp-datepicker__calendar-button {
  cursor: default;
  background: url(/biz/img/ic_input_calendar_disable.65a7bdd598f0458a.png) no-repeat 6px center;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
  cursor: pointer;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #bc00de !important;
  -webkit-tap-highlight-color: transparent;
}

.vdp-datepicker__calendar header.selected,
.vdp-datepicker__calendar header.selected.selected:hover,
.vdp-datepicker__calendar header.selected.selected:active {
  background: #f7f7f7 !important;
  -webkit-tap-highlight-color: transparent;
}

.vdp-datepicker__calendar header .prev:not(.disabled):hover,
.vdp-datepicker__calendar header .next:not(.disabled):hover,
.vdp-datepicker__calendar header .up:not(.disabled):hover {
  /* background: #f7f7f7 !important; */
  -webkit-tap-highlight-color: transparent;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  background-color: #f7f7f7;
  border: none !important;
  -webkit-tap-highlight-color: transparent;
}

.vdp-datepicker__calendar .cell.selected {
  background: #2949b3 !important;
  -webkit-tap-highlight-color: transparent;
}

.vdp-datepicker__calendar .cell.selected.today {
  color: #ffffff !important;
}

.vdp-datepicker__calendar .cell.selected:hover {
  background: #2949b3 !important;
}

.sui-date-picker .today {
  color: #2949b3 !important;
  text-decoration: underline;
  font-weight: bold !important;
}

.sui-datepicker-button-wrap {
  display: flex;
  height: 20px;
  margin-top: 12px;
  bottom: 20px;
  position: absolute;
  width: 100%;
  padding-right: 40px;
}

.sui-datepicker-button-wrap .btn_today,
.sui-datepicker-button-wrap .btn_this_week {
  font-size: 10px !important;
  color: #767676;
}

.sui-datepicker-button-wrap .btn_today:hover,
.sui-datepicker-button-wrap .btn_this_week:hover {
  color: #333333;
  text-decoration: underline;
}

.sui-datepicker-button-wrap .btn_confirm {
  justify-content: flex-end;
  margin-left: auto;
  width: 42px;
  height: 20px;
  background-color: #2949b3;
  color: #ffffff;
  font-size: 10px;
}

.sui-datepicker-button-wrap .btn_confirm:hover {
  background-color: #213a8f;
}

.range-date-picker > .sui-date-picker--popup {
  width: 396px;
}

.vdp-datepicker-double__show {
  display: inline-flex;
  width: 396px;
  height: 258px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
}

.vdp-datepicker-double__show .vdp-datepicker-single-left .vdp-datepicker__calendar {
  top: 0;
  width: 196px;
  height: 256px;
  border: none !important;
  background-color: transparent;
  box-shadow: none;
}

.vdp-datepicker-double__show .vdp-datepicker-single-right .vdp-datepicker__calendar {
  top: 0;
  width: 196px;
  height: 256px;
  border: none !important;
  box-shadow: none;
  background: url(/biz/img/bg_line_cal.64de50243b575ab1.png) no-repeat 0 50px transparent !important;
}

.vdp-datepicker-double__show .vdp-datepicker-single-left .vdp-datepicker__calendar .sui-datepicker__body .cell.day.selected {
  border-radius: 0% !important;
  width: 20px;
  height: 20px;
  background: url(/biz/img/day_sel_start.c6b59e0a064761b6.png) no-repeat center center #ffffff !important;
}

.vdp-datepicker-double__show .vdp-datepicker-single-right .vdp-datepicker__calendar .sui-datepicker__body .cell.day.selected {
  border-radius: 0% !important;
  width: 20px;
  height: 20px;
  background: url(/biz/img/day_sel_end.5f27b875f9a9bd29.png) no-repeat center center #ffffff !important;
}

.vdp-datepicker__calendar .rangepicker__header {
  display: flex;
  width: 70%;
  margin: 0 auto;
}

.rangepicker__header .rangepicker__prev-button {
  width: 50px;
  height: 20px;
  background: url(/biz/img/btn_calendar_prv_normal.92e8e089a0e37427.png) no-repeat center center;
  text-indent: -9999px;
  cursor: pointer;
}

.rangepicker__header .rangepicker__prev-button:hover {
  background: url(/biz/img/btn_calendar_prv_hover.a926cfe1b866a3b2.png) no-repeat center center;
}

.rangepicker__header .rangepicker__delimiter-months-between {
  width: 20px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  color: #3a3a3a;
}

.rangepicker__header .rangepicker__next-button {
  width: 50px;
  height: 20px;
  background: url(/biz/img/btn_calendar_nxt_normal.c7f31887171d4d3a.png) no-repeat center center;
  text-indent: -9999px;
  cursor: pointer;
}

.rangepicker__header .rangepicker__next-button:hover {
  background: url(/biz/img/btn_calendar_nxt_hover.e100940edd467367.png) no-repeat center center;
}

.vdp-datepicker__calendar .rangepicker__days-wrapper {
  display: inline-flex;
  white-space: normal;
}

.rangepicker__days-wrapper .rangepicker__days-left {
  width: 158px;
  height: 174px;
  margin-right: 20px;
}

.rangepicker__days-wrapper .rangepicker__days-right {
  width: 178px;
  height: 174px;
  padding-left: 20px;
  background: url(/biz/img/bg_line_cal.64de50243b575ab1.png) no-repeat 0 8px !important;
}

.rangepicker__days-wrapper .rangepicker__days-right span {
  text-align: center !important;
}

.rangepicker__days-wrapper .cell.day-header {
  width: 20px !important;
  height: 20px !important;
  margin: 0 1px !important;
}

.rangepicker__days-wrapper .cell,
.rangepicker__days-wrapper .cell.day.blank {
  width: 20px !important;
  height: 20px !important;
  margin: 1px !important;
}

.vdp-datepicker__calendar .rangepicker__days-wrapper .cell.day.selected {
  border-radius: 0;
  width: 20px;
  height: 20px;
  background: url(/biz/img/day_sel_start.c6b59e0a064761b6.png) no-repeat center center !important;
  color: #ffffff !important;
}

.vdp-datepicker__calendar .rangepicker__days-wrapper .rangepicker__days-left .cell.day.highlighted {
  width: 20px !important;
  height: 20px !important;
  margin: 1px !important;
  background-color: #ffffff !important;
  border-radius: 0;
}

.vdp-datepicker__calendar .rangepicker__days-wrapper .rangepicker__days-left .cell.day.highlighted.highlight-start {
  width: 20px;
  height: 20px;
  background: url(/biz/img/day_sel_start.c6b59e0a064761b6.png) no-repeat center center !important;
  color: #ffffff !important;
}

.vdp-datepicker__calendar .rangepicker__days-wrapper .rangepicker__days-left .cell.day.highlighted.highlight-end {
  width: 20px;
  height: 20px;
  background: url(/biz/img/day_sel_end.5f27b875f9a9bd29.png) no-repeat center center !important;
  color: #ffffff !important;
}

.vdp-datepicker__calendar .rangepicker__days-wrapper .rangepicker__days-right .cell.day.highlighted {
  width: 20px !important;
  height: 20px !important;
  margin: 1px !important;
  background-color: #ffffff !important;
  border-radius: 0;
}

.vdp-datepicker__calendar .rangepicker__days-wrapper .rangepicker__days-right .cell.day.highlighted.highlight-start {
  width: 20px;
  height: 20px;
  background: url(/biz/img/day_sel_start.c6b59e0a064761b6.png) no-repeat center center !important;
  color: #ffffff !important;
}

.vdp-datepicker__calendar .rangepicker__days-wrapper .rangepicker__days-right .cell.day.highlighted.highlight-end {
  width: 20px;
  height: 20px;
  background: url(/biz/img/day_sel_end.5f27b875f9a9bd29.png) no-repeat center center !important;
  color: #ffffff !important;
}

.vdp-datepicker__calendar .cell.selected.highlighted {
  background: rgba(188, 0, 222, 0.2) !important;
  -webkit-tap-highlight-color: transparent;
}

.vdp-datepicker__calendar .cell.highlighted {
  background: rgba(188, 0, 222, 0.2) !important;
}

.vdp-datepicker__calendar .cell.highlighted.disabled {
  color: #222;
}

.vdp-datepicker .sui-text-field__virtual-keypad .sui-text-field__virtual-input {
  width: 100%;
  height: 64px;
  text-align: left;
}

.sui-date-picker .sui-text-field .-fdp-validator__error-wrapper {
  position: absolute;
  margin-top: -24px;
}

.sui-date-picker--small .sui-text-field__virtual-btn--close {
  float: right;
  margin: 0;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -99999px;
  background: url(/biz/img/btn_close_light.5bf0f5c5ca89af7b.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.sui-date-picker--small .vdp-datepicker__calendar {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  padding: 18px 18px 18px;
  background: #ffffff;
  width: 274px !important;
  border: 0 !important;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell.month,
.sui-date-picker--small .vdp-datepicker__calendar .cell.year {
  width: 33.333%;
  height: 52px !important;
  font-size: 16px;
  line-height: 52px !important;
}

.sui-date-picker--small .vdp-datepicker__calendar header {
  padding: 0 8px;
}

.sui-date-picker--small .vdp-datepicker__calendar .sui-datepicker__header {
  position: relative;
  height: 30px;
  margin-bottom: 14px;
}

.sui-date-picker--small .vdp-datepicker__calendar .sui-datepicker__header .sui-datepicker-tit {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}

.sui-date-picker--small .vdp-datepicker__calendar header.selected,
.sui-date-picker--small .vdp-datepicker__calendar header.selected.selected:hover,
.sui-date-picker--small .vdp-datepicker__calendar header.selected.selected:active {
  background: #f7f7f7 !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--small .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.sui-date-picker--small .vdp-datepicker__calendar header .next:not(.disabled):hover,
.sui-date-picker--small .vdp-datepicker__calendar header .up:not(.disabled):hover {
  background: #f7f7f7 !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--small .vdp-datepicker__calendar header {
  display: block;
  height: 30px;
  line-height: 30px !important;
  margin-bottom: 14px;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell.day-header {
  margin-bottom: 4px;
  font-size: 14px !important;
  height: 34px !important;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell {
  display: inline-block;
  padding: 0 !important;
  width: 14.2857142857%;
  height: 29px !important;
  color: #222;
  font-size: 14px;
  line-height: 29px !important;
  letter-spacing: normal;
  text-align: center;
  vertical-align: middle;
  border: 0 !important;
  border-radius: 0;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
.sui-date-picker--small .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
.sui-date-picker--small .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
  cursor: pointer;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.sui-date-picker--small .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.sui-date-picker--small .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #bc00de !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell.selected {
  background: rgba(188, 0, 222, 0.2) !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell.selected:active {
  border: 1px solid #bc00de;
  background: none;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell.selected:hover {
  border: 1px solid #bc00de;
  background: none;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell.selected.highlighted {
  background: rgba(188, 0, 222, 0.2) !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell.highlighted {
  background: rgba(188, 0, 222, 0.2) !important;
}

.sui-date-picker--small .vdp-datepicker__calendar .cell.highlighted.disabled {
  color: #222;
}

.sui-date-picker--small .vdp-datepicker .sui-text-field__virtual-keypad .sui-text-field__virtual-input {
  width: 100%;
  height: 64px;
  text-align: left;
}

.sui-date-picker--mobile .sui-text-field__virtual-btn--close {
  float: right;
  margin: 0;
  width: 20px;
  height: 20px;
  font-size: 0;
  text-indent: -99999px;
  background: url(/biz/img/btn_close_light.5bf0f5c5ca89af7b.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.sui-date-picker--mobile .vdp-datepicker__calendar {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  padding: 16px 16px 16px;
  background: #ffffff;
  width: 300px !important;
  border: 0 !important;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell.month,
.sui-date-picker--mobile .vdp-datepicker__calendar .cell.year {
  width: 33.333%;
  height: 59px !important;
  font-size: 17px;
  line-height: 59px !important;
}

.sui-date-picker--mobile .vdp-datepicker__calendar header {
  padding: 0 12px;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .sui-datepicker__header {
  position: relative;
  height: 27px;
  margin-bottom: 21px;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .sui-datepicker__header .sui-datepicker-tit {
  color: #222;
  font-size: 17px;
  font-weight: bold;
  line-height: 32px;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .sui-datepicker__header .sui-text-field__virtual-btn--close {
  position: absolute;
  top: 4px;
  right: 0;
  background: url(/biz/img/btn_close_light.5bf0f5c5ca89af7b.png) no-repeat;
  background-size: 20px 20px;
}

.sui-date-picker--mobile .vdp-datepicker__calendar header span:nth-child(2n) {
  color: #222;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: normal;
  text-decoration: underline;
}

.sui-date-picker--mobile .vdp-datepicker__calendar header .prev:after,
.sui-date-picker--mobile .vdp-datepicker__calendar header .next:after {
  border: 0;
}

.sui-date-picker--mobile .vdp-datepicker__calendar header .prev:after {
  width: 32px;
  height: 32px;
  margin: 0;
  border: 0;
  background: url(/biz/img/a_ico_arrow_date_left.bdacd872093c0495.png) no-repeat;
  background-size: 32px 32px;
}

.sui-date-picker--mobile .vdp-datepicker__calendar header .prev:after:not(.disabled) {
  background: url(/biz/img/a_ico_arrow_date_left_dim.34514b60572fd50c.png) no-repeat;
}

.sui-date-picker--mobile .vdp-datepicker__calendar header .next:after {
  width: 32px;
  height: 32px;
  margin: 0;
  border: 0;
  border-left: 0;
  background: url(/biz/img/a_ico_arrow_date_right.63fb4be504f69737.png) no-repeat;
  background-size: 32px 32px;
}

.sui-date-picker--mobile .vdp-datepicker__calendar header .next:after:not(.disabled) {
  background: url(/biz/img/a_ico_arrow_date_right_dim.6b47c385c42a5d2e.png) no-repeat;
}

.sui-date-picker--mobile.sui-date-picker .vdp-datepicker .sui-text-field {
  height: auto;
  letter-spacing: normal;
  border: 0;
}

.sui-date-picker--mobile .sui-date-picker--disabled {
  border-color: #bdc3d6;
  background-color: #f5f7fa;
  color: #cccccc;
}

.sui-date-picker--mobile .sui-date-picker--recommend {
  margin-left: 10px;
  width: 210px;
}

.sui-date-picker--mobile .sui-date-picker--disabled .vdp-datepicker__calendar-button {
  cursor: default;
  background: url(/biz/img/ico_calender_dim.6a364dd3eca4bc1c.png) no-repeat;
  background-size: 20px;
  background-position: right 10px center;
}

.sui-date-picker--mobile.sui-date-picker--sticky .vdp-datepicker__calendar {
  position: absolute;
  top: 100%;
  left: -1px;
  transform: none;
  border: 1px solid #bdc3d6 !important;
  margin-top: 0px;
}

.sui-date-picker--mobile.sui-date-picker--up .vdp-datepicker__calendar {
  bottom: 100%;
  top: auto;
}

.sui-date-picker--mobile.sui-date-picker--align-right .vdp-datepicker__calendar {
  right: 0;
  left: auto;
}

.sui-date-picker--mobile .sui-datepicker__outer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 990;
  background-color: rgba(0, 0, 0, 0.5);
}

.sui-date-picker--mobile .vdp-datepicker__calendar header.selected,
.sui-date-picker--mobile .vdp-datepicker__calendar header.selected.selected:hover,
.sui-date-picker--mobile .vdp-datepicker__calendar header.selected.selected:active {
  background: #e9edf5 !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--mobile .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.sui-date-picker--mobile .vdp-datepicker__calendar header .next:not(.disabled):hover,
.sui-date-picker--mobile .vdp-datepicker__calendar header .up:not(.disabled):hover {
  background: #e9edf5 !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--mobile .vdp-datepicker__calendar header {
  display: block;
  height: 32px;
  line-height: 32px !important;
  margin-bottom: 20px;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell.day-header {
  margin-bottom: 6px;
  font-size: 14px !important;
  height: 38px !important;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell {
  display: inline-block;
  padding: 0 !important;
  width: 14.2857142857%;
  height: 38px !important;
  color: #222;
  font-size: 14px;
  line-height: 38px !important;
  letter-spacing: normal;
  text-align: center;
  vertical-align: middle;
  border: 0 !important;
  border-radius: 0;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
.sui-date-picker--mobile .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
.sui-date-picker--mobile .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
  cursor: pointer;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.sui-date-picker--mobile .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.sui-date-picker--mobile .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 0px solid #bc00de !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell.selected {
  background: rgba(188, 0, 222, 0.2) !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell.selected:active {
  border: 0px solid #bc00de;
  background: none;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell.selected:hover {
  border: 1px solid #bc00de;
  background: none;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell.selected.highlighted {
  background: rgba(188, 0, 222, 0.2) !important;
  -webkit-tap-highlight-color: transparent;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell.highlighted {
  background: rgba(188, 0, 222, 0.2) !important;
}

.sui-date-picker--mobile .vdp-datepicker__calendar .cell.highlighted.disabled {
  color: #222;
}

.sui-date-picker--mobile .vdp-datepicker .sui-text-field__virtual-keypad .sui-text-field__virtual-input {
  width: 100%;
  height: 64px;
  text-align: left;
}

.-fdp-validator__slot--error .sui-date-picker--mobile .vdp-datepicker {
  border: 1px solid #fe886a;
}

.sui-date-picker--small .vdp-datepicker__calendar .sui-datepicker__header .sui-text-field__virtual-btn--close {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/biz/img/a_btn_close_light.abf40a12666e0c69.png) no-repeat;
}

.sui-date-picker--small .vdp-datepicker__calendar header span:nth-child(2n) {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;
  text-decoration: underline;
}

.sui-date-picker--small .vdp-datepicker__calendar header .prev:after,
.vdp-datepicker__calendar header .next:after {
  border: 0;
}

.sui-date-picker--small .vdp-datepicker__calendar header .prev:after {
  width: 30px;
  height: 30px;
  margin: 0;
  border: 0;
  background: url(/biz/img/a_ico_arrow_date_left.bdacd872093c0495.png) no-repeat;
  background-size: 30px 30px;
}

.sui-date-picker--small .vdp-datepicker__calendar header .prev:after:not(.disabled) {
  background: url(/biz/img/a_ico_arrow_date_left_dim.34514b60572fd50c.png) no-repeat;
}

.sui-date-picker--small .vdp-datepicker__calendar header .next:after {
  width: 30px;
  height: 30px;
  margin: 0;
  border: 0;
  border-left: 0;
  background: url(/biz/img/a_ico_arrow_date_right.63fb4be504f69737.png) no-repeat;
  background-size: 30px 30px;
}

.sui-date-picker--small .vdp-datepicker__calendar header .next:after:not(.disabled) {
  background: url(/biz/img/a_ico_arrow_date_right_dim.6b47c385c42a5d2e.png) no-repeat;
}

.sui-date-picker--small.sui-date-picker .vdp-datepicker .sui-text-field {
  height: auto;
  letter-spacing: normal;
  border: 0;
}

.sui-date-picker--small .sui-date-picker--disabled {
  border-color: #bdc3d6;
  background-color: #f5f7fa;
  color: #cccccc;
}

.sui-date-picker--small .sui-date-picker--recommend {
  margin-left: 14px;
  width: 210px;
}

.sui-date-picker--small .sui-date-picker--disabled .vdp-datepicker__calendar-button {
  cursor: default;
  background: url(/biz/img/ico_calender_dim.6a364dd3eca4bc1c.png) no-repeat;
  background-size: 30px;
  background-position: right 16px center;
}

.sui-date-picker--small.sui-date-picker--sticky .vdp-datepicker__calendar {
  position: absolute;
  top: 100%;
  left: 0;
  transform: none;
  border: 1px solid #bdc3d6 !important;
}

.sui-date-picker--small.sui-date-picker--up .vdp-datepicker__calendar {
  bottom: 100%;
  top: auto;
}

.sui-date-picker--small.sui-date-picker--align-right .vdp-datepicker__calendar {
  right: 0;
  left: auto;
}

/******* fdpDatePicker end *******/
/******* pagePopup start *******/
.-page-popup__wrapper .-page-header {
  padding: 0;
}

.-page-popup__title-area {
  overflow: hidden;
  width: 100%;
  height: 60px;
  padding: 0 30px;
  background: #ffffff;
  display: flex;
}

.-page-popup__title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  /* border-bottom: 1px solid #eaeaea; */
  justify-content: flex-start;
  flex: 1;
  padding-top: 20px;
  cursor: move;
}

.-page-popup__close {
  /* border-bottom: 1px solid #eaeaea; */
  justify-content: flex-end;
  margin-left: auto;
}

.-page-popup__close-button {
  float: right;
  display: block;
  width: 30px;
  height: 60px;
  background: url(/biz/img/btn_popup_close_normal.306e557e23aca7d5.png) no-repeat right 60%;
  text-indent: -9999px;
}

.-page-popup__close-button:hover {
  float: right;
  display: block;
  width: 30px;
  height: 60px;
  background: url(/biz/img/btn_popup_close_hover.7611592d2aa15813.png) no-repeat right 60%;
  text-indent: -9999px;
}

.-page-popup__contents .-page {
  margin-bottom: 0;
}

.-page-popup__contents .-page.-page-hide-title .-page-header {
  display: none;
}

.-page-popup__contents .-page .-page-contents {
  margin: 0;
  max-height: 630px;
  overflow-y: auto;
  padding: 0;
  padding-bottom: 10px;
}

.-page-popup__contents .-page .-page-contents .-page-contents__wrapper {
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
}

.-page-popup__contents .-page .-page-contents .-page-contents__wrapper .-page-contents__scroll {
  min-width: 100%;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 0;
}

.-page-popup__contents .-page .-page-contents .-page-contents__wrapper .-page-contents__scroll .comm_title_wrap {
  margin-top: 0;
}

.-page-popup__contents .-page-contents__top-wrapper {
  padding: 0 30px;
}

.-page-popup__contents .-page-contents__top-wrapper .sui-panel-navigation {
  display: none;
}

.-page-popup__contents {
  overflow-y: auto;
  padding: 10px 0 0 0;
  /* max-height:700px; */
}

.-page-popup__contents-small {
  width: 470px;
  /* max-height:700px; */
}

.-page-popup__contents-middle {
  width: 700px;
  /* max-height:700px; */
}

.-page-popup__contents-large {
  width: 940px;
  /* max-height:700px; */
}

.-page-popup__contents-xlarge {
  width: 1240px;
  /* max-height:700px; */
}

/******* pagePopup end *******/
/******* suiTimePicker start *******/
.sui-time-picker {
  display: inline-block;
  width: 100%;
  height: 28px;
}

.time-picker {
  display: flex;
  position: relative;
  width: 100%;
  vertical-align: middle;
}

.sui-time-picker--small .time-picker {
  display: inline-block;
  position: relative;
  font-size: 1em;
  width: 176px;
  vertical-align: middle;
  line-height: 34px;
  box-sizing: border-box;
}

.sui-time-picker--small .time-picker .dropdown {
  top: 50%;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: #ffffff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  padding: 18px;
  width: auto;
  height: 332px;
  font-weight: normal;
}

.sui-time-picker--small .sui-time-picker--sticky.time-picker .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  height: 20em;
  transform: none;
  box-shadow: none;
  border: 1px solid #bdc3d6;
}

.sui-time-picker--small .time-picker .dropdown .head {
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: left;
}

.sui-time-picker--small .time-picker .dropdown .head > span {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1.3px;
}

.sui-time-picker--small .time-picker .dropdown .head .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(/biz/img/a_btn_close_light.abf40a12666e0c69.png) no-repeat center center;
  text-indent: -99999px;
}

.sui-time-picker--small .time-picker .dropdown .select-list {
  margin-top: 14px;
  width: auto;
  height: 202px;
  overflow: hidden;
}

.sui-time-picker--small .time-picker .dropdown .select-list {
  display: flex;
  flex-direction: row;
}

.sui-time-picker--small .time-picker .dropdown .select-list > div {
  padding: 0;
  margin: 0;
  width: 80px;
  height: 100%;
}

.sui-time-picker--small .time-picker .dropdown .select-list > div .hint {
  position: relative;
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  color: #aaa;
  font-weight: bold;
  letter-spacing: -1.3px;
}

.sui-time-picker--small .time-picker .dropdown .select-list > div > ul {
  width: 100%;
  height: calc(100% - 34px);
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
}

.sui-time-picker--small .time-picker .dropdown .select-list > div > ul > li {
  position: relative;
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  color: #222;
  letter-spacing: normal;
}

.sui-time-picker--small .time-picker .dropdown .select-list > div > ul > li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  content: "";
}

.sui-time-picker--small .time-picker .dropdown .select-list > div > ul > li:hover::before {
  border-color: #bc00de;
}

.sui-time-picker--small .time-picker .dropdown .select-list > div > ul > li.active::before {
  border-color: #bc00de;
  background: #bc00de;
  opacity: 0.1;
}

.sui-time-picker--small .time-picker .dropdown .select-list .apms li {
  font-weight: bold;
  letter-spacing: -1.3px;
}

.time-picker input.display-time {
  font-size: 13px;
  color: #333333;
  border: none !important;
  width: 100%;
  padding: 5px;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
  height: 28px;
}

.time-picker .display-time__icon {
  width: 28px;
  height: 28px;
  background: url(/biz/img/ic_input_time_normal.22f939159248e8d4.png) no-repeat 5px center;
  cursor: pointer;
  position: absolute;
  right: 0;
  border-left: 1px solid #cccccc;
}

.sui-text-field--readonly .display-time__icon.display-time__icon-disabled {
  background: url(/biz/img/ic_input_time_disable.5f83eb94cf4dbd9f.png) no-repeat center center transparent;
  cursor: default;
}

.time-picker .display-time__icon-disabled {
  background: url(/biz/img/ic_input_time_disable.5f83eb94cf4dbd9f.png) no-repeat center center #f7f7f7 !important;
  pointer-events: none;
  border: 1px solid #cccccc;
}

.time-picker .display-time__icon:hover {
  background: url(/biz/img/ic_input_time_hover.cf775b4e4d321ce8.png) no-repeat center center #f7f7f7;
  border: 1px solid #a5a5a5;
  width: 28px;
  height: 28px;
  margin-top: 0;
  margin-right: 0;
}

.sui-time-picker--sticky.time-picker .dropdown {
  position: absolute;
  top: calc(2.2em - 2px);
  left: 0;
  /* height: 10em; */
  transform: none;
}

.time-picker .dropdown {
  border: 1px solid #cccccc;
  top: 50%;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: #ffffff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 20px;
  width: auto;
  /* height: 596px; */
  font-weight: normal;
}

.time-picker .dropdown .select-list {
  width: auto;
  overflow: hidden;
}

.time-picker .dropdown .select-list {
  display: flex;
  flex-direction: row;
}

.time-picker .dropdown .select-list > div {
  padding-right: 8px;
  margin: 0;
  height: 100%;
}

.time-picker .dropdown .select-list > div:last-child {
  padding-right: 0;
}

.time-picker .dropdown .select-list > div .hint {
  position: relative;
  width: 100%;
  height: 20px;
  margin-bottom: 5px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #5a5a5a;
  font-weight: normal;
}

.time-picker .dropdown .select-list > div > ul {
  width: 50px;
  height: 158px;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #cccccc;
}

.time-picker .dropdown .select-list > div > ul > li {
  position: relative;
  width: 100%;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 12px;
  color: #333333;
  cursor: pointer;
}

.time-picker .dropdown .select-list > div > ul > li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  /* content: ""; */
}

.time-picker .dropdown .select-list > div > ul > li.active {
  color: #2949b3 !important;
  font-weight: bold;
  background: #e9ecf7;
}

.time-picker .dropdown .select-list > div > ul > li.active::before {
  color: #2949b3;
  font-weight: bold;
  background: #e9ecf7;
}

.time-picker .dropdown .select-list .apms li {
  font-weight: bold;
}

.time-picker .dropdown .bottom {
  position: relative;
  width: 100%;
  margin-top: 15px;
  text-align: right;
}

.time-picker .dropdown .bottom button {
  display: inline-block;
  height: 20px;
  text-align: center;
  font-size: 10px;
  font-weight: normal;
  color: #ffffff;
  background-color: #2949b3;
  width: 42px;
}

.sui-time-picker--small .time-picker .dropdown .bottom {
  position: relative;
  width: 100%;
  margin-top: 14px;
  text-align: right;
}

.sui-time-picker--small .time-picker .dropdown .bottom button {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  border-radius: 2px;
}

.sui-time-picker--small .time-picker .dropdown .bottom .btn-ok {
  width: 66px;
  height: 32px;
  color: #ffffff;
  background: #bc00de;
}

.sui-time-picker--mobile .time-picker {
  display: inline-block;
  position: relative;
  font-size: 1em;
  width: 100%;
  vertical-align: middle;
  line-height: 34px;
}

.sui-time-picker--mobile .time-picker * {
  box-sizing: border-box;
}

.sui-time-picker--mobile .time-picker input.display-time {
  border: 1px solid #bdc3d6;
  width: 100%;
  height: 100%;
  padding: 11px 10px 11px;
  color: #222;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: -2.2px;
}

.sui-time-picker--mobile .time-picker .dropdown {
  top: 50%;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: #ffffff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  padding: 16px 14px 16px 16px;
  width: 300px;
  height: 373px;
  font-weight: normal;
}

.sui-time-picker--mobile .sui-time-picker--sticky.time-picker .dropdown {
  position: absolute;
  top: calc(2.2em + 2px);
  left: 0;
  height: 10em;
  transform: none;
}

.sui-time-picker--mobile .time-picker .dropdown .head {
  position: relative;
  width: 100%;
  height: 27px;
  line-height: 27px;
  text-align: left;
}

.sui-time-picker--mobile .time-picker .dropdown .head > span {
  color: #222;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: -1.4px;
}

.sui-time-picker--mobile .time-picker .dropdown .head .btn-close {
  position: absolute;
  right: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background: url(/biz/img/a_btn_close_light.abf40a12666e0c69.png) no-repeat center center;
  text-indent: -99999px;
}

.sui-time-picker--mobile .time-picker .dropdown .select-list {
  margin-top: 20px;
  width: auto;
  height: 235px;
  overflow: hidden;
}

.sui-time-picker--mobile .time-picker .dropdown .select-list {
  display: flex;
  flex-direction: row;
}

.sui-time-picker--mobile .time-picker .dropdown .select-list > div {
  flex: 1;
  padding: 0;
  margin: 0;
  width: auto;
  height: 100%;
}

.sui-time-picker--mobile .time-picker .dropdown .select-list > div .hint {
  position: relative;
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 17px;
  color: #aaa;
  font-weight: bold;
  letter-spacing: -1.36px;
}

.sui-time-picker--mobile .time-picker .dropdown .select-list > div > ul {
  width: 100%;
  height: calc(100% - 34px);
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
}

.sui-time-picker--mobile .time-picker .dropdown .select-list > div > ul > li {
  position: relative;
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  color: #222;
  letter-spacing: normal;
}

.sui-time-picker--mobile .time-picker .dropdown .select-list > div > ul > li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  content: "";
}

/* .sui-time-picker--mobile .time-picker .dropdown .select-list>div>ul>li:hover::before{border-color:#bc00de; background: #bc00de; opacity: 0.1;} */
.sui-time-picker--mobile .time-picker .dropdown .select-list > div > ul > li.active::before {
  border-color: #bc00de;
  background: #bc00de;
  opacity: 0.1;
}

.sui-time-picker--mobile .time-picker .dropdown .select-list .apms li {
  font-weight: bold;
  letter-spacing: -1.4px;
}

.sui-time-picker--mobile .time-picker .dropdown .bottom {
  position: relative;
  width: 100%;
  margin-top: 14px;
  text-align: right;
}

.sui-time-picker--mobile .time-picker .dropdown .bottom button {
  display: inline-block;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: normal;
  border-radius: 2px;
}

.sui-time-picker--mobile .time-picker .dropdown .bottom .btn-ok {
  width: 88px;
  height: 46px;
  color: #ffffff;
  background: #bc00de;
}

.-fdp-validator__slot--error .time-picker input.display-time,
.-fdp-validator__slot--error .time-picker input.display-time:disabled {
  border-color: #fe886a;
  background-color: rgba(254, 136, 106, 0.15);
}

.time-picker input.display-time:disabled {
  color: #cccccc;
  border-color: #bdc3d6;
  background-color: #f5f7fa;
}

.time-picker .clear-btn {
  position: absolute;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  margin-top: -0.15em;
  /* z-index: 3; */
  font-size: 1.1em;
  line-height: 1em;
  vertical-align: middle;
  width: 1.3em;
  color: #d2d2d2;
  background: rgba(255, 255, 255, 0);
  text-align: center;
  font-style: normal;
  transition: color 0.2s;
}

.time-picker .clear-btn:hover {
  color: #797979;
  cursor: pointer;
}

.time-picker .time-picker-overlay {
  z-index: 990;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.sui-time-picker--sticky.time-picker .time-picker-overlay {
  background-color: transparent;
}

.time-picker .dropdown .head {
  position: relative;
  width: 100%;
  line-height: 46px;
  text-align: left;
}

.time-picker .dropdown .head > span {
  color: #222;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -2.24px;
}

.time-picker .dropdown .head .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 42px;
  background: url(/biz/img/btn-close-aaabb7-42x42.5bf0f5c5ca89af7b.png) no-repeat center center;
  text-indent: -99999px;
}

.time-picker .dropdown .bottom .btn-ok {
  width: 150px;
  height: 64px;
  color: #ffffff;
  background: #bc00de;
}

/******* suiTimePicker end *******/
/******* fdpTabTopcolorType start *******/
.sui-tab-topcolor-type {
  width: 100%;
  position: relative;
  box-shadow: none;
}

.sui-tab-topcolor-type__header-item:first-child {
  margin-left: 0;
}

.sui-tab-topcolor-type__header-item:hover {
  background: #f9f9f9;
}

.sui-tab-topcolor-type__header-item.sui-tab-topcolor-type--active {
  border-bottom: 2px solid #0971e8;
  color: #0971e8;
}

.sui-tab-topcolor-type__header {
  z-index: 5;
  height: 40px;
  overflow: hidden;
  /* margin: 0; */
  border-bottom: 2px solid #efefef;
}

.sui-tab-topcolor-type__header-item {
  margin-left: 15px;
  padding: 0 10px;
  font-size: 18px;
  color: #666;
  float: left;
  cursor: pointer;
  line-height: 30px;
  z-index: 10;
}

.sui-tab-topcolor-type__header-item__title {
  font-size: 14px;
  color: #222;
  line-height: 20px;
}

.sui-tab-topcolor-type__header-item__subTitle {
  display: block;
  margin-top: 6px;
}

.sui-tab-topcolor-type__cont {
  padding: 10px;
  position: relative;
  width: 100%;
  display: block;
}

.sui-tab-topcolor-type__cont--empty {
  font-size: 12px;
  text-align: center;
  padding-top: 30px;
  color: #aaa;
}

/******* fdpTabTopcolorType end*******/
/******* range-date-picker start *******/
.range-date-picker {
  display: flex;
  width: 100%;
}

.range-date-picker__start .vdp-datepicker input {
  padding-right: 0 !important;
}

.range-date-picker__start .vdp-datepicker input.sui-text-field__input {
  width: 115px !important;
}

.range-date-picker__start .vdp-datepicker__calendar-button {
  position: absolute;
  right: 4px;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(/biz/img/icn_calender.efa6402839085430.png) no-repeat center;
  background-size: 16px;
  background-position: right 7px center;
  border-left: 1px solid #bdc3d6;
  border-right: none;
}

.range-date-picker__end .vdp-datepicker input {
  padding-right: 0 !important;
}

.range-date-picker__end .vdp-datepicker input.sui-text-field__input {
  width: 115px !important;
}

.range-date-picker__end .vdp-datepicker__calendar-button {
  position: absolute;
  right: 4px;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(/biz/img/icn_calender.efa6402839085430.png) no-repeat center;
  background-size: 16px;
  background-position: right 7px center;
  border-left: 1px solid #bdc3d6;
  border-right: none;
}

/******* range-date-picker end *******/
/******* jqxgrid start *******/
.jqx-grid-pager {
  line-height: 40px !important;
  padding-top: 17px;
}

/*.jqx-grid-pager div{  margin-top: 7px;} */
/* .jqx-grid-pager div:only-child{display:flex;justify-content:center;}
.jqx-grid-pager div:nth-child(6) {position:absolute; left:0 } */
.jqx-grid-widget .sui-select {
  padding: 5px 0;
}

.jqx-grid-widget .sui-select.sui-select--active {
  padding: 5px 0 !important;
}

.jqx-grid-widget .sui-radio {
  padding: 0 !important;
}

.jqx-grid-widget .sui-text-field {
  display: inline-flex;
  padding: 0 !important;
}

.jqx-grid-widget .custom-select {
  padding: 0 8px !important;
  background-color: #ffffff !important;
  width: 100%;
}

.jqx-grid-widget .custom-select option {
  height: 30px !important;
}

.jqx-grid-widget .-button-list {
  padding: 0 !important;
}

.jqx-grid-widget .sui-segment-box {
  padding: 0 !important;
  text-align: center;
}

.jqx-grid-widget .sui-checkbox {
  padding: 0 !important;
}

.jqx-grid-widget .range-date-picker {
  padding: 0 !important;
}

.jqx-grid-widget .sui-date-picker {
  padding: 0 !important;
}

.jqx-grid-widget .sui-time-picker {
  padding: 0 !important;
}

/******* jqxgrid end *******/
/******* suiTree start *******/
.tree {
  overflow: auto;
}

.tree-root,
.tree-children {
  list-style: none;
  padding-left: 20px;
  padding-right: 20px;
}

.tree > .tree-root,
.tree > .tree-filter-empty {
  box-sizing: border-box;
}

.tree.tree--draggable .tree-node:not(.selected) > .tree-content:hover {
  background: transparent;
}

.drag-above,
.drag-below,
.drag-on {
  position: relative;
  z-index: 1;
}

.drag-on > .tree-content {
  background: #fafcff;
  outline: 1px solid #7baff2;
}

.drag-above > .tree-content::before,
.drag-below > .tree-content::after {
  display: block;
  content: "";
  position: absolute;
  height: 8px;
  left: 0;
  right: 0;
  z-index: 2;
  box-sizing: border-box;
  background-color: #3367d6;
  border: 3px solid #3367d6;
  background-clip: padding-box;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-radius: 0;
}

.drag-above > .tree-content::before {
  top: 0;
  transform: translateY(-50%);
}

.drag-below > .tree-content::after {
  bottom: 0;
  transform: translateY(50%);
}

.tree-node {
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
}

.tree-children .tree-node.selected > .tree-content {
  background-color: #dbe7ff;
  border-radius: 3px;
}

.tree-children > .tree-node > .tree-content:hover {
  background-color: #f2f7ff;
  border-radius: 3px;
}

.tree-node.selected > .tree-content > .tree-anchor {
  outline: none;
  color: #1c1d1f;
  font-weight: 700;
}

.tree-node.disabled > .tree-content:hover {
  background: inherit;
}

.tree-node.disabled > .tree-content > .tree-anchor {
  color: #989191;
  background: #ffffff;
  opacity: 1;
  cursor: default;
  outline: none;
}

.tree-node.has-child.loading > .tree-content > .tree-arrow,
.tree-node.has-child.loading > .tree-content > .tree-arrow:after {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 0;
}

.tree-node.has-child.loading > .tree-content > .tree-arrow {
  font-size: 3px;
  position: relative;
  border-top: 1.1em solid rgba(45, 45, 45, 0.2);
  border-right: 1.1em solid rgba(45, 45, 45, 0.2);
  border-bottom: 1.1em solid rgba(45, 45, 45, 0.2);
  border-left: 1.1em solid #2d2d2d;
  transform: translateZ(0);
  left: 5px;
  animation: loading 1.1s infinite linear;
  margin-right: 8px;
}

.tree-node .-edit-favorites {
  display: inline-block;
  padding-left: 5px;
  width: 20px !important;
  height: 20px;
  background: url(/biz/img/ic_lnb_setting_normal.de90d6ec4ed12213.png) no-repeat center center;
  cursor: pointer;
}

.tree-node .-edit-favorites:hover {
  background: url(/biz/img/ic_lnb_setting_hover.62e2f0c8b43f7e88.png) no-repeat center center;
}

.tree-node .tree-anchor-more-button {
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  z-index: 200;
}

.tree-node,
.tree-children,
.tree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.tree-node,
.tree-children,
.tree-container-ul li {
  padding-bottom: 0;
}

.tree-children {
  overflow: hidden;
}

.tree-content {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}

.tree-content__root > .tree-anchor {
  font-size: 15px;
  color: #333333;
  margin-left: 10px;
  line-height: 40px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mymenu_list.tree .tree-content__root > .tree-anchor {
  overflow: visible;
}

.mymenu_list.tree .tree-anchor span {
  width: auto;
}

.tree-checkbox {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  /* border: 1px solid #dadada; */
  border-radius: 2px;
  background: #ffffff;
  transition: border-color 0.25s, background-color 0.25s;
}

.tree-checkbox:after,
.tree-checkbox.checked,
.tree-checkbox.indeterminate {
  background-color: #3a99fc;
  border-color: #218eff;
}

.tree-checkbox.checked:after {
  box-sizing: content-box;
  border: 1.5px solid #ffffff;
  /* probably width would be rounded in most cases */
  border-left: 0;
  border-top: 0;
  left: 9px;
  top: 3px;
  height: 15px;
  width: 8px;
  transform: rotate(45deg) scaleY(0);
  transition: transform 0.25s;
  transform-origin: center;
}

.tree-checkbox.indeterminate:after {
  background-color: #ffffff;
  top: 50%;
  left: 20%;
  right: 20%;
  height: 2px;
}

.tree-input {
  display: block;
  width: 100%;
  height: 24px;
  line-height: 24px;
  outline: none;
  border: 1px solid #3498db;
  padding: 0 4px;
}

.tree-arrow {
  flex-shrink: 0;
  height: 30px;
  cursor: pointer;
  width: 0;
}

.tree-node.tree-node__list.has-child .tree-arrow.has-child {
  margin-right: 5px;
  margin-left: -5px;
  margin-top: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%) rotate(-90deg);
  background: url(/biz/img/ic_menu_unfold.76668a79a396167a.png) no-repeat center center;
}
.tree-node.tree-node__list.has-child .tree-arrow.expanded.has-child {
  margin-right: 5px;
  margin-left: -5px;
  margin-top: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%) rotate(0deg);
  background: url(/biz/img/ic_menu_unfold.76668a79a396167a.png) no-repeat center center;
}
.tree-node.tree-node__list.has-child .tree-arrow.expanded.has-child .tree-children {
  margin-top: 50px;
}
.tree-node.tree-node__list.has-child .tree-arrow.expanded.has-child .tree-children .tree-children.tree-children__root .tree-arrow.has-child {
  left: 6%;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tree-children {
  overflow: hidden;
  /* transition: all .3s; */
}

.tree-children__root {
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.tree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
  font-size: 14px;
  cursor: pointer;
}

.tree-anchor span {
  width: auto;
  vertical-align: middle;
  padding-left: 8px;
}

.tree-children.tree-children__root .tree-anchor span {
  font-size: 14px;
  padding-left: 16px;
}

.tree-children.tree-children__root .tree-arrow.has-child {
  width: 16px;
  background: url(/biz/img/ic_menu2_up_normal.9eb5ea3ee465cc8d.png) no-repeat center center;
  transform: rotate(360deg);
  top: 30%;
  left: 2%;
}
.tree-children.tree-children__root .tree-arrow.has-child + .tree-children.tree-children__root .tree-arrow.has-child {
  left: 6%;
}

.tree-children.tree-children__root .tree-arrow.expanded.has-child {
  width: 16px;
  background: url(/biz/img/ic_menu2_down_normal.e6b8efae4f92dbb0.png) no-repeat center center;
  transform: rotate(0deg);
}

.tree-anchor:focus {
  outline: 0;
}

.tree-anchor,
.tree-anchor:link,
.tree-anchor:visited,
.tree-anchor:hover,
.tree-anchor:active {
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}

.tree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.tree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.tree-ocl {
  cursor: pointer;
}

.tree-leaf > .tree-ocl {
  cursor: default;
}

.tree-anchor > .tree-themeicon {
  margin-right: 2px;
}

.tree-no-icons .tree-themeicon,
.tree-anchor > .tree-themeicon-hidden {
  display: none;
}

.tree-hidden,
.tree-node.tree-hidden {
  display: none;
}

.tree-rtl .tree-anchor {
  padding: 0 1px 0 4px;
}

.tree-rtl .tree-anchor > .tree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.tree-rtl .tree-node {
  margin-left: 0;
}

.tree-rtl .tree-container-ul > .tree-node {
  margin-right: 0;
}

.tree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.tree-wholerow-ul .tree-leaf > .tree-ocl {
  cursor: pointer;
}

.tree-wholerow-ul .tree-anchor,
.tree-wholerow-ul .tree-icon {
  position: relative;
}

.tree-wholerow-ul .tree-wholerow {
  width: 100%;
  cursor: pointer;
  z-index: -1;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tree {
  text-align: left;
}

.tree-default .tree-node,
.tree-default .tree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}

.tree-default .tree-hovered {
  background: #eeeeee;
  border: 0px;
  box-shadow: none;
  padding-right: 5px;
}

.tree-default .tree-context {
  background: #eeeeee;
  border: 0px;
  box-shadow: none;
}

.tree-default .tree-selected {
  background: #ebe7e7;
  border: 0px;
  box-shadow: none;
  padding-right: 5px;
  color: #2949b3;
}

.tree-default .tree-no-icons .tree-anchor > .tree-themeicon {
  display: none;
}

.tree-default .tree-disabled {
  background: transparent;
  color: #666666;
}

.tree-default .tree-disabled.tree-hovered {
  background: transparent;
  box-shadow: none;
}

.tree-default .tree-disabled.tree-selected {
  background: #efefef;
}

.tree-default .tree-disabled > .tree-icon {
  opacity: 0.8;
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.tree-default .tree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}

.tree-default .tree-no-checkboxes .tree-checkbox {
  display: none !important;
}

.tree-default.tree-checkbox-no-clicked .tree-selected {
  background: transparent;
  box-shadow: none;
}

.tree-default.tree-checkbox-no-clicked .tree-selected.tree-hovered {
  background: #eeeeee;
}

.tree-default.tree-checkbox-no-clicked > .tree-wholerow-ul .tree-wholerow-clicked {
  background: transparent;
}

.tree-default.tree-checkbox-no-clicked > .tree-wholerow-ul .tree-wholerow-clicked.tree-wholerow-hovered {
  background: #eeeeee;
}

.tree-default > .tree-striped {
  min-width: 100%;
  display: inline-block;
}

.tree-default > .tree-wholerow-ul .tree-hovered,
.tree-default > .tree-wholerow-ul .tree-selected {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.tree-default .tree-wholerow {
  box-sizing: border-box;
}

.tree-default .tree-wholerow-hovered {
  background: #eeeeee;
}

.tree-default .tree-wholerow-clicked {
  background: #e1e1e1;
}

.tree-default .tree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 30px;
  min-width: 24px;
}

.tree-default .tree-anchor {
  line-height: 18px;
  height: 24px;
}

.tree-default .tree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.tree-default .tree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.tree-default.tree-rtl .tree-node {
  margin-right: 24px;
}

.tree-default .tree-wholerow {
  height: 24px;
}

.tree-default .tree-node,
.tree-default .tree-icon {
  background-image: url(/biz/img/ic_tree.9ea17a7966f9bc81.png);
}

.tree-default .tree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}

.tree-default .tree-last {
  background: transparent;
}

.tree-default .tree-open > .tree-ocl {
  background-position: -132px -4px;
}

.tree-default .tree-closed > .tree-ocl {
  background-position: -100px -4px;
}

.tree-default .tree-leaf > .tree-ocl {
  background-position: -68px -4px;
}

.tree-default .tree-themeicon {
  background-position: -258px -7px;
}

.tree-default > .tree-no-dots .tree-node,
.tree-default > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}

.tree-default > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -36px -4px;
}

.tree-default > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: -4px -4px;
}

.tree-default .tree-disabled {
  background: transparent;
}

.tree-default .tree-disabled.tree-hovered {
  background: transparent;
}

.tree-default .tree-disabled.tree-selected {
  background: #f7f7f7;
}

.tree-default .tree-checkbox {
  background-position: -164px -4px;
}

.tree-default .tree-checkbox:hover {
  background-position: -164px -36px;
}

.tree-default.tree-checkbox-selection .tree-selected > .tree-checkbox,
.tree-default .tree-checked > .tree-checkbox {
  background-position: -228px -4px;
}

.tree-default.tree-checkbox-selection .tree-selected > .tree-checkbox:hover,
.tree-default .tree-checked > .tree-checkbox:hover {
  background-position: -228px -36px;
}

.tree-default .tree-anchor > .tree-undetermined {
  background-position: -196px -4px;
}

.tree-default .tree-anchor > .tree-undetermined:hover {
  background-position: -196px -36px;
}

.tree-default .tree-checkbox-disabled {
  opacity: 0.8;
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.tree-default > .tree-striped {
  background-size: auto 48px;
}

.tree-default.tree-rtl .tree-node {
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.tree-default.tree-rtl .tree-last {
  background: transparent;
}

.tree-default.tree-rtl .tree-open > .tree-ocl {
  background-position: -132px -36px;
}

.tree-default.tree-rtl .tree-closed > .tree-ocl {
  background-position: -100px -36px;
}

.tree-default.tree-rtl .tree-leaf > .tree-ocl {
  background-position: -68px -36px;
}

.tree-default.tree-rtl > .tree-no-dots .tree-node,
.tree-default.tree-rtl > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}

.tree-default.tree-rtl > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -36px -36px;
}

.tree-default.tree-rtl > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: -4px -36px;
}

.tree-default .tree-themeicon-custom {
  background-color: transparent;
  background-position: -100px -71px;
}

.tree-default .tree-node.tree-loading {
  background: none;
}

.tree-default .tree-file {
  background: url(/biz/img/ic_tree.9ea17a7966f9bc81.png) -100px -68px no-repeat;
}

.tree-default .tree-folder {
  background: url(/biz/img/ic_tree.9ea17a7966f9bc81.png) -260px -4px no-repeat;
}

.tree-default > .tree-container-ul > .tree-node {
  margin-left: 0;
  margin-right: 0;
}

.tree-default .tree-ellipsis {
  overflow: hidden;
}

.tree-default .tree-ellipsis .tree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.tree-default .tree-ellipsis.tree-no-icons .tree-anchor {
  width: calc(100% - 5px);
}

.tree-default.tree-rtl .tree-last {
  background: transparent;
}

.tree-default-small .tree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}

.tree-anchor {
  display: inline-block;
  color: #333333;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  flex-grow: 2;
  outline: none;
  text-decoration: none;
  vertical-align: top;
  margin-left: 3px;
  line-height: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.tree-default-small .tree-anchor {
  display: inline-block;
  color: #333333;
  white-space: nowrap;
  padding: 3px 4px 0 4px;
  margin-left: -5px;
  margin-top: -3px;
  vertical-align: top;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  line-height: 18px;
  height: 24px;
  font-weight: normal !important;
}

.tree-default-small .tree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.tree-default-small .tree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.tree-default-small.tree-rtl .tree-node {
  margin-right: 18px;
}

.tree-default-small .tree-wholerow {
  height: 24px;
}

.tree-default-small .tree-node,
.tree-default-small .tree-icon {
  background-image: url(/biz/img/ic_tree.9ea17a7966f9bc81.png);
}

.tree-default-small .tree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}

.tree-default-small .tree-last {
  background: transparent;
}

.tree-default-small .tree-open > .tree-ocl {
  background-position: -135px -7px;
}

.tree-default-small .tree-closed > .tree-ocl {
  background-position: -103px -7px;
}

.tree-default-small .tree-leaf > .tree-ocl {
  /* background-position: -71px -7px; */
  background-position: -135px -7px;
  background: none !important;
}

.tree-default-small .tree-themeicon {
  background-position: -263px -7px;
}

.tree-default-small > .tree-no-dots .tree-node,
.tree-default-small > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}

.tree-default-small > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -39px -7px;
}

.tree-default-small > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: -7px -7px;
}

/* .tree-default-small > .tree-no-dots .tree-leaf > .tree-ocl {
  background-position: -39px -7px;
} */
.tree-default-small .tree-disabled {
  background: transparent;
}

.tree-default-small .tree-disabled.tree-hovered {
  background: transparent;
}

.tree-default-small .tree-disabled.tree-selected {
  background: #efefef;
}

.tree-default-small .tree-checkbox {
  background-position: -167px -7px;
}

.tree-default-small .tree-checkbox:hover {
  background-position: -167px -39px;
}

.tree-default-small.tree-checkbox-selection .tree-selected > .tree-checkbox,
.tree-default-small .tree-checked > .tree-checkbox {
  background-position: -231px -7px;
}

.tree-default-small.tree-checkbox-selection .tree-selected > .tree-checkbox:hover,
.tree-default-small .tree-checked > .tree-checkbox:hover {
  background-position: -231px -39px;
}

.tree-default-small .tree-anchor > .tree-undetermined {
  background-position: -199px -7px;
}

.tree-default-small .tree-anchor > .tree-undetermined:hover {
  background-position: -199px -39px;
}

.tree-default-small .tree-checkbox-disabled {
  opacity: 0.8;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.tree-default-small > .tree-striped {
  background-size: auto 36px;
}

.tree-default-small.tree-rtl .tree-node {
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.tree-default-small.tree-rtl .tree-last {
  background: transparent;
}

.tree-default-small.tree-rtl .tree-open > .tree-ocl {
  background-position: -135px -39px;
}

.tree-default-small.tree-rtl .tree-closed > .tree-ocl {
  background-position: -103px -39px;
}

.tree-default-small.tree-rtl .tree-leaf > .tree-ocl {
  background-position: -71px -39px;
}

.tree-default-small.tree-rtl > .tree-no-dots .tree-node,
.tree-default-small.tree-rtl > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}

.tree-default-small.tree-rtl > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -39px -39px;
}

.tree-default-small.tree-rtl > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: -7px -39px;
}

.tree-default-small .tree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.tree-default-small .tree-node.tree-loading {
  background: none;
}

.tree-default-small > .tree-container-ul .tree-loading > .tree-ocl {
  /* background: url("data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==") center center no-repeat; */
}

.tree-default-small .tree-file {
  background: url(/biz/img/ic_tree.9ea17a7966f9bc81.png) -103px -71px no-repeat;
}

.tree-default-small .tree-folder {
  background: url(/biz/img/ic_tree.9ea17a7966f9bc81.png) -263px -7px no-repeat;
}

.tree-default-small > .tree-container-ul > .tree-node {
  margin-left: 0;
  margin-right: 0;
}

.tree-default-small .tree-ellipsis {
  overflow: hidden;
}

.tree-default-small .tree-ellipsis .tree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.tree-default-small .tree-ellipsis.tree-no-icons .tree-anchor {
  width: calc(100% - 5px);
}

.tree-default-small.tree-rtl .tree-node {
  /* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); */
}

.tree-default-small.tree-rtl .tree-last {
  background: transparent;
}

.tree-default-small .tree-hovered {
  background: #f7f7f7;
  border: 0px;
  box-shadow: none;
}

.tree-default-small .tree-context {
  background: #eee;
  border: 0px;
  box-shadow: none;
}

.tree-default-small .tree-selected {
  background: #ebe7e7;
  border: 0px;
  box-shadow: none;
  color: #047ad5;
}

.tree-default-small .tree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}

.tree-default-small > .tree-wholerow-ul .tree-hovered,
.tree-default-small > .tree-wholerow-ul .tree-selected {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.tree-default-small .tree-wholerow-hovered {
  background: #eee;
}

.tree-default-small .tree-wholerow-clicked {
  background: #e1e1e1;
}

.tree-default-large .tree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 38px;
  min-width: 32px;
}

.tree-default-large .tree-anchor {
  line-height: 32px;
  height: 32px;
}

.tree-default-large .tree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.tree-default-large .tree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.tree-default-large.tree-rtl .tree-node {
  margin-right: 32px;
}

.tree-default-large .tree-wholerow {
  height: 32px;
}

.tree-default-large .tree-node,
.tree-default-large .tree-icon {
  background-image: url(/biz/img/ic_tree.9ea17a7966f9bc81.png);
}

.tree-default-large .tree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}

.tree-default-large .tree-last {
  background: transparent;
}

.tree-default-large .tree-open > .tree-ocl {
  background-position: -128px 0px;
}

.tree-default-large .tree-closed > .tree-ocl {
  background-position: -96px 0px;
}

.tree-default-large .tree-leaf > .tree-ocl {
  background-position: -64px 0px;
}

.tree-default-large .tree-themeicon {
  background-position: -256px 0px;
}

.tree-default-large > .tree-no-dots .tree-node,
.tree-default-large > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}

.tree-default-large > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -32px 0px;
}

.tree-default-large > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: 0px 0px;
}

.tree-default-large .tree-disabled {
  background: transparent;
}

.tree-default-large .tree-disabled.tree-hovered {
  background: transparent;
}

.tree-default-large .tree-disabled.tree-selected {
  background: #efefef;
}

.tree-default-large .tree-checkbox {
  background-position: -160px 0px;
}

.tree-default-large .tree-checkbox:hover {
  background-position: -160px -32px;
}

.tree-default-large.tree-checkbox-selection .tree-selected > .tree-checkbox,
.tree-default-large .tree-checked > .tree-checkbox {
  background-position: -224px 0px;
}

.tree-default-large.tree-checkbox-selection .tree-selected > .tree-checkbox:hover,
.tree-default-large .tree-checked > .tree-checkbox:hover {
  background-position: -224px -32px;
}

.tree-default-large .tree-anchor > .tree-undetermined {
  background-position: -192px 0px;
}

.tree-default-large .tree-anchor > .tree-undetermined:hover {
  background-position: -192px -32px;
}

.tree-default-large .tree-checkbox-disabled {
  opacity: 0.8;
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.tree-default-large > .tree-striped {
  background-size: auto 64px;
}

.tree-default-large.tree-rtl .tree-node {
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.tree-default-large.tree-rtl .tree-last {
  background: transparent;
}

.tree-default-large.tree-rtl .tree-open > .tree-ocl {
  background-position: -128px -32px;
}

.tree-default-large.tree-rtl .tree-closed > .tree-ocl {
  background-position: -96px -32px;
}

.tree-default-large.tree-rtl .tree-leaf > .tree-ocl {
  background-position: -64px -32px;
}

.tree-default-large.tree-rtl > .tree-no-dots .tree-node,
.tree-default-large.tree-rtl > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}

.tree-default-large.tree-rtl > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -32px -32px;
}

.tree-default-large.tree-rtl > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: 0px -32px;
}

.tree-default-large .tree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.tree-default-large .tree-node.tree-loading {
  background: none;
}

.tree-default-large .tree-file {
  background: url(/biz/img/ic_tree.9ea17a7966f9bc81.png) -96px -64px no-repeat;
}

.tree-default-large .tree-folder {
  background: url(/biz/img/ic_tree.9ea17a7966f9bc81.png) -256px 0px no-repeat;
}

.tree-default-large > .tree-container-ul > .tree-node {
  margin-left: 0;
  margin-right: 0;
}

.tree-default-large .tree-ellipsis {
  overflow: hidden;
}

.tree-default-large .tree-ellipsis .tree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.tree-default-large .tree-ellipsis.tree-no-icons .tree-anchor {
  width: calc(100% - 5px);
}

.tree-default-large.tree-rtl .tree-last {
  background: transparent;
}

.tree-dragnode {
  padding: 10px;
  border: 1px solid #e7eef7;
  position: fixed;
  border-radius: 8px;
  background: #ffffff;
  transform: translate(-50%, -110%);
  z-index: 10;
}

/******* suiTree end *******/
/******* suiConfirm start ******/
.sui-confirm {
  display: block;
  position: relative;
  background: #ffffff;
  width: 470px;
  padding: 20px 30px;
  /* border: 1px solid #767676; */
}

.sui-confirm__message-area {
  width: 100%;
  height: 30px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.sui-confirm__button-area {
  width: 100%;
  height: 38px;
  text-align: right;
}

.sui-confirm__confirm .sui-confirm__icon-area {
  background: url(/biz/img/ic_message_confirm_38x38.b62663f8b7bcd591.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 28px 0 12px 0;
}

.sui-confirm__information .sui-confirm__icon-area {
  background: url(/biz/img/ic_message_info_38x38.f86cf51ea5b1c2cc.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 28px 0 12px 0;
}

.sui-confirm__error .sui-confirm__icon-area {
  background: url(/biz/img/ic_message_error_38x38.229882f850edee68.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 28px 0 12px 0;
}

.sui-confirm__warning .sui-confirm__icon-area {
  background: url(/biz/img/ic_message_warning_38x38.caa09d1b1752aa91.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 28px 0 12px 0;
}

.sui-confirm__success .sui-confirm__icon-area {
  background: url(/biz/img/ic_message_success_38x38.2205b0ce8464bd07.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 28px 0 12px 0;
}

.sui-confirm__message-wrapper {
  display: inline-block;
  width: 100%;
  line-height: 15px;
  max-height: 400px;
  overflow: auto;
  text-align: center;
  vertical-align: middle;
}

.sui-confirm__message {
  display: inline-block;
  padding: 0;
  line-height: 30px;
  vertical-align: middle;
  white-space: pre-line;
  font-size: 14px;
  font-weight: normal;
}

.sui-confirm__message--center {
  text-align: center;
}

.sui-confirm__message--left {
  text-align: left;
}

.sui-confirm__message--right {
  text-align: right;
}

.sui-confirm__button--negative,
.sui-confirm__button--positive {
  display: inline-block;
  min-width: 120px;
  height: 60px;
  padding: 0 25px;
  border-radius: 2px;
  font-weight: bold;
  line-height: 60px;
  vertical-align: middle;
}

.sui-confirm__button--positive {
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
  min-width: 100px;
  height: 30px;
  background-color: #047ad5;
  padding: 0;
  line-height: 30px;
  border-radius: 0;
}

.sui-confirm__button--negative {
  background: #ffffff;
  font-size: 13px;
  font-weight: normal;
  color: #5a5a5a;
  border: 1px solid #cccccc;
  min-width: 100px;
  height: 30px;
  padding: 0;
  margin-right: 4px;
  line-height: 30px;
  border-radius: 0 !important;
}

.sui-confirm__button--negative[disabled] {
  border-color: #e3e3e3;
  background-color: #e3e3e3;
  color: #ffffff;
}

.sui-confirm__button--positive[disabled] {
  background-color: #e3e3e3;
  color: #ffffff;
}

/******* suiConfirm end ******/
/******* fdpToastItem *******/
.sui-toast {
  position: fixed;
  left: 10%;
  min-width: 270px;
  bottom: 0vh;
  z-index: 2500;
}

.sui-toast-item {
  display: block;
  position: relative;
  bottom: 3vh;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  background-color: #000;
  box-shadow: none;
}

.sui-toast-item__content {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: normal;
  display: flex;
  margin: 20px;
}

.sui-toast-item__content p {
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: normal !important;
  text-align: left;
  padding-right: 30px;
}

.sui-toast-item__content .btn_close {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  justify-content: center;
}

.sui-toast-item__content button {
  background: url(/biz/img/ic_toast_popup_x.69bddddc0a610e5e.png) 0 0 no-repeat;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
}

.sui-toast-item-fade-enter-active {
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
}

.sui-toast-item-fade-leave-active {
  transition: opacity 0.5s;
}

.sui-toast-item-fade-enter {
  transform: translateY(100%);
}

.sui-toast-item-fade-leave-to {
  transform: translateY(0);
  opacity: 0;
}

/******* fdpToastItem end *******/
/******* fdpToast start ******/
.toast {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sui-toast-item {
  position: absolute;
  min-width: 370px;
  max-width: 740px;
  bottom: 20px;
}

/******* fdpToast end ******/
/******* suiMessagebox start ******/
.sui-confirm {
  display: block;
  position: relative;
  background: #ffffff;
  width: 470px;
  padding: 20px 30px;
  /* border: 1px solid #767676; */
}

.sui-messagebox__icon-area {
  width: 100%;
  height: 38px;
  font-size: 20px;
  font-weight: bold;
}

.sui-messagebox__confirm .sui-messagebox__icon-area {
  background: url(/biz/img/ic_message_confirm_38x38.b62663f8b7bcd591.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 10px 0 12px 0;
}

.sui-messagebox__information .sui-messagebox__icon-area {
  background: url(/biz/img/ic_message_info_38x38.f86cf51ea5b1c2cc.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 10px 0 12px 0;
}

.sui-messagebox__error .sui-messagebox__icon-area {
  background: url(/biz/img/ic_message_error_38x38.229882f850edee68.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 10px 0 12px 0;
}

.sui-messagebox__warning .sui-messagebox__icon-area {
  background: url(/biz/img/ic_message_warning_38x38.caa09d1b1752aa91.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 10px 0 12px 0;
}

.sui-messagebox__success .sui-messagebox__icon-area {
  background: url(/biz/img/ic_message_success_38x38.2205b0ce8464bd07.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 10px 0 12px 0;
}

.sui-messagebox__alert .sui-messagebox__icon-area {
  background: url(/biz/img/ic_message_alert_38x38.fca0d85b9607d937.png) center center no-repeat;
  width: 100%;
  height: 38px;
  margin: 10px 0 12px 0;
}

.sui-messagebox__message-area {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.sui-messagebox__button-area {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  line-height: 30px;
}

.sui-messagebox__sub-message-wrapper {
  margin: 12px 0 25px 0;
  display: block;
  padding: 0;
  line-height: 20px;
  vertical-align: middle;
  white-space: pre-line;
  font-size: 14px;
  font-weight: normal;
}

.sui-messagebox__link-message-wrapper {
  margin: 12px 0;
  display: block;
  padding: 0;
  line-height: 20px;
  vertical-align: middle;
  white-space: pre-line;
  font-size: 14px;
  font-weight: normal;
  color: #60a3ef;
}

.sui-messagebox__link-message {
  color: #60a3ef;
  text-decoration: underline;
}

.sui-messagebox__link-message:hover {
  color: #4d83bf;
}

.sui-messagebox__message--center {
  text-align: center;
}

.sui-messagebox__message--left {
  text-align: left;
}

.sui-messagebox__message--right {
  text-align: right;
}

.sui-messagebox__custom-message-wrapper {
  text-align: left;
  overflow: auto;
  max-height: 120px;
  margin: 12px 0;
  padding: 16px;
  border: 1px solid #cccccc;
}

.sui-messagebox__custom-message {
  font-size: 13px;
  line-height: 1.77;
  letter-spacing: normal;
  color: #4d4f5c;
}

.sui-messagebox__button--positive {
  font-size: 13px;
  font-weight: normal;
  min-width: 100px;
  height: 30px;
  background-color: #047ad5;
  padding: 0;
  color: #ffffff;
}

.sui-messagebox__button--positive:hover {
  background-color: #213b92;
}

.sui-messagebox__button--negative {
  font-size: 13px;
  font-weight: normal;
  color: #5a5a5a;
  border: 1px solid #cccccc;
  min-width: 100px;
  height: 30px;
  padding: 0;
  margin-right: 8px;
}

.sui-messagebox__button--negative:hover {
  background-color: #ebebeb;
}

/************ suiMessagebox end ****************/
/******* suiSegmentBox start *******/
.sui-segment-box__row + .sui-segment-box__row {
  margin-top: -1px;
}

.sui-segment-box__item {
  background: #ffffff;
  display: inline-block;
  height: 28px;
  width: 28px;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;
  border: 1px solid #cccccc;
  cursor: pointer;
  padding: 0;
}

.sui-segment-box__item:hover {
  background-color: #eaeaea;
}

.sui-segment-box__item--active:hover {
  background-color: #e9ecf7;
}

.sui-segment-box--disabled {
  opacity: 0.5;
}

.sui-segment-box--disabled .sui-segment-box__item {
  cursor: default;
}

/* .sui-segment-box__item +.sui-segment-box__item {
	border-left: none;
} */
.sui-segment-box__item-text {
  line-height: normal;
  vertical-align: middle;
  color: #5a5a5a;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 28px;
}

.sui-segment-box__item--active {
  background-color: #e9ecf7;
  border: 1px solid #536dc2;
}

.sui-segment-box__item--active .sui-segment-box__item-text {
  color: #047ad5;
}

/******* suiSegmentBox end *******/
.sui-select__input {
  z-index: 0;
}

.-component-portal {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 3000;
}

.-component-portal__event-blocker {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  /* border: 1px solid red; */
}

.-component-portal__date-picker {
  position: absolute;
}

.-component-portal__time-picker {
  position: absolute;
  top: -1px;
  border: 0;
}

.-component-portal__time-picker .dropdown {
  top: 0 !important;
  left: 0 !important;
}

.sui-date-picker--up .vdp-datepicker__calendar {
  bottom: initial;
  top: auto;
  transform: translateY(-360px);
}

.sui-date-picker--align-right .vdp-datepicker__calendar {
  right: 0;
  left: auto;
}

.range-date-picker .sui-date-picker--up .vdp-datepicker__calendar {
  bottom: initial;
  transform: translateY(-392px);
}

/******* fdpToggle start *******/
.sui-toggle {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

/* Hide default HTML checkbox */
.sui-toggle__box-area {
  display: none;
}

/* The slider */
.sui-toggle__box-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #767676;
  transition: 0.4s;
  height: 24px;
  width: 50px;
}

.sui-toggle__box-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  margin-left: 2px;
}

input:checked + .sui-toggle__box-slider {
  background-color: #2949b3;
}

input:focus + .sui-toggle__box-slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .sui-toggle__box-slider:before {
  transform: translateX(26px);
}

/* Rounded sliders */
.sui-toggle__box-slider.round {
  border-radius: 24px;
  margin-top: 4px;
}

.sui-toggle__box-slider.round:before {
  border-radius: 50%;
}

.sui-toggle--disabled {
  cursor: default;
}

.sui-toggle--disabled.round {
  background-color: #cccccc !important;
}

.sui-toggle--disabled.round:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0;
  bottom: 2px;
  background-color: #ffffff;
  transition: 0.4s;
}

/******* fdpToggle end *******/
/******* 2019-07-31 *******/
/******* 2019-08-01 *******/
.vdp-datepicker__calendar .cell.month {
  width: 32px;
  height: 32px !important;
  margin: 10px 3px !important;
  line-height: 32px !important;
  font-size: 11px !important;
}

.vdp-datepicker__calendar .cell.year {
  width: 32px;
  height: 32px !important;
  margin: 5px 10px !important;
  line-height: 32px !important;
  font-size: 11px !important;
}

/******* 2019-08-06 *******/
.sui-tooltip-menu {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}

.sui-tooltip-menu.big {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}

.sui-tooltip-menu__activator {
  display: flex;
  position: relative;
  text-indent: -9999px;
  height: 24px;
  width: 24px;
  border: 1px solid #cccccc;
  background: url(/biz/img/ic_tag_setting.391415d266c1a3d0.png) center center no-repeat;
  margin-left: 4px;
}

.sui-tooltip-menu__activator:hover {
  background: url(/biz/img/ic_tag_setting_hover.e19bb9ab4fa032ae.png) center center no-repeat;
}

.big.sui-tooltip-menu .sui-tooltip-menu__activator {
  display: flex;
  position: relative;
  text-indent: -9999px;
  height: 32px;
  width: 28px;
  border: 1px solid #cccccc;
  background: url(/biz/img/ic_more_dot_normal.1b0edb46dad77b6b.png) center center no-repeat;
  margin-left: 8px;
}

.sui-tooltip-menu.lnb-tooltip-menu .sui-tooltip-menu__menubox {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -1px;
  z-index: 1000;
  width: 112px;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
}

.sui-tooltip-menu__menubox {
  display: block;
  position: absolute;
  top: 24px;
  right: 0;
  margin-top: -1px;
  z-index: 1000;
  width: 112px;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
}

/* .sui-tooltip-menu__menubox:before {
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -18px;
	border-bottom: 18px solid #bdc3d6;
	border-right: 18px solid transparent;
	border-left: 18px solid transparent;
	content: '';
}
.sui-tooltip-menu__menubox:after {
	position: absolute;
	top: -17px;
	left: 50%;
	margin-left: -17px;
	border-bottom: 17px solid $color-wh;
	border-right: 17px solid transparent;
	border-left: 17px solid transparent;
	content: '';
} */
.sui-tooltip-menu__menu-list {
  padding: 0;
}

.sui-tooltip-menu__menu-item {
  cursor: pointer;
  padding: 0 8px;
  font-size: 13px;
  color: #333333;
  line-height: 30px;
}

.sui-tooltip-menu__menu-item:hover {
  background-color: #f0efef;
}

.sui-tooltip-menu--top .sui-tooltip-menu__menubox {
  top: auto;
  bottom: 100%;
  margin-bottom: 30px;
}

.sui-tooltip-menu--top .sui-tooltip-menu__menubox:before {
  top: auto;
  bottom: -36px;
  border-bottom: 18px solid transparent;
  border-top: 18px solid #bdc3d6;
}

.sui-tooltip-menu--top .sui-tooltip-menu__menubox:after {
  top: auto;
  bottom: -34px;
  border-bottom: 17px solid transparent;
  border-top: 17px solid #ffffff;
}

.sui-tooltip-menu--blue .sui-tooltip-menu__menubox {
  border: 1px solid #58b7ff;
}

.sui-tooltip-menu--blue .sui-tooltip-menu__menubox:before {
  border-bottom: 18px solid #58b7ff;
}

.sui-tooltip-menu--blue.sui-tooltip-menu--top .sui-tooltip-menu__menubox:before {
  border-bottom: 18px solid transparent;
  border-top: 18px solid #58b7ff;
}

.sui-tooltip-menu--blue .sui-tooltip-menu__menu-item {
  color: #58b7ff;
}

.sui-tooltip-menu--button .sui-tooltip-menu__menubox {
  width: 120px;
  top: 100%;
  margin-top: -1px;
  left: 0;
  margin-left: 0;
  border: transparent;
}

.sui-tooltip-menu--button .sui-tooltip-menu__menu-item {
  width: 120px;
  height: 60px;
  line-height: 60px;
  padding: 0px 10px;
  border: 1px solid #bdc3d6;
  border-bottom: none;
  background: #ffffff;
}

.sui-tooltip-menu--button .sui-tooltip-menu__menu-item:last-child {
  border-bottom: 1px solid #bdc3d6;
}

.sui-tooltip-menu--button .sui-tooltip-menu__menubox:before {
  border: none;
}

.sui-tooltip-menu--button .sui-tooltip-menu__menubox:after {
  border: none;
}

.sui-tooltip-menu--button.sui-tooltip-menu--top .sui-tooltip-menu__menubox {
  top: auto;
  bottom: 100%;
  margin-bottom: -1px;
}

.sui-tooltip-menu--button.sui-tooltip-menu--top .sui-tooltip-menu__menu-item:last-child {
  border-bottom: 1px solid #bdc3d6;
}

.sui-tooltip-menu--button.sui-tooltip-menu--blue .sui-tooltip-menu__menu-item {
  color: #58b7ff;
  border: 1px solid #58b7ff;
  border-bottom: none;
}

.sui-tooltip-menu--button.sui-tooltip-menu--blue .sui-tooltip-menu__menu-item:last-child {
  border-bottom: 1px solid #58b7ff;
}

.sui-tooltip-menu--button.sui-tooltip-menu--top.sui-tooltip-menu--blue .sui-tooltip-menu__menu-item:last-child {
  border-bottom: 1px solid #58b7ff;
}

/******* suiTooltipMenu end *******/
/******* fdpBottomBar start *******/
.sui-bottom-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 90px;
  z-index: 10;
  background: #ffffff;
  border: solid 1px #d4d4d4;
  box-shadow: 0px 1px 10px 2px #cccccc;
  padding: 15px 40px;
}

.sui-bottom-bar.sui-bottom-bar--page-fixed {
  position: fixed;
  left: 60px;
  z-index: 11;
}

.sui-bottom-bar__transition-enter-active,
.sui-bottom-bar__transition-leave-active {
  transform: translateY(0);
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
}

.sui-bottom-bar__transition-enter,
.sui-bottom-bar__transition-leave-to {
  transform: translateY(100%);
}

/******* fdpBottomBar end *******/
/******* fdpGrid start *******/
.sui-grid {
  position: relative;
  /* min-height: 300px; */
}

/******* fdpGrid end *******/
/******* fdpGridItem start *******/
.sui-grid__item {
  position: absolute;
}

.sui-grid__item-cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/******* fdpGridItem end *******/
/******* fdpTabButtonType start *******/
.sui-tab-button-type {
  width: 100%;
  position: relative;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.sui-tab-button-type__scroll {
  overflow-x: scroll;
  width: 100%;
  height: 52px;
}

.sui-tab-button-type__header {
  width: 2500px;
  height: 100%;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  letter-spacing: -0.8px;
}

.sui-tab-button-type__header-item {
  min-width: 103px;
  height: 52px;
  margin-left: 7px;
  padding: 0 18px;
  border-radius: 4px;
  background: #ffffff;
  font-weight: bold;
  font-size: 16px;
  line-height: 52px;
  float: left;
  cursor: pointer;
}

.sui-tab-button-type__header-item.sui-tab-button-type--st01 {
  border: 1px solid #26419a;
  color: #26419a;
}

.sui-tab-button-type__header-item.sui-tab-button-type--st02 {
  border: 1px solid #5d49d9;
  color: #5d49d9;
}

.sui-tab-button-type__header-item {
  border: 1px solid #2e9584;
  color: #2e9584;
}

.sui-tab-button-type__header-item:hover {
  font-weight: bold;
  background: #f9f9f9;
}

.sui-tab-button-type--active {
  background: #2e9584;
  border: 1px solid #2e9584;
  color: #ffffff;
}

.sui-tab-button-type--st01.sui-tab-button-type--active {
  background-color: #232672;
  border-color: #232672;
}

.sui-tab-button-type--st02.sui-tab-button-type--active {
  background-color: #5d49d9;
  border-color: #5d49d9;
}

.sui-tab-button-type__cont {
  padding: 10px;
  position: relative;
  width: 100%;
  display: block;
}

.sui-tab-button-type__cont--empty {
  font-size: 24px;
  text-align: center;
  padding-top: 30px;
  color: #aaa;
}

/******* fdpTabButtonType end *******/
/******* fdpTabTopcolorType start *******/
.sui-tab-topcolor-type__header-item__title {
  font-size: 20px;
  color: #222;
  line-height: 20px;
}

.sui-tab-topcolor-type__header-item__subTitle {
  display: block;
  margin-top: 6px;
}

.sui-tab-topcolor-type__cont {
  padding: 10px;
  position: relative;
  width: 100%;
  display: block;
}

.sui-tab-topcolor-type__cont--empty {
  font-size: 24px;
  text-align: center;
  padding-top: 30px;
  color: #aaa;
}

/******* fdpTabTopcolorType end *******/
.jqx-grid-cell-root {
  display: flex;
  align-items: center;
}

.jqx-grid-cell-root.jqx-grid-cell-left-align {
  flex-direction: row;
}

.jqx-grid-cell-root.jqx-grid-cell-right-align {
  flex-direction: row-reverse;
}

.jqx-grid-cell-root.jqx-grid-cell-middle-align {
  justify-content: center;
}

.jqx-grid-cell-root.jqx-grid-cell-center-align {
  text-align: center;
}

/******* 2019-09-17 gnb-selectbox *******/
.sui-select.-gnb-select-box {
  border: none !important;
  background-color: transparent;
  height: 31px;
}

.sui-select.-gnb-select-box .sui-select__input {
  cursor: pointer;
  position: relative;
  z-index: 10;
  height: 26px;
  min-width: 100%;
  padding: 0 20px 0 8px;
  border: none;
  font-weight: normal;
  font-size: 14px !important;
  color: #dbdbdb !important;
  background-image: url(/biz/img/gnb_dropdown_down_normal.11c0615218354b69.png);
  background-color: transparent;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  line-height: 28px;
  white-space: nowrap;
}

.sui-select.-gnb-select-box.sui-select--active .sui-select__input {
  cursor: pointer;
  position: relative;
  z-index: 10;
  height: 26px;
  min-width: 100%;
  padding: 0 20px 0 8px;
  border: none;
  font-weight: normal;
  font-size: 14px !important;
  color: #dbdbdb !important;
  background-image: url(/biz/img/gnb_dropdown_up_normal.3a849924eb12d808.png);
  background-color: #2b2f36;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  line-height: 28px;
  white-space: nowrap;
}

.sui-select.-gnb-select-box.sui-select--active .sui-select__ul {
  z-index: 1000;
  right: 0;
  left: auto;
  width: auto !important;
  max-width: none;
}

.sui-select.-gnb-select-box.sui-select--active .sui-select__ul .sui-select__li {
  line-height: 29px !important;
  padding: 0 8px !important;
  text-overflow: clip;
}

.sui-select.-gnb-select-box.sui-select--active .sui-select__ul .sui-select__li:hover {
  background-color: #f7f7f7 !important;
  color: #2949b3 !important;
}

/********** 2019-09-18 rangedatepicker ****************/
.sui-date-picker--popup {
  position: fixed;
}

.sui-date-picker--popup-position-right .vdp-datepicker .vdp-datepicker__calendar {
  left: auto;
  right: 0;
  top: 27px;
}

.sui-date-picker--popup-position-right.sui-date-picker--popup-position-up .vdp-datepicker .vdp-datepicker__calendar {
  left: auto;
  right: 0;
  bottom: 100%;
  top: auto;
}

.sui-date-picker--popup-position-up.sui-date-picker--popup-position-left .vdp-datepicker .vdp-datepicker__calendar {
  left: 0;
  bottom: 100%;
  top: auto;
}

/********** 2019-09-19 weekview picker ****************/
.sui-datepicker-weekview .sui-datepicker__body .cell.day-header.week-number-header {
  width: 28px !important;
}

.sui-datepicker-weekview .sui-datepicker__body .week {
  height: 24px;
  cursor: pointer;
}

.sui-datepicker-weekview .sui-datepicker__body .week.week-selected {
  background-color: #e9ecf7;
  border-radius: 30px;
}

.sui-datepicker-weekview .sui-datepicker__body .week.week-selected .week-number {
  color: #ffffff;
  background-color: #2949b3;
  height: 22px !important;
  line-height: 24px !important;
  display: inline-block;
  top: -2px;
  position: relative;
}

.sui-datepicker-weekview .sui-datepicker__body .week .cell.day {
  pointer-events: none;
}

.vdp-datepicker__calendar .cell.day.disabled.weekend.sun {
  color: #ffc2c2 !important;
}

.sui-datepicker-weekview.vdp-datepicker__calendar .cell {
  width: 18px !important;
  margin: 0 !important;
  height: 20px !important;
}

.sui-datepicker-weekview.vdp-datepicker__calendar .cell.week-number {
  width: 28px !important;
  border-radius: 11px;
}

/********** 2019-10-11 lnb search ****************/
.lnb .scr_wrap .sui-text-field .sui-text-field__input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #cccccc !important;
}

.lnb .scr_wrap .sui-text-field--focus {
  background-color: transparent;
}

.lnb .scr_wrap .sui-text-field .sui-text-field__input__toggle-icon {
  border-left: none;
  left: 0;
  cursor: default;
}

.lnb .scr_wrap .sui-text-field .sui-text-field__input__toggle-icon .sui-text-field__fixed-icon {
  border-left: none;
}

.lnb .scr_wrap .sui-text-field .sui-text-field__input__toggle-icon .sui-text-field__fixed-icon:hover {
  background: url(/biz/img/in_input_search.249589971cc0749a.png) no-repeat;
  border: 0;
  background-position: 50% 50%;
  width: 28px;
  height: 28px;
  border: none;
  margin-left: 0;
}

.lnb .scr_wrap .sui-text-field .sui-text-field__input--with-icon {
  padding-right: 18px;
  padding-left: 30px;
}

.lnb .scr_wrap .sui-text-field .sui-text-field__input__toggle-icon .sui-text-field__img--clearable {
  right: -180px;
  width: 20px;
}

.tree-grid .jqx-grid-cell input {
  width: 100% !important;
  height: 28px !important;
  margin-top: 3px;
}

.tree-grid .jqx-grid-cell input:focus {
  border: 1px solid #cccccc !important;
}

.sui-panel {
  background-color: #fff;
  margin-bottom: 10px;
}

.sui-panel__header-wrapper {
  display: flex;
  position: relative;
  border-bottom: 1px solid #767676;
  margin-bottom: -1px;
}

.sui-panel__header-title-wrapper {
  height: 48px;
}

.sui-panel__header-title {
  font-size: 16px;
  line-height: 48px;
  color: #333;
  font-weight: 500;
}

.sui-panel__header-title:hover {
  cursor: pointer;
  color: #000;
}

.sui-panel__header-title-custom {
  display: inline-block;
  height: 48px;
  line-height: 48px;
}

.sui-panel__header-title-custom .sui-checkbox {
  line-height: 42px;
}

.sui-panel__header-title-custom .comm_line_div {
  height: 48px !important;
  line-height: 48px;
  vertical-align: top;
}

.sui-panel__header-button-wrapper {
  right: 0;
  top: 10px;
  position: absolute;
  display: flex;
}

.sui-panel__header-button.sui-panel-navigation__button-expanded {
  height: 30px;
  width: 28px;
  background: url(/biz/img/ic_section_close_normal.fcae5afa8d36a75a.png) no-repeat right 50%;
}

.sui-panel__header-button.sui-panel-navigation__button-expanded:hover {
  background: url(/biz/img/ic_section_close_hover.29698d4cdaf8cb92.png) no-repeat right 50%;
}

.sui-panel__header-button.sui-panel-navigation__button-collapsed {
  height: 30px;
  width: 28px;
  background: url(/biz/img/ic_section_open_normal.24d0773935afb035.png) no-repeat right 50%;
}

.sui-panel__header-button.sui-panel-navigation__button-collapsed:hover {
  background: url(/biz/img/ic_section_open_hover.2335e73728a140d6.png) no-repeat right 50%;
}

.sui-panel-box-type--red .sui-panel__contents-wrapper {
  border-left: 1px solid #ff9782;
  border-right: 1px solid #ff9782;
  border-top: 2px solid #ff5230;
  border-bottom: 2px solid #ff5230;
  padding: 16px;
}

.sui-panel-box-type--black .sui-panel__header-wrapper {
  color: #333;
  border-bottom: 1px solid #767676;
}

.sui-panel-box-type--black .sui-panel__header-wrapper:hover {
  color: #000;
  border-bottom: 1px solid #333;
}

.sui-panel-box-type--red .sui-panel__header-wrapper {
  border-bottom: 1px solid #ff5230;
}

.sui-panel-box-type--red .sui-panel__header-wrapper .sui-panel__header-button-wrapper .sui-panel__header-button.sui-panel-navigation__button-expanded {
  height: 30px;
  width: 28px;
  background: url(/biz/img/ic_section_red_close_normal.16e1a9edf0f6dd23.png) no-repeat right 50% #fff;
}

.sui-panel-box-type--red .sui-panel__header-wrapper .sui-panel__header-button-wrapper .sui-panel__header-button.sui-panel-navigation__button-expanded:hover {
  background: url(/biz/img/ic_section_red_close_hover.11b6a834cf9b6fdd.png) no-repeat right 50% #fff;
}

.sui-panel-box-type--red .sui-panel__header-wrapper .sui-panel__header-button-wrapper .sui-panel__header-button.sui-panel-navigation__button-collapsed {
  height: 30px;
  width: 28px;
  background: url(/biz/img/ic_section_red_open_normal.4a18a47870995ec5.png) no-repeat right 50% #fff;
}

.sui-panel-box-type--red .sui-panel__header-wrapper .sui-panel__header-button-wrapper .sui-panel__header-button.sui-panel-navigation__button-collapsed:hover {
  background: url(/biz/img/ic_section_red_open_hover.e11b455e120d453d.png) no-repeat right 50% #fff;
}

.sui-panel-box-type--red .sui-panel__header-wrapper:hover {
  border-bottom: 1px solid #cc4226;
}

.sui-panel-box-type--black .sui-panel__contents-wrapper {
  border-left: 1px solid #acacac;
  border-right: 1px solid #acacac;
  border-top: 2px solid #767676;
  border-bottom: 2px solid #767676;
  padding: 16px;
}

.sui-panel-box-type--red .sui-panel__header-title {
  padding-left: 32px;
  color: #ff5230;
  background: url(/biz/img/ic_lock_red.7d25530f9d2b069c.png) no-repeat left 50%;
}

.sui-panel-box-type--red .sui-panel__header-title:hover {
  color: #cc4226;
  background: url(/biz/img/ic_lock_red_hover.c3bd9d5393d7c497.png) no-repeat left 50%;
}

.sui-panel.sui-panel-required .sui-panel__header-wrapper .sui-panel__header-title-wrapper .sui-panel__header-title {
  padding-left: 13px;
}

.sui-panel__header-required-icon {
  position: relative;
}

.sui-panel__header-required-icon:before {
  content: "*";
  position: absolute;
  top: 10px;
  font-weight: 100;
  color: #ff5858;
  font-size: 20px;
}

.sui-panel-navigation {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}

.sui-panel-navigation__button {
  background: url(/biz/img/dotline.b08892cd3ae00caa.png) no-repeat center right;
  font-size: 12px;
  padding: 0 20px 0 8px;
  color: #767676;
  background-color: #fff;
  height: 18px;
  z-index: 5;
  white-space: nowrap;
  font-weight: 500;
  min-width: 22px;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sui-panel-navigation__button:before {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 3px;
  border-radius: 50%;
}

.sui-panel-navigation__button-show:before {
  background: #cccccc;
}

.sui-panel-navigation__button-last {
  background: none;
  padding: 0 0 0 8px;
}

.sui-panel-navigation__hide {
  background: none;
  padding: 0 0 0 8px;
}

.sui-panel-navigation__button:hover {
  color: #333333;
}

.sui-panel-navigation__button.sui-panel-navigation__button-activated {
  color: #536dc2;
  z-index: 10;
}

.sui-panel-navigation__button.sui-panel-navigation__button-activated:before {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  background: #7e91d1;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 3px;
  border-radius: 50%;
}

.sui-panel-navigation__button.sui-panel-navigation__button-activated.sui-panel-navigation__panel-box-type-red {
  color: #ff5230;
  z-index: 10;
}

.sui-panel-navigation__button.sui-panel-navigation__button-activated.sui-panel-navigation__panel-box-type-red:before {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  background: #ff5230;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 3px;
  border-radius: 50%;
}

.sui-panel-sticky-button-wrapper {
  font-size: 18px;
  line-height: 48px;
  background: url(/biz/img/ico_arrow_collapse.b952097aad2147ca.png) no-repeat 96% 12px #fff;
  cursor: pointer;
  padding-right: 56px;
}

.sui-panel-sticky-button {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  padding-left: 56px;
}

.cell-text-area-popup {
  width: 100%;
  height: 300px;
  overflow: auto;
  box-sizing: border-box;
}

.cell-text-area-popup__readonly {
  border: 1px solid #ccc;
  padding: 20px;
  width: 100%;
  height: 564px;
  overflow-wrap: break-word;
  overflow-y: auto;
  white-space: pre;
}

.totalText {
  font-size: 12px;
  font-weight: normal;
  color: #5a5a5a;
  padding-top: 2px;
  line-height: 22px;
}

.sui-grid__header__item {
  display: flex;
}

.sui-grid__header__item__container :first-child .comm_line_div {
  display: none;
}

.sui-grid__header__num {
  color: #2949b3;
  margin-left: 3px;
  margin-top: 5px;
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
}

.-grid-cell-component {
  display: flex;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

.-grid-cell-component .-grid-cell-label {
  padding: 5px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.-grid-cell-component__textfield-container {
  width: 100%;
}

.-grid-cell-state-button {
  display: flex;
}

.-cell-label {
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  color: #333333;
}

.-grid-cell-text-area {
  display: inline-flex;
  align-items: center;
}

.-grid-cell-text-area__label-container {
  margin: 0;
  width: calc(100% - 88px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.-grid-cell-text-area__label-container .preview {
  color: #ccc;
}

.-grid-cell-text-area__label-container .image {
  padding-left: 20px;
  color: #333;
  font-weight: normal;
  background: url(/biz/img/ic_image.57b5a8eb32a80b19.png) no-repeat left center;
}

.-grid-cell-text-area__label-container .excel {
  padding-left: 20px;
  color: #333;
  font-weight: normal;
  background: url(/biz/img/ic_excel.0bccf46f48fd6aee.png) no-repeat left center;
}

.-grid-cell-text-area__label-container .ppt {
  padding-left: 20px;
  color: #333;
  font-weight: normal;
  background: url(/biz/img/ic_ppt.8d1170b664ca01ea.png) no-repeat left center;
}

.-grid-cell-text-area__label-container .pdf {
  padding-left: 20px;
  color: #333;
  font-weight: normal;
  background: url(/biz/img/ic_pdf.4eb11e0d7b548d92.png) no-repeat left center;
}

.-grid-cell-text-area__label-container .word {
  padding-left: 20px;
  color: #333;
  font-weight: normal;
  background: url(/biz/img/ic_word.2ed239202a50b05d.png) no-repeat left center;
}

.-grid-cell-text-area__label-container .etc {
  padding-left: 20px;
  color: #333;
  font-weight: normal;
  background: url(/biz/img/ic_file_default.7af6d4e2d5424b02.png) no-repeat left center;
}

.-grid-cell-text-area__button {
  font-size: 13px;
  padding: 0 4px;
  height: 28px;
  min-width: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: solid 1px #cccccc;
  color: #5a5a5a;
  background-color: #ffffff;
  justify-content: flex-end;
  margin-left: auto;
}

.-grid-cell-text-area__edit__root {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.-grid-cell-text-area__label-container .-button .-button__item {
  color: #60a3ef !important;
}

.-grid-cell-text-area__label-container .sui-input-label {
  display: inline-block !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.-button {
  width: 100%;
}

.-button__item {
  font-size: 13px;
  padding: 0 8px;
  margin-left: 5px;
  height: 28px;
  min-width: 46px;
  border: solid 1px #cccccc;
  color: #5a5a5a;
  background-color: #ffffff;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.-button__item:hover {
  background-color: #f7f7f7;
}

.-button__item:disabled {
  border: solid 1px #eaeaea;
  color: #dbdbdb;
  cursor: default;
}

.-button__item-positive {
  color: #2949b3;
  border: solid 1px #2949b3;
  background-color: #ffffff;
}

.-button__item-positive:hover {
  background-color: #e9ecf7;
}

.-button__item-link {
  padding: 0;
  color: #60a3ef;
  text-decoration: underline;
  border: none;
  background-color: transparent !important;
  min-width: auto;
}

.-button__item-sublink {
  padding: 0;
  color: #60a3ef;
  border: none;
  background-color: transparent !important;
  text-align: left;
}

.-button__item-linkB {
  padding: 0;
  font-weight: bold;
  color: #60a3ef;
  text-decoration: underline;
  border: none;
  background-color: transparent !important;
}

.-button__item-sublinkB {
  padding: 0;
  font-weight: bold;
  color: #60a3ef;
  border: none;
  background-color: transparent !important;
}

.-button__item-linkB:hover,
.-button__item-sublinkB:hover {
  color: #4d83bf;
}

.-button__item-link:hover,
.-button__item-sublink:hover {
  color: #4d83bf;
}

.-button-list {
  padding: 5px 0;
  width: 100%;
}

.-button-list button:first-child {
  margin-left: 0;
}

.-button-list__item {
  font-size: 13px;
  padding: 0 5px;
  margin-left: 5px;
  height: 28px;
  border: solid 1px #ccc;
  color: #5a5a5a;
  background-color: #fff;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.-button-list__item:hover {
  background-color: #f5f5f5;
}

.-button-list__item-positive {
  color: #5a5a5a;
  border: solid 1px #cccccc;
  background-color: #ffffff;
}

.-button-list__item-positive:hover {
  background-color: #f5f5f5;
}

.-button-list__item:disabled,
.-button-list__item-positive:disabled {
  border: 1px solid #dbdbdb;
  color: #cccccc;
  background-color: #ffffff;
}

.-button-list__item-link {
  color: #60a3ef;
  text-decoration: underline;
  border: none;
  background-color: transparent !important;
  padding: 0 !important;
  text-align: left;
}

.-button-list__item-linkB {
  color: #60a3ef;
  font-weight: bold;
  text-decoration: underline;
  border: none;
  background-color: transparent !important;
  padding: 0 !important;
  text-align: left;
}

.-button-list__item-link:hover,
.-button-list__item-sublink:hover {
  color: #4d83bf;
}

.-button-list__item-linkB:hover,
.-button-list__item-sublinkB:hover {
  color: #4d83bf;
}

.-button-list__item-sublink {
  color: #60a3ef;
  border: none;
  background-color: transparent !important;
  padding: 0 !important;
}

.-button-list__item-sublinkB {
  color: #60a3ef;
  font-weight: bold;
  border: none;
  background-color: transparent !important;
  padding: 0 !important;
}

.-button-list__item-label {
  color: #333333;
  border: none;
  cursor: default;
  background-color: transparent !important;
  padding: 0 !important;
}

.-button-list__item-label:hover {
  background-color: transparent !important;
}

.-button-list__item-label:disabled {
  border: none !important;
  color: #333333 !important;
}

.-button__icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.-button__icon-attach {
  width: 20px;
  height: 30px;
  background: url(/biz/img/ic_attachment.e83232b921f2f896.png) no-repeat center center;
}

.-button__icon-new {
  margin-right: -5px;
  height: 30px;
  background: url(/biz/img/ic_new.308a8b34af25b012.png) no-repeat center center;
}

.sui-badge img,
.sui-badge img a {
  outline: none !important;
  border: none !important;
}

.sui-badge {
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sui-badge__icon {
  display: inline-block;
  border: none !important;
  vertical-align: middle;
}

.sui-badge__icon:hover {
  border: none !important;
}

.sui-badge__icon-complete {
  width: 16px;
  height: 16px;
  background: url(/biz/img/ic_progress_complete.fa44234d952c64d0.png) center center no-repeat;
}

.sui-badge__icon-waiting {
  width: 16px;
  height: 16px;
  background: url(/biz/img/ic_progress_processing.fab39a165f61888e.png) center center no-repeat;
}

.sui-badge__icon-cancel {
  width: 16px;
  height: 16px;
  background: url(/biz/img/ic_progress_return.3d40ddf81ce92ada.png) center center no-repeat;
}

.sui-badge__icon-delete {
  background: url(/biz/img/ic_crud_delete.345b5b504930c652.png) center center no-repeat;
}

.sui-badge__icon-insert {
  background: url(/biz/img/ic_crud_insert.6f126f4190b00f97.png) center center no-repeat;
}

.sui-badge__icon-update {
  background: url(/biz/img/ic_crud_update.f7cd6a4e86905e6a.png) center center no-repeat;
}

.sui-badge__label {
  color: #5a5a5a;
}

.sui-badge__clickable {
  cursor: pointer;
  color: #60a3ef;
  text-decoration: underline;
}

.-grid-cell-date-picker__input {
  height: 28px;
  width: 100%;
  /* border: 1px solid #ccc; */
  border-right: none;
  box-sizing: border-box;
  padding: 0 30px 0 5px;
}

.-grid-cell-date-picker__icon {
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}

.-grid-cell-range-date-picker__input {
  height: 28px;
  width: 100%;
  /* border: 1px solid #ccc; */
  border-right: none;
  box-sizing: border-box;
  padding: 0 30px 0 5px;
}

.-grid-cell-range-date-picker__icon {
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}

.-grid-cell-time-picker__input {
  height: 28px;
  width: 100%;
  border: 1px solid #ccc;
  border-right: none;
  box-sizing: border-box;
  padding: 0 30px 0 5px;
}

.-grid-cell-time-picker__icon {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  background: url(/biz/img/ic_input_time_normal.22f939159248e8d4.png) no-repeat 5px center;
  cursor: pointer;
  position: absolute;
  right: 0;
  border-left: 1px solid #ccc;
}

.-grid-cell-time-picker__icon:hover {
  background: url(/biz/img/ic_input_time_hover.cf775b4e4d321ce8.png) no-repeat center center #f7f7f7;
  border: 1px solid #a5a5a5;
  width: 28px;
  height: 28px;
  margin-top: 0;
  margin-right: 0;
}

.file_wrap {
  display: inline-flex;
  width: 100%;
}

.file_wrap .name {
  justify-content: flex-start;
  width: 80%;
  display: inline-flex;
}

.file_wrap .name .info {
  white-space: nowrap;
  padding-left: 5px;
  vertical-align: middle;
}

.file_wrap .button {
  justify-content: flex-end;
  margin-left: auto;
}

.file_wrap .name .-link__item {
  font-size: 13px;
  height: 30px;
  min-width: 46px;
  border: solid 1px #ccc;
  color: #5a5a5a;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}

.file_wrap .name .-link__item:hover {
  background-color: #f7f7f7;
}

.file_wrap .name .-link__item-positive {
  color: #2949b3;
  border: solid 1px #2949b3;
  background-color: #fff;
}

.file_wrap .name .-link__item-positive:hover {
  background-color: #e9ecf7;
}

.file_wrap .name .-link__item-link {
  color: #60a3ef;
  text-decoration: underline;
  border: none;
  background-color: transparent !important;
  text-align: left;
}

.file_wrap .name .-link__item-sublink {
  color: #60a3ef;
  border: none;
  background-color: transparent !important;
}

.file_wrap .-button__item {
  text-indent: -9999px;
  font-size: 13px;
  padding: 0 8px;
  margin-left: 5px;
  height: 28px;
  width: 28px;
  border: solid 1px #999;
  color: #5a5a5a;
  background-color: #fff;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(/biz/img/download.e62977b0952a72ec.png) no-repeat center center;
  opacity: 0.5;
}

.-process-tab-item__controller {
  position: absolute;
  right: -1px;
  top: 0;
  height: 40px;
  box-sizing: border-box;
  display: inline-flex;
}

.-process-tab-item__controller__left {
  display: inline-block;
  background: url(/biz/img/btn_tab_pre_normal.9392b4263acda93b.png) no-repeat;
  width: 36px;
  height: 40px;
  text-indent: -99999px;
}

.-process-tab-item__controller__left:hover {
  background: url(/biz/img/btn_tab_pre_pressed.63a3f7ca4163cc17.png) no-repeat;
}

.-process-tab-item__controller__left:disabled {
  background: url(/biz/img/btn_tab_pre_disable.cee4cc48da10921f.png) no-repeat;
}

.-process-tab-item__controller__right {
  display: inline-block;
  background: url(/biz/img/btn_tab_next_normal.ca6e4d62183bd719.png) no-repeat;
  width: 36px;
  height: 40px;
  text-indent: -99999px;
}

.-process-tab-item__controller__right:hover {
  background: url(/biz/img/btn_tab_next_pressed.7697f5bdf393413f.png) no-repeat;
}

.-process-tab-item__controller__right:disabled {
  background: url(/biz/img/btn_tab_next_disable.7c4f42b56cc06d7f.png) no-repeat;
}

/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl {
  border-top-left-radius: 3px;
}

/*top-right rounded Corners*/
.jqx-rc-tr {
  border-top-right-radius: 3px;
}

/*bottom-left rounded Corners*/
.jqx-rc-bl {
  border-bottom-left-radius: 3px;
}

/*bottom-right rounded Corners*/
.jqx-rc-br {
  border-bottom-right-radius: 3px;
}

/*top rounded Corners*/
.jqx-rc-t {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

/*bottom rounded Corners*/
.jqx-rc-b {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/*right rounded Corners*/
.jqx-rc-r {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/*left rounded Corners*/
.jqx-rc-l {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

/*all rounded Corners*/
.jqx-rc-all {
  border-radius: 3px;
}

/*reset rounded corners*/
.jqx-rc-reset {
  border-radius: 0px !important;
}

/*Reset Style*/
.jqx-reset {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  outline: none;
  box-sizing: content-box;
}

.jqx-clear {
  align: left;
  valign: top;
  left: 0px;
  top: 0px;
  -webkit-appearance: none !important;
  outline: none !important;
  padding: 0px;
  margin: 0px;
}

.jqx-popup {
  box-sizing: content-box;
}

.jqx-position-reset {
  position: static !important;
}

.jqx-border-reset {
  border: none !important;
}

.jqx-overflow-hidden {
  overflow: hidden !important;
}

.jqx-position-relative {
  position: relative !important;
}

.jqx-position-absolute {
  position: absolute !important;
}

.jqx-max-size {
  width: 100% !important;
  height: 100% !important;
}

.jqx-background-reset {
  background: transparent !important;
}

/*Disable browser selection*/
.jqx-disableselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.jqx-enableselect {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: all;
}

.jqx-hideborder {
  border: none !important;
}

.jqx-hidescrollbars {
  overflow: hidden !important;
}

/*jqxButton, jqxToggleButton, jqxRepeatButton Style*/
.jqx-button {
  outline: none;
  border: 1px solid transparent;
  padding: 5px;
  text-align: center;
  vertical-align: central;
  margin: 0 0 0 0;
  cursor: default;
}

button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
}

.jqx-group-button-normal {
  vertical-align: middle;
  text-align: center;
}

/*applied to the link button's anchor element.*/
.jqx-link {
  text-decoration: none;
  color: #111111;
}

/*shows elements.*/
.jqx-visible {
  display: block;
}

/*hides elements.*/
.jqx-hidden {
  display: none;
}

.jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal {
  line-height: 1.231;
}

/*jqxGauge Style*/
.jqx-gauge-label, .jqx-gauge-caption {
  fill: #333333;
  color: #333333;
  font-size: 11px;
  /* font-family: Verdana; */
}

.jqx-knob {
  text-align: center;
}

/*jqxChart Style*/
.jqx-knob-label,
.jqx-chart-axis-text,
.jqx-chart-label-text,
.jqx-chart-tooltip-text,
.jqx-chart-legend-text {
  fill: #333333;
  color: #333333;
  font-size: 11px;
  /* font-family: Verdana; */
}

.jqx-chart-axis-description {
  fill: #555555;
  color: #555555;
  font-size: 11px;
  /* font-family: Verdana; */
}

.jqx-chart-title-text {
  fill: #111111;
  color: #111111;
  font-size: 14px;
  font-weight: bold;
  /* font-family: Verdana; */
}

.jqx-chart-title-description {
  fill: #111111;
  color: #111111;
  font-size: 12px;
  font-weight: normal;
  /* font-family: Verdana; */
}

/*applied to the Grid's element.*/
.jqx-grid {
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
}

.jqx-grid .jqx-adaptive-table {
  border-collapse: collapse;
  border: none;
  width: 100%;
}

.jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th {
  border-bottom: 1px solid #ddd;
  padding: 8px;
  overflow: auto;
}

.jqx-grid .jqx-adaptive-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.jqx-grid .jqx-adaptive-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.jqx-grid .jqx-adaptive-view a {
  padding: 10px;
  text-decoration: none;
  color: orangered;
}

/*applied to the Pager.*/
.jqx-grid-pager {
  border: none;
  border-top: 1px solid transparent;
  display: none;
}

/*applied to the Top Pager.*/
.jqx-grid-pager-top {
  border: none;
  border-bottom: 1px solid transparent;
}

.jqx-grid-pager-number {
  padding: 2px 5px;
  text-decoration: none;
  margin: 1px;
  border: 1px solid transparent;
  color: inherit !important;
  outline: none;
  font-weight: normal !important;
  line-height: 14px;
}

.jqx-grid-menu-item-touch {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/
/*applied to the Grid's header area.*/
.jqx-grid-header {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  overflow: hidden;
  border-color: transparent;
  margin: 0px;
  padding: 0px;
}

/*applied to the columns.*/
.jqx-grid-column-header, .jqx-grid-columngroup-header {
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: transparent;
  white-space: nowrap;
  border-style: solid;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

.jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl {
  border-width: 0px 0px 0px 1px;
}

.jqx-grid-columngroup-header {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

/*applied to the column's button.*/
/***  2019-08-22   *****/
.jqx-grid-column-menubutton {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: transparent;
  background-image: url(/biz/img/ic_table_filter_menu.fea5f4612d4668a9.png) !important;
  background-repeat: no-repeat;
  background-position: center !important;
  cursor: pointer;
  margin-right: 3px !important;
  position: absolute;
  right: 0;
}

.jqx-grid-column-menubutton-rtl {
  border-width: 0px 1px 0px 0px;
}

/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton {
  border: none;
  background-image: url(/biz/img/sortascbutton.739752e170dcd032.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/*applied to the column's sort button when the sort order is descending.*/
.jqx-grid-column-sortdescbutton {
  border: none;
  background-image: url(/biz/img/sortdescbutton.339ce83128bfbe59.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/*applied to the column's filter button.*/
.jqx-grid-column-filterbutton {
  border: none;
  background-image: url(/biz/img/ic_table_filter.d1696798a582c565.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 1px;
}

/*applied to the column's resize line.*/
.jqx-grid-column-resizeline {
  border-right: 1px dotted #555;
}

/*applied to the validation popup during cell editing.*/
.jqx-grid-validation {
  background: #df2227 !important;
  color: #fff !important;
  padding: 4px 8px;
}

.jqx-grid-validation-label {
  color: #fff !important;
  background: #df2227 !important;
  border: 1px solid #df2227 !important;
}

.jqx-grid-validation-arrow-up {
  background-image: url(/biz/img/red_arrow_up.784871718833be14.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.jqx-grid-validation-arrow-down {
  background-image: url(/biz/img/red_arrow_down.37f6cb371e448189.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/*applied to the column's resize start line.*/
.jqx-grid-column-resizestartline {
  border-right: 1px solid #444;
}

/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortasc-icon {
  background-image: url(/biz/img/ic_table_sort_ascending.793ca6d26b82dcc3.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortdesc-icon {
  background-image: url(/biz/img/ic_table_sort_descending.e65503978de9ce13.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

/*applied to the grid menu's sort remove item/*/
.jqx-grid-sortremove-icon {
  background-image: url(/biz/img/ic_table_sort_remove.1322949ed4595da6.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

/*applied to the grouping column's drag and drop item when the drop operation is allowed.*/
.jqx-grid-drag-icon {
  background-image: url(/biz/img/drag.b8fe6973d940a681.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
}

/*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/
.jqx-grid-dragcancel-icon {
  background-image: url(/biz/img/dragcancel.f1e1cccb751f6361.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
}

/*applied to the 'group by' menu item.*/
.jqx-grid-groupby-icon {
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

/*applied to the column anchor tags.*/
.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {
  display: block;
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  color: inherit;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}

.jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited {
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  color: inherit;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}

/*applied to the groups header area.*/
.jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #aaa;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

/*applied to a grouping row.*/
.jqx-grid-groups-row {
  font-weight: bold;
  white-space: nowrap;
  text-align: left;
  padding: 0px;
  top: 50%;
  margin-top: -8px;
}

/*applied to the row details.*/
.jqx-grid-groups-row-details {
  font-weight: normal;
}

/*applied to a grouping column.*/
.jqx-grid-group-column {
  border: 1px solid transparent;
  white-space: nowrap;
  border-style: solid;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

/*applied to the lines between the group columns.*/
.jqx-grid-group-column-line {
  background: #aaa;
}

/*applied to the drop line indicators displayed in the grouping header.*/
.jqx-grid-group-drag-line {
  background: #80be09;
}

/*applied to the anchor tags inside a grouping column.*/
.jqx-grid-group-column a:link {
  display: block;
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

.jqx-grid-group-column a:visited {
  color: inherit;
  display: block;
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}

/*applied to a grid cell*/
.jqx-grid-cell {
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  margin-right: 1px;
  margin-bottom: 1px;
  border-color: transparent;
  background: #fff;
  white-space: nowrap;
  font-weight: normal;
  font-size: 13px;
  color: #333333;
  overflow: hidden;
  position: absolute !important;
  height: 100%;
  outline: none;
}

.jqx-grid-cell-locked {
  color: #aaa !important;
}

.jqx-grid-cell-left-align {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  text-align: left;
  /* margin-right: 2px;
  margin-left: 4px; */
}

.jqx-grid-cell-middle-align {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-bottom: 2px;
  text-align: center;
}

.jqx-grid-cell-right-align {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  text-align: right;
  /* margin-right: 4px;
  margin-left: 2px; */
}

/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell {
  overflow: hidden;
  position: absolute !important;
  height: 100%;
  background: #fff;
}

/*applied to the grid cells in the sort column*/
.jqx-grid-cell-sort {
  background-color: #f0f0f0;
}

/*applied to the grid cells in the filter column*/
.jqx-grid-cell-filter {
  background-color: #e6e6e6;
}

.jqx-grid-cell-add-new-row {
  background: #fdfcf3 !important;
  color: #000 !important;
}

/*applied to the grid cells area.*/
.jqx-grid-content {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: transparent;
  white-space: nowrap;
  overflow: hidden;
}

/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell, .jqx-grid-empty-cell {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  white-space: nowrap;
  font-weight: normal;
}

.jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell {
  border: transparent !important;
}

.jqx-grid-cell-wrap {
  white-space: normal !important;
}

.jqx-tree-grid-indent {
  width: 18px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  vertical-align: top;
}

.jqx-tree-grid-title {
  text-decoration: none;
  vertical-align: bottom;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button {
  display: inline-block;
  margin-top: 0px;
  margin-right: 5px;
  position: relative;
  width: 16px;
  height: 16px;
}

.jqx-tree-grid-checkbox {
  float: none !important;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 6px !important;
  margin-left: 2px !important;
}

.jqx-tree-grid-icon {
  float: none !important;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.jqx-tree-grid-icon-rtl {
  margin-right: 0px;
  margin-left: 4px;
}

.jqx-tree-grid-icon-size {
  width: 14px;
  height: 14px;
  line-height: 16px;
}

.jqx-tree-grid-checkbox-tick {
  width: 100%;
  height: 100%;
}

.jqx-tree-grid-expand-button {
  height: 16px;
  width: 16px;
  vertical-align: top;
}

/*applied to a cell in jqxDataTable*/
.jqx-cell {
  min-height: 23px;
  padding: 6px 4px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  border-top-width: 0px;
  border-left-width: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  white-space: normal;
  line-height: 1.231;
}

.jqx-grid-cell-nowrap {
  white-space: nowrap;
}

.jqx-cell-editor {
  padding-left: 4px !important;
  padding-right: 3px !important;
}

.jqx-left-align {
  text-align: left;
}

.jqx-center-align {
  text-align: center;
}

.jqx-right-align {
  text-align: right;
}

.jqx-top-align {
  vertical-align: top;
}

.jqx-bottom-align {
  vertical-align: bottom;
}

.jqx-grid-table .jqx-grid-cell {
  position: static !important;
  zoom: 1 !important;
}

/*applied to the Grid's Table element.*/
.jqx-grid-table {
  font-size: 13px;
  table-layout: fixed;
  margin: 0px;
  padding: 0px;
  border-collapse: separate;
  border-spacing: 0px;
  -webkit-overflow-scrolling: touch;
  outline: none;
  zoom: 1 !important;
  empty-cells: show;
  border-right: 1px solid #aaa;
  line-height: 1.231;
  width: auto;
  border: none;
}

.jqx-grid-table-rtl {
  border-left-width: 1px;
  border-right-width: 0px;
}

.jqx-details table {
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 0px;
}

/*applied to a grid cell that is part of a details row and grouping is enabled.*/
/*applied to a grid cell that is part of a details row.*/
.jqx-grid-details-cell {
  border-width: 0px 1px 0px 0px;
}

/*applied to a grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-alt {
  background: #f9f9f9;
}

/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-sort-alt {
  background-color: #e5e5e5;
}

/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-filter-alt {
  background-color: #f0f0f0;
}

/*applied to a pinned grid cell.*/
.jqx-grid-cell-pinned {
  background-color: #e3eef9;
  padding-right: 8px;
}

/*applied to a pinned grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-pinned-alt {
  background-color: #e3eef9;
}

/*applied to a selected grid cell.*/
.jqx-grid-cell-selected {
  border-left: 0px solid transparent;
}

.jqx-grid-cell-selected.jqx-grid-cell-edit {
  border-color: #DDDDDD !important;
  background-color: #fff !important;
  color: #333 !important;
}

.jqx-fill-state-focus.jqx-grid-cell-edit,
.jqx-grid-cell-edit .jqx-fill-state-focus,
.jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button,
.jqx-grid-cell-edit .jqx-numberinput-focus,
.jqx-grid-cell-edit .jqx-combobox-content-focus {
  border-color: #DDDDDD !important;
}

.jqx-cell-rtl {
  border-left-width: 1px;
  border-right-width: 0px;
}

.jqx-grid-cell-rtl {
  border-width: 0px 0px 1px 1px;
}

.jqx-grid-table .jqx-grid-cell {
  border-width: 0px 0px 1px 1px;
}

.jqx-grid-table-one-cell {
  border: none;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #aaa;
}

.jqx-grid-table .jqx-grid-cell:first-child {
  border-left-width: 0px;
}

/*applied to the selection area.*/
.jqx-grid-selectionarea {
  border: 1px solid transparent;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/*applied to a hovered grid cell.*/
.jqx-grid-cell-hover {
  border-color: transparent;
}

/*applied to a grid cell when the grid is empty.*/
.jqx-grid-empty-cell {
  overflow: visible;
  border-bottom: none;
  width: 100% !important;
  background-color: #fafafa !important;
}

/*applied to the Grid when its loading the data.*/
.jqx-grid-load {
  padding-right: 0px;
  background-image: url(/biz/img/loader.7c1494c9779716cf.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 9999;
  display: block;
}

/*applied to a group's collapse button.*/
.jqx-grid-group-collapse {
  padding-right: 0px;
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.jqx-grid-group-collapse-rtl {
  padding-right: 0px;
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

/*applied to a group's expand button.*/
.jqx-grid-group-expand, .jqx-grid-group-expand-rtl {
  padding-right: 0px;
  background-image: url(/biz/img/icon-down.1355e0e3f772c402.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

/*jqxProgresBar Style*/
.jqx-progressbar {
  position: relative;
  overflow: hidden;
  outline: none;
  border: 1px solid transparent;
  height: 2em;
}

/*applied to the progressbar's value element*/
.jqx-progressbar-value {
  outline: none;
  border: 0px solid transparent;
  height: 100%;
}

/*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/
.jqx-progressbar-value-vertical {
  outline: none;
  border: 0px solid transparent;
  height: 100%;
  background: transparent;
}

/*applied to the progressbar's text element*/
.jqx-progressbar-text {
  font-size: 10px;
  border: none;
}

/*applied to the progress bar when the widget is in disabled state*/
.jqx-progressbar-disabled {
  outline: none;
  border: 1px solid transparent;
  height: 2em;
}

/*jqxMenu Style*/
.jqx-menu {
  border: 1px solid transparent;
  float: none;
  margin: 0px;
  height: 100%;
  padding: 0px;
  overflow: hidden;
  text-align: left;
}

.jqx-menu-dropdown-column {
  float: left;
}

/*applied to the menu when it is horizontal. Sets the menu's background*/
.jqx-menu-horizontal {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-align: center;
}

/*applied to the menu when it is vertical. Sets the menu's background*/
.jqx-menu-vertical {
  text-align: left;
}

/*applied to the sub menu. Sets the sub menu's background*/
.jqx-menu-dropdown {
  left: 100%;
  margin: 0px;
  padding: 0px;
  right: 0;
  overflow: hidden;
  display: none;
  float: none;
  width: 150px;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  padding: 2px;
}

/*applied to the sub menu's ul elements.*/
.jqx-menu-dropdown ul {
  left: 100%;
  margin: 0px;
  padding: 0px;
  right: 0;
  overflow: hidden;
  border: none;
}

/*applied to the menu's ul elements.*/
.jqx-menu ul {
  left: 100%;
  margin: 0px;
  padding: 0;
  right: 0;
  overflow: hidden;
  background-color: transparent;
  border: none;
}

/*applied to the menu's li elements.*/
.jqx-menu li, .jqx-menu-dropdown li {
  line-height: 1.3 !important;
}

/*applied to the top level menu items.*/
.jqx-menu-item-top {
  border: none;
  text-indent: 0;
  list-style: none;
  padding: 4px 8px;
  left: 100%;
  overflow: hidden;
  color: inherit;
  right: 0;
  margin: 0;
  cursor: pointer;
}

.jqx-menu-item-top:hover {
  background: #f7f7f7 !important;
}

/*applied to the sub menu items.*/
.jqx-menu-item {
  border: 1px solid transparent;
  text-indent: 0;
  list-style: none;
  padding: 4px 8px 4px 8px;
  margin: 1px;
  margin-left: 3px;
  margin-right: 3px;
  float: none;
  overflow: hidden;
  left: 100%;
  color: inherit;
  right: 0;
  text-align: left;
  cursor: pointer;
}

/*applied to a sub menu item when the mouse is over the item.*/
.jqx-menu-item-hover {
  color: inherit;
  right: 0;
  list-style: none;
  margin: 1px;
  margin-left: 3px;
  margin-right: 3px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  text-align: left;
  cursor: pointer;
}

/*applied to a top-level menu item when the mouse is over it.*/
.jqx-menu-item-top-hover {
  color: inherit;
  right: 0;
  list-style: none;
  margin: 0;
  left: 100%;
  padding: 4px 8px 4px 8px;
  top: 50%;
  cursor: pointer;
}

/*applied to a sub menu item when its sub menu is opened.*/
.jqx-menu-item-selected {
  right: 0;
  list-style: none;
  margin: 1px;
  margin-left: 3px;
  margin-right: 3px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  text-align: left;
  cursor: pointer;
}

/*applied to a disabled sub menu item.*/
/*applied to a top-level menu item when its sub menu is opened.*/
.jqx-menu-item-top-selected {
  right: 0;
  list-style: none;
  margin: 0px 1px 0px 1px;
  margin-left: 3px;
  margin-right: 3px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  cursor: pointer;
}

/*applied to the menu separator items.*/
.jqx-menu-item-separator {
  text-indent: 0;
  background-color: #ddd;
  border: none;
  list-style: none;
  height: 1px;
  line-height: 0 !important;
  padding: 0px;
  margin: 0 5px;
  float: none;
  overflow: hidden;
  left: 100%;
  color: inherit;
  right: 0;
  font-size: 1px;
}

/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-right {
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
}

/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/
.jqx-menu-item-arrow-down {
  background-image: url(/biz/img/icon-down.1355e0e3f772c402.png);
}

/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/
.jqx-menu-item-arrow-up {
  background-image: url(/biz/img/icon-up.46cb0f42f6b99ee9.png);
}

.jqx-menu-minimized {
  position: relative;
}

.jqx-menu-title {
  position: relative;
  float: right;
  margin-top: 4px;
  padding-top: 4px;
  padding-right: 20px;
}

.jqx-menu-minimized-button {
  background-image: url(/biz/img/icon-menu-minimized.d59d4c7b3fe152c0.png);
  background-repeat: no-repeat;
  background-position: left center;
  height: 24px;
  width: 24px;
  padding: 0px;
  margin-left: 7px;
  margin-top: 4px;
  float: left;
}

.jqx-menu-ul-minimized {
  display: block !important;
  width: auto !important;
}

.jqx-menu-ul-minimized ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

.jqx-menu-minimized li:last-child {
  padding-bottom: 0px;
  margin: 0px;
}

.jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 0px;
  margin-right: -8px;
  width: 17px;
  height: 15px;
}

/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-left {
  padding-right: 0px;
  padding-left: 5px;
  width: 17px;
  height: 15px;
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/
.jqx-menu-item-arrow-right-selected {
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/
.jqx-menu-item-arrow-down-selected {
  background-image: url(/biz/img/icon-down.1355e0e3f772c402.png);
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/
.jqx-menu-item-arrow-up-selected {
  background-image: url(/biz/img/icon-up.46cb0f42f6b99ee9.png);
}

.jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right {
  padding-right: 0px;
  margin-right: -8px;
  width: 17px;
  height: 15px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-top-right {
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/
.jqx-menu-item-arrow-left-selected {
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
}

/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-top-left {
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
}

.jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-right: 0px;
  padding-left: 5px;
  width: 17px;
  height: 15px;
}

/*applied to the anchor elements*/
.jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover {
  font: inherit;
  text-decoration: none;
  color: inherit;
  outline: none;
  background-color: transparent;
}

/*applied to the menu widget when it is disabled.*/
.jqx-menu-disabled {
  cursor: default;
}

/*applied to the anchor elements of all disabled menu items.*/
.jqx-menu-disabled a:link {
  cursor: default;
  text-decoration: none;
}

.jqx-menu-disabled a:visited {
  cursor: default;
  text-decoration: none;
}

.jqx-menu-disabled a:hover {
  cursor: default;
}

.jqx-menu-dropdown {
  right: -1px;
}

/*jqxtree Style*/
.jqx-tree {
  left: 100%;
  right: 0;
  float: none;
  margin: 0px;
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  outline: none;
  white-space: nowrap;
  line-height: 14px !important;
}

/*applied to the jqxTree root UL element.*/
.jqx-tree-dropdown-root {
  left: 100%;
  padding: 0px 5px 0px 5px;
  right: 0;
  display: block;
  float: none;
  background-color: transparent;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
  text-align: left;
  outline: none;
  white-space: nowrap;
  margin: 0px;
}

.jqx-tree-dropdown-root-rtl {
  padding: 0px 5px 0px 0px;
  text-align: right;
  float: right;
  margin: 0px;
}

/*applied to the jqxTree UL elements.*/
.jqx-tree-dropdown {
  left: 100%;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  right: 0;
  display: block;
  float: none;
  background-color: transparent;
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  text-align: left;
  outline: none;
}

.jqx-tree-dropdown-rtl {
  padding: 3px 0px 0px 0px;
  text-align: right;
}

/*applied to a tree item.*/
.jqx-tree-item {
  border: none;
  text-indent: 0;
  list-style: none;
  padding: 3px;
  margin: 0px;
  float: none;
  overflow: hidden;
  left: 100%;
  right: 0;
  text-align: left;
  cursor: default;
  text-decoration: none;
}

/*applied to the jqxTree LI elements.*/
.jqx-tree-item-li {
  text-indent: 0;
  background-color: transparent;
  border: 0px solid transparent;
  list-style: none;
  left: 100%;
  right: 0;
  text-align: left;
  outline: none;
  margin: 0px;
  margin-top: 1px;
  padding: 0px;
}

/*applied to the last LI elements in an UL element.*/
.jqx-tree-item-u-last {
  margin: 0px 0px 0px 0px;
}

/*applied to a tree item when the mouse is over the item.*/
.jqx-tree-item-hover {
  color: inherit;
  right: 0;
  padding: 3px;
  margin: 0px;
  list-style: none;
  left: 100%;
  cursor: pointer;
  text-decoration: none;
}

/*applied to a tree item when the item is selected.*/
.jqx-tree-item-selected {
  color: inherit;
  right: 0;
  padding: 3px;
  margin: 0px;
  list-style: none;
  left: 100%;
  cursor: pointer;
  text-decoration: none;
}

.jqx-tree-item-rtl {
  text-align: right;
}

.jqx-tree-item-li-rtl {
  text-align: right;
}

/*applied to the anchor element of a tree item.*/
.jqx-tree-item a:link, .jqx-tree-item a:visited {
  text-indent: 0;
  background-color: transparent;
  border: 0px solid transparent;
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: none;
  overflow: hidden;
  left: 100%;
  color: inherit;
  right: 0;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

.jqx-tree-item-selected, .jqx-tree-item-hover a:hover {
  color: inherit;
}

.jqx-tree-item-selected, .jqx-tree-item-hover a:visited {
  color: inherit;
}

/*applied to a tree item when the item is disabled.*/
/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover {
  padding-right: 0px;
  width: 17px;
  height: 17px;
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl {
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
}

/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover {
  padding-right: 0px;
  width: 17px;
  height: 17px;
  background-image: url(/biz/img/icon-down.1355e0e3f772c402.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

/*applied to the tree when it is disabled.*/
.jqx-tree-disabled {
  cursor: default;
}

/*applied to the anchor elements in a tree when it is disabled.*/
.jqx-tree-disabled a:link {
  cursor: default;
  text-decoration: none;
}

.jqx-tree-disabled a:visited {
  cursor: default;
  text-decoration: none;
}

.jqx-tree-disabled a:hover {
  cursor: default;
}

/*jqxTabs*/
.jqx-tabs {
  outline: none;
  margin: 0 0 0 0;
  padding: 0px;
  overflow: hidden;
  background: transparent;
  border: 1px solid transparent;
}

/*applied to the tab close button.*/
.jqx-tabs-close-button {
  outline: none;
  background-image: url(/biz/img/close.133ea9ffe9a22d30.png);
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  left: 5px;
}

/*applied to the tab close button when the tab is selected.*/
.jqx-tabs-close-button-selected {
  outline: none;
  background-image: url(/biz/img/close.133ea9ffe9a22d30.png);
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/*applied to the tab close button when the mouse is over the tab.*/
.jqx-tabs-close-button-hover {
  outline: none;
  background-image: url(/biz/img/close.133ea9ffe9a22d30.png);
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover {
  background-repeat: no-repeat;
  background-position: center;
}

/*applied to the tab's left scroll arrow.*/
.jqx-tabs-arrow-left {
  outline: none;
  position: relative;
  z-index: 15;
  float: left;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
  background-repeat: no-repeat;
  background-position: center;
}

/*applied to the tab's right scroll arrow.*/
.jqx-tabs-arrow-right {
  outline: none;
  position: relative;
  z-index: 15;
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.jqx-tabs-arrow-background {
  background: #eeeeee;
}

/*applied to the tab's title.*/
.jqx-tabs-title {
  outline: none;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  left: 100%;
  right: 0;
  text-indent: 0px;
  list-style: none;
  border: 1px solid transparent;
  margin: 0px 2px 0px 0px;
  overflow: hidden;
  z-index: 1;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 5px;
  padding-top: 5px;
  background: transparent;
  height: auto;
  position: relative;
}

.jqx-tabs-title a:link {
  color: inherit;
  text-decoration: none;
}

.jqx-tabs-title a:hover {
  color: inherit;
  text-decoration: none;
}

.jqx-tabs-title a:active {
  color: inherit;
  text-decoration: none;
}

.jqx-tabs-title a:visited {
  color: inherit;
  text-decoration: none;
}

/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-selected-top {
  z-index: 99;
  outline: none;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #fff;
  background-color: #fff;
  padding-bottom: 7px;
}

/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom {
  outline: none;
  border-top: 1px solid #fff;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-top: -2px;
  background-color: #fff;
}

/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-hover-top {
  outline: none;
  border: 1px solid transparent;
  padding-bottom: 5px;
}

/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-hover-bottom {
  outline: none;
  border: 1px solid transparent;
  padding-top: 5px;
}

/*applied to the tab's title when the tab is disabled.*/
/*applied to the tab's header.*/
.jqx-tabs-header {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 3px;
  padding-bottom: 1px;
  margin: 0px;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 1px solid #aaa;
  background: #eeeeee;
}

/*applied to the tab's header when the position is bottom.*/
.jqx-tabs-header-bottom {
  padding-top: 1px;
  padding-bottom: 3px;
  border-top: 0px solid #aaa;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 1px solid transparent;
}

/*applied to the tab's header when the tab is collapsed.*/
.jqx-tabs-header-collapsed {
  border: 1px solid #aaa;
}

/*applied to the tab's header when the position is bottom and tab is collapsed.*/
.jqx-tabs-header-collapsed-bottom {
  border: 1px solid #aaa;
}

.jqx-tabs-collapsed {
  border: 0px solid transparent;
}

.jqx-tabs-collapsed-bottom {
  border: 0px solid transparent;
}

/*applied to the tab's selection tracker container element.*/
.jqx-tabs-selection-tracker-container {
  outline: none;
  position: relative;
  text-indent: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  background: transparent;
  height: 0px;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  padding-bottom: 2px;
  background-color: #fff;
  outline: none;
  position: absolute;
  z-index: 10;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: #fff;
  outline: none;
  position: absolute;
  z-index: 10;
  margin-top: -1px;
  padding-bottom: 2px;
}

/*applied to the tab's content element which represents a DIV element.*/
.jqx-tabs-content {
  outline: none;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
  text-align: left;
  clear: both;
}

.jqx-tabs-content-element {
  height: 100%;
  overflow: auto;
}

/*jqxCheckBox*/
.jqx-checkbox {
  overflow: hidden;
  text-align: left;
  border: none;
  outline: none;
  margin: 0 0 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*applied to the check box.*/
.jqx-checkbox-default {
  text-align: left;
  float: left;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 0px 3px 0px 3px;
}

/*applied to the check box when the mouse cursor is over it.*/
.jqx-checkbox-hover {
  cursor: pointer;
  float: left;
  padding: 0px;
  border: 1px solid #536dc2 !important;
  outline: none;
  margin: 0px 3px 0px 3px;
}

/*applied to the widget when it is disabled.*/
.jqx-checkbox-disabled {
  cursor: default;
  background: transparent;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0px 0px 0px 0px;
}

/*applied to the check box when the widget is disabled.*/
.jqx-checkbox-disabled-box {
  float: left;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 0px 3px 0px 3px;
}

/*applied to the check box when it is checked. Displays a check icon.*/
/******2019-08-21 modify *************/
.jqx-checkbox-check-checked {
  float: left;
  background: #536dc2 url(/biz/img/ico_checkOn.eb7c7c238e7eaf28.png) no-repeat center 48%;
  padding: 0px;
  border: none;
  outline: none;
  margin: -1px;
}

/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/
.jqx-checkbox-check-disabled {
  float: left;
  background: transparent url(/biz/img/check_disabled.53eabc2c548267c3.png) center center no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
}

/*applied to the check box when its state is indeterminate.*/
.jqx-checkbox-check-indeterminate {
  float: left;
  background: #536dc2 url(/biz/img/ico_checkMid.649a0c78ffae9425.png) no-repeat center;
  padding: 0px;
  border: none;
  outline: none;
  margin: -1px;
}

/*applied to the check box when its state is indeterminate and it is disabled.*/
.jqx-checkbox-check-indeterminate-disabled {
  float: left;
  background: transparent url(/biz/img/check_indeterminate_disabled.743d53714dbd56fc.png) center center no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
}

/*applied to the check box when its in rtl mode.*/
.jqx-checkbox-rtl {
  float: right;
}

/*jqxRadioButton*/
.jqx-radiobutton {
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  margin: 0 0 0 0;
  white-space: nowrap;
}

/*applied to the radio button.*/
.jqx-radiobutton-default {
  cursor: pointer;
  float: left;
  background: transparent url(/biz/img/roundbg_classic_normal.e8c7606657eb0814.png) left center scroll repeat-x;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 1px 3px 0px 3px;
  border-radius: 100%;
}

/*applied to the radio button when the mouse is over it.*/
.jqx-radiobutton-hover {
  cursor: pointer;
  float: left;
  background: transparent;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 1px 3px 0px 3px;
  border-radius: 100%;
}

/*applied to the radio button when it is disabled.*/
.jqx-radiobutton-disabled {
  cursor: default;
}

/*applied to the radio button's radio icon when it is disabled.*/
/*applied to the radio button when it is checked.*/
.jqx-radiobutton-check-checked {
  float: left;
  background: transparent url(/biz/img/roundbg_check_black.90ef45e1edbd7625.png) left top no-repeat;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 0 0 0 0;
  border-radius: 100%;
  width: 7px;
  height: 7px;
  margin-left: 2px;
  margin-top: 2px;
}

/*applied to the radio button when it is checked and disabled.*/
/*applied to the radio button when it is in indeterminate state.*/
.jqx-radiobutton-check-indeterminate {
  float: left;
  background: transparent url(/biz/img/roundbg_check_indeterminate.53e09d32d42fa4e9.png) left top no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  margin-left: 2px;
  margin-top: 2px;
}

/*applied to the radio button when it is in indeterminate state and disabled.*/
/*applied to the radio button when its in rtl mode.*/
.jqx-radiobutton-rtl {
  float: right;
}

/*jqxRating*/
.jqx-rating {
  margin: 0px;
  padding: 0px;
  outline: none;
  overflow: hidden;
}

.jqx-rating-image {
  border-width: 0px;
}

.jqx-rating-image-default {
  margin: 0px;
  padding: 0px;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(/biz/img/star.7ce56d3c28096891.png);
  overflow: hidden;
}

/*applied to the rating when it is hovered.*/
.jqx-rating-image-hover {
  background-color: transparent;
  padding: 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(/biz/img/star_hover.2c59bd2c11565847.png);
  overflow: hidden;
}

/*applied to the rating when it is disabled.*/
.jqx-rating-image-backward {
  background-color: transparent;
  padding: 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(/biz/img/star_disabled.c6db1411a0cbc530.png);
  overflow: hidden;
}

/*jqxCalendar Style*/
.jqx-calendar {
  border: 1px solid transparent;
  -webkit-appearance: none;
  overflow: hidden;
  outline: none;
  padding: 0px;
  margin: 0 0 0 0;
  cursor: default;
  border-collapse: separate;
}

.jqx-calendar > div {
  padding: 0px;
  box-sizing: border-box;
}

.jqx-calendar-light > div {
  padding: 10px;
}

.jqx-calendar td {
  padding-top: 0px;
  padding-bottom: 0px;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 13px;
  line-height: 1.231;
  height: auto;
}

.jqx-calendar table {
  margin: 0px;
  padding: 0px;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 13px;
  line-height: 1.231;
}

/*applied to the calendar's row header. This header displays the week numbers.*/
.jqx-calendar-row-header {
  outline: none;
  border: 0px solid #f2f2f2;
  padding: 0;
  margin: 0 0 0 0;
  cursor: default;
}

/*applied to the calendar's column. This header displays the day names.*/
.jqx-calendar-column-header {
  outline: none;
  text-align: right;
  padding: 3px;
  border-top: none;
  border-bottom: 1px solid transparent;
  border-left: none;
  border-right: none;
  margin: 0 0 0 0;
  cursor: default;
}

/*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/
.jqx-calendar-top-left-header {
  outline: none;
  border: 0px solid #f2f2f2;
  margin: 0 0 0 0;
  cursor: default;
}

/*applied to the calendar's navigation buttons.*/
.jqx-calendar-title-navigation {
  cursor: pointer;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  width: 25px;
  height: 25px;
}

/*applied to the month table*/
.jqx-calendar-month {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
}

/*applied to the calendar's title content.*/
.jqx-calendar-title-content {
  cursor: pointer;
  text-align: center;
}

/*applied to the calendar's navigation title.*/
.jqx-calendar-title-header {
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin: 0 0 0 0;
}

.jqx-calendar-title-header td {
  padding-left: 0px;
  padding-right: 0px;
  border: none;
}

/*applied to the calendar's navigation title when the calendar is disabled.*/
.jqx-calendar-title-header-disabled {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin: 0 0 0 0;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
}

/*applied to a calendar cell.*/
.jqx-calendar-cell {
  border: 1px solid transparent;
  margin: 0px;
  outline: none;
  text-align: center;
  padding: 1px;
  cursor: pointer;
  background-color: transparent;
}

.jqx-calendar-cell td {
  padding: 0;
  margin: 0;
}

/*applied to a calendar cell in decade and year views.*/
.jqx-calendar-cell-decade, .jqx-calendar-cell-year {
  text-align: center;
}

.jqx-calendar .jqx-fill-state-normal {
  background: transparent;
  border: 1px solid transparent;
}

/*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/
.jqx-calendar-cell-hidden {
  margin: 0 0 0 0;
  visibility: hidden;
  cursor: default;
}

/*applied to a calendar cell when the cell's date is a weekend date.*/
.jqx-calendar-cell-weekend {
  color: #898989 !important;
  margin: 0 0 0 0;
  cursor: pointer;
}

/*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/
.jqx-calendar-cell-specialDate {
  color: #FF0000 !important;
  background-color: transparent;
  border: 1px solid #fff;
  margin: 0 0 0 0;
  cursor: pointer;
}

/*applied to a calendar cell when the cell's date is a restricted date.*/
.jqx-calendar-cell-restrictedDate {
  background-color: #fb8499;
  border: 1px solid #fff;
  margin: 0 0 0 0;
  cursor: pointer;
}

.jqx-calendar-cell-selected-invalid {
  color: #FFF !important;
  background: #FF0000 !important;
  border: 1px solid #FF0000 !important;
}

/*applied to a calendar cell when the cell's date is the today date.*/
.jqx-calendar-cell-today {
  color: #898989;
  background-color: #ffffdb;
  border: 1px solid #fdc066;
  margin: 0 0 0 0;
  cursor: pointer;
}

/*applied to a calendar cell when the cell is hovered.*/
.jqx-calendar-cell-hover {
  margin: 0 0 0 0;
  cursor: pointer;
}

/*applied to a calendar cell when the cell is selected.*/
.jqx-calendar-cell-selected {
  margin: 0 0 0 0;
  cursor: pointer;
}

/*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/
.jqx-calendar-cell-othermonth {
  color: #898989 !important;
  margin: 0 0 0 0;
  cursor: pointer;
}

/*applied to a calendar cell when the calendar is disabled.*/
.jqx-calendar-cell-disabled {
  color: #ccc;
}

/*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/
.jqx-calendar-row-cell {
  outline: none;
  text-align: center;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: default;
}

/*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/
.jqx-calendar-footer {
  margin: 5px;
  color: inherit;
  font-size: 13px;
}

.jqx-calendar-title-container {
  overflow: hidden;
}

/*applied to a calendar cell when the cell is from the column header that displays the day names.*/
.jqx-calendar-column-cell {
  overflow: hidden;
  text-align: center;
  outline: none;
  font-weight: normal;
  padding: 1px;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: default;
}

/*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/
/*applied to the calendar's cell area element.*/
.jqx-calendar-view {
  -webkit-appearance: none;
  outline: none;
  padding: 0px;
  border: 0px solid #fff;
  margin: 0 0 0 0;
  cursor: default;
}

/*jqxExpander and jqxNavigationBar Style*/
/*applied to the Expander's header and content*/
.jqx-expander-header, .jqx-expander-content {
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  outline: 0;
}

/*applid to the content of the expander header.*/
.jqx-expander-header-content {
  padding-left: 3px;
}

/*applid to the content of the expander header.*/
.jqx-expander-header-content-rtl {
  padding-right: 3px;
}

.jqx-expander-content {
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: auto;
  outline: 0;
}

/*applied to the Expander's header and its content when it is on the top of the header*/
.jqx-expander-header, .jqx-expander-content-top {
  border-top-width: 1px;
  border-top-style: solid;
}

/*applied to the Expander's header and its content when it is on the bottom of the header*/
.jqx-expander-header, .jqx-expander-content-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/*applied to the Expander's header*/
.jqx-expander-header {
  cursor: pointer;
  overflow: hidden;
}

/*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/
.jqx-expander-header-disabled {
  cursor: default;
}

/*applied to the Expander's arrow*/
.jqx-expander-arrow {
  width: 17px;
  height: 17px;
  position: relative;
}

/*applied to the Expander's content if it is empty*/
.jqx-expander-content-empty {
  border-width: 0px;
  padding: 0px;
}

/*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/
.jqx-navigationbar {
  border: none;
  margin: 0px;
  -webkit-appearance: none;
  outline: none;
}

/*jqxPanel Style*/
.jqx-panel {
  border: 1px solid transparent;
  -webkit-appearance: none;
  outline: none;
  padding: 0px;
  margin: 0px;
  cursor: default;
  overflow: hidden;
}

/*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
/*applied to the DropDownButton's Popup.*/
.jqx-dropdownbutton-popup {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid transparent;
}

.jqx-listbox {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid transparent;
  padding: 0px;
  margin: 0px;
  cursor: default;
  overflow: hidden;
}

/*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
/*applied to the ListBox's groups.*/
.jqx-listitem-state-group {
  white-space: nowrap;
  padding: 5px 2px 5px 2px;
  background: transparent;
  font-weight: bold;
  text-align: left;
  outline: none;
  overflow: hidden;
  vertical-align: middle;
  cursor: default;
}

/*applied to a list item in default state.*/
.jqx-listitem-state-normal {
  white-space: nowrap;
  padding: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
  outline: none;
  visibility: inherit;
  display: inherit;
  text-align: left;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  cursor: default;
  background: none !important;
}

/*applied to a list item in hovered state.*/
.jqx-listitem-state-hover {
  white-space: nowrap;
  background: none !important;
  padding: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: none !important;
}

/*applied to a list item when the item is selected.*/
.jqx-listitem-state-selected {
  white-space: nowrap;
  padding: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
  background: none !important;
}

.jqx-listbox-feedback {
  height: 1px;
  border-top: 1px dashed #000;
}

.jqx-listitem-element {
  -ms-touch-action: none;
  border: none;
  width: 100%;
  height: 100%;
  align: left;
  position: absolute;
  padding-left: 4px;
  margin-top: 4px !important;
}

/*jqxComboBox Style*/
/*applied to the jqxComboBox's content which displays the text.*/
.jqx-combobox-content {
  padding: 0px;
  overflow: hidden;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin: 0px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  outline: none;
  border: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid transparent;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

.jqx-combobox-content-rtl {
  border: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: none;
  border-left: 1px solid transparent;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

/*applied to the ComboBox's input field.*/
.jqx-combobox-input {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  padding: 0 0 0 0;
  outline: none;
  border: 0px solid #aaa;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

.jqx-combobox-input::-ms-clear {
  display: none;
}

/*applied to the ComboBox's content when the widget is disabled.*/
.jqx-combobox-content-disabled {
  color: #AAA;
}

/*applied to the ComboBox's arrow button.*/
.jqx-combobox-arrow-normal, .jqx-action-button {
  -webkit-appearance: none;
  outline: none;
  overflow: hidden;
  margin: 0 0 0 0;
  border: none;
  cursor: pointer;
}

/*applied to the ComboBox's arrow button*/
.jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected {
  -webkit-appearance: none;
  outline: none;
  overflow: hidden;
  margin: 0 0 0 0;
}

/*applied to the ComboBox in normal state.*/
.jqx-combobox-state-normal {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid transparent;
  overflow: hidden;
  margin: 0 0 0 0;
}

/*applied to the ComboBox when the mouse is over the widget.*/
.jqx-combobox-state-hover {
  overflow: hidden;
  border: 1px solid transparent;
  margin: 0 0 0 0;
}

/*applied to the ComboBox when the popup ListBox is shown.*/
.jqx-combobox-state-selected {
  overflow: hidden;
  border: 1px solid transparent;
  margin: 0 0 0 0;
}

/*applied to the ComboBox when the widget is focused.*/
.jqx-combobox-state-focus {
  border: 1px solid transparent;
}

.jqx-combobox-multi-item {
  padding: 1px 3px;
  margin: 2px;
  white-space: nowrap;
  border-style: solid;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
}

.jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited {
  color: inherit;
  display: block;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}

/*applied to the ComboBox when the widget is disabled.*/
.jqx-combobox-state-disabled {
  white-space: nowrap;
  margin: 0px;
  color: #AAA;
}

/*jqxSelect Style*/
.jqx-select {
  overflow: hidden;
  padding-left: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  -webkit-appearance: none;
  outline: 0 none;
}

.jqx-select-content {
  cursor: pointer;
  text-overflow: ellipsis;
}

.jqx-select-container {
  padding: 0;
}

.jqx-select-item {
  padding: 3px;
  margin: 1px;
  white-space: normal !important;
  cursor: default;
}

/*jqxDropDownList Style*/
/*applied to the dropdownlist's content element which displays the selected item's text or html.*/
.jqx-dropdownlist-content {
  padding: 0px;
  overflow: hidden;
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  outline: 0 none;
  border: none;
}

.jqx-dropdownlist-content-rtl {
  padding-left: 0px;
  padding-right: 3px;
}

.jqx-dropdownlist .jqx-icon-arrow-down {
  width: 13px;
}

.jqx-dropdownlist .jqx-icon-arrow-up {
  width: 13px;
}

.jqx-combobox .jqx-icon-arrow-down {
  width: 13px;
}

.jqx-combobox .jqx-icon-arrow-up {
  width: 13px;
}

/*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */
/*applied to the dropdownlist in default state.*/
.jqx-dropdownlist-state-normal {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid transparent;
  overflow: hidden;
  margin: 0 0 0 0;
  cursor: pointer;
}

/*applied to the dropdownlist in hovered state.*/
.jqx-dropdownlist-state-hover {
  overflow: hidden;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: pointer;
}

/*applied to the dropdownlist in selected state.*/
.jqx-dropdownlist-state-selected {
  overflow: hidden;
  background-color: transparent;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: pointer;
}

/*applied to the dropdownlist in focused state.*/
.jqx-dropdownlist-state-focus {
  border: 1px solid #909090;
}

/*applied to the dropdownlist in disabled state.*/
/*jqxScrollBar Style*/
.jqx-scrollbar {
  background: transparent;
  margin: 0;
  padding: 0;
  border: none;
}

/*applied to the scrollbar in default state.*/
.jqx-scrollbar-state-normal {
  background: #efefef;
  margin-left: 1px;
  padding-bottom: 1px;
  /* border: 1px solid transparent;*/
}

/*applied to the scrollbar buttons in default state.*/
.jqx-scrollbar-button-state-normal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}

/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover {
  margin: 0px;
  padding: 0px;
  border: 1px solid #efefef !important;
}

/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}

/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal-horizontal {
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: 1px solid transparent;
  touch-action: none;
}

/*applied to the horizontal scrollbar thumb in hovered state.*/
.jqx-scrollbar-thumb-state-hover-horizontal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}

/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed-horizontal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}

/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
  touch-action: none;
}

/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-hover {
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: 1px solid transparent;
}

/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed {
  margin: 0px;
  padding: 0px;
  background: #d1d1d1;
  border: 1px solid #909090;
}

/* jqxWindow */
.jqx-window {
  position: absolute;
  overflow: hidden;
  border: 1px solid transparent;
}

/*applied to the jqxWindow when it’s disabled*/
/*applied to the window’s header*/
.jqx-window-header {
  outline: none;
  border-width: 0px;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  padding: 7px;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
}

/*applied to the window’s header when the window is disabled*/
/*applied to the window’s content*/
.jqx-window-content {
  outline: none;
  overflow: auto;
  text-align: left;
  background-color: transparent;
  padding: 5px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/*applied to the window’s content when the window is disabled*/
.jqx-window-content-disabled {
  outline: none;
  overflow: auto;
  text-align: left;
  padding: 5px;
}

/*applied to the window’s close button*/
.jqx-window-close-button {
  cursor: pointer;
  background-image: url(/biz/img/close.133ea9ffe9a22d30.png);
  background-repeat: no-repeat;
  margin-top: 2px;
}

/*applied to the window's collapse button*/
.jqx-window-collapse-button {
  background-image: url(/biz/img/icon-up.46cb0f42f6b99ee9.png);
  cursor: pointer;
  margin-top: 3px;
}

/*applied to the window's collapse button when the window is collapsed*/
.jqx-window-collapse-button-collapsed {
  margin-top: 3px;
  cursor: pointer;
  background-image: url(/biz/img/icon-down.1355e0e3f772c402.png);
}

/*setting styles of the modal window’s background*/
.jqx-window-modal {
  background-color: Black;
}

.jqx-docking {
  overflow: hidden;
}

.jqx-docking-panel {
  margin: 0px;
  padding: 0px;
  min-height: 100px;
}

.jqx-docking-drop-indicator {
  border-style: dashed;
  border-width: 1px;
  margin: 0px;
}

.jqx-docking-window {
  margin: 0px;
}

/* jxSlider */
/* applied to jqxSlider widget */
.jqx-slider {
  outline: none;
  clear: both;
  position: relative;
  overflow: hidden;
}

/*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/
.jqx-slider-tick {
  border-left: 1px solid transparent;
  z-index: 9;
}

/*applied to the ticks when the slider is in horizontal mode*/
.jqx-slider-tick-horizontal {
  width: 1px;
  border-left: none;
  margin-top: 1px;
}

/*applied to the ticks when the slider is in vertical mode*/
.jqx-slider-tick-vertical {
  height: 1px;
  border-top: none;
}

/*applied to the ticks container*/
.jqx-slider-tickscontainer {
  z-index: 10;
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 9;
}

/*applied to the jqxSlider thumb used for changing/indicating current value*/
.jqx-slider-slider {
  cursor: pointer;
  width: 20px;
  height: 20px;
  z-index: 15;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 100%;
}

.jqx-slider-button {
  cursor: pointer;
  border-radius: 100%;
  box-sizing: content-box !important;
  padding: 3px !important;
}

/*applied to the slider's thumb when the slider is in horizontal mode*/
.jqx-slider-slider-horizontal {
  margin-top: -9px;
  border-radius: 100%;
  border: 1px solid transparent;
}

/*applied to the slider's thumb when the slider is in vertical mode*/
.jqx-slider-slider-vertical {
  margin-left: -9px;
  border-radius: 100%;
  border: 1px solid transparent;
}

/*applied to the track where is located the thumb*/
.jqx-slider-track {
  height: 4px;
  float: left;
  position: relative;
  z-index: 20;
}

/*used in horizontal slider*/
.jqx-slider-track-horizontal {
  height: 4px;
  margin-top: 2px;
}

/*used in vertical slider*/
.jqx-slider-track-vertical {
  width: 4px;
}

/*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/
/* jqxSplitter */
.jqx-splitter {
  overflow: hidden;
  border: 1px solid transparent;
  position: relative;
}

/* Split bar's class when the jqxSplitter is with horizontal orientation */
.jqx-splitter-splitbar-vertical {
  border: 1px solid transparent;
  border-top-width: 0px;
  border-bottom-width: 0px;
  cursor: e-resize;
  cursor: col-resize;
  position: absolute;
}

/* Split bar's mouse over state */
.jqx-splitter-splitbar-hover {
  background-color: transparent;
}

/* Split bar's class when the jqxSplitter is with horizontal orientation. */
.jqx-splitter-splitbar-horizontal {
  position: absolute;
  border: 1px solid transparent;
  border-left-width: 0px;
  border-right-width: 0px;
  cursor: n-resize;
  cursor: row-resize;
}

/* This class is applied to the splitter when it's dragged to it's max left/right boundary */
.jqx-splitter-splitbar-invalid {
  background: #FF0000 !important;
}

/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */
.jqx-splitter-collapse-button-horizontal {
  cursor: pointer;
  width: 45px;
  height: 5px;
}

/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */
.jqx-splitter-collapse-button-vertical {
  cursor: pointer;
  width: 5px;
  height: 45px;
}

/* This class is added when the user disable the splitter. */
.jqx-splitter-splitbar-collapsed {
  cursor: default;
}

/* Applied to the jqxSplitter panels. */
.jqx-splitter-panel {
  border: none;
  outline: none;
  position: absolute;
  overflow: hidden;
}

/* This class is added to a nested splitter.*/
.jqx-splitter-nested, .jqx-splitter-panel-nested {
  border: none;
  overflow: hidden;
}

.jqx-draggable-dragging {
  border: 0px solid black;
}

.jqx-draggable-disabled {
  cursor: default;
}

.jqx-validator-hint {
  height: 18px;
  width: auto;
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  /* font-family: Verdana; */
  font-size: 13px;
  border: 1px solid #6E0000;
  background-color: #942724;
  color: #fff;
  z-index: 99999;
  white-space: nowrap;
}

.jqx-validator-hint-arrow {
  z-index: 99999;
  height: 9px;
  width: 9px;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  background-image: url(/biz/img/multi-arrow.5e00d9b6d742a0d1.gif);
}

.jqx-validator-error-label {
  color: #dd4b39;
  vertical-align: top;
  text-align: left;
  display: block;
  cursor: default;
  line-height: 17px;
}

.jqx-validator-error-element {
  border-color: #dd4b39 !important;
}

.jqx-switchbutton {
  outline: none;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.jqx-switchbutton-thumb {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #ccc;
}

.jqx-switchbutton-label {
  font-size: 15px;
  /* font-family: Sans-Serif; */
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

/*left, right, up and down arrow icons.*/
.jqx-left-arrow {
  background: transparent;
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
  cursor: pointer;
}

.jqx-right-arrow {
  background: transparent;
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
  cursor: pointer;
}

.jqx-icon-delete {
  background-image: url(/biz/img/icon-delete.b9b1d5180153291b.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-edit {
  background-image: url(/biz/img/icon-edit.a1e9557a42c229db.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-save {
  background-image: url(/biz/img/icon-save.c0c5563cb170540b.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-cancel {
  background-image: url(/biz/img/icon-cancel.637f806c6ef852c8.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected {
  background-image: url(/biz/img/icon-up.46cb0f42f6b99ee9.png);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}

.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected {
  background-image: url(/biz/img/ic_tree_close.588987895f3ea791.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2px;
}

.jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected {
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected {
  background-image: url(/biz/img/ic_tree_open.da61ad7b93f7d2eb.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2px;
}

.jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected {
  background-image: url(/biz/img/icon-first.4486557ab69ba385.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected {
  background-image: url(/biz/img/icon-last.9946c09ffbe9dfe9.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-up-hover {
  background-image: url(/biz/img/icon-up.46cb0f42f6b99ee9.png);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}

.jqx-icon-arrow-down-hover {
  background-image: url(/biz/img/icon-down.1355e0e3f772c402.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-left-hover {
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-right-hover {
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-up-selected {
  background-image: url(/biz/img/icon-up.46cb0f42f6b99ee9.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-down-selected {
  background-image: url(/biz/img/icon-down.1355e0e3f772c402.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-left-selected {
  background-image: url(/biz/img/icon-left.bfa3ef14185ab528.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-right-selected {
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-close {
  cursor: pointer;
  background-image: url(/biz/img/close.133ea9ffe9a22d30.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-close-white {
  background-image: url(/biz/img/close_white.37ab4a00b9020201.png);
}

.jqx-icon-close-hover {
  cursor: pointer;
  background-image: url(/biz/img/close.133ea9ffe9a22d30.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-search {
  cursor: pointer;
  background-image: url(/biz/img/search.29de7d0bac458253.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 1px;
  background-size: 13px;
  width: 13px;
  height: 13px;
}

.jqx-icon-plus {
  background-image: url(/biz/img/plus.25bc4de0dc4e56f8.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 16px;
  height: 16px;
}

.jqx-icon-plus-alt, .jqx-icon-plus-alt-white {
  background-image: url(/biz/img/icon-plus.24f1d872bcba8158.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 16px;
  height: 16px;
}

.jqx-icon-plus-alt-white {
  background-image: url(/biz/img/icon-plus-white.df2aaa24426c1d79.png);
}

/* jqxScrollView */
.jqx-scrollview-button {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: inline-block;
  margin: 2px;
  cursor: pointer;
  background-color: #aaaeaf;
}

.jqx-scrollview {
  background-color: #000;
  -ms-touch-action: auto !important;
}

.jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed {
  background-image: url(/biz/img/icon-calendar.70b15573e37a5613.png);
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  width: 15px !important;
  height: 15px !important;
  margin-top: -7.5px !important;
}

/*applied to Inputs*/
.jqx-input-widget {
  box-sizing: border-box !important;
}

.jqx-input {
  overflow: hidden;
  background-color: inherit;
  border-color: #c7c7c7;
}

.jqx-input-invalid {
  color: red !important;
}

.jqx-input-group {
  overflow: hidden;
}

.jqx-input-group-addon {
  border: 1px solid transparent;
  position: relative;
  box-sizing: border-box !important;
  padding: 2px 8px !important;
  float: left;
  white-space: nowrap;
  vertical-align: middle;
}

.jqx-input-group-addon:first-child {
  border-right-width: 0px;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.jqx-input-group-addon:last-child {
  border-left-width: 0px;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.jqx-input-group-addon:not(:last-child):not(:first-child) {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-left-width: 0px;
}

.jqx-input-group .jqx-input {
  padding: 2px 1px !important;
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}

.jqx-editor {
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  overflow: hidden;
  box-sizing: border-box !important;
}

.jqx-editor-window {
  overflow: hidden;
}

.jqx-editor-inline {
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.jqx-editor-inline p {
  margin: 0px;
  padding: 0 0.2em;
}

.jqx-editor-inline-focus {
  border-width: 1px;
  border-style: solid;
  overflow: auto;
}

.jqx-editor iframe {
  border: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  display: inline;
  vertical-align: top;
  width: 100%;
  height: 100%;
}

.jqx-editor-color-bar {
  height: 3px;
}

.jqx-editor-color-picker table {
  margin: 0;
  padding: 0 4px 4px;
  empty-cells: show;
  border-collapse: separate;
}

.jqx-editor-color-picker td {
  border-collapse: separate;
  border: 1px solid transparent;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.jqx-editor-color-picker td:hover {
  border: 1px solid #000;
}

.jqx-editor-color-picker-selected-cell {
  outline: 1px solid #000;
}

.jqx-editor-color-picker td div {
  width: 16px;
  height: 16px;
}

.jqx-editor-content {
  width: 100%;
  border-style: solid;
  border-width: 1px;
  outline: 0;
  left: 0px;
  position: relative;
  box-sizing: border-box !important;
}

.jqx-editor-container {
  position: relative;
  padding: 4px;
  padding-top: 0px;
  width: 100%;
  height: 100%;
  box-sizing: border-box !important;
}

.jqx-editor-toolbar-container {
  top: 0px;
  left: 0px;
  box-sizing: border-box !important;
}

.jqx-editor-toolbar-inline {
  padding: 0px 4px;
  border-width: 1px;
  border-style: solid;
}

.jqx-editor-toolbar {
  margin: 0;
  padding: 0px;
  padding-bottom: 4px;
}

.jqx-editor-toolbar-icon {
  height: 21px;
  width: 21px;
  vertical-align: middle;
  opacity: 0.667;
  margin: 2px 0;
  background: url(/biz/img/html_editor.9afe539d5c6a031c.png) no-repeat;
}

.jqx-editor-toolbar-icon-bold {
  background-position: 0px 0px !important;
}

.jqx-editor-toolbar-icon-italic {
  background-position: -21px 0px !important;
}

.jqx-editor-toolbar-icon-underline {
  background-position: -42px 0px !important;
}

.jqx-editor-toolbar-icon-fontname {
  background-position: -63px 0px !important;
}

.jqx-editor-toolbar-icon-fontsize {
  background-position: -84px 0px !important;
}

.jqx-editor-toolbar-icon-createlink {
  background-position: -147px 0px !important;
}

.jqx-editor-toolbar-icon-insertorderedlist {
  background-position: -168px 0px !important;
}

.jqx-editor-toolbar-icon-insertunorderedlist {
  background-position: -189px 0px !important;
}

.jqx-editor-toolbar-icon-outdent {
  background-position: -210px 0px !important;
}

.jqx-editor-toolbar-icon-indent {
  background-position: -231px 0px !important;
}

.jqx-editor-toolbar-icon-insertimage {
  background-position: -337px 0px !important;
}

.jqx-editor-toolbar-icon-justifyleft {
  background-position: -252px 0px !important;
}

.jqx-editor-toolbar-icon-justifycenter {
  background-position: -273px 0px !important;
}

.jqx-editor-toolbar-icon-justifyright {
  background-position: -294px 0px !important;
}

.jqx-editor-toolbar-icon-removeformat {
  background-position: -316px 0px !important;
}

.jqx-editor-toolbar-icon-viewsource {
  background-position: -359px 0px !important;
}

.jqx-editor-toolbar-icon-forecolor {
  background-position: -105px 0px !important;
  height: 15px;
}

.jqx-editor-toolbar-icon-backcolor {
  background-position: -380px 0px !important;
  height: 15px;
}

.jqx-editor-toolbar-icon:hover {
  opacity: 1;
}

.jqx-fill-state-disabled .jqx-editor-toolbar-icon {
  opacity: 0.667;
}

.jqx-editor-toolbar-item {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}

.jqx-editor-toolbar-separator {
  border-left: 1px solid #ccc;
  margin: 0 2px;
  outline: none;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
  width: 0;
  display: inline-block;
}

.jqx-editor-toolbar-group {
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  white-space: nowrap;
}

.jqx-editor-toolbar-button {
  text-decoration: none;
  vertical-align: middle;
  cursor: default;
  display: inline-block;
  padding: 0px !important;
  margin-right: 2px;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button {
  margin-right: -1px;
  box-shadow: none;
  position: relative;
  margin-left: 0px !important;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active {
  z-index: 55;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal {
  background: transparent !important;
}

.jqx-date-time-input-popup table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: 0;
  color: #333;
}

.jqx-date-time-input-popup table td input {
  width: 25px;
  margin: 0;
  text-align: center;
  padding: 4px 6px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}

.jqx-scheduler .jqx-cell {
  padding: 0px !important;
  cursor: default;
}

.jqx-scheduler .jqx-widget-header.jqx-grid-header {
  border-bottom-color: transparent;
  border-bottom-width: 0px;
}

.jqx-scheduler .jqx-grid-column-header, .jqx-scheduler.jqx-widget .jqx-grid-column-header {
  border-bottom: 1px solid #c5c5c5;
}

.jqx-grid-column-header[sort] > div > div {
  width: calc(100% - 20px);
}

.jqx-grid-column-header[filter] > div > div {
  width: calc(100% - 20px);
}

.jqx-grid-column-header[filter][sort] > div > div {
  width: calc(100% - 40px);
}

.jqx-scheduler-all-day-cell {
  text-align: left;
}

.jqx-scheduler-all-day-cell span {
  margin-left: 3px;
}

.jqx-scheduler-month-cell {
  background: #f2f2f2;
  color: #000;
  opacity: 0.8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
  vertical-align: top;
  text-align: left;
}

.jqx-scheduler-month-cell-touch {
  background: transparent;
  border: none;
  vertical-align: middle;
  text-align: center;
}

.jqx-scheduler-month-cell-popup {
  border: 1px solid #333;
  background: #f2f2f2;
  box-shadow: 0 5px 0px rgba(0, 0, 0, 0.15) !important;
}

.jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell {
  border-bottom-color: #ddd !important;
}

.jqx-scheduler-cell-selected.jqx-scheduler-middle-cell {
  border-bottom-style: dotted;
}

.jqx-scheduler-work-time-cell {
  background: #fff;
}

.jqx-scheduler-not-work-time-cell {
  background: #eee;
}

.jqx-scheduler-month-outer-cell {
  color: #555;
}

.jqx-scheduler-month-weekend-cell {
  background: #eee;
}

.jqx-scheduler-disabled-cell {
  background: #e9edf1;
}

.jqx-scheduler-toolbar {
  font-size: 14px;
}

.jqx-scheduler-time-column, .jqx-scheduler-toolbar {
  background-image: none !important;
  background: #fff !important;
  color: #333 !important;
}

.jqx-scheduler-week-number-column {
  background: #e8e8e8 !important;
  color: #333;
}

.jqx-scheduler-time-column-header-cell {
  border-left-color: transparent !important;
}

.jqx-scheduler-time-column-header-cell-rtl {
  border-right-color: transparent !important;
}

.jqx-scheduler-appointment {
  overflow: visible;
  border: 1px solid #555;
  white-space: pre-line;
  cursor: pointer;
  vertical-align: middle;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.jqx-scheduler-appointment-rtl {
  direction: rtl;
  text-align: right;
}

.jqx-scheduler-appointment-content {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.jqx-scheduler-appointment-inner-content {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  padding-bottom: 3px;
}

.jqx-scheduler-appointment-duration-status {
  height: 0px;
  border-bottom-width: 2px;
  border-bottom-style: dotted;
  border-color: #f05c2d;
  background: #f05c2d;
  position: absolute;
  bottom: -1px;
  left: 0px;
  border-radius: 5px;
}

.jqx-scheduler-appointment-status {
  width: 4px;
  height: 100%;
  border-right-width: 1px;
  border-right-style: solid;
  position: absolute;
  top: 0px;
  left: 0px;
}

.jqx-scheduler-appointment-status-rtl {
  width: 4px;
  height: 100%;
  border-right-width: 0px;
  border-right-style: none;
  border-left-width: 1px;
  border-left-style: solid;
  position: absolute;
  top: 0px;
  right: 0px;
}

.jqx-scheduler-appointment-status-stripes {
  background-image: url(/biz/img/stripes.9e9dec83658079b7.png);
  background-repeat: repeat-y;
  background-position: left top;
}

.jqx-scheduler-appointment-resize-indicator {
  width: 4px;
  height: 4px;
  position: absolute;
  border: 1px solid black;
  background: white;
  display: none;
}

.jqx-scheduler-appointment-top-resize-indicator {
  top: -3px;
  left: 50%;
  margin-left: -2px;
  cursor: row-resize;
}

.jqx-scheduler-appointment-bottom-resize-indicator {
  cursor: row-resize;
  bottom: -3px;
  left: 50%;
  margin-left: -2px;
}

.jqx-scheduler-appointment-left-resize-indicator {
  cursor: col-resize;
  top: 50%;
  left: -3px;
  margin-top: -2px;
}

.jqx-scheduler-appointment-right-resize-indicator {
  cursor: col-resize;
  top: 50%;
  margin-top: -2px;
  right: -3px;
}

.jqx-scheduler-appointment span {
  vertical-align: middle;
  text-overflow: ellipsis;
  position: relative;
  top: -1px;
}

.jqx-scheduler-feedback-appointment {
  opacity: 0.7;
  position: absolute;
  z-index: 99999;
}

.jqx-scheduler-selected-appointment {
  border: 1px solid #316293 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  white-space: pre-line;
}

.jqx-scheduler-appointment:hover {
  border: 1px solid #3f7ebe !important;
}

.jqx-scheduler-feedback-drag-appointment {
  background: #aaa !important;
}

.jqx-icon-recurrence, .jqx-icon-recurrence-exception, .jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time {
  background-image: url(/biz/img/icon-recurrence.0e0a1005e876da78.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  float: left;
  margin: 3px;
  margin-left: 5px;
}

.jqx-icon-time {
  background-image: url(/biz/img/icon-time.ae7f300c95503f21.png);
  margin: 0px;
  position: relative;
  left: 1px;
  margin-top: -8px;
}

.jqx-icon-time-white {
  background-image: url(/biz/img/icon-time-white.d433ba09764d793a.png);
}

.jqx-icon-recurrence-exception {
  background-image: url(/biz/img/icon-recurrence-exception.3f6d79a4673d2f82.png);
}

.jqx-icon-recurrence-exception-white {
  background-image: url(/biz/img/icon-recurrence-exception-white.64c5bd9238fb1f3d.png);
}

.jqx-icon-recurrence-white {
  background-image: url(/biz/img/icon-recurrence-white.4db73455423771f6.png);
}

.jqx-scheduler-cell-hover {
  border-color: #3f7ebe !important;
  background: #a2c0df !important;
}

.jqx-scheduler-cell-selected {
  border-color: #316293 !important;
  background: #2f7eb6 !important;
}

.jqx-scheduler-edit-dialog-label {
  clear: both;
  float: left;
  margin-left: 2%;
  padding: 4px;
  text-align: right;
  width: 18%;
  line-height: 25px;
}

.jqx-scheduler-edit-dialog-field {
  clear: right;
  float: right;
  margin-right: 2%;
  padding: 4px;
  width: 380px;
}

.jqx-scheduler-edit-dialog-label-rtl {
  clear: both;
  float: right;
  margin-left: 0px;
  margin-right: 2%;
  padding: 4px;
  text-align: left;
  width: 18%;
  line-height: 25px;
}

.jqx-scheduler-edit-dialog-field-rtl {
  clear: left;
  float: left;
  margin-right: 0px;
  margin-left: 2%;
  padding: 4px;
  width: 72%;
}

.jqx-scheduler-legend-bar {
  overflow: hidden;
  border-color: inherit;
  border: none;
}

.jqx-scheduler-legend-bar-bottom {
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-scheduler-legend-bar-top {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-scheduler-legend {
  width: 14px;
  height: 14px;
  float: left;
  margin-right: 3px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  vertical-align: middle;
  margin-top: 4px;
}

.jqx-scheduler-legend-label {
  float: left;
  margin-right: 12px;
  cursor: pointer;
  vertical-align: middle;
  margin-top: 4px;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-date {
  color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-time {
  color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl {
  color: #fff;
}

.jqx-scheduler-agenda-date {
  padding-top: 5px;
  padding-bottom: 5px;
}

.jqx-scheduler-agenda-time {
  padding: 5px;
}

.jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl {
  cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl {
  margin: 5px;
  cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl {
  float: right;
}

.jqx-scheduler-agenda-day {
  margin: 3px;
  font-size: 33px;
  font-weight: normal;
}

.jqx-scheduler-agenda-week {
  font-style: normal;
  font-size: 13px;
}

.jqx-scheduler-agenda-date {
  font-size: 10px;
}

.jqx-scheduler-cell-focus {
  border-style: dotted;
  border-color: #59a0d5 !important;
  background: #59a0d5 !important;
}

/*applied to all widgets*/
.jqx-widget {
  box-sizing: content-box;
  -ms-touch-action: none;
  zoom: 1 !important;
  color: #000000;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-appearance: none;
  -webkit-background-clip: padding-box;
  direction: ltr !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*font-family: Verdana,Arial,sans-serif;*/
  font-style: normal;
  font-size: 13px;
}

.jqx-item {
  -ms-touch-action: none;
  box-sizing: content-box;
  -webkit-text-size-adjust: none;
}

/*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/
.jqx-widget-content {
  box-sizing: content-box;
  -ms-touch-action: none;
  -moz-background-clip: padding;
  -webkit-text-size-adjust: none;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*font-family: Verdana,Arial,sans-serif;*/
  font-style: normal;
  font-size: 13px;
  border-color: #c7c7c7;
  background: #fff;
}

/*applied to header areas. Tabs, Menu, Window, Calendar.*/
.jqx-widget-header {
  box-sizing: content-box;
  -ms-touch-action: none;
  -moz-background-clip: padding;
  -webkit-text-size-adjust: none;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-color: #c5c5c5;
  background: #e8e8e8;
}

.jqx-fill-state-normal {
  box-sizing: content-box;
  -ms-touch-action: none;
  /*font-family: Verdana,Arial,sans-serif;*/
  font-style: normal;
  font-size: 13px;
  border-color: #aaa;
  background: #efefef;
}

.jqx-fill-state-hover {
  box-sizing: content-box;
  border-color: #999;
  background-color: #f7f7f7 !important;
}

.jqx-fill-state-pressed {
  box-sizing: content-box;
  border-color: #999;
  background-color: #e7f2fc;
}

.jqx-fill-state-pressed:hover {
  color: #333333;
}

.jqx-fill-state-focus {
  border-color: #555;
}

.jqx-fill-state-disabled {
  cursor: default;
  color: #000;
  opacity: 0.4;
  filter: Alpha(Opacity=45);
}

.jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
  border-color: #eaeaea;
  box-sizing: border-box;
}

.jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton {
  background-color: transparent;
  border-color: #aaa;
}

.jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright {
  /* background-color: #e5e5e5; */
}

.jqx-tabs-title-selected-top {
  border-color: #aaa;
  border-bottom: 1px solid #fff;
  background-color: #fff;
}

/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom {
  border-color: #aaa;
  border-top: 1px solid #fff;
  background-color: #fff;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top {
  border-color: #aaa;
  border-bottom: 1px solid #fff;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom {
  border-color: #aaa;
  border-top: 1px solid #fff;
}

/*jqxMaskedInput and jqxNumberInput Styles*/
.jqx-input {
  -webkit-appearance: none;
  padding: 0 0 0 0;
  outline: none;
  border-width: 1px;
  border-style: solid;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

input[type=text].jqx-input, input[type=password].jqx-input {
  min-height: 16px;
  min-width: 16px;
  margin: 0px;
  border-width: 1px;
  border-style: solid;
  font-size: 13px;
  padding: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.jqx-input::-ms-reveal {
  display: none;
}

.jqx-input::-ms-clear {
  display: none;
}

.jqx-input-content::-ms-clear {
  display: none;
}

.jqx-input::-ms-value {
  margin: 0px;
  padding: 0px;
  min-height: 13px;
  line-height: 13px;
}

/*applied to the input when the validation fails.*/
.jqx-input-invalid {
  border-color: #dd4b39 !important;
}

/*applied to the input's content.*/
.jqx-input-content {
  -webkit-appearance: none;
  padding: 1px;
  resize: none;
  outline: none;
  outline-width: 0px;
  -webkit-user-modify: inherit;
  -moz-user-modify: inherit;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

/*applied to the input when it is disabled.*/
.jqx-input-disabled {
  -webkit-appearance: none;
  resize: none;
  outline: none;
  outline-width: 0px;
}

/*applied to the list menu.*/
.jqx-listmenu-widget {
  -ms-touch-action: auto;
}

.jqx-listmenu-widget .jqx-widget-content {
  -ms-touch-action: auto;
}

.jqx-listmenu-widget .jqx-widget-header {
  -ms-touch-action: auto;
}

.jqx-listmenu-widget li {
  -ms-touch-action: auto;
}

.jqx-menu-vertical {
  background-color: #efefef;
}

.jqx-color-picker-map {
  border: 1px solid #A0A0A0;
  background-color: transparent;
  background-image: url(/biz/img/map-saturation.7ec1b4f86bc13625.png);
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}

.jqx-color-picker-map-hue {
  border: 1px solid #A0A0A0;
  background-color: transparent;
  background-image: url(/biz/img/map-hue.163552216f1e232a.png);
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}

.jqx-color-picker-map-overlay {
  background-color: transparent;
  background-image: url(/biz/img/map-saturation-overlay.6b51a7daf6481585.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.jqx-color-picker-bar {
  border: 1px solid #A0A0A0;
  background-color: transparent;
  background-image: url(/biz/img/bar-saturation.0d24928c773c0dfe.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.jqx-color-picker-bar-hue {
  border: 1px solid #A0A0A0;
  background-color: transparent;
  background-image: url(/biz/img/bar-hue.62ca62f44be4eac1.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.jqx-color-picker-preview {
  border: 1px solid #A0A0A0;
}

.jqx-color-picker-pointer {
  background-image: url(/biz/img/crosshair.23d7f2189936c737.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.jqx-color-picker-pointer-alt {
  background-image: url(/biz/img/crosshair-white.cd2fa7c53891f084.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.jqx-color-picker-bar-pointer {
  background-image: url(/biz/img/pointer.b713ae4fccc79428.png);
  background-repeat: no-repeat;
  height: 15px;
  margin-left: 6px;
  background-position: right top;
}

.jqx-icon {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -8px;
}

.jqx-input-icon {
  width: 13px;
  height: 13px;
  margin: 0 auto;
}

.jqx-scrollbar-thumb-state-normal-touch {
  border-color: #c3c3c3;
  background: #c3c3c3;
}

.jqx-scrollbar .jqx-icon-arrow-up {
  width: 100%;
  height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-down {
  width: 100%;
  height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-left {
  width: 100%;
  height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-right {
  width: 100%;
  height: 100%;
}

/*jqx-listmenu*/
.jqx-listmenu-widget {
  border-width: 1px;
  border-style: solid;
}

ol.jqx-listmenu, ul.jqx-listmenu {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  line-height: 1;
  counter-reset: section;
}

.jqx-listmenu li {
  margin-left: 0px;
  list-style: none;
  line-height: 1;
}

.jqx-listmenu {
  width: 100%;
}

.jqx-listmenu-header {
  padding: 15px;
}

.jqx-listmenu-item {
  cursor: pointer;
  padding: 15px;
  float: none;
  overflow: hidden;
  text-align: left;
  position: relative;
}

.jqx-listmenu-separator {
  padding: 10px;
  counter-reset: section;
}

.jqx-listmenu-header-label {
  margin-left: 30px;
}

.jqx-listmenu-arrow-right {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 7px;
}

.jqx-listmenu-arrow-rtl {
  right: 0px;
  left: 7px;
}

.jqx-listmenu-arrow-right-pressed {
  width: 16px;
  height: 16px;
}

.jqx-listmenu-header .jqx-button {
  border-radius: 10px;
  padding: 6px 10px;
}

.jqx-listmenu-filter-input {
  border-radius: 3px;
  border: 1px solid;
  outline: none;
  width: 97%;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: #c7c7c7;
  background-color: #fff;
  font-size: 20px;
  min-height: 25px !important;
  height: 25px;
}

.jqx-listmenu-filter {
  text-align: center;
  padding: 4px;
}

ol li .jqx-listmenu-item-label:before {
  content: counter(section) ". ";
  counter-increment: section;
}

.jqx-listmenu div {
  clear: both;
}

.jqx-listmenu-item-readonly {
  cursor: default;
}

.jqx-tooltip {
  position: absolute;
  width: auto;
  height: auto;
}

.jqx-tooltip-main {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  filter: inherit;
  border-style: solid;
  border-width: 1px;
}

.jqx-tooltip-text {
  padding: 5px 8px;
  overflow: hidden;
  filter: inherit;
}

.jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main {
  border-radius: 5px;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

.jqx-tooltip-arrow {
  position: absolute;
  width: 0px;
  height: 0px;
  display: block;
  border-style: solid;
  margin: -6px 0 0 -7px;
  background: transparent !important;
  filter: inherit;
}

.jqx-tooltip-arrow-t-b {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

.jqx-tooltip-arrow-l-r {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

/*Sets the text-alignment to right.*/
.jqx-rtl {
  text-align: right !important;
}

.jqx-shadow {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15) !important;
}

.jqx-noshadow {
  box-shadow: none !important;
}

.jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl {
  background-image: url(/biz/img/icon-showpassword.a0b7dc8ac3155280.png) !important;
  background-repeat: no-repeat !important;
  width: 14px;
  height: 9px;
}

.jqx-passwordinput-password-icon-ltr {
  background-position: right !important;
}

.jqx-passwordinput-password-icon-rtl {
  background-position: left !important;
}

.jqx-passwordinput-password-strength-inicator {
  width: 20%;
  height: 5px;
  margin-top: 5px;
}

/*top rounded Corners*/
.jqx-rc-t-expanded {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

/*bottom rounded Corners*/
.jqx-rc-b-expanded {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.jqx-treemap-rectangle {
  font-size: 13px;
  font-weight: normal;
  border: 1px solid #555;
  color: #222;
  text-shadow: 0px 0px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jqx-treemap-label {
  text-overflow: ellipsis;
  overflow: hidden;
}

.jqx-treemap-rectangle-parent {
  color: #222;
  font-size: 15px;
  /* font-family: Verdana; */
  font-weight: bold;
}

.jqx-treemap-legend-label {
  color: #fff;
}

.jqx-treemap-legend {
  width: 350px;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 41;
  overflow: hidden;
}

.jqx-treemap-legend-table {
  table-layout: fixed;
  width: 100%;
}

.jqx-treemap-legend-color {
  height: 3px;
}

.jqx-treemap-legend-values {
  height: 12px;
  width: 100%;
}

.jqx-treemap-legend-value {
  font-size: 9px;
  position: absolute;
  color: #fff;
}

.jqx-treemap-rectangle-hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  z-index: 40;
}

/*jqxRangeSelector*/
.jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers,
.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-sizing: content-box !important;
}

.jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow {
  position: absolute;
}

.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider {
  height: 100%;
}

.jqx-rangeselector-ticks-container, .jqx-rangeselector-slider {
  width: 100%;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border-radius: 0px !important;
}

.jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider {
  float: left;
}

.jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow {
  border-style: solid;
}

.jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks {
  width: 1px;
  background: #aaa;
}

.jqx-rangeselector-labels, .jqx-rangeselector-markers {
  white-space: nowrap;
  width: auto;
}

.jqx-rangeselector-slider, .jqx-rangeselector-markers {
  border-width: 1px !important;
}

.jqx-rangeselector-ticks-container {
  background-color: transparent;
  position: relative;
}

.jqx-rangeselector-shutter {
  opacity: 0.75;
  background: #efefef;
  border-width: 0px !important;
}

.jqx-rangeselector-slider {
  background-color: transparent !important;
  border-top: none !important;
  background-image: none !important;
  border-bottom: none !important;
  border-color: #aaa;
  border-right-color: transparent !important;
  position: relative;
  overflow: hidden;
}

.jqx-rangeselector-inner-slider {
  position: absolute;
  right: 0;
  background: #aaa;
  width: 1px;
  height: 100%;
}

.jqx-rangeselector-ticks {
  margin-top: 0px;
}

.jqx-rangeselector-labels, .jqx-rangeselector-group-labels {
  margin-top: 4px;
}

.jqx-rangeselector-markers {
  height: 20px;
  padding: 5px;
  opacity: 0.75;
}

.jqx-rangeselector-marker-arrow {
  width: 0px;
  height: 0px;
  display: block;
  margin: -6px 0 0 -7px;
  background-color: transparent !important;
  filter: inherit;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  background-clip: border-box;
  background-repeat: repeat;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-image: none !important;
}

.jqx-rangeselector-marker-arrow-top {
  border-bottom-color: transparent !important;
}

.jqx-rangeselector-marker-arrow-bottom {
  border-top-color: transparent !important;
}

.jqx-rangeselector-marker-left-arrow {
  border-right-width: 0px;
  border-left-width: 5px;
}

.jqx-rangeselector-marker-right-arrow {
  border-right-width: 5px;
  border-left-width: 0px;
}

.jqx-rangeselector-markers-value {
  overflow: hidden;
  white-space: nowrap;
}

.jqx-rangeselector-group-labels-rtl {
  margin-right: 10px;
  direction: rtl;
}

.jqx-rangeselector-group-labels-ticks {
  height: 17px;
}

.jqx-rangeselector-group-labels-ticks-rtl {
  margin-left: 5px;
}

.jqx-action-button {
  border: none;
  border-left: 1px solid #c7c7c7;
}

.jqx-action-button-rtl {
  border: none;
  border-right: 1px solid #c7c7c7;
  cursor: pointer;
}

/*jqxBulletChart*/
.jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical {
  position: relative;
}

.jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels {
  position: absolute;
}

.jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical {
  width: 100%;
}

.jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal {
  float: left;
  overflow: hidden;
}

.jqx-bulletchart-title, .jqx-bulletchart-description {
  text-align: center;
}

.jqx-bulletchart-title-inner-container {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.jqx-bulletchart-title-inner-container-ltr {
  padding-right: 5px;
}

.jqx-bulletchart-title-inner-container-rtl {
  padding-left: 5px;
}

.jqx-bulletchart-title-description-ltr {
  text-align: right;
}

.jqx-bulletchart-title-description-rtl {
  text-align: left;
}

.jqx-bulletchart-title-description-vertical {
  text-align: center;
}

.jqx-bulletchart-title {
  font-size: 110%;
  font-weight: bold;
}

.jqx-bulletchart-description {
  font-size: 90%;
}

.jqx-bulletchart-range-horizontal {
  height: 100%;
}

.jqx-bulletchart-target-horizontal {
  top: 10%;
  height: 80%;
}

.jqx-bulletchart-target-vertical {
  left: 10%;
  width: 80%;
}

.jqx-bulletchart-ticks {
  background-color: #AAAAAA;
}

.jqx-bulletchart-ticks-horizontal {
  width: 1px;
}

.jqx-bulletchart-ticks-vertical {
  height: 1px;
}

/*jqxNotification*/
.jqx-notification {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  pointer-events: auto;
}

.jqx-notification-table {
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
}

.jqx-notification-container {
  position: fixed;
  height: auto;
  width: auto;
  pointer-events: none;
}

.jqx-notification-container-full-width {
  width: 100%;
}

.jqx-notification-container-full-height {
  height: 100%;
}

#jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left {
  direction: rtl;
}

.jqx-notification-icon, .jqx-notification-content {
  vertical-align: middle;
}

.jqx-notification-content-rtl {
  direction: rtl;
}

.jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info {
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed {
  background-image: url(/biz/img/icon-calendar-white.439f857c753bbb0f.png);
}

.jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed {
  background-image: url(/biz/img/icon-time-white.d433ba09764d793a.png);
}

.jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed {
  background-image: url(/biz/img/icon-calendar-white.439f857c753bbb0f.png);
}

.jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed {
  background-image: url(/biz/img/icon-time-white.d433ba09764d793a.png);
}

.jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed {
  background-image: url(/biz/img/icon-calendar-white.439f857c753bbb0f.png);
}

.jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed {
  background-image: url(/biz/img/icon-time-white.d433ba09764d793a.png);
}

.jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed {
  background-image: url(/biz/img/icon-calendar-white.439f857c753bbb0f.png);
}

.jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed {
  background-image: url(/biz/img/icon-time-white.d433ba09764d793a.png);
}

.jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed {
  background-image: url(/biz/img/icon-calendar-white.439f857c753bbb0f.png);
}

.jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed {
  background-image: url(/biz/img/icon-time-white.d433ba09764d793a.png);
}

.jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed {
  background-image: url(/biz/img/icon-calendar-white.439f857c753bbb0f.png);
}

.jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed {
  background-image: url(/biz/img/icon-time-white.d433ba09764d793a.png);
}

.jqx-notification-info, .jqx-info {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #5bc0de !important;
  *background-color: #5bc0de !important;
  border-left-color: #46b8da !important;
  border-right-color: #46b8da !important;
  border-top-color: #46b8da !important;
  border-bottom-color: #46b8da !important;
}

.jqx-info:hover,
.jqx-info:focus,
.jqx-info:active,
.jqx-info.active,
.jqx-info.disabled,
.jqx-info[disabled] {
  color: #ffffff !important;
  background-color: #31b0d5 !important;
  *background-color: #31b0d5 !important;
  border-color: #269abc !important;
}

.jqx-fill-state-pressed.jqx-info,
.jqx-info:active,
.jqx-info.active {
  background-color: #269abc !important;
}

.jqx-notification-warning, .jqx-warning {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #f0ad4e !important;
  *background-color: #f0ad4e !important;
  border-left-color: #eea236 !important;
  border-right-color: #eea236 !important;
  border-top-color: #eea236 !important;
  border-bottom-color: #eea236 !important;
}

.jqx-warning:hover,
.jqx-warning:focus,
.jqx-warning:active,
.jqx-warning.active,
.jqx-warning.disabled,
.jqx-warning[disabled] {
  color: #ffffff !important;
  background-color: #ec971f !important;
  *background-color: #ec971f !important;
  border-color: #d58512 !important;
}

.jqx-fill-state-pressed.jqx-warning,
.jqx-warning:active,
.jqx-warning.active {
  background-color: #d58512 !important;
  border-color: #985f0d !important;
}

.jqx-notification-success, .jqx-success {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #5cb85c !important;
  *background-color: #5cb85c !important;
  border-left-color: #4cae4c !important;
  border-right-color: #4cae4c !important;
  border-top-color: #4cae4c !important;
  border-bottom-color: #4cae4c !important;
}

.jqx-success:hover,
.jqx-success:focus,
.jqx-success:active,
.jqx-success.active,
.jqx-success.disabled,
.jqx-success[disabled] {
  color: #ffffff !important;
  background-color: #449d44 !important;
  *background-color: #449d44 !important;
  border-color: #398439 !important;
}

.jqx-fill-state-pressed.jqx-success,
.jqx-success:active,
.jqx-success.active {
  background-color: #398439 !important;
  border-color: #255625 !important;
}

.jqx-notification-error, .jqx-danger {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #d9534f !important;
  *background-color: #d9534f !important;
  border-left-color: #d43f3a !important;
  border-right-color: #d43f3a !important;
  border-top-color: #d43f3a !important;
  border-bottom-color: #d43f3a !important;
}

.jqx-danger:hover,
.jqx-danger:focus,
.jqx-danger:active,
.jqx-danger.active,
.jqx-danger.disabled,
.jqx-danger[disabled] {
  color: #ffffff !important;
  background-color: #c9302c !important;
  *background-color: #c9302c !important;
  border-color: #ac2925 !important;
}

.jqx-fill-state-pressed.jqx-danger, .jqx-danger:active,
.jqx-danger.active {
  background-color: #ac2925 !important;
  border-color: #761c19 !important;
}

.jqx-notification-mail, .jqx-primary {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #337ab7 !important;
  *background-color: #337ab7 !important;
  border-left-color: #2e6da4 !important;
  border-right-color: #2e6da4 !important;
  border-top-color: #2e6da4 !important;
  border-bottom-color: #2e6da4 !important;
}

.jqx-primary:hover,
.jqx-primary:focus,
.jqx-primary:active,
.jqx-primary.active,
.jqx-primary.disabled,
.jqx-primary[disabled] {
  color: #ffffff !important;
  background-color: #286090 !important;
  *background-color: #286090 !important;
}

.jqx-fill-state-pressed.jqx-primary,
.jqx-primary:active,
.jqx-primary.active {
  background-color: #204d74 !important;
}

.jqx-notification-time, .jqx-inverse {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #363636 !important;
  *background-color: #222222 !important;
  border-left-color: #222222 !important;
  border-right-color: #222222 !important;
  border-top-color: #222222 !important;
  border-bottom-color: #000000 !important;
}

.jqx-inverse:hover,
.jqx-inverse:focus,
.jqx-inverse:active,
.jqx-inverse.active,
.jqx-inverse.disabled,
.jqx-inverse[disabled] {
  color: #ffffff !important;
  background-color: #222222 !important;
  *background-color: #151515 !important;
}

.jqx-fill-state-pressed.jqx-inverse,
.jqx-inverse:active,
.jqx-inverse.active {
  background-color: #080808 !important;
  background-image: linear-gradient(to bottom, #444444, #444444) !important;
}

.jqx-link,
.jqx-link:active,
.jqx-link[disabled] {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.jqx-link {
  color: #0088cc !important;
  cursor: pointer !important;
  border-color: transparent !important;
  border-radius: 0 !important;
}

.jqx-link:hover,
.jqx-link:focus {
  color: #005580 !important;
  text-decoration: underline !important;
  background-color: transparent !important;
}

.jqx-link[disabled]:hover,
.jqx-link[disabled]:focus {
  color: #333333 !important;
  text-decoration: none !important;
}

.jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus,
.jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover {
  background-position: 0 -15px !important;
  transition: background-position 0.1s linear !important;
}

.jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active {
  background-image: none !important;
  outline: 0 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.jqx-notification-icon {
  background-repeat: no-repeat;
}

.jqx-notification-icon-ltr {
  background-position: left center;
}

.jqx-notification-icon-rtl {
  background-position: right center;
}

.jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time {
  width: 30px;
  height: 25px;
}

.jqx-notification-icon-info {
  background-image: url(/biz/img/info.a40e175cbb92b1dd.png);
}

.jqx-notification-icon-warning {
  background-image: url(/biz/img/warning.040b457d00915644.png);
}

.jqx-notification-icon-success {
  background-image: url(/biz/img/success.611c152f3f37ae7c.png);
}

.jqx-notification-icon-error {
  background-image: url(/biz/img/error.0427b3a5b91f7954.png);
}

.jqx-notification-icon-mail {
  background-image: url(/biz/img/mail.e3b6f9631ab97395.png);
}

.jqx-notification-icon-time {
  background-image: url(/biz/img/time.e276d0c70940c6a0.png);
}

.jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error {
  background-image: url(/biz/img/close_white.37ab4a00b9020201.png);
}

.jqx-notification-close-button-warning {
  background-image: url(/biz/img/close_black.9b9c9d790089c67b.png);
}

.jqx-notification-close-button-container, .jqx-notification-close-button {
  width: 16px;
  height: 16px;
}

.jqx-notification-close-button-container {
  vertical-align: top;
}

.jqx-notification-close-button {
  position: relative;
  top: -11px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.jqx-notification-close-button-ltr {
  right: -11px;
  background-position: right top;
}

.jqx-notification-close-button-rtl {
  left: -11px;
  background-position: left top;
}

.jqx-navbar {
  width: 100%;
  border-style: solid;
  border-width: 1px;
}

.jqx-navbar ul:before,
.jqx-navbar ul:after {
  content: "";
  display: table;
}

.jqx-navbar ul:after {
  clear: both;
}

.jqx-navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  border: 0;
  max-width: 100%;
  overflow: visible;
}

.jqx-navbar-block {
  margin: 0;
  overflow: hidden;
  padding: 0px 12px;
  border-width: 0px;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  box-shadow: none !important;
  border-radius: 0px !important;
}

.jqx-navbar-block-rtl {
  float: right;
}

.jqx-ribbon {
  position: relative;
  overflow: hidden;
}

.jqx-ribbon-auto {
  display: inline-block;
}

.jqx-ribbon-popup {
  overflow: visible;
}

.jqx-ribbon-header {
  position: absolute;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  display: block;
  box-shadow: none !important;
}

.jqx-ribbon-header-auto {
  position: relative;
}

.jqx-ribbon-header-horizontal {
  width: 100%;
  min-height: 30px;
  padding: 0px;
  white-space: nowrap;
}

.jqx-ribbon-header-bottom {
  bottom: 0;
}

.jqx-ribbon-header-vertical {
  min-width: 75px;
  height: 100%;
  float: left;
  padding: 0px;
}

.jqx-ribbon-header-right {
  right: 0;
}

.jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup {
  position: relative;
}

.jqx-ribbon-header-horizontal-popup {
  height: 100%;
}

.jqx-ribbon-header-vertical-popup {
  width: 100%;
}

.jqx-ribbon-item {
  position: relative;
  list-style-type: none;
  padding: 5px;
  border: 1px solid transparent;
  box-sizing: border-box;
  text-overflow: ellipsis;
  cursor: default;
  min-width: 10px;
  vertical-align: top;
}

.jqx-ribbon-item-top, .jqx-ribbon-item-bottom {
  height: 100%;
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
}

.jqx-ribbon-item-top {
  margin-top: 1px;
}

.jqx-ribbon-item-bottom {
  margin-top: -1px;
}

.jqx-ribbon-item-left, .jqx-ribbon-item-right {
  width: 100%;
  margin-top: 2px;
}

.jqx-ribbon-item-left {
  margin-left: 1px;
}

.jqx-ribbon-item-right {
  margin-left: -1px;
}

.jqx-ribbon-item-hover {
  border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-hover {
  border-bottom-color: inherit !important;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-hover {
  border-top-color: inherit !important;
}

.jqx-ribbon-item-left.jqx-ribbon-item-hover {
  border-right-color: inherit !important;
}

.jqx-ribbon-item-right.jqx-ribbon-item-hover {
  border-left-color: inherit !important;
}

.jqx-ribbon-item-selected {
  border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-selected {
  border-bottom-color: transparent;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-selected {
  border-top-color: transparent;
}

.jqx-ribbon-item-left.jqx-ribbon-item-selected {
  border-right-color: transparent;
}

.jqx-ribbon-item-right.jqx-ribbon-item-selected {
  border-left-color: transparent;
}

.jqx-ribbon-content {
  background-image: none !important;
  background-color: transparent !important;
  box-sizing: border-box;
}

.jqx-ribbon-content-horizontal {
  clear: both;
  height: 100%;
}

.jqx-ribbon-content-vertical {
  height: 100%;
  width: 100%;
  float: left;
  border-width: 1px;
}

.jqx-ribbon-content-popup {
  z-index: 99999;
  position: absolute;
  border-left: none;
}

.jqx-ribbon-content-popup.jqx-ribbon-content-horizontal {
  width: 100%;
  height: auto;
}

.jqx-ribbon-content-popup.jqx-ribbon-content-vertical {
  width: auto;
  height: 100%;
}

.jqx-ribbon-content-popup-top {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-bottom {
  box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-left {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-right {
  box-shadow: -6px 6px 15px 0 rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-auto-width {
  width: auto;
}

.jqx-ribbon-content-section {
  width: 100%;
  height: 100%;
  display: none;
  border-width: 1px;
  border-style: solid;
  box-sizing: inherit;
  overflow: auto;
}

.jqx-ribbon-content-section-top {
  border-top: none;
}

.jqx-ribbon-content-section-bottom {
  bottom: 0;
  border-bottom: none;
}

.jqx-ribbon-content-section-left {
  border-left: none;
}

.jqx-ribbon-content-section-right {
  border-right: none;
  right: 0;
}

.jqx-ribbon-content-section-popup {
  position: relative;
}

.jqx-ribbon-content-section-horizontal-popup {
  height: auto;
}

.jqx-ribbon-content-section-vertical-popup {
  width: auto;
}

.jqx-ribbon-header-rtl {
  text-align: right;
}

.jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl {
  direction: rtl;
}

.jqx-ribbon-item-rtl {
  direction: rtl;
}

.jqx-ribbon-scrollbutton {
  position: absolute;
  display: none;
  box-sizing: border-box;
  cursor: pointer;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 0;
}

.jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom {
  width: 17px;
}

.jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right {
  height: 17px;
}

.jqx-ribbon-scrollbutton-top {
  top: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-bottom {
  bottom: 1px;
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left {
  left: 1px;
  border-right-width: 1px;
  border-right-style: solid;
}

.jqx-ribbon-scrollbutton-right {
  right: 1px;
  border-left-width: 1px;
  border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
  left: 1px;
  border-right-width: 1px;
  border-right-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
  right: 18px;
  border-left-width: 1px;
  border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
  right: 1px;
  border-left-width: 1px;
  border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
  left: 18px;
  border-right-width: 1px;
  border-right-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
  top: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
  bottom: 18px;
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
  bottom: 1px;
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
  top: 18px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-inner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-ribbon-selection-token {
  position: absolute;
  z-index: 0;
}

.jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom {
  height: 1px;
}

.jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right {
  width: 1px;
}

.jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content {
  *display: inline;
}

.jqx-ribbon-content-left {
  *float: none;
}

.jqx-ribbon-content-right {
  *float: left;
}

.jqx-ribbon-content.jqx-ribbon-content-popup {
  *left: 0;
}

.jqx-ribbon-content-popup .jqx-ribbon-content-section {
  *overflow: visible;
}

.jqx-ribbon-content-section-popup {
  *position: absolute;
}

.jqx-toolbar, .jqx-toolbar-minimized-popup-separator {
  box-sizing: border-box;
}

.jqx-toolbar, .jqx-toolbar-minimized-popup {
  padding: 5px;
}

.jqx-toolbar {
  position: relative;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}

.jqx-toolbar-tool {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.jqx-toolbar-tool-rtl {
  float: right;
}

.jqx-toolbar-tool-no-separator-ltr {
  margin-right: 2px !important;
}

.jqx-toolbar-tool-no-separator-rtl {
  margin-left: 2px !important;
}

.jqx-toolbar-tool-separator-ltr {
  margin-right: 6px !important;
}

.jqx-toolbar-tool-separator-rtl {
  margin-left: 6px !important;
}

.jqx-toolbar-tool-inner-button {
  margin-right: 0;
  margin-left: 0;
  border-radius: 0 !important;
}

.jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup {
  position: absolute;
}

.jqx-toolbar-minimized-button {
  height: 100%;
  right: 0;
  cursor: pointer;
  margin-top: -5px;
  margin-right: 5px;
  display: none;
}

.jqx-toolbar-minimized-button-rtl {
  left: 0;
  margin-left: 5px;
  margin-right: 0;
}

.jqx-toolbar-minimized-popup {
  border-width: 1px;
  border-top-width: 0;
  border-style: solid;
  visibility: hidden;
  z-index: 99999;
}

.jqx-toolbar-tool-minimized {
  margin: 1px 0 !important;
}

.jqx-toolbar-minimized-popup-separator {
  width: 100%;
  height: 2px;
  margin: 5px 0;
  display: none;
}

.jqx-complex-input-spin-buttons-container {
  border-width: 1px;
  border-style: solid;
  position: relative;
  box-sizing: border-box !important;
  padding: 2px 8px !important;
  white-space: nowrap;
  vertical-align: middle;
}

.jqx-formatted-input, .jqx-complex-input {
  padding-right: 2px !important;
  text-align: right;
}

.jqx-formatted-input-lower-case, .jqx-complex-input {
  text-transform: lowercase;
}

.jqx-formatted-input-upper-case {
  text-transform: uppercase;
}

.jqx-formatted-input-item {
  word-wrap: break-word;
}

.jqx-formatted-input-item-rtl, .jqx-complex-input-rtl {
  direction: rtl !important;
}

.jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon {
  height: 100%;
}

.jqx-formatted-input-spin-buttons-container {
  width: 18px;
  padding: 0 0 0 1px !important;
  overflow: hidden;
}

.jqx-formatted-input-spin-buttons-container-rtl {
  border-right-width: 0px;
  padding: 0 0 0 2px !important;
}

.jqx-formatted-input-spin-buttons-container-rtl-border {
  border-left-width: 1px !important;
}

.jqx-formatted-input-spin-button {
  position: relative;
  width: 17px;
  height: 50%;
  margin-left: -1px;
  border-width: 0px;
  padding: 0px;
  overflow: hidden;
  cursor: pointer;
}

.jqx-formatted-input-addon {
  width: 19px;
  padding: 0 !important;
  cursor: pointer;
}

.jqx-formatted-input-addon-rtl {
  border-right-width: 1px !important;
}

.jqx-complex-input-parent {
  overflow: hidden;
}

.jqx-complex-input-child {
  height: 100%;
  float: left;
  box-sizing: border-box;
}

.jqx-complex-input-child-rtl {
  float: right;
}

.jqx-complex-input-spin-buttons-container-ltr {
  border-left-width: 0;
}

.jqx-complex-input-spin-buttons-container-rtl {
  border-left-width: 1px !important;
  border-right-width: 0;
}

.jqx-file-upload {
  position: relative;
  overflow: auto;
}

.jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}

.jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element {
  display: none;
}

.jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon {
  width: 100%;
}

.jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element {
  height: 100%;
}

.jqx-file-input-iframe, .jqx-file-upload-form-ie9 {
  position: absolute;
}

.jqx-file-input-iframe {
  width: 0;
  height: 0;
  border: none;
}

.jqx-file-upload-form, .jqx-file-upload-file-input {
  visibility: hidden;
  display: none;
}

.jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 {
  display: block;
  visibility: visible;
}

.jqx-file-upload-form-ie9 {
  z-index: 10000;
  opacity: 0;
  filter: alpha(opacity=0);
}

.jqx-file-upload-file-name {
  width: auto;
  padding: 0 2px 0 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  *float: left;
}

.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
  float: right;
}

.jqx-file-upload, .jqx-file-upload-file-row {
  padding: 5px;
}

.jqx-file-upload-button-browse {
  display: block;
}

.jqx-file-upload-buttons-container {
  height: auto;
  margin-top: 10px;
}

.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl {
  direction: rtl !important;
}

.jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl {
  margin-left: 5px;
}

.jqx-file-upload-button-upload-rtl-ie {
  margin-right: 5px;
}

.jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie {
  margin-left: 0;
}

.jqx-file-upload-file-row {
  height: 30px;
  margin-bottom: 3px;
  clear: both;
}

.jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
  width: 17px;
  margin: 0 1px 0 1px;
}

.jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl {
  float: none;
  *float: left;
}

.jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
  cursor: pointer;
  white-space: nowrap;
}

.jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
  display: inline-block;
}

.jqx-file-upload-icon-upload, .jqx-file-upload-loading-element {
  margin-top: 1px;
}

.jqx-file-upload-loading-element {
  background-image: url(/biz/img/loader-small.8486b850e1b4df32.gif);
  background-repeat: no-repeat;
}

.jqx-date-time-input-popup .jqx-icon {
  margin-top: 0px;
}

.jqx-text-area-element {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border: none;
  outline: none;
  left: 0px;
  top: 0px;
  margin: 0px;
  position: absolute;
  resize: none;
}

.jqx-text-area-element-rtl {
  direction: rtl !important;
}

.jqx-responsive-panel {
  overflow: auto;
}

.jqx-responsive-panel {
  border-width: 0px;
}

.jqx-responsive-panel-button {
  border-width: 1px;
  border-style: solid;
}

.jqx-responsive-panel-button {
  display: none;
  cursor: pointer;
}

.jqx-responsive-panel-button-inner {
  margin: 0;
  width: 100%;
  height: 100%;
  background-position: center;
}

.jqx-loader {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 999;
  border-style: solid;
  border-width: 1px;
}

.jqx-loader-ie-transparency {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)";
  /*For IE 8*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
  /*For IE 7*/
}

.jqx-loader-modal {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 99;
  cursor: default;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.6;
}

.jqx-loader-icon {
  background-image: url(/biz/img/loader.7c1494c9779716cf.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
}

.jqx-loader-text {
  z-index: 999;
  position: relative;
}

.jqx-loader-text-left {
  margin-left: 5px;
  position: absolute;
  top: 50%;
}

.jqx-loader-text-right {
  margin-right: 5px;
  position: absolute;
  top: 50%;
  right: 0px;
}

.jqx-loader-text-top {
  text-align: center;
  margin-top: 5px;
}

.jqx-loader-text-bottom {
  bottom: 0px;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 5px;
}

.jqx-loader-rtl {
  direction: rtl;
}

/* jqxLayout and jqxDockingLayout */
.jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content {
  position: relative;
}

.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay {
  position: absolute;
}

.jqx-layout {
  background-color: #c5c5c5;
}

.jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay {
  width: 100%;
  height: 100%;
}

.jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal {
  float: left;
}

.jqx-layout-group-tabbed {
  position: static;
  box-sizing: border-box;
  min-height: 0 !important;
}

.jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content {
  padding: 0;
}

.jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section {
  border: none;
}

.jqx-layout-window {
  position: static;
}

.jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal {
  overflow: auto;
}

.jqx-layout-group-auto-hide-content-vertical {
  width: 150px;
}

.jqx-layout-group-auto-hide-content-horizontal {
  width: 100%;
  height: 150px;
}

.jqx-layout-pseudo-window {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  box-shadow: none !important;
}

.jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content {
  width: 100%;
  box-sizing: border-box;
}

.jqx-layout-pseudo-window-header {
  height: 30px;
}

.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background {
  width: 16px;
  height: 16px;
  top: 5px;
}

.jqx-layout-pseudo-window-pin-background-ltr {
  right: 15px;
}

.jqx-layout-pseudo-window-close-background-ltr {
  right: 0;
}

.jqx-layout-pseudo-window-pin-background-rtl {
  left: 15px;
}

.jqx-layout-pseudo-window-close-background-rtl {
  left: 0;
}

.jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon {
  cursor: pointer;
}

.jqx-layout-pseudo-window-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jqx-layout-pseudo-window-pin-icon {
  background-image: url(/biz/img/pin.864367a78922819e.png);
}

.jqx-layout-pseudo-window-pinned-icon {
  background-image: url(/biz/img/pinned.2a0749bc88f6c7b4.png);
}

.jqx-layout-pseudo-window-title-rtl {
  float: right;
}

.jqx-layout-resize-feedback {
  z-index: 9999;
  top: 0;
  left: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  display: none;
}

.jqx-layout-resize-feedback-horizontal {
  width: 100%;
  height: 4px;
  cursor: row-resize;
}

.jqx-layout-resize-feedback-vertical {
  width: 4px;
  height: 100%;
  cursor: col-resize;
}

.jqx-layout-resize-feedback-warning {
  border-color: #800000 !important;
  background-color: Red !important;
}

.jqx-layout-overlay {
  top: 0;
  left: 0;
  display: none;
  background-color: transparent;
  z-index: 8999;
  pointer-events: none;
}

.jqx-layout-ribbon-header-ltr {
  padding-left: 20px;
}

.jqx-layout-ribbon-header-rtl {
  padding-right: 20px;
}

/* jqxDockingLayout-specific */
.jqx-docking-layout-group-floating {
  border-color: #FFD280 !important;
}

.jqx-docking-layout-group-floating .jqx-window-header {
  border-color: #FFD280;
  background-color: #FFD280 !important;
  background: linear-gradient(#FFE4B5, #FFD280) !important;
}

.jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge {
  z-index: 99999;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.jqx-docking-layout-overlay-square-edge {
  display: none;
}

.jqx-docking-layout-overlay {
  width: 100px;
  height: 100px;
  left: 100px;
  top: 70px;
}

.jqx-docking-layout-overlay-section {
  height: 33px;
  width: 100px;
}

.jqx-docking-layout-overlay-square {
  width: 26px;
  height: 26px;
  padding: 3px;
}

.jqx-docking-layout-overlay-square-invisible {
  background-color: transparent !important;
  background-image: none !important;
}

.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom {
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right {
  border-left-width: 1px;
  border-left-style: solid;
}

.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left {
  border-right-width: 1px;
  border-right-style: solid;
}

.jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-docking-layout-overlay-square-center {
  border-color: transparent !important;
}

.jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical {
  width: 24px;
}

.jqx-docking-layout-overlay-inner-square {
  border-width: 1px;
  border-style: solid;
  height: 24px;
}

.jqx-docking-layout-overlay-inner-square-header {
  height: 5px;
}

.jqx-docking-layout-overlay-inner-square-content {
  height: 18px;
}

.jqx-docking-layout-overlay-highlight-top {
  height: 9px;
  border-bottom-style: dashed;
}

.jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right {
  width: 12px;
  height: 18px;
}

.jqx-docking-layout-overlay-highlight-left {
  border-right-style: dashed;
}

.jqx-docking-layout-overlay-highlight-right {
  right: 0;
  border-left-style: dashed;
}

.jqx-docking-layout-overlay-highlight-bottom {
  bottom: 0;
  height: 9px;
  border-top-style: dashed;
}

.jqx-docking-layout-drop-overlay {
  display: none;
  background-color: #6495ED;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  z-index: 10000;
  top: 0px;
  left: 0px;
}

.jqx-docking-layout-square-disabled {
  visibility: hidden;
}

.jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical {
  border-style: solid;
  border-width: 1px;
}

.jqx-docking-layout-overlay-inner-square-edge {
  width: 26px;
  height: 26px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal {
  height: 24px;
}

.jqx-docking-layout-overlay-mini-window-edge-vertical {
  height: 13px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal {
  width: 13px;
}

.jqx-docking-layout-overlay-inner-square-content-vertical {
  height: 7px;
}

.jqx-docking-layout-overlay-square-edge-arrow {
  border-style: solid;
  border-width: 5px;
  width: 0px;
  height: 0px;
  display: block;
  background: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top {
  border-top-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
  border-bottom-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
  border-left-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
  border-right-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right {
  margin-top: 8px;
}

.jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
  margin-left: 8px;
}

.jqx-tag-cloud ul {
  padding-left: 5px;
}

.jqx-tag-cloud-item {
  padding: 3px;
  display: inline-block;
}

.jqx-tag-cloud-item a {
  text-decoration: initial;
}

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

.jqx-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #ffffff;
  border: 1px solid #aaa;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.jqx-popover-modal-background {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* Fallback for web browsers that don't support RGBa */
  background-color: black;
  /* RGBa with 0.6 opacity */
  background-color: rgba(0, 0, 0, 0.6);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.jqx-popover-close-button {
  width: 16px;
  height: 16px;
  float: right;
}

.jqx-popover-close-button-rtl {
  float: left;
}

.jqx-popover.top {
  margin-top: -10px;
}

.jqx-popover.right {
  margin-left: 10px;
}

.jqx-popover.bottom {
  margin-top: 10px;
}

.jqx-popover.left {
  margin-left: -10px;
}

.jqx-popover-title {
  padding: 8px 14px;
  margin: 0;
  border-bottom: 1px solid inherit;
  border-radius: 3px 3px 0 0;
}

.jqx-popover-title:empty {
  display: none;
}

.jqx-popover-content {
  padding: 9px 14px;
}

.jqx-popover .jqx-popover-arrow,
.jqx-popover .jqx-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.jqx-popover .jqx-popover-arrow {
  border-width: 11px;
}

.jqx-popover .jqx-popover-arrow:after {
  border-width: 10px;
  content: "";
}

.jqx-popover.top .jqx-popover-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: inherit;
  border-bottom-width: 0;
}

.jqx-popover.top .jqx-popover-arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.jqx-popover.right .jqx-popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: inherit;
  border-left-width: 0;
}

.jqx-popover.right .jqx-popover-arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.jqx-popover.bottom .jqx-popover-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: inherit;
  border-top-width: 0;
}

.jqx-popover.bottom .jqx-popover-arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.jqx-popover.left .jqx-popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: inherit;
}

.jqx-popover.left .jqx-popover-arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

.jqx-kanban-full-frame {
  width: 100vw;
  height: 100vh;
}

.jqx-kanban-in-frame {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.jqx-kanban-rtl {
  direction: rtl;
  text-align: right;
}

.jqx-kanban-column {
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
  float: left;
}

.jqx-kanban-column-collapsed {
  width: 50px;
}

.jqx-kanban-column-first {
  border-width: 1px;
}

.jqx-kanban-column:first-of-type {
  border-width: 1px 1px 1px 1px;
}

.jqx-kanban-column-selected {
  /*  background-color: blue;*/
}

.jqx-kanban-column-header-collapsed {
  /*vertical column invisible*/
  display: none;
  box-sizing: border-box;
  height: 0px;
  width: 0px;
  position: relative;
  cursor: pointer;
}

.jqx-kanban-column-header-collapsed-show {
  /*vertical column visible*/
  display: block !important;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  cursor: pointer;
}

.jqx-kanban-column-vertical-container {
  padding-top: 0px;
  padding-left: 0px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  white-space: nowrap;
}

.jqx-kanban-column-vertical-container-inverse {
  padding-top: 0px;
  padding-left: 20px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  white-space: nowrap;
}

.jqx-kanban-column-vertical-container .jqx-kanban-column-header-title, .jqx-kanban-column-vertical-container .jqx-kanban-column-header-status {
  position: relative;
}

.jqx-kanban-column-hide {
  /*colapsed*/
  display: none !important;
}

.jqx-kanban-column-header {
  border-width: 1px;
  border-style: solid;
  margin: 1px;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.jqx-kanban-column-header-button {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}

.jqx-kanban-column-header .jqx-window-collapse-button {
  margin-top: 1px !important;
}

.jqx-kanban-column-header-custom-button {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}

.jqx-kanban-column-header-custom-button-rtl {
  left: 20px;
}

.jqx-kanban-column-header-button-rtl {
  left: 0px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button {
  top: 100%;
  right: 50%;
  margin-top: -21px;
  left: 50%;
  margin-left: -8px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button {
  top: 100%;
  right: 50%;
  margin-top: -41px;
  left: 50%;
  margin-left: -8px;
}

.jqx-kanban-column-container {
  margin: 1px;
  overflow-y: auto;
}

.jqx-kanban-item-placeholder {
  height: 100px;
  border: gray dotted 1px;
  border-radius: 3px;
  margin: 5px;
}

.jqx-kanban-column-vertical-container-inverse-ie8-fix {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.jqx-kanban-column-vertical-container-ie8-fix {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.jqx-kanban-item {
  margin: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  position: relative;
  box-shadow: #ddd 2px 2px 3px;
  cursor: pointer;
  touch-action: none;
  -ms-touch-action: none;
}

.jqx-kanban-item-color-status {
  background-color: #6bbd49;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.jqx-kanban-item-color-status-rtl {
  right: 0px;
  left: 100%;
}

.jqx-kanban-item-text {
  padding-left: 6px;
  padding-right: 23px;
  font-size: 14px;
  padding-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jqx-kanban-rtl .jqx-kanban-item-text {
  padding-right: 6px;
  padding-left: 23px;
}

.jqx-kanban-item-avatar {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 3px;
  top: 3px;
  background: #eee;
  text-align: center;
  overflow: hidden;
}

.jqx-kanban-item-avatar-rtl {
  left: 3px;
}

.jqx-kanban-item-avatar-image {
  width: 20px;
  height: 20px;
}

.jqx-kanban-item-footer {
  border-top: 1px solid transparent;
  border-color: inherit;
  overflow: hidden;
  padding-top: 5px;
  margin-top: 5px;
  padding-bottom: 1px;
  padding-left: 6px;
  padding-right: 6px;
}

.jqx-kanban-item-keyword {
  float: left;
  margin: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  border-color: inherit;
  padding-left: 2px;
  padding-right: 2px;
  cursor: pointer;
}

.jqx-kanban-item-keyword-rtl {
  direction: rtl;
  text-align: right;
  float: right;
}

.jqx-kanban-item-avatar {
  height: 20px;
}

.jqx-kanban-handle {
  cursor: move;
}

.jqx-kanban-clearing {
  clear: both;
}

.jqx-sortable {
  touch-action: none;
  -ms-touch-action: none;
}

.jqx-bar-gauge-tooltip {
  position: absolute;
  left: 20px;
  top: 20px;
  display: none;
  padding: 6px 12px;
  border: black solid 1px;
  background-color: white;
  color: #333333;
  font-size: 11px;
  font-weight: 100;
  /* font-family: Verdana; */
  border: black solid 1px;
  border-radius: 3px;
  opacity: 1;
  white-space: nowrap;
  z-index: 5;
}

.jqx-bar-gauge-measure-text {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
  z-index: -99999;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}

.jqx-scrollbar-mobile {
  background: transparent !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-state-normal {
  background: transparent !important;
  border-color: transparent !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
  background: #808080 !important;
  border-color: #808080 !important;
  border-width: 1px;
  z-index: 99999;
  border-radius: 0px !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
  width: 4px !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
  height: 4px !important;
}

.jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down {
  background-image: url(/biz/img/icon-down-white.d43a876bef95f1d5.png);
}

.jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected {
  background-image: url(/biz/img/icon-down-white.d43a876bef95f1d5.png);
}

.jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover {
  background-image: url(/biz/img/icon-down-white.d43a876bef95f1d5.png);
}

.jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up {
  background-image: url(/biz/img/icon-up-white.0415baccd3012888.png);
}

.jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected {
  background-image: url(/biz/img/icon-up-white.0415baccd3012888.png);
}

.jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover {
  background-image: url(/biz/img/icon-up-white.0415baccd3012888.png);
}

.jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right {
  background-image: url(/biz/img/icon-right-white.c30fb8cb69a833e9.png);
}

.jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected {
  background-image: url(/biz/img/icon-right-white.c30fb8cb69a833e9.png);
}

.jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover {
  background-image: url(/biz/img/icon-right-white.c30fb8cb69a833e9.png);
}

.jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left {
  background-image: url(/biz/img/icon-left-white.74abebb87f5751d4.png);
}

.jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected {
  background-image: url(/biz/img/icon-left-white.74abebb87f5751d4.png);
}

.jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover {
  background-image: url(/biz/img/icon-left-white.74abebb87f5751d4.png);
}

.jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover,
.jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected,
.jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover,
.jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected,
.jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover,
.jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected,
.jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover,
.jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-success-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected,
.jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover,
.jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-info-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected,
.jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover,
.jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected,
.jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-element {
  overflow: hidden;
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  box-sizing: border-box;
}

.jqx-element-no-border {
  border-width: 0px;
}

.jqx-resize-trigger, .jqx-resize-trigger-shrink {
  position: absolute;
  left: 0;
  top: 0;
  transition: 0s;
}

.jqx-resize-trigger-shrink {
  width: 200%;
  height: 200%;
}

.jqx-resize-trigger-container {
  display: block;
  visibility: hidden;
  position: relative;
  top: -100%;
  left: 0;
  min-height: 0.1px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  visibility: hidden;
}

/* jqxPivotGrid */
.jqx-pivotgrid {
  background-color: #DEDEDE;
}

.jqx-pivotgrid-item {
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  padding: 0px;
  text-overflow: ellipsis;
}

.jqx-pivotgrid-content-wrapper {
  align: left;
  valign: top;
  overflow: hidden;
  border: solid 1px grey;
}

.jqx-pivotgrid-menu-button {
  border: none;
  background-image: url(/biz/img/icon-menu-small.5d5520832ac769f7.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.jqx-pivotgrid-expand-button {
  outline: none;
  background-image: url(/biz/img/icon_expand.f5564e9179fc8962.png);
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  left: 5px;
  float: left;
  vertical-align: middle;
}

.jqx-pivotgrid-collapse-button {
  outline: none;
  background-image: url(/biz/img/icon_collapse.71520ccc5b2a59e7.png);
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  left: 5px;
  float: left;
  vertical-align: middle;
}

.jqx-pivotgrid-sortasc-icon {
  background-image: url(/biz/img/icon-sort-asc.dc8ab445b7cc9553.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

.jqx-pivotgrid-sortdesc-icon {
  background-image: url(/biz/img/icon-sort-desc.59450f39ae23a43b.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

.jqx-pivotgrid-sortremove-icon {
  background-image: url(/biz/img/icon-sort-remove.d67a4c399f5555e9.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

.jqx-pivotgrid-settings-icon {
  background-image: url(/biz/img/icon-menu-small.5d5520832ac769f7.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

jqx-bullet-chart {
  width: 800px;
  height: 80px;
}

jqx-scroll-view {
  width: 600px;
}

jqx-bar-gauge, jqx-draw {
  width: 850px;
  height: 600px;
}

jqx-menu {
  width: 600px;
}

jqx-data-table, jqx-pivotgrid, jqx-grid, jqx-scheduler, jqx-tree-grid, jqx-docking-layout, jqx-layout, jqx-tree-map, jqx-splitter, jqx-kanban {
  width: 850px;
}

jqx-nav-bar {
  height: 50px;
}

jqx-chart {
  width: 850px;
  height: 400px;
}

jqx-docking-layout, jqx-layout {
  width: 850px;
  height: 600px;
}

jqx-ribbon, jqx-panel {
  width: 450px;
  height: 300px;
}

jqx-scheduler {
  height: 600px;
}

jqx-list-box, jqx-text-area {
  width: 200px;
  height: 200px;
}

jqx-file-upload {
  width: 300px;
}

jqx-complex-input, jqx-formatted-input, jqx-password-input, jqx-input, jqx-number-input, jqx-slider,
jqx-masked-input, jqx-drop-down-list, jqx-combo-box, jqx-date-time-input, jqx-drop-down-button {
  width: 300px;
  height: 35px;
}

jqx-loader {
  width: 100px !important;
  height: 60px !important;
}

jqx-expander, jqx-navigation-bar {
  width: 350px;
}

jqx-navigation-bar {
  height: 450px;
}

jqx-range-selector {
  width: 600px;
}

jqx-tabs {
  width: 800px;
}

jqx-tool-bar {
  width: 800px;
  height: 35px;
}

jqx-editor {
  width: 600px;
  height: 400px;
}

jqx-tree-map {
  width: 850px;
  height: 600px;
}

jqx-tree {
  width: 250px;
}

jqx-linear-gauge {
  width: 100px;
}

jqx-color-picker, jqx-calendar {
  width: 200px;
  height: 200px;
}

jqx-scroll-bar {
  width: 400px;
  height: 20px;
}

jqx-knob {
  width: 600px;
  height: 600px;
}

.jqx-input-label {
  visibility: hidden;
  position: absolute;
}

.jqx-input-bar {
  visibility: hidden;
  position: absolute;
}

.jqx-info-icon {
  background-image: url(/biz/img/icon-info-small.236d3118796bd523.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
}

/******************  2019-08-20  ***********************/
/******************  font-family 일괄 주석처리  ***********************/
.jqx-rc-all {
  border-radius: 0;
}

.jqx-widget-header {
  border-color: #cccccc;
  background-color: #f6f7f9;
  font-size: 13px;
  color: #000000;
  box-sizing: border-box;
  font-weight: 500;
}

.jqx-widget-content {
  border-color: #cccccc;
  border-left: none;
  border-right: none !important;
  box-sizing: border-box;
}

/* .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color:#d3d4d7;} */
/*****  grid vertical no line **************/
.jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
  border-right: none;
}

.jqx-grid-cell {
  border-width: 0px 0px 1px 0px;
}

.jqx-grid-column-header {
  position: relative;
  background: url(/biz/img/line_grid.f6ff1c1b6c6fbc0b.png) left center no-repeat;
  width: 1px;
}

/* .jqx-grid-column-header:after{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #d3d4d7;} */
/* .jqx-grid-column-header:first-child:after{display: none;} */
.jqx-grid-column-header:first-child {
  background: none;
}

/**label one line**/
.jqx-grid-column-header.jqx-widget-header div:first-child {
  /*display:inline-flex;align-items:center;margin-top: 0 !important;top:12px !important;*/
  margin-bottom: 0 !important;
}

.jqx-widget .jqx-grid-column-header:last-child {
  border-right: none;
}

.jqx-widget .jqx-grid-cell:last-child {
  border-right: none;
}

.jqx-fill-state-pressed {
  background: #e7f2fc;
  color: #333333;
}

/******************  2019-08-20  ***********************/
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
  z-index: 99;
}

.jqx-grid-cell {
  margin-right: 0;
  margin-bottom: 0;
  padding: 0 8px !important;
}

/* .jqx-grid-cell-left-align {margin:0;padding: 0 8px !important;}
.jqx-grid-cell-right-align {margin:0;padding: 0 8px !important;} */
.-grid__column__header__root-required {
  position: relative;
}

.-grid__column__header__root-required:before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 100;
  color: #ff5858;
  padding: 0;
}

/**checkbox**/
.jqx-fill-state-normal {
  border-color: #a5a5a5;
  background: #fff;
}

.jqx-fill-state-hover {
  border-color: #536dc2;
  background: #fff;
}

.jqx-checkbox-default {
  width: 14px;
  height: 14px;
}

.jqx-tree-grid-checkbox .jqx-checkbox-check-checked {
  margin: 0;
  border: 1px solid #536dc2;
}

.jqx-tree-grid-checkbox:hover {
  border: 1px solid #536dc2;
}

.jqx-grid-columngroup-header {
  border-left: none;
  padding: 0 8px;
  margin: 0;
}

.jqx-grid-columngroup-header div:first-child {
  margin: 0;
}

/**scroll**/
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
  width: 8px !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
  height: 8px !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
  border-radius: 6px !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
  border: none !important;
}

/*********filter menu **************/
.jqx-menu-vertical {
  background-color: #fff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccc !important;
  width: 187px !important;
}

.filterbutton, .filterclearbutton {
  line-height: 24px !important;
  border: 1px solid #ccc;
  padding: 2px 8px !important;
  cursor: pointer;
  font-size: 12px;
  color: #5a5a5a;
}

.filterbutton:hover, .filterclearbutton:hover {
  background-color: #f5f5f5;
}

.filterclearbutton {
  margin-left: 2px !important;
  margin-right: -60px;
}

.jqx-grid-column-sortascbutton.jqx-icon-arrow-up {
  background-image: url(/biz/img/ic_table_sort_ascending.793ca6d26b82dcc3.png);
}

.jqx-grid-column-sortdescbutton.jqx-icon-arrow-down {
  background-image: url(/biz/img/ic_table_sort_descending.e65503978de9ce13.png);
}

/********* grid - aggregates **************/
.jqx-grid-cell-pinned span {
  color: #000;
  font-size: 13px;
  font-weight: bold;
  line-height: 38px;
  padding-right: 8px;
}

/********* grid - headcolumns padding  **************/
.jqx-grid-column-header > div > div {
  padding: 0 4px;
  border-color: #dbdbdb;
}

/* .jqx-widget .jqx-grid-column-header { padding:0 4px;border-color:#dbdbdb} */
.jqx-widget .jqx-grid-column-header .jqx-checkbox {
  margin-left: -1px !important;
}

/********* grid - filtermenu  **************/
.jqx-menu li.filter .filter {
  width: 100%;
  padding: 0;
}

.jqx-menu li.filter .filter.filter1 {
  margin-left: -3px;
}

.jqx-menu li.filter .filter .filter {
  margin-top: 5px !important;
}

.jqx-grid-cell-root {
  padding: 0 8px !important;
}

.jqx-grid-table td {
  height: 36px;
}

.jqx-grid-empty-cell span {
  color: #ccc !important;
  font-size: 13px;
}

.jqx-widget .jqx-grid-column-header .iconscontainer {
  padding-right: 8px;
}

.jqx-menu-wrapper {
  top: -8px !important;
  left: -3px !important;
}

/********* grid - left/right margin  *************/
/* .jqx-grid-column-header:first-child {padding-left:15px !important} */
.jqx-grid-column-header:last-child {
  padding-right: 15px !important;
}

/* .jqx-grid-content div:first-child.jqx-grid-cell div:first-child {background-color:yellow;padding-left:12px !important}  */
/* .jqx-grid-content div:last-child.jqx-grid-cell div:last-child {background-color:yellow;padding-right:12px !important}  */
/* .jqx-grid-content > div > div > div:first-child {padding-left:20px !important} */
.jqx-grid-content > div > div > div:last-child {
  padding-right: 20px !important;
}

.jqx-grid-cell.jqx-grid-cell-pinned.jqx-right-align:last-child {
  padding-right: 30px !important;
}

.jqx-grid-cell.jqx-grid-cell-pinned.jqx-left-align {
  padding-left: 0 !important;
}

.jqx-grid-content > div > div > div:last-child .-button-list {
  margin-right: 15px !important;
}

/********* grid - header column multiline 2019-12-27  *************/
.-fdp-grid__header--multiline .jqx-grid-header .jqx-grid-column-header span {
  display: inline-block;
  word-break: break-all !important;
  overflow: visible;
  white-space: normal;
  line-height: 18px !important;
}

/********* grid - aggregates 2019-12-27  *************/
.-fdp-grid__scrollbar__horizontal--show .jqx-grid-statusbar {
  transform: translateY(10px);
}

.-simple-tree .jqx-tree .jqx-scrollbar .jqx-icon-arrow-down {
  background-image: url(/biz/img/icon-down.1355e0e3f772c402.png);
  margin-top: 0;
}

/********* tree - 2020-02-04  *************/
/* .-simple-tree .jqx-widget-content {border:1px solid #ccc} */
.-simple-tree .jqx-tree .jqx-scrollbar .jqx-icon-arrow-down.jqx-icon-arrow-down-hover {
  border: none !important;
}

.jqx-scrollbar-button-state-normal .jqx-icon-arrow-down {
  background-image: url(/biz/img/icon-down.1355e0e3f772c402.png);
  margin-top: 0;
}

/********* grid filter menu scroll - 2020-02-04  *************/
.jqx-scrollbar-button-state-normal .jqx-icon-arrow-right {
  background-image: url(/biz/img/icon-right.169f61b02f75f770.png);
  margin-top: 0;
}

/* --------------------------------------------------------------- */
/*  1️⃣  Configuration – tweak these to match your design system   */
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
/*  MARGIN UTILITIES – dynamic generation (1 – 10)               */
/* --------------------------------------------------------------- */
.m-1 {
  margin: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m-7 {
  margin: 1.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mr-7 {
  margin-right: 1.75rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.m-8 {
  margin: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-9 {
  margin: 2.25rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mr-9 {
  margin-right: 2.25rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.ml-9 {
  margin-left: 2.25rem;
}

.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.m-10 {
  margin: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

/* --------------------------------------------------------------- */
/*  PADDING UTILITIES – dynamic generation (1 – 10)               */
/* --------------------------------------------------------------- */
.p-1 {
  padding: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p-9 {
  padding: 2.25rem;
}

.pt-9 {
  padding-top: 2.25rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pb-9 {
  padding-bottom: 2.25rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

html,
body {
  margin: 0;
  padding: 0;
}

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

ul {
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

pre {
  margin: 0;
}

button:focus {
  outline: 0;
}

body {
  color: #333333;
  font-size: 14px;
  font-family: "Noto Sans KR", Arial, sans-serif;
}

button {
  font-family: "Noto Sans KR", Arial, sans-serif;
}

body input,
body textarea {
  font-family: "Noto Sans KR", Arial, sans-serif;
}

*::-moz-selection {
  background: #3cbef5;
  color: #ffffff;
}

*::selection {
  background: #3cbef5;
  color: #ffffff;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.left-divider {
  position: relative;
}
.left-divider::before {
  content: "";
  position: absolute;
  left: 0;
  border-left: 1px solid currentColor;
  height: 10px;
  top: calc(50% - 5px);
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-1px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(1px, 0, 0);
  }
}
/* [FORM BOX] */
.ur-form-box-wrapper--small {
  margin: 0 0 24px 0;
}

.ur-form-box-wrapper--medium {
  margin: 0 0 32px 0;
}

.ur-form-box {
  display: flex;
  position: relative;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #dbdbdb;
  border-radius: 0;
}

.ur-form-box--small {
  padding: 24px 0 24px 0;
}

.ur-form-box--medium {
  padding: 32px 0 32px 0;
}

.ur-form-box__contents {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex: 1 1 auto;
}

/* [FORM BOX] Expandable */
.ur-form-box--expandable {
  border-bottom: none;
}

.ur-form-box__exp-bottom {
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.ur-form-box__exp-bottom__line {
  border-bottom: 1px solid #dbdbdb;
  flex: 1 0 auto;
}

.ur-form-box__exp-bottom__toggle {
  flex: 0 0 auto;
  align-items: center;
  transform: translateY(-50%);
  cursor: pointer;
  margin: 0 8px;
  font-size: 14px;
  height: 21px;
  line-height: 21px;
}
.ur-form-box__exp-bottom__toggle .ur-icon-wrapper {
  width: 21px;
  height: 21px;
  vertical-align: middle;
}

/* [FORM BOX] Action group */
.ur-form-box__action-grp .ur-action-bar {
  align-items: center;
}

.ur-form-box__action-grp--right {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
}

.ur-form-box__action-grp--bottom,
.ur-form-box__action-grp--outer {
  width: 100%;
}

/* [FORM BOX] Action group :: Size */
.ur-form-box__action-grp--small {
  padding: 0;
}
.ur-form-box__action-grp--small .ur-action-bar {
  margin: 24px 0 0 0;
}

.ur-form-box__action-grp--medium {
  padding: 0;
}
.ur-form-box__action-grp--medium .ur-action-bar {
  margin: 32px 0 0 0;
}

/* [FORM BOX] hr = inserted horizontal line between rows */
.ur-form-box hr {
  position: relative;
  flex: 0 0 100%;
  border: none;
  height: 1px;
}

.ur-form-box--small hr {
  margin: 16px 0 16px 0;
}

.ur-form-box--medium hr {
  margin: 16px 0 16px 0;
}

.ur-form-box hr::after {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid #dbdbdb;
}

/* [FORM ROW] */
.ur-form-row {
  display: flex;
  flex: 0 0 100%;
}

.ur-form-row + .ur-form-row {
  border-top: 0 solid #dbdbdb;
  margin-top: 0;
}

.ur-form-row .ur-form-item + .ur-form-item::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  transform: translateX(-100%);
  border-left: 0 solid #dbdbdb;
  margin-left: 0;
}

/* [FORM ITEM] */
.ur-form-item {
  display: flex;
  position: relative;
  align-content: center;
}

.ur-form-item__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ur-form-item--inline .ur-form-item__label {
  flex: 0 0 160px;
}

.ur-form-item--block {
  flex-wrap: wrap;
}
.ur-form-item--block .ur-form-item__label {
  flex: 0 0 100%;
}

.ur-form-item__label--left {
  text-align: left;
}

.ur-form-item__label--right {
  text-align: right;
}

.ur-form-item__compo {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ur-form-item__compo > .ur-web-editor {
  flex: 1 1 100%;
}

.ur-form-item__compo--no-flex {
  display: block;
}

/* [FORM ITEM] Size */
.ur-form-item--small {
  height: 32px;
  padding: 0;
}
.ur-form-item--small .ur-form-item__label {
  padding: 0 16px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
}
.ur-form-item--small .ur-form-item__compo {
  padding: 0 16px;
}
.ur-form-item--small .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 8px;
}
.ur-form-item--small.ur-form-item--no-height .ur-form-item__compo {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ur-form-item--small.ur-form-item--block {
  height: 64px;
  padding: 8px 8px;
}
.ur-form-item--small.ur-form-item--block .ur-form-item__label {
  height: 20px;
  padding: 2px 0;
  line-height: 16px;
}
.ur-form-item--small.ur-form-item--block .ur-form-item__compo {
  height: 28px;
  padding: 2px 0;
}

.ur-form-item--medium {
  height: 64px;
  padding: 0;
}
.ur-form-item--medium .ur-form-item__label {
  padding: 0 16px;
  line-height: 64px;
  font-size: 16px;
  font-weight: 400;
}
.ur-form-item--medium .ur-form-item__compo {
  padding: 0 16px;
}
.ur-form-item--medium .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 16px;
}
.ur-form-item--medium.ur-form-item--no-height .ur-form-item__compo {
  padding-top: 8px;
  padding-bottom: 8px;
}

.ur-form-item--medium.ur-form-item--block {
  height: 104px;
  padding: 16px 8px;
}
.ur-form-item--medium.ur-form-item--block .ur-form-item__label {
  height: 32px;
  padding: 4px 0;
  line-height: 24px;
}
.ur-form-item--medium.ur-form-item--block .ur-form-item__compo {
  height: 40px;
  padding: 4px 0;
}

/* [FORM ITEM] No label */
.ur-form-item--no-label .ur-form-item__label {
  display: none;
}

/* [FORM ITEM] Required */
.ur-form-item--required .ur-form-item__label--right::before {
  content: "*";
  margin-right: 5px;
  color: #e74c3c;
}

.ur-form-item--required .ur-form-item__label--left::after {
  content: "*";
  margin-left: 5px;
  color: #e74c3c;
}

/* [SEARCH BOX] */
.ur-search-box-wrapper--small {
  margin: 0 0 24px 0;
}

.ur-search-box-wrapper--medium {
  margin: 0 0 32px 0;
}

.ur-search-box {
  display: flex;
  position: relative;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #dbdbdb;
  border-radius: 0;
}

.ur-search-box--small {
  padding: 24px 0 24px 0;
}

.ur-search-box--medium {
  padding: 32px 0 32px 0;
}

.ur-search-box__contents {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex: 1 1 auto;
  width: 100%;
}

/* [SEARCH BOX] Expandable */
.ur-search-box--expandable {
  border-bottom: none;
}

.ur-search-box__exp-bottom {
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.ur-search-box__exp-bottom__line {
  border-bottom: 1px solid #dbdbdb;
  flex: 1 0 auto;
}

.ur-search-box__exp-bottom__toggle {
  flex: 0 0 auto;
  align-items: center;
  transform: translateY(-50%);
  cursor: pointer;
  margin: 0 8px;
  font-size: 14px;
  height: 21px;
  line-height: 21px;
}
.ur-search-box__exp-bottom__toggle .ur-icon-wrapper {
  width: 21px;
  height: 21px;
  vertical-align: middle;
}

/* [SEARCH BOX] Action group */
.ur-search-box__action-grp .ur-action-bar {
  align-items: center;
}

.ur-search-box__action-grp--right {
  display: block;
  border: none;
}

.ur-search-box__action-grp--bottom,
.ur-search-box__action-grp--outer {
  width: 100%;
}

/* [SEARCH BOX] Action group :: Size */
.ur-search-box__action-grp--small {
  padding: 0;
}
.ur-search-box__action-grp--small .ur-action-bar {
  margin: 24px 0 0 0;
}

.ur-search-box__action-grp--medium {
  padding: 0;
  min-width: 100px;
}
.ur-search-box__action-grp--medium .ur-action-bar {
  margin: 32px 0 0 0;
}

/* [SEARCH BOX] hr = inserted horizontal line between rows */
.ur-search-box hr {
  position: relative;
  flex: 0 0 100%;
  border: none;
  height: 1px;
}

.ur-search-box--small hr {
  margin: 16px 0 16px 0;
}

.ur-search-box--medium hr {
  margin: 16px 0 16px 0;
}

.ur-search-box hr::after {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid #dbdbdb;
}

/* [SEARCH ROW] */
.ur-search-row {
  display: flex;
  flex: 0 0 100%;
}

.ur-search-row + .ur-search-row {
  border-top: 0 solid #dbdbdb;
  margin-top: 0;
}

.ur-search-row .ur-search-item + .ur-search-item::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  transform: translateX(-100%);
  border-left: 0 solid #dbdbdb;
  margin-left: 0;
}

/* [SEARCH ITEM] */
.ur-search-item {
  display: flex;
  position: relative;
  align-content: center;
}

.ur-search-item__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ur-search-item--inline .ur-search-item__label {
  flex: 0 0 160px;
}

.ur-search-item--block {
  flex-wrap: wrap;
}
.ur-search-item--block .ur-search-item__label {
  flex: 0 0 100%;
}

.ur-search-item__label--left {
  text-align: left;
}

.ur-search-item__label--right {
  text-align: right;
}

.ur-search-item__compo {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  align-items: center;
}
.ur-search-item__compo > .ur-web-editor {
  flex: 1 1 100%;
}

.ur-search-item__compo--no-flex {
  display: block;
}

/* [SEARCH ITEM] Size */
.ur-search-item--small {
  height: 32px;
  padding: 0;
}
.ur-search-item--small .ur-search-item__label {
  padding: 0 16px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
}
.ur-search-item--small .ur-search-item__compo {
  padding: 0 16px;
}
.ur-search-item--small .ur-search-item__compo .ur-input + .ur-input {
  margin-left: 8px;
}
.ur-search-item--small.ur-search-item--no-height .ur-search-item__compo {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ur-search-item--small.ur-search-item--block {
  height: 64px;
  padding: 8px 8px;
}
.ur-search-item--small.ur-search-item--block .ur-search-item__label {
  height: 20px;
  padding: 2px 0;
  line-height: 16px;
}
.ur-search-item--small.ur-search-item--block .ur-search-item__compo {
  height: 28px;
  padding: 2px 0;
}

.ur-search-item--medium {
  height: 64px;
  padding: 0;
}
.ur-search-item--medium .ur-search-item__label {
  padding: 0 16px;
  line-height: 64px;
  font-size: 16px;
  font-weight: 400;
}
.ur-search-item--medium .ur-search-item__compo {
  padding: 0 16px;
}
.ur-search-item--medium .ur-search-item__compo .ur-input + .ur-input {
  margin-left: 16px;
}
.ur-search-item--medium.ur-search-item--no-height .ur-search-item__compo {
  padding-top: 8px;
  padding-bottom: 8px;
}

.ur-search-item--medium.ur-search-item--block {
  height: 104px;
  padding: 16px 8px;
}
.ur-search-item--medium.ur-search-item--block .ur-search-item__label {
  height: 32px;
  padding: 4px 0;
  line-height: 24px;
}
.ur-search-item--medium.ur-search-item--block .ur-search-item__compo {
  height: 40px;
  padding: 4px 0;
}

/* [SEARCH ITEM] No label */
.ur-search-item--no-label .ur-search-item__label {
  display: none;
}

/* [SEARCH ITEM] Required */
.ur-search-item--required .ur-search-item__label--right::before {
  content: "*";
  margin-right: 5px;
  color: #e74c3c;
}

.ur-search-item--required .ur-search-item__label--left::after {
  content: "*";
  margin-left: 5px;
  color: #e74c3c;
}

/* [El] STEP BOX */
/* [El] STEPER */
.ur-step-box__stepper {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 0px 30px;
  border-bottom: 1px solid #959595;
}

/* [El] STEPER - stepper state */
.ur-step-box__stepper--empty {
  align-items: center;
  font-size: 16px;
  color: #959595;
}

/* [El] STEPER - spacing(...) */
.ur-step-box__stepper__spacing {
  font-size: 20px;
  color: #959595;
}

/* [El] STEPER - step item */
.ur-step-box__stepper__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 160px;
}

.ur-step-box__stepper__item__stat,
.ur-step-box__stepper__item__label {
  cursor: default;
}

.ur-step-box__stepper__item--done .ur-step-box__stepper__item__stat,
.ur-step-box__stepper__item--done .ur-step-box__stepper__item__label {
  cursor: pointer;
}

.ur-step-box__stepper__item__stat {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-step-box__stepper__item__label {
  margin-top: 4px;
}

/* [El] STEPER - item state */
.ur-step-box__stepper__item--done .ur-step-box__stepper__item__stat {
  border: 1px solid #047ad5;
  background: #ffffff;
  color: #047ad5;
}

.ur-step-box__stepper__item--fail .ur-step-box__stepper__item__stat {
  border: 1px solid #047ad5;
  background: #ffffff;
  color: #047ad5;
}

.ur-step-box__stepper__item--ing .ur-step-box__stepper__item__stat {
  border: 1px solid #047ad5;
  background: #047ad5;
  color: #ffffff;
}

.ur-step-box__stepper__item--ready .ur-step-box__stepper__item__stat {
  border: 1px solid #959595;
  background: #ffffff;
  color: #959595;
}

.ur-step-box__stepper__item--done .ur-step-box__stepper__item__label {
  color: #047ad5;
}

.ur-step-box__stepper__item--fail .ur-step-box__stepper__item__label {
  color: #047ad5;
}

.ur-step-box__stepper__item--ing .ur-step-box__stepper__item__label {
  font-weight: 700;
  color: #047ad5;
}

.ur-step-box__stepper__item--ready .ur-step-box__stepper__item__label {
  color: #959595;
}

/* Previous Button */
.ur-step-box__previous-button-left {
  float: left;
}

/* [El] CONTENT */
.ur-step-item {
  min-height: 100px;
  margin: 25px 0;
}

/* [El] Action bar*/
/* [OPT] FULL-HEIGHT */
.ur-step-box--full-height {
  height: 100%;
}

.ur-step-box--full-height .ur-step-item {
  height: calc(100% - 130px);
}

.ur-tab {
  width: 100%;
}

.ur-tab__label-window {
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: -1px;
}

.ur-tab__content-wrapper {
  border-top: 1px solid #a5a5a5;
}

.ur-tab__label-wrapper {
  display: flex;
  position: relative;
  transition: 0.5s;
}

.ur-tab__label {
  display: inline-block;
  letter-spacing: normal;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  flex: 0 0 auto;
  font-size: 14px;
  height: 48px;
  padding: 0 16px;
  min-width: 88px;
  max-width: 230px;
  line-height: 46px;
  color: #767676;
  border: 1px solid #a5a5a5;
  background-color: #ffffff;
}
.ur-tab__label + .ur-tab__label {
  margin-left: -1px;
}
.ur-tab__label .ur-tab__label-slot {
  cursor: pointer;
  display: inline-flex;
}

.ur-tab__label--mini {
  font-size: 14px;
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}

.ur-tab__label:hover {
  background-color: #e6f2fb;
}

.ur-tab__label:active {
  background-color: #cde4f7;
}

.ur-tab__label--active {
  color: #047ad5;
  border: 1px solid #047ad5;
  background-color: #cde4f7;
}
.ur-tab__label--active + .ur-tab__label {
  border-left: 1px solid #047ad5;
}

.ur-tab__label-underline {
  line-height: 47px;
  color: #767676;
  border: 0px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  background-color: rgba(255, 255, 255, 0);
}
.ur-tab__label-underline + .ur-tab__label-underline {
  margin-left: 0px;
}

.ur-tab__label-underline.ur-tab__label--mini {
  line-height: 23px;
}

.ur-tab__label-underline:hover {
  background-color: #f7f7f7;
}

.ur-tab__label-underline:active {
  background-color: #eaeaea;
}

.ur-tab__label-underline--active {
  color: #047ad5;
  border: 0px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  border-bottom-color: #047ad5;
  background-color: rgba(255, 255, 255, 0);
}
.ur-tab__label-underline--active + .ur-tab__label {
  border-left: 0px solid #a5a5a5;
}

.ur-tab__label-underline::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  border-bottom: 1px solid #a5a5a5;
}

.ur-tab__label-underline--active::after {
  height: 3px;
  border-bottom: 3px solid #047ad5;
}

.ur-tab__label-none {
  border: none;
}

.ur-tab__label-none.ur-tab__label--active + .ur-tab__label {
  border-left: none;
}

.ur-tab__label--disable {
  color: #dbdbdb;
  border-color: #a5a5a5;
  cursor: default;
  background-color: #f7f7f7;
}

.ur-tab__label--disable:hover {
  background-color: #f7f7f7;
}

.ur-tab__label-underline.ur-tab__label--disable {
  background-color: transparent;
}

.ur-tab__content {
  display: none;
  padding: 10px;
  min-height: 100px;
}

.ur-tab__content--active {
  display: block;
}

.ur-tab-box--none .ur-tab__content-wrapper {
  border-top: 0;
}

.ur-tab__navi {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  display: flex;
}

.ur-tab__navi__item {
  width: 36px;
  height: 100%;
  border: 1px solid #a5a5a5;
  background: #ffffff;
  color: #959595;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ur-tab__navi__item--disable {
  color: #dbdbdb;
  background-color: #f7f7f7;
}

.ur-tab__navi__item:hover {
  background: #f7f7f7;
}

.ur-tab__navi__item:active {
  background: #f7f7f7;
}

.ur-tab__navi__item + .ur-tab__navi__item {
  margin-left: -1px;
}

.ur-tab__navi__item .ur-icon {
  font-size: 18px;
}

.ur-tab__navi__item--left .ur-icon {
  transform: rotate(90deg);
}

.ur-tab__navi__item--right .ur-icon {
  transform: rotate(270deg);
}

.ur-tab__navi-underline .ur-tab__navi__item {
  border: 0;
  background: none;
}
.ur-tab__navi-underline .ur-tab__navi__item:hover {
  color: #68afe6;
}
.ur-tab__navi-underline .ur-tab__navi__item:active {
  color: #047ad5;
}

.ur-tab__navi-none .ur-tab__navi__item {
  border: 0;
}

.ur-action-bar {
  position: relative;
}

.ur-action-bar__default-zone {
  text-align: right;
}

.ur-action-bar__alternative-zone {
  position: relative;
  float: left;
}

.ur-box + .ur-action-bar,
.ur-form-box + .ur-action-bar {
  margin-top: 25px;
}

.ur-autocomplete {
  display: inline-block;
  position: relative;
}

.ur-autocomplete__text-field {
  width: inherit;
}

.ur-autocomplete__items {
  cursor: pointer;
  position: absolute;
  overflow-y: auto;
  margin-top: -1px;
  /* close to title */
  background-color: #ffffff;
  border: 1px solid #959595;
  z-index: 201;
  padding: 8px 1px;
  margin-left: 0px;
}
.ur-autocomplete__items .ur-autocomplete__selected {
  color: #047ad5;
  font-weight: 700;
}

.ur-autocomplete__item {
  width: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  position: relative;
  padding: 0 12px 0 12px;
  background-color: #ffffff;
}
.ur-autocomplete__item:hover {
  background-color: #e6f2fb;
}

.ur-autocomplete__item-small {
  font-size: 12px;
  line-height: 24px;
  height: 24px;
}

.ur-autocomplete__item-medium {
  font-size: 14px;
  line-height: 32px;
  height: 32px;
}

.ur-autocomplete__item-large {
  font-size: 16px;
  line-height: 48px;
  height: 48px;
}

.ur-autocomplete.ur-validator--valid .ur-text-field__input {
  border-color: #4fce67;
}

.ur-autocomplete.ur-validator--error .ur-text-field__input {
  border-color: #ff5858;
}

.ur-autocomplete.ur-validator--shake > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-badge-container {
  width: auto;
}

.ur-badge {
  text-align: center;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-radius: 8px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  color: #ffffff;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.badge-box {
  display: flex;
  align-items: center;
}

.ur-badge__status {
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.ur-badge-ide.ur-badge__status {
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ur-badge__dot {
  border-radius: 4px;
  height: 8px;
  width: 8px;
}

.ur-badge__identifier {
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

.ur-badge-ide.ur-badge__identifier {
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ur-badge__badge-color-primary {
  background-color: #047ad5;
}

.ur-badge__badge-color-success {
  background-color: #4fce67;
}

.ur-badge__badge-color-error {
  background-color: #ff5858;
}

.ur-badge__badge-color-default {
  background-color: #959595;
}

.ur-badge__badge-color-processing {
  background-color: #336aff;
}

.ur-badge__badge-color-warning {
  background-color: #f7a443;
}

.ur-badge__badge-color-notification {
  background-color: #ff5858;
}

.ur-badge__badge-color-failure {
  background-color: #ff5858;
}

.ur-badge__badge-color-info {
  background-color: #4fce67;
}

.ur-badge__badge-color-active {
  background-color: #047ad5;
}

.ur-badge__badge-color-disabled {
  background-color: #959595;
}

.ur-badge__badge-color-valid {
  background-color: #336aff;
}

.ur-badge__badge-color-invalid {
  background-color: #ff5858;
}

.ur-badge__badge-color-created {
  background-color: #4fce67;
}

.ur-badge__badge-color-modified {
  background-color: #f7a443;
}

.ur-badge__badge-color-deleted {
  background-color: #ff5858;
}

/* Button 공통 */
.ur-button {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-style: solid;
  font-weight: 400;
  border-radius: 0;
  border-width: 1px;
  /* display: inline-block; */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  -ms-user-select: none;
}
.ur-button .ur-icon {
  vertical-align: middle;
}

/* Button loading indicator */
@keyframes ur-button__loading-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ur-button--loading::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  border-width: 2px;
  border-style: solid;
  margin: auto;
  animation: ur-button__loading-spin 1s linear infinite;
}

/* Button size */
.ur-button--full {
  display: block;
  width: 100%;
}

.ur-button--small {
  height: 24px;
  min-width: 60px;
  font-size: 12px;
  padding: 0 8px;
}

.ur-button--medium {
  height: 32px;
  min-width: 60px;
  font-size: 14px;
  padding: 0 16px;
}

.ur-button--large {
  height: 48px;
  min-width: 160px;
  font-size: 16px;
  padding: 0 24px;
}

.ur-button--loading.ur-button--small::after {
  width: 12px;
  height: 12px;
}

.ur-button--loading.ur-button--medium::after {
  width: 14px;
  height: 14px;
}

.ur-button--loading.ur-button--large::after {
  width: 16px;
  height: 16px;
}

/* Button cursor style */
.ur-button {
  cursor: pointer;
}

.ur-button--disabled,
.ur-button--loading {
  pointer-events: none;
}
.ur-button--disabled.ur-button,
.ur-button--loading.ur-button {
  cursor: default;
}

/* Button style */
.ur-button--border {
  background-color: rgba(255, 255, 255, 0);
}

.ur-button--borderless, .ur-button--hyperlink {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

.ur-button--toggle {
  border-color: rgba(255, 255, 255, 0);
}
.ur-button--toggle:hover {
  color: #ffffff;
  background-color: #f7f7f7;
}
.ur-button--toggle:active {
  background-color: #eaeaea;
}

/* ColorSet */
.ur-button--hyperlink {
  color: #1e5fcb;
  text-decoration: underline;
}
.ur-button--hyperlink:not(.ur-button--loading):hover {
  color: #184ca2;
}
.ur-button--hyperlink:not(.ur-button--loading):active {
  color: #15438e;
}
.ur-button--hyperlink::after {
  border-color: transparent #1e5fcb #1e5fcb #1e5fcb;
}

.ur-button--solid.ur-button--default {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}
.ur-button--solid.ur-button--default:not(.ur-button--loading):hover {
  background-color: #777777;
  border-color: #777777;
}
.ur-button--solid.ur-button--default:not(.ur-button--loading):active {
  background-color: #686868;
  border-color: #686868;
}
.ur-button--solid.ur-button--default::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--default {
  color: #959595;
  border-color: #a5a5a5;
}
.ur-button--border.ur-button--default:not(.ur-button--loading):hover {
  background-color: rgba(149, 149, 149, 0.2);
}
.ur-button--border.ur-button--default:not(.ur-button--loading):active {
  background-color: rgba(149, 149, 149, 0.4);
}
.ur-button--border.ur-button--default::after {
  border-color: transparent #959595 #959595 #959595;
}

.ur-button--borderless.ur-button--default, .ur-button--default.ur-button--hyperlink {
  color: #959595;
}
.ur-button--borderless.ur-button--default:not(.ur-button--loading):hover, .ur-button--default.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(149, 149, 149, 0.2);
}
.ur-button--borderless.ur-button--default:not(.ur-button--loading):active, .ur-button--default.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(149, 149, 149, 0.4);
}
.ur-button--borderless.ur-button--default::after, .ur-button--default.ur-button--hyperlink::after {
  border-color: transparent #959595 #959595 #959595;
}

.ur-button--solid.ur-button--primary {
  background-color: #047ad5;
  border-color: #047ad5;
  color: #ffffff;
}
.ur-button--solid.ur-button--primary:not(.ur-button--loading):hover {
  background-color: #0362aa;
  border-color: #0362aa;
}
.ur-button--solid.ur-button--primary:not(.ur-button--loading):active {
  background-color: #035595;
  border-color: #035595;
}
.ur-button--solid.ur-button--primary::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--primary {
  color: #047ad5;
  border-color: #047ad5;
}
.ur-button--border.ur-button--primary:not(.ur-button--loading):hover {
  background-color: rgba(4, 122, 213, 0.2);
}
.ur-button--border.ur-button--primary:not(.ur-button--loading):active {
  background-color: rgba(4, 122, 213, 0.4);
}
.ur-button--border.ur-button--primary::after {
  border-color: transparent #047ad5 #047ad5 #047ad5;
}

.ur-button--borderless.ur-button--primary, .ur-button--primary.ur-button--hyperlink {
  color: #047ad5;
}
.ur-button--borderless.ur-button--primary:not(.ur-button--loading):hover, .ur-button--primary.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(4, 122, 213, 0.2);
}
.ur-button--borderless.ur-button--primary:not(.ur-button--loading):active, .ur-button--primary.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(4, 122, 213, 0.4);
}
.ur-button--borderless.ur-button--primary::after, .ur-button--primary.ur-button--hyperlink::after {
  border-color: transparent #047ad5 #047ad5 #047ad5;
}

.ur-button--solid.ur-button--point {
  background-color: #3cbef5;
  border-color: #3cbef5;
  color: #ffffff;
}
.ur-button--solid.ur-button--point:not(.ur-button--loading):hover {
  background-color: #3098c4;
  border-color: #3098c4;
}
.ur-button--solid.ur-button--point:not(.ur-button--loading):active {
  background-color: #2a85ac;
  border-color: #2a85ac;
}
.ur-button--solid.ur-button--point::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--point {
  color: #3cbef5;
  border-color: #3cbef5;
}
.ur-button--border.ur-button--point:not(.ur-button--loading):hover {
  background-color: rgba(60, 190, 245, 0.2);
}
.ur-button--border.ur-button--point:not(.ur-button--loading):active {
  background-color: rgba(60, 190, 245, 0.4);
}
.ur-button--border.ur-button--point::after {
  border-color: transparent #3cbef5 #3cbef5 #3cbef5;
}

.ur-button--borderless.ur-button--point, .ur-button--point.ur-button--hyperlink {
  color: #3cbef5;
}
.ur-button--borderless.ur-button--point:not(.ur-button--loading):hover, .ur-button--point.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(60, 190, 245, 0.2);
}
.ur-button--borderless.ur-button--point:not(.ur-button--loading):active, .ur-button--point.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(60, 190, 245, 0.4);
}
.ur-button--borderless.ur-button--point::after, .ur-button--point.ur-button--hyperlink::after {
  border-color: transparent #3cbef5 #3cbef5 #3cbef5;
}

.ur-button--solid.ur-button--normal {
  background-color: #959595;
  border-color: #959595;
  color: #000000;
}
.ur-button--solid.ur-button--normal:not(.ur-button--loading):hover {
  background-color: #777777;
  border-color: #777777;
}
.ur-button--solid.ur-button--normal:not(.ur-button--loading):active {
  background-color: #686868;
  border-color: #686868;
}
.ur-button--solid.ur-button--normal::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--normal {
  color: #959595;
  border-color: #959595;
}
.ur-button--border.ur-button--normal:not(.ur-button--loading):hover {
  background-color: rgba(149, 149, 149, 0.2);
}
.ur-button--border.ur-button--normal:not(.ur-button--loading):active {
  background-color: rgba(149, 149, 149, 0.4);
}
.ur-button--border.ur-button--normal::after {
  border-color: transparent #959595 #959595 #959595;
}

.ur-button--borderless.ur-button--normal, .ur-button--normal.ur-button--hyperlink {
  color: #959595;
}
.ur-button--borderless.ur-button--normal:not(.ur-button--loading):hover, .ur-button--normal.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(149, 149, 149, 0.2);
}
.ur-button--borderless.ur-button--normal:not(.ur-button--loading):active, .ur-button--normal.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(149, 149, 149, 0.4);
}
.ur-button--borderless.ur-button--normal::after, .ur-button--normal.ur-button--hyperlink::after {
  border-color: transparent #959595 #959595 #959595;
}

.ur-button--solid.ur-button--red {
  background-color: #ff5858;
  border-color: #ff5858;
  color: #ffffff;
}
.ur-button--solid.ur-button--red:not(.ur-button--loading):hover {
  background-color: #cc4646;
  border-color: #cc4646;
}
.ur-button--solid.ur-button--red:not(.ur-button--loading):active {
  background-color: #b33e3e;
  border-color: #b33e3e;
}
.ur-button--solid.ur-button--red::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--red {
  color: #ff5858;
  border-color: #ff5858;
}
.ur-button--border.ur-button--red:not(.ur-button--loading):hover {
  background-color: rgba(255, 88, 88, 0.2);
}
.ur-button--border.ur-button--red:not(.ur-button--loading):active {
  background-color: rgba(255, 88, 88, 0.4);
}
.ur-button--border.ur-button--red::after {
  border-color: transparent #ff5858 #ff5858 #ff5858;
}

.ur-button--borderless.ur-button--red, .ur-button--red.ur-button--hyperlink {
  color: #ff5858;
}
.ur-button--borderless.ur-button--red:not(.ur-button--loading):hover, .ur-button--red.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(255, 88, 88, 0.2);
}
.ur-button--borderless.ur-button--red:not(.ur-button--loading):active, .ur-button--red.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(255, 88, 88, 0.4);
}
.ur-button--borderless.ur-button--red::after, .ur-button--red.ur-button--hyperlink::after {
  border-color: transparent #ff5858 #ff5858 #ff5858;
}

.ur-button--solid.ur-button--orange {
  background-color: #f7a443;
  border-color: #f7a443;
  color: #ffffff;
}
.ur-button--solid.ur-button--orange:not(.ur-button--loading):hover {
  background-color: #c68336;
  border-color: #c68336;
}
.ur-button--solid.ur-button--orange:not(.ur-button--loading):active {
  background-color: #ad732f;
  border-color: #ad732f;
}
.ur-button--solid.ur-button--orange::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--orange {
  color: #f7a443;
  border-color: #f7a443;
}
.ur-button--border.ur-button--orange:not(.ur-button--loading):hover {
  background-color: rgba(247, 164, 67, 0.2);
}
.ur-button--border.ur-button--orange:not(.ur-button--loading):active {
  background-color: rgba(247, 164, 67, 0.4);
}
.ur-button--border.ur-button--orange::after {
  border-color: transparent #f7a443 #f7a443 #f7a443;
}

.ur-button--borderless.ur-button--orange, .ur-button--orange.ur-button--hyperlink {
  color: #f7a443;
}
.ur-button--borderless.ur-button--orange:not(.ur-button--loading):hover, .ur-button--orange.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(247, 164, 67, 0.2);
}
.ur-button--borderless.ur-button--orange:not(.ur-button--loading):active, .ur-button--orange.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(247, 164, 67, 0.4);
}
.ur-button--borderless.ur-button--orange::after, .ur-button--orange.ur-button--hyperlink::after {
  border-color: transparent #f7a443 #f7a443 #f7a443;
}

.ur-button--solid.ur-button--green {
  background-color: #4fce67;
  border-color: #4fce67;
  color: #ffffff;
}
.ur-button--solid.ur-button--green:not(.ur-button--loading):hover {
  background-color: #3fa552;
  border-color: #3fa552;
}
.ur-button--solid.ur-button--green:not(.ur-button--loading):active {
  background-color: #379048;
  border-color: #379048;
}
.ur-button--solid.ur-button--green::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--green {
  color: #4fce67;
  border-color: #4fce67;
}
.ur-button--border.ur-button--green:not(.ur-button--loading):hover {
  background-color: rgba(79, 206, 103, 0.2);
}
.ur-button--border.ur-button--green:not(.ur-button--loading):active {
  background-color: rgba(79, 206, 103, 0.4);
}
.ur-button--border.ur-button--green::after {
  border-color: transparent #4fce67 #4fce67 #4fce67;
}

.ur-button--borderless.ur-button--green, .ur-button--green.ur-button--hyperlink {
  color: #4fce67;
}
.ur-button--borderless.ur-button--green:not(.ur-button--loading):hover, .ur-button--green.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(79, 206, 103, 0.2);
}
.ur-button--borderless.ur-button--green:not(.ur-button--loading):active, .ur-button--green.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(79, 206, 103, 0.4);
}
.ur-button--borderless.ur-button--green::after, .ur-button--green.ur-button--hyperlink::after {
  border-color: transparent #4fce67 #4fce67 #4fce67;
}

.ur-button--solid.ur-button--blue {
  background-color: #2e86c1;
  border-color: #2e86c1;
  color: #ffffff;
}
.ur-button--solid.ur-button--blue:not(.ur-button--loading):hover {
  background-color: #256b9a;
  border-color: #256b9a;
}
.ur-button--solid.ur-button--blue:not(.ur-button--loading):active {
  background-color: #205e87;
  border-color: #205e87;
}
.ur-button--solid.ur-button--blue::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--blue {
  color: #2e86c1;
  border-color: #2e86c1;
}
.ur-button--border.ur-button--blue:not(.ur-button--loading):hover {
  background-color: rgba(46, 134, 193, 0.2);
}
.ur-button--border.ur-button--blue:not(.ur-button--loading):active {
  background-color: rgba(46, 134, 193, 0.4);
}
.ur-button--border.ur-button--blue::after {
  border-color: transparent #2e86c1 #2e86c1 #2e86c1;
}

.ur-button--borderless.ur-button--blue, .ur-button--blue.ur-button--hyperlink {
  color: #2e86c1;
}
.ur-button--borderless.ur-button--blue:not(.ur-button--loading):hover, .ur-button--blue.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(46, 134, 193, 0.2);
}
.ur-button--borderless.ur-button--blue:not(.ur-button--loading):active, .ur-button--blue.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(46, 134, 193, 0.4);
}
.ur-button--borderless.ur-button--blue::after, .ur-button--blue.ur-button--hyperlink::after {
  border-color: transparent #2e86c1 #2e86c1 #2e86c1;
}

.ur-button--solid.ur-button--navy {
  background-color: #1a5276;
  border-color: #1a5276;
  color: #ffffff;
}
.ur-button--solid.ur-button--navy:not(.ur-button--loading):hover {
  background-color: #15425e;
  border-color: #15425e;
}
.ur-button--solid.ur-button--navy:not(.ur-button--loading):active {
  background-color: #123953;
  border-color: #123953;
}
.ur-button--solid.ur-button--navy::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--navy {
  color: #1a5276;
  border-color: #1a5276;
}
.ur-button--border.ur-button--navy:not(.ur-button--loading):hover {
  background-color: rgba(26, 82, 118, 0.2);
}
.ur-button--border.ur-button--navy:not(.ur-button--loading):active {
  background-color: rgba(26, 82, 118, 0.4);
}
.ur-button--border.ur-button--navy::after {
  border-color: transparent #1a5276 #1a5276 #1a5276;
}

.ur-button--borderless.ur-button--navy, .ur-button--navy.ur-button--hyperlink {
  color: #1a5276;
}
.ur-button--borderless.ur-button--navy:not(.ur-button--loading):hover, .ur-button--navy.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(26, 82, 118, 0.2);
}
.ur-button--borderless.ur-button--navy:not(.ur-button--loading):active, .ur-button--navy.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(26, 82, 118, 0.4);
}
.ur-button--borderless.ur-button--navy::after, .ur-button--navy.ur-button--hyperlink::after {
  border-color: transparent #1a5276 #1a5276 #1a5276;
}

.ur-button--solid.ur-button--violet {
  background-color: #884ea0;
  border-color: #884ea0;
  color: #ffffff;
}
.ur-button--solid.ur-button--violet:not(.ur-button--loading):hover {
  background-color: #6d3e80;
  border-color: #6d3e80;
}
.ur-button--solid.ur-button--violet:not(.ur-button--loading):active {
  background-color: #5f3770;
  border-color: #5f3770;
}
.ur-button--solid.ur-button--violet::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--violet {
  color: #884ea0;
  border-color: #884ea0;
}
.ur-button--border.ur-button--violet:not(.ur-button--loading):hover {
  background-color: rgba(136, 78, 160, 0.2);
}
.ur-button--border.ur-button--violet:not(.ur-button--loading):active {
  background-color: rgba(136, 78, 160, 0.4);
}
.ur-button--border.ur-button--violet::after {
  border-color: transparent #884ea0 #884ea0 #884ea0;
}

.ur-button--borderless.ur-button--violet, .ur-button--violet.ur-button--hyperlink {
  color: #884ea0;
}
.ur-button--borderless.ur-button--violet:not(.ur-button--loading):hover, .ur-button--violet.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(136, 78, 160, 0.2);
}
.ur-button--borderless.ur-button--violet:not(.ur-button--loading):active, .ur-button--violet.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(136, 78, 160, 0.4);
}
.ur-button--borderless.ur-button--violet::after, .ur-button--violet.ur-button--hyperlink::after {
  border-color: transparent #884ea0 #884ea0 #884ea0;
}

.ur-button--solid.ur-button--white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.ur-button--solid.ur-button--white:not(.ur-button--loading):hover {
  background-color: #cccccc;
  border-color: #cccccc;
}
.ur-button--solid.ur-button--white:not(.ur-button--loading):active {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.ur-button--solid.ur-button--white::after {
  border-color: transparent #333333 #333333 #333333;
}

.ur-button--border.ur-button--white {
  color: #ffffff;
  border-color: #ffffff;
}
.ur-button--border.ur-button--white:not(.ur-button--loading):hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ur-button--border.ur-button--white:not(.ur-button--loading):active {
  background-color: rgba(255, 255, 255, 0.4);
}
.ur-button--border.ur-button--white::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--borderless.ur-button--white, .ur-button--white.ur-button--hyperlink {
  color: #ffffff;
}
.ur-button--borderless.ur-button--white:not(.ur-button--loading):hover, .ur-button--white.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ur-button--borderless.ur-button--white:not(.ur-button--loading):active, .ur-button--white.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(255, 255, 255, 0.4);
}
.ur-button--borderless.ur-button--white::after, .ur-button--white.ur-button--hyperlink::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--solid.ur-button--black {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.ur-button--solid.ur-button--black:not(.ur-button--loading):hover {
  background-color: black;
  border-color: black;
}
.ur-button--solid.ur-button--black:not(.ur-button--loading):active {
  background-color: black;
  border-color: black;
}
.ur-button--solid.ur-button--black::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.ur-button--border.ur-button--black {
  color: #000000;
  border-color: #000000;
}
.ur-button--border.ur-button--black:not(.ur-button--loading):hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.ur-button--border.ur-button--black:not(.ur-button--loading):active {
  background-color: rgba(0, 0, 0, 0.4);
}
.ur-button--border.ur-button--black::after {
  border-color: transparent #000000 #000000 #000000;
}

.ur-button--borderless.ur-button--black, .ur-button--black.ur-button--hyperlink {
  color: #000000;
}
.ur-button--borderless.ur-button--black:not(.ur-button--loading):hover, .ur-button--black.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.ur-button--borderless.ur-button--black:not(.ur-button--loading):active, .ur-button--black.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(0, 0, 0, 0.4);
}
.ur-button--borderless.ur-button--black::after, .ur-button--black.ur-button--hyperlink::after {
  border-color: transparent #000000 #000000 #000000;
}

.ur-button.ur-button--hyperlink:not(.ur-button--loading):hover {
  background-color: rgba(255, 255, 255, 0);
}

.ur-button.ur-button--hyperlink:not(.ur-button--loading):active {
  background-color: rgba(255, 255, 255, 0);
}

/* Disabled */
.ur-button--disabled.ur-button--solid {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #cccccc;
}

.ur-button--disabled.ur-button--solid::after {
  border-color: transparent #cccccc #cccccc #cccccc;
}

.ur-button--disabled.ur-button--border {
  color: #cccccc;
  border-color: #cccccc;
  background-color: rgba(255, 255, 255, 0);
}

.ur-button--disabled.ur-button--border::after {
  border-color: transparent #cccccc #cccccc #cccccc;
}

.ur-button--disabled.ur-button--borderless, .ur-button--disabled.ur-button--hyperlink {
  color: #cccccc;
  background-color: rgba(255, 255, 255, 0);
}

.ur-button--disabled.ur-button--borderless::after, .ur-button--disabled.ur-button--hyperlink::after {
  border-color: transparent #cccccc #cccccc #cccccc;
}

.ur-button--small + .ur-button--small {
  margin-left: 4px;
}

.ur-button--medium + .ur-button--medium {
  margin-left: 8px;
}

.ur-button--large + .ur-button--large {
  margin-left: 8px;
}

.ur-button--small + .ur-dropdown--medium {
  margin-left: 8px;
}

.ur-button__icon--with-slot {
  margin-right: 4px;
}

.ur-card {
  border: 1px solid #dbdbdb;
  background: #ffffff;
}

.ur-card__media {
  position: relative;
  margin-bottom: 8px;
}

.ur-card__contents {
  position: relative;
  display: block;
  padding: 24px;
}

.ur-card__contents .ur-card__media {
  width: 100%;
}

.ur-card__header {
  font-size: 24px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 24px;
}

.ur-card__body {
  font-size: 14px;
  line-height: 24px;
  color: #959595;
  margin-bottom: 24px;
}

.ur-card__second {
  color: #959595;
  font-size: 12px;
}

.ur-card__second em {
  font-wieght: bold;
  color: #047ad5;
  font-style: normal;
}

.ur-card__action {
  font-size: 12px;
  margin-top: 0px;
  color: #767676;
}

.ur-card__action hr[v] {
  display: inline-block;
  margin: 0 4px 0 8px;
  height: 8px;
  border-top: none;
}

.ur-card__action--floating {
  float: right;
  color: #047ad5;
}

.ur-card__profile {
  margin-bottom: 16px;
  min-height: 40px;
}

.ur-card__avatar {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 8px;
}

.ur-card__name {
  font-size: 16px;
  color: #333333;
  font-weight: 700;
}

.ur-card__tray {
  height: 24px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}

.ur-card__tag {
  background: #e6f2fb;
  color: #047ad5;
  font-size: 14px;
  border-radius: 2px;
  height: 24px;
  padding: 1px 8px 3px 8px;
}

.ur-card__tag--cling-above {
  align-self: flex-end;
  margin-top: -32px;
  margin-right: 8px;
  z-index: 1;
}

.ur-card--left-media {
  display: flex;
}
.ur-card--left-media .ur-card__header {
  margin-bottom: 16px;
}
.ur-card--left-media .ur-card__media {
  height: 100%;
  width: 219px;
  margin-bottom: 0;
}
.ur-card--left-media .ur-card__contents-image {
  flex: 1 1 auto;
}
.ur-card--left-media .ur-card__contents-text {
  flex: 1 1 auto;
  padding: 32px 24px;
}

.ur-card--top-media {
  display: flex;
  flex-direction: column;
}
.ur-card--top-media .ur-card__header {
  margin-bottom: 4px;
  font-size: 16px;
  padding-right: 28px;
}
.ur-card--top-media .ur-card__body {
  font-size: 12px;
  padding-right: 28px;
}
.ur-card--top-media .ur-card__media {
  width: auto;
  height: 163px;
  margin-bottom: 0;
}
.ur-card--top-media .ur-card__contents-image {
  flex: 1 1 auto;
  text-align: center;
  height: 163px;
}
.ur-card--top-media .ur-card__contents-text {
  flex: 1 1 auto;
  position: relative;
  display: block;
  padding: 16px 24px 24px 24px;
}
.ur-card--top-media .ur-card__contents-text .ur-card__body {
  margin-bottom: 0;
}

.ur-carousel--thumb {
  margin: 0 32px;
}

.ur-carousel__window {
  overflow: hidden;
  position: relative;
}

.ur-carousel__left-move,
.ur-carousel__right-move {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 48px;
  z-index: 1;
  opacity: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-carousel__left-move:hover,
.ur-carousel__right-move:hover {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
}

.ur-carousel__left-move {
  left: 0;
}
.ur-carousel__left-move .ur-icon {
  transform: rotate(270deg);
}

.ur-carousel__right-move {
  right: 0;
}
.ur-carousel__right-move .ur-icon {
  transform: rotate(90deg);
}

.ur-carousel__move--block {
  color: #cccccc;
}
.ur-carousel__move--block:hover {
  background: none;
  cursor: default;
}

.ur-carousel__item-wrapper {
  display: flex;
  transition: 0.5s;
}

.ur-carousel__pager {
  position: relative;
}

.ur-carousel__pager-dot {
  width: 8px;
  height: 8px;
  margin: 16px 0;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #5a5a5a;
}

.ur-carousel__pager-dot.ur-carousel__pager--active {
  border: none;
  background: #047ad5;
}

.ur-carousel__pager-dot + .ur-carousel__pager-dot {
  margin-left: 16px;
}

.ur-carousel__pager-window {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ur-carousel__pager-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  transition: 0.5s;
}

.ur-carousel__pager-thumb {
  margin: 0 4px;
  border: 1px solid #dbdbdb;
  cursor: pointer;
}

.ur-carousel__pager-thumb.ur-carousel__pager--active {
  border: 2px solid #047ad5;
}

.ur-carousel__pager-caret-left,
.ur-carousel__pager-caret-right {
  position: absolute;
  top: 16px;
  bottom: 0;
  display: flex;
  width: 32px;
  cursor: pointer;
}

.ur-carousel__pager-caret-left {
  right: 100%;
  justify-content: center;
}
.ur-carousel__pager-caret-left .ur-icon {
  transform: rotate(270deg);
}

.ur-carousel__pager-caret-right {
  left: 100%;
  justify-content: center;
}
.ur-carousel__pager-caret-right .ur-icon {
  transform: rotate(90deg);
}

.ur-carousel-item {
  border: 1px solid #ccc;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-carousel-item img {
  max-height: 100%;
  max-width: 100%;
  flex-shrink: 1;
}

.ur-checkbox {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: flex-start;
  font-size: 14px;
}

.ur-checkbox__icon {
  cursor: pointer;
  outline: none;
}

.ur-checkbox__label {
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  color: #333333;
}

.ur-checkbox--small {
  line-height: 16px;
}
.ur-checkbox--small .ur-checkbox__icon {
  font-size: 16px;
}
.ur-checkbox--small .ur-checkbox__label {
  margin-left: 8px;
  font-size: 14px;
}

.ur-checkbox--medium {
  line-height: 20px;
}
.ur-checkbox--medium .ur-checkbox__icon {
  font-size: 20px;
}
.ur-checkbox--medium .ur-checkbox__label {
  margin-left: 8px;
  font-size: 16px;
}

.ur-checkbox--large {
  line-height: 22px;
}
.ur-checkbox--large .ur-checkbox__icon {
  font-size: 22px;
}
.ur-checkbox--large .ur-checkbox__label {
  margin-left: 8px;
  font-size: 18px;
}

.ur-checkbox__icon.ur-checkbox__unchecked {
  color: #a5a5a5;
}

.ur-checkbox__icon.ur-checkbox__checked {
  color: #047ad5;
}

.ur-checkbox__icon.ur-checkbox__indeterminate {
  color: #047ad5;
}

.ur-checkbox:hover .ur-checkbox__icon {
  color: #047ad5;
}

.ur-checkbox--disabled {
  pointer-events: none;
}
.ur-checkbox--disabled .ur-checkbox__label {
  color: #959595 !important;
}
.ur-checkbox--disabled .ur-checkbox__checked {
  color: #9bcaee !important;
}
.ur-checkbox--disabled .ur-checkbox__indeterminate {
  color: #9bcaee !important;
}
.ur-checkbox--disabled .ur-checkbox__unchecked {
  color: #cccccc !important;
}

.ur-checkbox-wrapper .ur-checkbox.ur-validator--error {
  color: #ff5858;
}

.ur-checkbox-wrapper .ur-validator--error .ur-checkbox__icon,
.ur-checkbox-wrapper .ur-validator--error .ur-checkbox__label {
  color: #ff5858;
}

.ur-checkbox-wrapper.ur-validator--shake .ur-checkbox.ur-validator--error {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-checkbox-wrapper {
  position: relative;
}

.ur-checkbox-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-checkbox-wrapper.ur-validator--error .ur-checkbox-wrapper__message {
  color: #ff5858;
}

.ur-checkbox-wrapper.ur-validator--valid .ur-checkbox-wrapper__message {
  color: #4fce67;
}

.ur-checkbox-wrapper.ur-validator--error .ur-checkbox-wrapper__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-checkbox-wrapper.ur-validator--valid .ur-checkbox-wrapper__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-color-picker .ur-color-picker__box {
  width: 100%;
  cursor: pointer;
  min-height: 12px;
}

.ur-color-picker__set {
  display: flex;
  z-index: 10000;
}
.ur-color-picker__set .ur-color-picker__close-icon {
  align-self: flex-end;
  background-color: white;
  color: black;
  width: 18px;
  height: 18px;
  cursor: pointer;
  border-radius: 0 0 2px 2px;
}

.ur-context-box {
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  min-height: 30px;
  padding: 12px 8px;
  box-shadow: 10px 10px 20px 10px rgba(0, 0, 0, 0.1);
}

.ur-context-item {
  cursor: pointer;
  margin: 0 4px;
}
.ur-context-item:hover {
  background-color: #f7f7f7;
}
.ur-context-item:active {
  background-color: #eaeaea;
}

.ur-input-chip__container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.ur-input-chip__container-small {
  height: 24px;
  padding-right: 8px;
  padding-left: 3px;
  border-radius: 12px;
  line-height: 24px;
  font-size: 12px;
}

.ur-input-chip__container-medium {
  height: 32px;
  padding-right: 8px;
  padding-left: 4px;
  border-radius: 16px;
  line-height: 24px;
  font-size: 14px;
}

.ur-input-chip__container-non-image {
  padding-left: 8px;
}

.ur-input-chip__image {
  vertical-align: top;
}

.ur-input-chip__image-small {
  width: 18px;
  height: 18px;
  border-radius: 9px;
}

.ur-input-chip__image-medium {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.ur-input-chip__slot {
  margin: 0 8px 0 8px;
}

.ur-input-chip__slot-small {
  margin: 0 8px 0 4px;
}

.ur-input-chip__icon {
  text-align: center;
}

.ur-input-chip__icon-small {
  font-size: 6px;
  height: 12px;
  width: 12px;
}

.ur-input-chip__icon-medium {
  font-size: 8px;
  height: 16px;
  width: 16px;
}

.ur-input-chip__close-small {
  height: 12px;
  width: 12px;
  border-radius: 6px;
}

.ur-input-chip__close-medium {
  height: 16px;
  width: 16px;
  border-radius: 8px;
}

.ur-input-chip__container-disabled {
  background-color: #eaeaea;
}

.ur-input-chip__close-disabled {
  color: #cccccc;
}

.ur-input-chip__slot-disabled {
  color: #959595;
}

/* ColorSet */
.ur-input-chip__container-primary-input {
  background-color: #047ad5;
  color: #ffffff;
}
.ur-input-chip__container-primary-input:active {
  background-color: #0362aa;
}

.ur-input-chip__slot-primary-input {
  color: #ffffff;
}

.ur-input-chip__close-primary-input {
  background-color: rgba(0, 0, 0, 0);
  color: #9bcaee;
}

.ur-input-chip__close-primary-input-hover {
  background-color: #0362aa;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-primary-input-active {
  background-color: #035595;
  color: #ffffff;
}

.ur-input-chip__icon-primary {
  color: #ffffff;
}

.ur-input-chip__container-point-input {
  background-color: #3cbef5;
  color: #ffffff;
}
.ur-input-chip__container-point-input:active {
  background-color: #8ad8f9;
}

.ur-input-chip__slot-point-input {
  color: #ffffff;
}

.ur-input-chip__close-point-input {
  background-color: rgba(0, 0, 0, 0);
  color: #cde4f7;
}

.ur-input-chip__close-point-input-hover {
  background-color: #68afe6;
  color: #047ad5;
  cursor: pointer;
}

.ur-input-chip__close-point-input-active {
  background-color: #cde4f7;
  color: #ffffff;
}

.ur-input-chip__icon-point {
  color: #ffffff;
}

.ur-input-chip__container-normal-input {
  background-color: #eaeaea;
  color: #5a5a5a;
}
.ur-input-chip__container-normal-input:active {
  background-color: #cccccc;
}

.ur-input-chip__slot-normal-input {
  color: #5a5a5a;
}

.ur-input-chip__close-normal-input {
  background-color: rgba(0, 0, 0, 0);
  color: #959595;
}

.ur-input-chip__close-normal-input-hover {
  background-color: #dbdbdb;
  color: #5a5a5a;
  cursor: pointer;
}

.ur-input-chip__close-normal-input-active {
  background-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}

.ur-input-chip__icon-normal {
  color: #5a5a5a;
}

.ur-input-chip__container-red-input {
  background-color: #ff5858;
  color: #ffffff;
}
.ur-input-chip__container-red-input:active {
  background-color: #cc4646;
}

.ur-input-chip__slot-red-input {
  color: #ffffff;
}

.ur-input-chip__close-red-input {
  background-color: rgba(0, 0, 0, 0);
  color: #ffbcbc;
}

.ur-input-chip__close-red-input-hover {
  background-color: #cc4646;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-red-input-active {
  background-color: #b33e3e;
  color: #ffffff;
}

.ur-input-chip__icon-red {
  color: #ffffff;
}

.ur-input-chip__container-orange-input {
  background-color: #f7a443;
  color: #ffffff;
}
.ur-input-chip__container-orange-input:active {
  background-color: #c68336;
}

.ur-input-chip__slot-orange-input {
  color: #ffffff;
}

.ur-input-chip__close-orange-input {
  background-color: rgba(0, 0, 0, 0);
  color: #fcdbb4;
}

.ur-input-chip__close-orange-input-hover {
  background-color: #c68336;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-orange-input-active {
  background-color: #ad732f;
  color: #ffffff;
}

.ur-input-chip__icon-orange {
  color: #ffffff;
}

.ur-input-chip__container-green-input {
  background-color: #4fce67;
  color: #ffffff;
}
.ur-input-chip__container-green-input:active {
  background-color: #3fa552;
}

.ur-input-chip__slot-green-input {
  color: #ffffff;
}

.ur-input-chip__close-green-input {
  background-color: rgba(0, 0, 0, 0);
  color: #b9ebc2;
}

.ur-input-chip__close-green-input-hover {
  background-color: #3fa552;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-green-input-active {
  background-color: #379048;
  color: #ffffff;
}

.ur-input-chip__icon-green {
  color: #ffffff;
}

.ur-input-chip__container-blue-input {
  background-color: #2e86c1;
  color: #ffffff;
}
.ur-input-chip__container-blue-input:active {
  background-color: #256b9a;
}

.ur-input-chip__slot-blue-input {
  color: #ffffff;
}

.ur-input-chip__close-blue-input {
  background-color: rgba(0, 0, 0, 0);
  color: #abcfe6;
}

.ur-input-chip__close-blue-input-hover {
  background-color: #256b9a;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-blue-input-active {
  background-color: #82b6da;
  color: #ffffff;
}

.ur-input-chip__icon-blue {
  color: #ffffff;
}

.ur-input-chip__container-navy-input {
  background-color: #1a5276;
  color: #ffffff;
}
.ur-input-chip__container-navy-input:active {
  background-color: #15425e;
}

.ur-input-chip__slot-navy-input {
  color: #ffffff;
}

.ur-input-chip__close-navy-input {
  background-color: rgba(0, 0, 0, 0);
  color: #a3bac8;
}

.ur-input-chip__close-navy-input-hover {
  background-color: #15425e;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-navy-input-active {
  background-color: #7697ad;
  color: #ffffff;
}

.ur-input-chip__icon-navy {
  color: #ffffff;
}

.ur-input-chip__container-violet-input {
  background-color: #884ea0;
  color: #ffffff;
}
.ur-input-chip__container-violet-input:active {
  background-color: #6d3e80;
}

.ur-input-chip__slot-violet-input {
  color: #ffffff;
}

.ur-input-chip__close-violet-input {
  background-color: rgba(0, 0, 0, 0);
  color: #cfb8d9;
}

.ur-input-chip__close-violet-input-hover {
  background-color: #6d3e80;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-violet-input-active {
  background-color: #b895c6;
  color: #ffffff;
}

.ur-input-chip__icon-violet {
  color: #ffffff;
}

.ur-input-chip__container-white-input {
  background-color: #ffffff;
  color: #000000;
}
.ur-input-chip__container-white-input:active {
  background-color: #cccccc;
}

.ur-input-chip__slot-white-input {
  color: #000000;
}

.ur-input-chip__close-white-input {
  background-color: rgba(255, 255, 255, 0);
  color: white;
}

.ur-input-chip__close-white-input-hover {
  background-color: #cccccc;
  color: #ffffff;
  cursor: pointer;
}

.ur-input-chip__close-white-input-active {
  background-color: #b3b3b3;
  color: #ffffff;
}

.ur-input-chip__icon-white {
  color: #000000;
}

.ur-input-chip__container-black-input {
  background-color: #000000;
  color: #ffffff;
}
.ur-input-chip__container-black-input:active {
  background-color: black;
}

.ur-input-chip__slot-black-input {
  color: #ffffff;
}

.ur-input-chip__close-black-input {
  background-color: rgba(0, 0, 0, 0);
  color: #999999;
}

.ur-input-chip__close-black-input-hover {
  background-color: black;
  color: #000000;
  cursor: pointer;
}

.ur-input-chip__close-black-input-active {
  background-color: black;
  color: #ffffff;
}

.ur-input-chip__icon-black {
  color: #ffffff;
}

.ur-filter-chip__container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.ur-filter-chip__container-small {
  height: 24px;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 12px;
  line-height: 24px;
  font-size: 12px;
}

.ur-filter-chip__container-medium {
  height: 32px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 16px;
  line-height: 24px;
  font-size: 14px;
}

.ur-filter-chip-ide.ur-filter-chip-wrapper .ur-filter-chip__container-small {
  flex: 1 1 auto;
  height: 100%;
  margin-left: 2px;
  margin-right: 2px;
}

.ur-filter-chip-ide.ur-filter-chip-wrapper .ur-filter-chip__container-medium {
  flex: 1 1 auto;
  height: 100%;
  margin-left: 2px;
  margin-right: 2px;
}

.ur-filter-chip__container-non-image {
  padding-left: 8px;
}

.ur-filter-chip__image {
  vertical-align: top;
}

.ur-filter-chip__image-small {
  width: 18px;
  height: 18px;
  border-radius: 9px;
}

.ur-filter-chip__image-medium {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.ur-filter-chip__slot {
  margin: 0 8px 0 8px;
}

.ur-filter-chip__slot-small {
  margin: 0 8px 0 4px;
}

.ur-filter-chip__icon {
  text-align: center;
}

.ur-filter-chip__icon-small {
  font-size: 6px;
  height: 12px;
  width: 12px;
}

.ur-filter-chip__icon-medium {
  font-size: 8px;
  height: 16px;
  width: 16px;
}

.ur-filter-chip__close-small {
  height: 12px;
  width: 12px;
  border-radius: 6px;
}

.ur-filter-chip__close-medium {
  height: 16px;
  width: 16px;
  border-radius: 8px;
}

.ur-filter-chip__container-disabled {
  background-color: #eaeaea;
}

.ur-filter-chip__close-disabled {
  color: #cccccc;
}

.ur-filter-chip__slot-disabled {
  color: #959595;
}

/* ColorSet */
.ur-filter-chip__container-primary-filter {
  background-color: #047ad5;
  color: #ffffff;
}
.ur-filter-chip__container-primary-filter:hover {
  background-color: #0362aa;
}

.ur-filter-chip__container-primary-filter-selected {
  background-color: #0362aa;
  color: #ffffff;
}

.ur-filter-chip__slot-primary-filter {
  color: #ffffff;
}

.ur-input-filter__icon-primary {
  color: #ffffff;
}

.ur-filter-chip__container-point-filter {
  background-color: #3cbef5;
  color: #ffffff;
}
.ur-filter-chip__container-point-filter:hover {
  background-color: #8ad8f9;
}

.ur-filter-chip__container-point-filter-selected {
  background-color: #8ad8f9;
  color: #047ad5;
}

.ur-filter-chip__slot-point-filter {
  color: #ffffff;
}

.ur-input-filter__icon-point {
  color: #ffffff;
}

.ur-filter-chip__container-normal-filter {
  background-color: #eaeaea;
  color: #5a5a5a;
}
.ur-filter-chip__container-normal-filter:hover {
  background-color: #cccccc;
}

.ur-filter-chip__container-normal-filter-selected {
  background-color: #cccccc;
  color: #ffffff;
}

.ur-filter-chip__slot-normal-filter {
  color: #5a5a5a;
}

.ur-input-filter__icon-normal {
  color: #5a5a5a;
}

.ur-filter-chip__container-red-filter {
  background-color: #ff5858;
  color: #ffffff;
}
.ur-filter-chip__container-red-filter:hover {
  background-color: #cc4646;
}

.ur-filter-chip__container-red-filter-selected {
  background-color: #cc4646;
  color: #ffffff;
}

.ur-filter-chip__slot-red-filter {
  color: #ffffff;
}

.ur-input-filter__icon-red {
  color: #ffffff;
}

.ur-filter-chip__container-orange-filter {
  background-color: #f7a443;
  color: #ffffff;
}
.ur-filter-chip__container-orange-filter:hover {
  background-color: #c68336;
}

.ur-filter-chip__container-orange-filter-selected {
  background-color: #c68336;
  color: #ffffff;
}

.ur-filter-chip__slot-orange-filter {
  color: #ffffff;
}

.ur-input-filter__icon-orange {
  color: #ffffff;
}

.ur-filter-chip__container-green-filter {
  background-color: #4fce67;
  color: #ffffff;
}
.ur-filter-chip__container-green-filter:hover {
  background-color: #3fa552;
}

.ur-filter-chip__container-green-filter-selected {
  background-color: #3fa552;
  color: #ffffff;
}

.ur-filter-chip__slot-green-filter {
  color: #ffffff;
}

.ur-input-filter__icon-green {
  color: #ffffff;
}

.ur-filter-chip__container-blue-filter {
  background-color: #2e86c1;
  color: #ffffff;
}
.ur-filter-chip__container-blue-filter:hover {
  background-color: #256b9a;
}

.ur-filter-chip__container-blue-filter-selected {
  background-color: #256b9a;
  color: #ffffff;
}

.ur-filter-chip__slot-blue-filter {
  color: #ffffff;
}

.ur-input-filter__icon-blue {
  color: #ffffff;
}

.ur-filter-chip__container-navy-filter {
  background-color: #1a5276;
  color: #ffffff;
}
.ur-filter-chip__container-navy-filter:hover {
  background-color: #15425e;
}

.ur-filter-chip__container-navy-filter-selected {
  background-color: #15425e;
  color: #ffffff;
}

.ur-filter-chip__slot-navy-filter {
  color: #ffffff;
}

.ur-input-filter__icon-navy {
  color: #ffffff;
}

.ur-filter-chip__container-violet-filter {
  background-color: #884ea0;
  color: #ffffff;
}
.ur-filter-chip__container-violet-filter:hover {
  background-color: #6d3e80;
}

.ur-filter-chip__container-violet-filter-selected {
  background-color: #6d3e80;
  color: #ffffff;
}

.ur-filter-chip__slot-violet-filter {
  color: #ffffff;
}

.ur-input-filter__icon-violet {
  color: #ffffff;
}

.ur-filter-chip__container-white-filter {
  background-color: #ffffff;
  color: #000000;
}
.ur-filter-chip__container-white-filter:hover {
  background-color: #cccccc;
}

.ur-filter-chip__container-white-filter-selected {
  background-color: #cccccc;
  color: #ffffff;
}

.ur-filter-chip__slot-white-filter {
  color: #000000;
}

.ur-input-filter__icon-white {
  color: #000000;
}

.ur-filter-chip__container-black-filter {
  background-color: #000000;
  color: #ffffff;
}
.ur-filter-chip__container-black-filter:hover {
  background-color: black;
}

.ur-filter-chip__container-black-filter-selected {
  background-color: black;
  color: #000000;
}

.ur-filter-chip__slot-black-filter {
  color: #ffffff;
}

.ur-input-filter__icon-black {
  color: #ffffff;
}

.ur-chip-wrapper {
  position: relative;
}

.ur-chip-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-chip-wrapper.ur-validator--error .ur-filter-chip-wrapper__message {
  color: #ff5858;
}

.ur-chip-wrapper.ur-validator--valid .ur-filter-chip-wrapper__message {
  color: #4fce67;
}

.ur-filter-chip-wrapper {
  position: relative;
}

.ur-filter-chip-wrapper.ur-validator--shake {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-filter-chip-ide.ur-filter-chip-wrapper {
  display: flex;
}

.ur-chip-wrapper__item + .ur-chip-wrapper__item {
  margin-left: 8px;
}

.ur-filter-chip-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-filter-chip-wrapper.ur-validator--error .ur-filter-chip-wrapper__message {
  color: #ff5858;
}

.ur-filter-chip-wrapper.ur-validator--valid .ur-filter-chip-wrapper__message {
  color: #4fce67;
}

.ur-filter-chip-wrapper.ur-validator--error .ur-filter-chip-wrapper__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-filter-chip-wrapper.ur-validator--valid .ur-filter-chip-wrapper__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

/* $border-radius; */
.ur-counter {
  font-size: 0;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  align-items: stretch;
}

.ur-counter__button {
  border: 1px solid #dbdbdb;
  height: 100%;
}
.ur-counter__button.ur-button--border {
  border-color: #dbdbdb;
}
.ur-counter__button.ur-button--minus {
  border-right: none;
}
.ur-counter__button.ur-button--plus {
  border-left: none;
}

.ur-counter__input::-ms-clear {
  display: none;
}

.ur-counter__input {
  padding: 0px 8px 0px 8px;
  border: 1px solid #dbdbdb;
  flex: 1 1 0px;
  min-width: 0;
  text-align: center;
  border-radius: 0;
  margin: 0;
  color: #333333;
  background-color: #ffffff;
}
.ur-counter__input {
  border-color: #dbdbdb;
}
.ur-counter__input:focus {
  border-color: #047ad5;
  background-color: #e6f2fb;
}
.ur-counter__input::-moz-placeholder {
  color: #959595;
}
.ur-counter__input::placeholder {
  color: #959595;
}
.ur-counter__input :-ms-input-placeholder {
  color: #959595 !important;
}
.ur-counter__input ::-ms-input-placeholder {
  color: #959595 !important;
}

.ur-counter__input:focus {
  outline: none;
}

.ur-counter__input::-webkit-inner-spin-button,
.ur-counter__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ur-counter__updown-wrapper {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  cursor: pointer;
}

.ur-counter__updown-upper,
.ur-counter__updown-lower {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ur-counter__updown-upper:before,
.ur-counter__updown-lower:before {
  content: "";
  border-style: solid;
  border-color: #dbdbdb transparent;
}

.ur-counter__updown-divider {
  flex: 0 0 1px;
  background: #dbdbdb;
  margin: 0px;
}

.ur-counter__input:hover {
  border-color: #047ad5;
}

.ur-counter__input:focus {
  outline: none;
  border-color: #047ad5;
}

.ur-counter__updown-upper:hover,
.ur-counter__updown-lower:hover {
  background: #f7f7f7;
}
.ur-counter__updown-upper:active::before,
.ur-counter__updown-lower:active::before {
  border-color: #5a5a5a transparent;
}

.ur-counter--small {
  height: 24px;
  width: 108px;
}
.ur-counter--small .ur-counter__input {
  font-size: 12px;
}
.ur-counter--small .ur-counter__button {
  flex: 0 0 24px;
}
.ur-counter--small .ur-counter__updown-wrapper {
  flex: 0 0 12px;
}
.ur-counter--small .ur-counter__updown-upper:before {
  border-width: 0 4px 5px 4px;
}
.ur-counter--small .ur-counter__updown-lower:before {
  border-width: 5px 4px 0 4px;
}

.ur-counter--medium {
  height: 32px;
  width: 144px;
}
.ur-counter--medium .ur-counter__input {
  font-size: 14px;
}
.ur-counter--medium .ur-counter__button {
  flex: 0 0 32px;
}
.ur-counter--medium .ur-counter__updown-wrapper {
  flex: 0 0 16px;
}
.ur-counter--medium .ur-counter__updown-upper:before {
  border-width: 0 5px 6px 5px;
}
.ur-counter--medium .ur-counter__updown-lower:before {
  border-width: 6px 5px 0 5px;
}

.ur-counter--large {
  height: 48px;
  width: 216px;
}
.ur-counter--large .ur-counter__input {
  font-size: 16px;
}
.ur-counter--large .ur-counter__button {
  flex: 0 0 48px;
}
.ur-counter--large .ur-counter__updown-wrapper {
  flex: 0 0 24px;
}
.ur-counter--large .ur-counter__updown-upper::before {
  border-width: 0 8px 10px 8px;
}
.ur-counter--large .ur-counter__updown-lower::before {
  border-width: 10px 8.32px 0 8px;
}

.ur-counter--disabled .ur-counter__input,
.ur-counter--disabled .ur-counter__button.ur-button--border {
  background-color: #dbdbdb;
  color: #767676;
  border-color: #dbdbdb;
}
.ur-counter--disabled .ur-counter__updown-wrapper {
  cursor: default;
}
.ur-counter--disabled .ur-counter__updown-upper:hover,
.ur-counter--disabled .ur-counter__updown-lower:hover {
  background: transparent;
}
.ur-counter--disabled .ur-counter__updown-upper::before,
.ur-counter--disabled .ur-counter__updown-lower::before {
  border-color: #cccccc transparent;
}

.ur-counter--readonly .ur-counter__input,
.ur-counter--readonly .ur-counter__button {
  background-color: #eaeaea;
  border-color: #a5a5a5;
}

.ur-counter--not-editable .ur-counter__input {
  background-color: #eaeaea;
}

.ur-counter--left .ur-counter__input {
  text-align: left;
}

.ur-counter--right .ur-counter__input {
  text-align: right;
}

.ur-counter--center .ur-counter__input {
  text-align: center;
}

.ur-date-picker {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}

.ur-date-picker-wrapper {
  position: relative;
  height: 100%;
}

.ur-date-picker.ur-date-picker-single .ur-text-field--border.ur-date-picker__text-field {
  width: 176px;
}

.ur-date-picker.ur-date-picker-range .ur-text-field--border.ur-date-picker__text-field {
  width: 144px;
}

.ur-date-picker.ur-date-picker-range .ur-text-field--border.ur-date-picker__text-field.ur-date-picker__text-field-one-input {
  width: 320px;
}

.ur-date-picker.ur-date-picker-single.ur-date-picker-ide .ur-text-field--border.ur-date-picker__text-field {
  width: 100%;
  height: 100%;
}

.ur-date-picker.ur-date-picker-range.ur-date-picker-ide .ur-text-field--border.ur-date-picker__text-field {
  flex: 1 1 AUTO;
  height: 100%;
}

.ur-date-picker.ur-date-picker-single.ur-date-picker-ide .ur-text-field--border .ur-text-field__input {
  height: 100%;
}

.ur-date-picker.ur-date-picker-range.ur-date-picker-ide .ur-text-field--border .ur-text-field__input {
  height: 100%;
}

.ur-date-picker__text-field .ur-text-field__input:focus {
  border-color: #dbdbdb;
  background-color: rgba(255, 255, 255, 0);
}

.ur-date-picker__icon-wrapper {
  position: relative;
  top: 1px;
  border-left: 1px solid #dbdbdb;
  cursor: pointer;
}

.ur-validator--error + .ur_date-picker__icon-wrapper {
  border-color: #ff5858;
}

.ur-date-picker--small {
  height: 24px;
}
.ur-date-picker--small .ur-icon-wrapper {
  height: 24px;
  width: 24px;
  flex: 0 0 24px;
  top: 2px;
}
.ur-date-picker--small .ur-date-picker__icon-wrapper {
  margin-left: -24px;
}
.ur-date-picker--small .ur-date-picker__calendar {
  top: 23px;
}

.ur-date-picker--medium {
  height: 32px;
}
.ur-date-picker--medium .ur-icon-wrapper {
  height: 32px;
  width: 32px;
  flex: 0 0 32px;
}
.ur-date-picker--medium .ur-date-picker__icon-wrapper {
  margin-left: -32px;
}
.ur-date-picker--medium .ur-date-picker__calendar {
  top: 31px;
}

.ur-date-picker.ur-date-picker-ide.ur-date-picker--small .ur-icon-wrapper {
  display: inline-flex;
  height: 100%;
}
.ur-date-picker.ur-date-picker-ide.ur-date-picker--small .ur-date-picker__calendar {
  top: calc(100% - 1px);
}

.ur-date-picker.ur-date-picker-ide.ur-date-picker--medium .ur-icon-wrapper {
  display: inline-flex;
  height: 100%;
}
.ur-date-picker.ur-date-picker-ide.ur-date-picker--medium .ur-date-picker__calendar {
  top: calc(100% - 1px);
}

.ur-date-picker__icon-wrapper-disabled {
  color: #cccccc;
  cursor: default;
}

.ur-date-picker__segment-wrapper {
  display: inline-block;
  margin-left: 8px;
}

.ur-date-picker.ur-date-picker-range.ur-date-picker-ide .ur-date-picker__segment-wrapper {
  height: 100%;
}

.ur-date-picker.ur-date-picker-range.ur-date-picker-ide .ur-date-picker__segment-wrapper .ur-segment-button {
  height: 100%;
}

.ur-date-picker__calendar {
  z-index: 200;
  width: 284px;
  position: absolute;
  left: 0;
  background-color: #ffffff;
  padding: 32px;
  border: 1px solid #dbdbdb;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ur-date-picker__calendar__month-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.ur-date-picker__calendar__month-area .ur-icon-wrapper {
  width: 28px;
  height: 28px;
  color: #767676;
  cursor: pointer;
  transform: rotate(90deg);
}
.ur-date-picker__calendar__month-area .ur-icon-wrapper:hover {
  color: #333333;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__month-area .ur-icon-wrapper:active {
  color: #333333;
  background-color: #eaeaea;
}
.ur-date-picker__calendar__month-area span {
  justify-content: space-between;
}

.ur-date-picker__calendar--range {
  width: 544px;
}
.ur-date-picker__calendar--range .ur-date-picker__calendar__month-area {
  justify-content: space-evenly;
}

.ur-date-picker__calendar__range-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-date-picker__calendar__divider {
  flex: 0 0 1px;
  background-color: #eaeaea;
}

.ur-date-picker__calendar__date-area {
  flex: 0 0 220px;
  margin-bottom: 16px;
}

.ur-date-picker__calendar__row {
  position: relative;
  height: 28px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-date-picker__calendar__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__row-background .select-between {
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__row-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ur-date-picker__calendar__row-content span {
  color: #767676;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: 50%;
}

.ur-date-picker__calendar__date {
  cursor: pointer;
}
.ur-date-picker__calendar__date--hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-date-picker__calendar--select-range .ur-date-picker__calendar__date--hover {
  color: #333333;
  background-color: #cde4f7;
}

.ur-date-picker__calendar__date--disabled,
.ur-date-picker__calendar__date--invisible {
  pointer-events: none;
}

.ur-date-picker__calendar__date.ur-date-picker__calendar__date--invisible {
  color: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.ur-date-picker__calendar__date--today:not(.ur-date-picker__calendar__date--selected) {
  color: #047ad5;
}

.ur-date-picker__calendar__date--today {
  text-decoration: underline;
}

.ur-date-picker__calendar__date.ur-date-picker__calendar__date--selected {
  color: #ffffff;
  background-color: #047ad5;
}

.ur-date-picker__calendar__date.ur-date-picker__calendar__date--other-month,
.ur-date-picker__calendar__date.ur-date-picker__calendar__date--disabled {
  color: #cccccc;
}

.ur-date-picker__calendar__month__row {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-date-picker__calendar__month__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__month__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__month__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__month__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__month__row-background .select-between {
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__month__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__month__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__month__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__month__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__month__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__month__row-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.ur-date-picker__calendar__month__row-content span {
  color: #767676;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  font-size: 18px;
}

.ur-date-picker__calendar__month {
  cursor: pointer;
}
.ur-date-picker__calendar__month--hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__month.ur-date-picker__calendar__month--selected {
  color: #ffffff;
  background-color: #047ad5;
}

.ur-date-picker__calendar__year__row {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-date-picker__calendar__year__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__year__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__year__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__year__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__year__row-background .select-between {
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__year__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__year__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__year__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__year__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__year__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__year__row-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.ur-date-picker__calendar__year__row-content span {
  color: #767676;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 12px;
  outline: none;
  font-size: 14px;
}

.ur-date-picker__calendar__year {
  cursor: pointer;
}
.ur-date-picker__calendar__year--hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__year.ur-date-picker__calendar__year--selected {
  color: #ffffff;
  background-color: #047ad5;
}

.ur-date-picker__calendar__quarter__row {
  position: relative;
  height: 72px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-date-picker__calendar__quarter__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__quarter__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__quarter__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__quarter__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__quarter__row-background .select-between {
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__quarter__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__quarter__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__quarter__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__quarter__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__quarter__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__quarter__row-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
  margin: 12px;
}
.ur-date-picker__calendar__quarter__row-content span {
  color: #5a5a5a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 24px;
  font-size: 20px;
}

.ur-date-picker__calendar__quarter {
  cursor: pointer;
}
.ur-date-picker__calendar__quarter--hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__quarter.ur-date-picker__calendar__quarter--selected {
  color: #ffffff;
  background-color: #047ad5;
}

.ur-date-picker__calendar__week__row {
  position: relative;
  height: 36px;
  width: 100%;
  padding: 0 6px;
}

.ur-date-picker__calendar__week__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__week__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.ur-date-picker__calendar__week__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__week__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__week__row-background .select-between {
  background-color: #e6f2fb;
}
.ur-date-picker__calendar__week__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__week__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.ur-date-picker__calendar__week__row-background .hover-between {
  background-color: #f7f7f7;
}

.ur-date-picker__calendar__week__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.ur-date-picker__calendar__week__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-date-picker__calendar__week__row-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.ur-date-picker__calendar__week__row-content span {
  color: #5a5a5a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 50%;
  font-size: 13px;
}
.ur-date-picker__calendar__week__row-content span.ur-date-picker__calendar__week__row-content-weeknum {
  width: 36px;
  height: 36px;
  font-size: 14px;
}

.ur-date-picker__calendar__week__row-content-weeknum.ur-date-picker__calendar__week__row-content-weeknum--selected {
  color: #ffffff;
  background-color: #047ad5;
}

.ur-date-picker__calendar__week {
  cursor: pointer;
}
.ur-date-picker__calendar__week--hover {
  color: #333333;
  background-color: #f7f7f7;
  border-radius: 18px;
}

.ur-date-picker__calendar__week--disabled,
.ur-date-picker__calendar__week--invisible {
  pointer-events: none;
}

.ur-date-picker__calendar__weekdate.ur-date-picker__calendar__week--invisible {
  color: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.ur-date-picker__calendar__weekdate.ur-date-picker__calendar__week--other-month,
.ur-date-picker__calendar__weekdate.ur-date-picker__calendar__week--disabled {
  color: #cccccc;
}

.ur-date-picker__calendar__weekdate.ur-date-picker__calendar__week--selected {
  color: #ffffff;
  background-color: #e6f2fb;
  border-radius: 18px;
}

span.ur-date-picker__calendar__date--sunday {
  color: #e74c3c;
}

span.ur-date-picker__calendar__date--saturday {
  color: #2e86c1;
}

.ur-date-picker-wrapper.ur-validator--valid .ur-date-picker__text-field .ur-text-field__input,
.ur-date-picker-wrapper.ur-validator--valid .ur-date-picker__icon-wrapper {
  border-color: #4fce67;
}

.ur-date-picker-wrapper.ur-validator--error .ur-date-picker__text-field .ur-text-field__input,
.ur-date-picker-wrapper.ur-validator--error .ur-date-picker__icon-wrapper {
  border-color: #ff5858;
}

.ur-date-picker-wrapper.ur-validator--shake > .ur-date-picker__text-field,
.ur-date-picker-wrapper.ur-validator--shake > .ur-date-picker__icon-wrapper {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-date-picker__message {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.ur-validator--error .ur-date-picker__message {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-validator--valid .ur-date-picker__message {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-validator--error .ur-date-picker__message--light {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}

.ur-validator--valid .ur-date-picker__message--light {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}

.ur-date-time-picker .ur-text-field--border.ur-date-picker__text-field.ur-date-time-picker__text-field {
  width: 264px;
}
.ur-date-time-picker .ur-time-picker .ur-counter--small,
.ur-date-time-picker .ur-time-picker .ur-counter--medium {
  width: 60px;
}

.ur-date-time-picker__time-picker {
  margin-bottom: 16px;
}
.ur-date-time-picker__time-picker .ur-time-picker--small,
.ur-date-time-picker__time-picker .ur-time-picker--medium {
  width: 218px;
}
.ur-date-time-picker__time-picker .ur-time-picker-meridiem--small,
.ur-date-time-picker__time-picker .ur-time-picker-meridiem--medium {
  margin-left: 0;
}
.ur-date-time-picker__time-picker .ur-time-picker .ur-counter--medium {
  width: 60px;
}
.ur-date-time-picker__time-picker .ur-segment-button--small,
.ur-date-time-picker__time-picker .ur-segment-button--medium {
  padding: 0 8px;
  font-size: 12px;
}

.ur-date-time-picker__time-picker--no-meridiem .ur-time-picker .ur-counter--small,
.ur-date-time-picker__time-picker--no-meridiem .ur-time-picker .ur-counter--medium {
  width: 102px;
}
.ur-date-time-picker__time-picker--no-meridiem .ur-time-picker.ur-time-picker__second .ur-counter--small,
.ur-date-time-picker__time-picker--no-meridiem .ur-time-picker.ur-time-picker__second .ur-counter--medium {
  width: 67px;
}

.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker {
  width: 218px;
}
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-counter--small,
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-counter--medium {
  width: 55px;
  margin-left: 2px;
}
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-counter--small .ur-counter__updown-wrapper,
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-counter--medium .ur-counter__updown-wrapper {
  margin-left: 2px;
}
.ur-date-time-picker__time-picker.ur-date-time-picker__second.ur-date-time-picker__toggleMrdm .ur-time-picker .ur-button.ur-time-picker-meridiem__toggleButton {
  min-width: 36px;
}

.ur-date-time-range-picker .ur-text-field--border.ur-date-picker__text-field.ur-date-time-range-picker__text-field {
  width: 216px;
}
.ur-date-time-range-picker .ur-text-field--border.ur-date-picker__text-field.ur-date-time-range-picker__text-field-one-input {
  width: 464px;
}

.ur-date-time-range-picker__time-picker {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.ur-date-time-range-picker__time-picker .ur-time-picker .ur-counter--small,
.ur-date-time-range-picker__time-picker .ur-time-picker .ur-counter--medium {
  width: 60px;
}
.ur-date-time-range-picker__time-picker .ur-time-picker.ur-time-picker__second .ur-counter--small,
.ur-date-time-range-picker__time-picker .ur-time-picker.ur-time-picker__second .ur-counter--medium {
  width: 67px;
}
.ur-date-time-range-picker__time-picker .ur-time-picker--small,
.ur-date-time-range-picker__time-picker .ur-time-picker--medium {
  width: 218px;
}
.ur-date-time-range-picker__time-picker .ur-time-picker-meridiem--small,
.ur-date-time-range-picker__time-picker .ur-time-picker-meridiem--medium {
  margin-left: 0;
}
.ur-date-time-range-picker__time-picker .ur-segment-button--small,
.ur-date-time-range-picker__time-picker .ur-segment-button--medium {
  padding: 0 8px;
}

.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker {
  width: 218px;
}
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-counter--small,
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-counter--medium {
  width: 55px;
  margin-left: 2px;
}
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-counter--small .ur-counter__updown-wrapper,
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-counter--medium .ur-counter__updown-wrapper {
  margin-left: 2px;
}
.ur-date-time-range-picker__time-picker.ur-date-time-range-picker__second.ur-date-time-range-picker__toggleMrdm .ur-time-picker .ur-button.ur-time-picker-meridiem__toggleButton {
  min-width: 36px;
}

.ur-date-time-range-picker__time-picker--no-meridiem .ur-time-picker .ur-counter--small,
.ur-date-time-range-picker__time-picker--no-meridiem .ur-time-picker .ur-counter--medium {
  width: 102px;
}
.ur-date-time-range-picker__time-picker--no-meridiem .ur-time-picker.ur-time-picker__second {
  width: 218px;
}

.ur-dropdown {
  display: inline-block;
  position: relative;
  min-width: 60px;
  width: 100%;
  color: #333333;
  cursor: pointer;
}

.ur-dropdown--small {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
}
.ur-dropdown--small .ur-dropdown__title {
  padding: 0 8px 0 8px;
}
.ur-dropdown--small .ur-dropdown__title-icon {
  margin-left: 8px;
  width: 16px;
}

.ur-dropdown__item--small .ur-dropdown__label {
  font-size: 12px;
  line-height: 16px;
  min-height: 24px;
  max-height: 32px;
}

.ur-dropdown--medium {
  font-size: 14px;
  line-height: 24px;
  height: 32px;
}
.ur-dropdown--medium .ur-dropdown__title {
  padding: 0 12px 0 12px;
}
.ur-dropdown--medium .ur-dropdown__title-icon {
  margin-left: 12px;
  width: 16px;
}

.ur-dropdown__item--medium .ur-dropdown__label {
  font-size: 14px;
  line-height: 24px;
  min-height: 32px;
  max-height: 48px;
}

.ur-dropdown__title {
  background: #ffffff;
  display: flex;
  height: 100%;
  min-width: inherit;
  max-width: inherit;
}
.ur-dropdown__title .ur-dropdown__selected {
  display: flex;
  min-width: 0;
  align-items: center;
  width: calc(100% - 28px);
}
.ur-dropdown__title .ur-dropdown__selected > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ur-dropdown__title-border {
  border: 1px solid #959595;
}
.ur-dropdown__title-border:focus {
  outline: 0;
}

.ur-dropdown__title-underline {
  border-bottom: 1px solid #959595;
  background-color: transparent;
}
.ur-dropdown__title-underline:focus {
  outline: 0;
}

.ur-dropdown__icon {
  transition: all ease 0.3s;
  color: #5a5a5a;
}

.move-down-enter-active,
.move-down-leave-active {
  transition: opacity 0.3s;
}

/* .fade-leave-active below version 2.1.8 */
.move-down-enter,
.move-down-leave-to {
  opacity: 0;
}

.ur-dropdown__items {
  position: absolute;
  overflow-y: auto;
  margin-top: -1px;
  /* close to title */
  background-color: #ffffff;
  border: 1px solid #959595;
  z-index: 201;
  max-height: 200px;
  padding: 8px 1px;
  margin-left: 0px;
}
.ur-dropdown__items .ur-dropdown__selected {
  color: #047ad5;
  font-weight: 700;
}
.ur-dropdown__items.ur-dropdown__items--has-child-items {
  overflow: visible;
}

.ur-dropdown__item {
  position: relative;
  display: flex;
  padding: 0 12px 0 12px;
  cursor: default;
  min-height: 32px;
  background-color: #ffffff;
  color: #333333;
}
.ur-dropdown__item--small {
  font-size: 12px;
  line-height: 16px;
  min-height: 24px;
}
.ur-dropdown__item:hover {
  background-color: #e6f2fb;
  color: #333333;
}

.ur-dropdown__label {
  flex: 1 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.ur-dropdown__label-caret {
  transform: rotate(270deg);
}

.ur-dropdown__item:hover .ur-dropdown__child-items {
  display: block;
}

.ur-dropdown__item:hover .u-checkbox__label {
  color: #333333;
}

.ur-dropdown__child-items {
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
  border: 1px solid #959595;
  z-index: 201;
  padding: 8px 1px;
  margin-left: 0px;
  width: 180px;
  background-color: #ffffff;
  color: #333333;
}

.ur-dropdown__child-item:hover {
  background-color: #e6f2fb;
  color: #333333;
}

.ur-dropdown--disabled {
  pointer-events: none;
}
.ur-dropdown--disabled .ur-dropdown__title {
  border: 1px solid #cccccc !important;
  color: #cccccc !important;
  background-color: #f7f7f7 !important;
}
.ur-dropdown--disabled .ur-dropdown__icon {
  color: #cccccc !important;
}
.ur-dropdown--disabled .ur-dropdown__title-underline {
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid #cccccc !important;
  background-color: transparent !important;
}

.ur-drop-holder--disabled {
  pointer-events: none;
}

.ur-drop-holder {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.ur-drop-holder .ur-dropdown__items {
  width: 150px;
}

.ur-drop-holder__items--label-no-wrap .ur-drop-holder__label {
  white-space: nowrap;
}

.ur-dropdown.ur-validator--valid .ur-dropdown__title {
  border-color: #4fce67;
}

.ur-dropdown.ur-validator--error .ur-dropdown__title {
  border-color: #ff5858;
}

.ur-dropdown.ur-validator--shake > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-dropdown__message {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.ur-validator--error .ur-dropdown__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-validator--valid .ur-dropdown__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-validator--error .ur-dropdown__message--light {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}

.ur-validator--valid .ur-dropdown__message--light {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}

.ur-dropdown--small + .ur-dropdown--small {
  margin-left: 4px;
}

.ur-dropdown--medium + .ur-dropdown--medium {
  margin-left: 8px;
}

.ur-dropdown--large + .ur-dropdown--large {
  margin-left: 8px;
}

.ur-dropdown--medium + .ur-button--small {
  margin-left: 8px;
}

.ur-auto-dropdown {
  line-height: normal;
}
.ur-auto-dropdown .ur-text-field {
  width: 100%;
}
.ur-auto-dropdown .ur-text-field--border .ur-text-field__input {
  border-width: 0px;
  padding: 0;
  height: 100%;
}
.ur-auto-dropdown .ur-text-field__input:focus {
  border-color: transparent;
  background-color: transparent;
}
.ur-auto-dropdown .ur-text-field__input:disabled {
  color: #cccccc !important;
  background-color: #f7f7f7 !important;
}
.ur-auto-dropdown .ur-text-field__input:disabled::-moz-placeholder {
  color: #cccccc !important;
}
.ur-auto-dropdown .ur-text-field__input:disabled::placeholder {
  color: #cccccc !important;
}

.ur-auto-dropdown-wrapper {
  display: inline-block;
  position: relative;
  font-size: 0;
}

.ur-auto-dropdown-wrapper.ur-validator--valid .ur-dropdown__title {
  border-color: #4fce67;
}

.ur-auto-dropdown-wrapper.ur-validator--error .ur-dropdown__title {
  border-color: #ff5858;
}

.ur-auto-dropdown-wrapper.ur-validator--shake > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-floating-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
}

.ur-floating-button--default {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}
.ur-floating-button--default:hover {
  background-color: #777777;
  border-color: #777777;
  cursor: pointer;
}
.ur-floating-button--default:active {
  background-color: #686868;
  border-color: #686868;
}
.ur-floating-button--default::after {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}

.ur-floating-button--primary {
  background-color: #047ad5;
  border-color: #047ad5;
  color: #ffffff;
}
.ur-floating-button--primary:hover {
  background-color: #0362aa;
  border-color: #0362aa;
  cursor: pointer;
}
.ur-floating-button--primary:active {
  background-color: #035595;
  border-color: #035595;
}
.ur-floating-button--primary::after {
  background-color: #047ad5;
  border-color: #047ad5;
  color: #ffffff;
}

.ur-floating-button--point {
  background-color: #3cbef5;
  border-color: #3cbef5;
  color: #ffffff;
}
.ur-floating-button--point:hover {
  background-color: #3098c4;
  border-color: #3098c4;
  cursor: pointer;
}
.ur-floating-button--point:active {
  background-color: #2a85ac;
  border-color: #2a85ac;
}
.ur-floating-button--point::after {
  background-color: #3cbef5;
  border-color: #3cbef5;
  color: #ffffff;
}

.ur-floating-button--normal {
  background-color: rgba(255, 255, 255, 0);
  color: #047ad5;
  border-color: #959595;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-color: #dbdbdb;
}
.ur-floating-button--normal:hover {
  background-color: rgba(4, 122, 213, 0.2);
  border-color: #047ad5;
  cursor: pointer;
}
.ur-floating-button--normal:active {
  background-color: rgba(4, 122, 213, 0.4);
  border-color: #047ad5;
}
.ur-floating-button--normal::after {
  background-color: rgba(255, 255, 255, 0);
  color: #047ad5;
  border-color: #959595;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-color: #dbdbdb;
}

.ur-floating-button--red {
  background-color: #ff5858;
  border-color: #ff5858;
  color: #ffffff;
}
.ur-floating-button--red:hover {
  background-color: #cc4646;
  border-color: #cc4646;
  cursor: pointer;
}
.ur-floating-button--red:active {
  background-color: #b33e3e;
  border-color: #b33e3e;
}
.ur-floating-button--red::after {
  background-color: #ff5858;
  border-color: #ff5858;
  color: #ffffff;
}

.ur-floating-button--orange {
  background-color: #f7a443;
  border-color: #f7a443;
  color: #ffffff;
}
.ur-floating-button--orange:hover {
  background-color: #c68336;
  border-color: #c68336;
  cursor: pointer;
}
.ur-floating-button--orange:active {
  background-color: #ad732f;
  border-color: #ad732f;
}
.ur-floating-button--orange::after {
  background-color: #f7a443;
  border-color: #f7a443;
  color: #ffffff;
}

.ur-floating-button--green {
  background-color: #4fce67;
  border-color: #4fce67;
  color: #ffffff;
}
.ur-floating-button--green:hover {
  background-color: #3fa552;
  border-color: #3fa552;
  cursor: pointer;
}
.ur-floating-button--green:active {
  background-color: #379048;
  border-color: #379048;
}
.ur-floating-button--green::after {
  background-color: #4fce67;
  border-color: #4fce67;
  color: #ffffff;
}

.ur-floating-button--blue {
  background-color: #2e86c1;
  border-color: #2e86c1;
  color: #ffffff;
}
.ur-floating-button--blue:hover {
  background-color: #256b9a;
  border-color: #256b9a;
  cursor: pointer;
}
.ur-floating-button--blue:active {
  background-color: #205e87;
  border-color: #205e87;
}
.ur-floating-button--blue::after {
  background-color: #2e86c1;
  border-color: #2e86c1;
  color: #ffffff;
}

.ur-floating-button--navy {
  background-color: #1a5276;
  border-color: #1a5276;
  color: #ffffff;
}
.ur-floating-button--navy:hover {
  background-color: #15425e;
  border-color: #15425e;
  cursor: pointer;
}
.ur-floating-button--navy:active {
  background-color: #123953;
  border-color: #123953;
}
.ur-floating-button--navy::after {
  background-color: #1a5276;
  border-color: #1a5276;
  color: #ffffff;
}

.ur-floating-button--violet {
  background-color: #884ea0;
  border-color: #884ea0;
  color: #ffffff;
}
.ur-floating-button--violet:hover {
  background-color: #6d3e80;
  border-color: #6d3e80;
  cursor: pointer;
}
.ur-floating-button--violet:active {
  background-color: #5f3770;
  border-color: #5f3770;
}
.ur-floating-button--violet::after {
  background-color: #884ea0;
  border-color: #884ea0;
  color: #ffffff;
}

.ur-floating-button--white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #333333;
}
.ur-floating-button--white:hover {
  background-color: #cccccc;
  border-color: #cccccc;
  cursor: pointer;
}
.ur-floating-button--white:active {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.ur-floating-button--white::after {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #333333;
}

.ur-floating-button--black {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.ur-floating-button--black:hover {
  background-color: black;
  border-color: black;
  cursor: pointer;
}
.ur-floating-button--black:active {
  background-color: black;
  border-color: black;
}
.ur-floating-button--black::after {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.ur-floating-button-disabled {
  background-color: #ffffff !important;
  border-color: #cccccc !important;
  color: #a5a5a5 !important;
  pointer-events: none;
}

/* 사족 */
.ur-floating-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ur-floating-button {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Icon 공통 */
.ur-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: inherit;
}

.ur-icon::before {
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
}

.ur-icon svg {
  width: 1em;
  height: 1em;
  overflow: visible;
  fill: currentColor;
}

/* Color */
.ur-icon--default {
  color: #333333;
}

.ur-icon--primary {
  color: #047ad5;
}

.ur-icon--point {
  color: #3cbef5;
}

/* Size */
.ur-icon.ur-icon--full svg {
  width: 100%;
  height: 100%;
}

.ur-icon--xsmall {
  font-size: 14px;
}

.ur-icon--small {
  font-size: 24px;
}

.ur-icon--medium {
  font-size: 32px;
}

.ur-icon--large {
  font-size: 48px;
}

/* Spacing */
.ur-icon--spacing {
  padding: 0.2em;
}

.ur-icon--spacing::before,
.ur-icon--spacing svg {
  font-size: 0.6em;
}

.ur-icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ur-icon-wrapper--small {
  height: 24px;
}

.ur-icon-wrapper--medium {
  height: 32px;
}

.ur-icon-wrapper--large {
  height: 48px;
}

.ur-icon-button.ur-button {
  min-width: 0;
  padding: 0;
  line-height: 1rem;
}

.ur-icon-button.ur-button--small {
  width: 24px;
}

.ur-icon-button.ur-button--medium {
  width: 32px;
}

.ur-icon-button.ur-button--large {
  width: 48px;
}

.ur-icon-button--off {
  color: #cccccc !important;
}

.ur-icon-button--off:hover {
  color: #ffffff;
  background-color: #f7f7f7;
}
.ur-icon-button--off:active {
  background-color: #eaeaea;
}

/* FIXME: 임시본 - icon 버튼이 갑자기 바뀌고나면 혼란스러울까봐 잠시 넣어둡니다. */
.ur-icon-button.ur-button--solid.ur-button--default {
  background-color: #f7f7f7;
  border-width: 0;
  color: #333333;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.004), 0 0 40px rgba(0, 0, 0, 0.001) inset;
}
.ur-icon-button.ur-button--solid.ur-button--default:hover {
  background-color: #ffffff;
}
.ur-icon-button.ur-button--solid.ur-button--default:active {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.002) inset, 0 0 40px rgba(0, 0, 0, 0.001) inset;
}

.list-item {
  background: #ffffff;
  padding: 16px 24px;
  display: flex;
  flex-flow: column nowrap;
  word-break: normal;
  position: relative;
}
.list-item:hover {
  background: #f7f7f7;
}
.list-item:hover .list-item__expand {
  background: #f7f7f7;
}
.list-item:active {
  background: #eaeaea;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.list-item .list-item__check {
  margin-right: 16px;
  flex-grow: 0;
  flex-shrink: 0;
}
.list-item__main {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 100%;
}
.list-item__thumb {
  margin-right: 16px;
}
.list-item__avatar {
  margin-right: 16px;
  border-radius: 50%;
}
.list-item__contents {
  flex: 1 1 auto;
}
.list-item__contents__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
.list-item__contents__text {
  font-size: 14px;
  line-height: 24px;
}
.list-item__contents__second {
  font-size: 12px;
  margin-bottom: 4px;
}
.list-item__contents__row {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.list-item__contents__row hr[v] {
  display: inline-block;
  margin: 0 8px 0 8px;
  height: 10px;
  border-top: none;
}
.list-item__support {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-item__support .tr90 {
  transform: rotate(90deg);
}
.list-item + .list-item {
  margin-top: 50px;
}
.list-item__expand {
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 32px 16px 16px 16px;
  background: #ffffff;
}
.list-item__expand::before {
  content: " ";
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.list-item__expand::after {
  content: " ";
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  background: #eaeaea;
  height: 1px;
}

.ur-notification-badge-container {
  width: auto;
}

.ur-notification-badge-container__notification {
  position: relative;
}

.ur-notification-badge {
  text-align: center;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-radius: 8px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  color: #ffffff;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.ur-notification-badge__notification {
  position: absolute;
  border-radius: 8px;
  width: auto;
  white-space: nowrap;
}

.ur-notification-badge__notification.ur-notification-badge__notification-left-top {
  top: 0;
  left: 0;
  transform: translate(-100%, -50%);
}

.ur-notification-badge__notification.ur-notification-badge__notification-right-top {
  top: 0;
  right: 0;
  transform: translate(100%, -50%);
}

.ur-notification-badge__notification.ur-notification-badge__notification-left-bottom {
  bottom: 0;
  left: 0;
  transform: translate(-100%, 50%);
}

.ur-notification-badge__notification.ur-notification-badge__notification-right-bottom {
  bottom: 0;
  right: 0;
  transform: translate(100%, 50%);
}

.ur-notification-badge__notification.ur-notification-badge__notification-left-top.ur-notification-badge__notification-overlap {
  left: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-right-top.ur-notification-badge__notification-overlap {
  right: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-left-bottom.ur-notification-badge__notification-overlap {
  left: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-right-bottom.ur-notification-badge__notification-overlap {
  right: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-one-letter {
  width: 16px;
}

.ur-notification-badge__notification.ur-notification-badge__notification-multiple-letter {
  padding-left: 8px;
  padding-right: 8px;
}

.ur-notification-badge__notification-dot {
  position: absolute;
  width: 4px;
  height: 4px;
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-left-top {
  top: 0;
  left: 0;
  transform: translate(-100%, -100%);
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-right-top {
  top: 0;
  right: 0;
  transform: translate(100%, -100%);
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-left-bottom {
  bottom: 0;
  left: 0;
  transform: translate(-100%, 100%);
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-right-bottom {
  bottom: 0;
  right: 0;
  transform: translate(100%, 100%);
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-left-top.ur-notification-badge__notification-overlap {
  top: 4px;
  left: 4px;
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-right-top.ur-notification-badge__notification-overlap {
  top: 4px;
  right: 4px;
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-left-bottom.ur-notification-badge__notification-overlap {
  bottom: 4px;
  left: 16px;
}

.ur-notification-badge__notification-dot.ur-notification-badge__notification-right-bottom.ur-notification-badge__notification-overlap {
  bottom: 4px;
  right: 16px;
}

.ur-notification-badge__badge-color-primary {
  background-color: #047ad5;
}

.ur-notification-badge__badge-color-success {
  background-color: #4fce67;
}

.ur-notification-badge__badge-color-error {
  background-color: #ff5858;
}

.ur-notification-badge__badge-color-default {
  background-color: #959595;
}

.ur-notification-badge__badge-color-processing {
  background-color: #336aff;
}

.ur-notification-badge__badge-color-warning {
  background-color: #f7a443;
}

.ur-notification-badge__badge-color-notification {
  background-color: #ff5858;
}

.ur-notification-badge__badge-color-failure {
  background-color: #ff5858;
}

.ur-notification-badge__badge-color-info {
  background-color: #4fce67;
}

.ur-notification-badge__badge-color-active {
  background-color: #047ad5;
}

.ur-notification-badge__badge-color-disabled {
  background-color: #959595;
}

.ur-notification-badge__badge-color-valid {
  background-color: #336aff;
}

.ur-notification-badge__badge-color-invalid {
  background-color: #ff5858;
}

.ur-notification-badge__badge-color-created {
  background-color: #4fce67;
}

.ur-notification-badge__badge-color-modified {
  background-color: #f7a443;
}

.ur-notification-badge__badge-color-deleted {
  background-color: #ff5858;
}

.ur-dropdown__downwrap {
  position: absolute;
  margin: -1px 0;
  z-index: 201;
}

.ur-dropdown__downwrap > .ur-dropdown__items {
  position: static;
}

.ur-dropdown__items.ur-dropdown__items--has-child-items {
  overflow: unset;
}

.ur-dropdown__item .ur-checkbox__checked + .ur-checkbox__label {
  color: #047ad5;
  font-weight: 700;
}

.ur-dropdown__selectall,
.ur-dropdown__apply {
  border: 1px solid #959595;
  z-index: 201;
  padding: 8px 12px;
  margin-right: 0px;
  background-color: #ffffff;
}

.ur-dropdown__apply_pos {
  margin-top: -1px;
  text-align: right;
  padding: 8px 8px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.ur-pagination {
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.ur-pagination .ur-pagination__navi {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0px 4px;
  line-height: 32px;
  cursor: pointer;
  color: #5a5a5a;
}
.ur-pagination .ur-pagination__navi:hover {
  background-color: #f7f7f7;
}
.ur-pagination .ur-pagination__navi.ur-pagination__icon--disable {
  color: #cccccc;
  pointer-events: none;
}
.ur-pagination .ur-pagination__number {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0px 4px;
  line-height: 32px;
  cursor: pointer;
  color: #5a5a5a;
}
.ur-pagination .ur-pagination__number:hover {
  background-color: #f7f7f7;
}
.ur-pagination .ur-pagination__number.ur-pagination__icon--disable {
  color: #cccccc;
  pointer-events: none;
}
.ur-pagination .ur-pagination__number-dots {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0px 4px;
  line-height: 32px;
  color: #5a5a5a;
}
.ur-pagination .ur-pagination__selected {
  background-color: #e6f2fb;
  color: #047ad5;
  font-weight: 700;
}
.ur-pagination .ur-pagination__selected:hover {
  background-color: #e6f2fb;
}
.ur-pagination .ur-pagination__goto {
  height: 32px;
  display: inline-flex;
  margin-left: 16px;
}
.ur-pagination .ur-pagination__goto .ur-counter input {
  width: 100%;
  padding: 0;
}
.ur-pagination .ur-pagination__goto button {
  padding: 0;
  min-width: 40px;
  border-color: #dbdbdb;
  border-left: 0px;
}
.ur-pagination .ur-counter {
  justify-content: center;
  flex-direction: column;
}

.ur-pagination__left-icon {
  transform: rotate(270deg);
  transition: 0.1s;
}

.ur-pagination__left-icon:active {
  transform: rotate(260deg);
}

.ur-pagination__right-icon {
  transform: rotate(90deg);
  transition: 0.1s;
}

.ur-pagination__right-icon:active {
  transform: rotate(100deg);
}

.ur-pagination__simple-pager {
  width: 40px;
  min-width: 40px;
  margin-right: 5px;
}
.ur-pagination__simple-pager .ur-counter__button {
  display: none;
}
.ur-pagination__simple-pager.ur-counter > .ur-counter__input {
  width: 100%;
  height: 24px;
}

.ur-progress__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ur-progress__wrapper-right {
  flex-direction: row;
}

.ur-progress__wrapper-bottom {
  flex-direction: column;
}

.ur-progress__wrapper-masked {
  display: table-cell;
  vertical-align: middle;
}

.ur-progress__wrapper-line {
  width: 100%;
}

.ur-progress__circle {
  display: block;
  margin: 0 auto;
  transform: rotate(-90deg);
}

.ur-progress__circle-small {
  width: 20px;
  height: 20px;
}

.ur-progress__circle-medium {
  width: 32px;
  height: 32px;
}

.ur-progress__circle-large {
  width: 60px;
  height: 60px;
}

.ur-progress-ide.ur-progress-small {
  width: 20px;
  height: 20px;
}

.ur-progress-ide.ur-progress-medium {
  width: 32px;
  height: 32px;
}

.ur-progress-ide.ur-progress-large {
  width: 60px;
  height: 60px;
}

.ur-progress-ide .ur-progress__circle-small {
  width: 100%;
  height: 100%;
}

.ur-progress-ide .ur-progress__circle-medium {
  width: 100%;
  height: 100%;
}

.ur-progress-ide .ur-progress__circle-large {
  width: 100%;
  height: 100%;
}

@keyframes ur-progress__spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ur-progress__circle-spin {
  animation: ur-progress__spin 0.8s linear infinite;
}

.ur-progress__circle-background-normal {
  stroke: #f7f7f7;
}

.ur-progress__circle-background-light {
  stroke: #5a5a5a;
}

.ur-progress__circle-progress-normal {
  stroke: #047ad5;
}

.ur-progress__circle-progress-light {
  stroke: #ffffff;
}

.ur-progress__circle-progress-error {
  stroke: #ff5858;
}

.ur-progress-ide .ur-progress__line {
  width: 100%;
  height: 100%;
}

.ur-progress__line {
  position: relative;
  overflow: hidden;
  height: 6px;
  background-color: #f7f7f7;
}

.ur-progress__line-progress {
  height: 6px;
  position: absolute;
  transition: width 0.1s linear;
}

.ur-progress-ide .ur-progress__line-progress {
  height: 100%;
}

@keyframes ur-progress__line-transform {
  0% {
    margin-left: -80px;
  }
  100% {
    margin-left: 100%;
  }
}
.ur-progress__line-background-normal {
  background-color: #f7f7f7;
}

.ur-progress__line-background-light {
  background-color: #5a5a5a;
}

.ur-progress__line-progress-normal {
  background-color: #047ad5;
}

.ur-progress__line-progress-light {
  background-color: #ffffff;
}

.ur-progress__line-progress-error {
  background-color: #ff5858;
}

.ur-progress__text {
  text-align: center;
  font-size: 12px;
}

.ur-progress__text-bottom {
  margin-top: 8px;
}

.ur-progress__text-right {
  margin-left: 8px;
}

.ur-progress-ide .ur-progress__text {
  text-align: center;
  font-size: 12px;
  position: absolute;
}

.ur-progress-ide .ur-progress__text-bottom {
  margin-top: 8px;
  top: 100%;
}

.ur-progress-ide .ur-progress__text-right {
  margin-left: 8px;
  left: 100%;
}

.ur-progress__text-normal {
  color: #333333;
  text-align: center;
}

.ur-progress__text-light {
  color: #ffffff;
  text-align: center;
}

.ur-progress__text-error {
  color: #ff5858;
  text-align: center;
}

.ur-progress__mask {
  display: table;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 9998;
}

.ur-radio {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: flex-start;
  font-size: 14px;
}

.ur-radio__icon {
  cursor: pointer;
}

.ur-radio__label {
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  color: #333333;
}

.ur-radio--small {
  line-height: 16px;
}
.ur-radio--small .ur-radio__icon {
  font-size: 16px;
}
.ur-radio--small .ur-radio__label {
  padding-left: 8px;
  font-size: 14px;
}

.ur-radio--medium {
  line-height: 20px;
}
.ur-radio--medium .ur-radio__icon {
  font-size: 20px;
}
.ur-radio--medium .ur-radio__label {
  padding-left: 8px;
  font-size: 16px;
}

.ur-radio__icon.ur-radio__unchecked {
  color: #a5a5a5;
}

.ur-radio__icon.ur-radio__checked {
  color: #047ad5;
}

.ur-radio:hover .ur-radio__icon {
  color: #047ad5;
}

.ur-radio--disabled {
  pointer-events: none;
}
.ur-radio--disabled .ur-radio__label {
  color: #959595 !important;
}
.ur-radio--disabled .ur-radio__checked {
  color: #9bcaee !important;
}
.ur-radio--disabled .ur-radio__unchecked {
  color: #cccccc !important;
}

.ur-radio-wrapper .ur-radio.ur-validator--error {
  color: #ff5858;
}

.ur-radio-wrapper .ur-validator--error .ur-radio__icon,
.ur-radio-wrapper .ur-validator--error .ur-radio__label {
  color: #ff5858;
}

.ur-radio-wrapper.ur-validator--shake .ur-radio.ur-validator--error {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-radio-wrapper {
  position: relative;
}

.ur-radio-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-radio-wrapper.ur-validator--error .ur-radio-wrapper__message {
  color: #ff5858;
}

.ur-radio-wrapper.ur-validator--valid .ur-radio-wrapper__message {
  color: #4fce67;
}

.ur-radio-wrapper.ur-validator--error .ur-radio-wrapper__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-radio-wrapper.ur-validator--valid .ur-radio-wrapper__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-radio-wrapper .ur-radio + .ur-radio {
  margin-left: 12px;
}

.ur-segment-wrapper {
  position: relative;
  font-size: 0;
  padding: 1px 0 0 1px;
}

.ur-segment-wrapper.ur-segment-wrapper-ide {
  font-size: 0;
  padding: 1px 0 0 1px;
  display: flex;
}

.ur-segment-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
}

.ur-segment-wrapper.ur-validator--error .ur-segment-wrapper__message {
  color: #ff5858;
}

.ur-segment-wrapper.ur-validator--valid .ur-segment-wrapper__message {
  color: #4fce67;
}

.ur-segment-wrapper.ur-validator--error .ur-segment-wrapper__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-segment-wrapper.ur-validator--valid .ur-segment-wrapper__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-segment-button {
  margin-top: -1px;
  margin-left: -1px;
  margin-right: 0px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-style: solid;
  font-weight: 400;
  border-radius: 0;
  border-width: 1px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ur-segment-button .ur-icon {
  vertical-align: middle;
}

.ur-segment-button--small {
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
}

.ur-segment-button--medium {
  height: 32px;
  font-size: 14px;
  padding: 0 16px;
}

.ur-segment-button--large {
  height: 48px;
  font-size: 16px;
  padding: 0 24px;
}

.ur-segment-button {
  cursor: pointer;
}

.ur-segment-wrapper-ide .ur-segment-button {
  cursor: pointer;
  flex: 1 1 auto;
  height: 100%;
}

.ur-segment-button--disabled {
  pointer-events: none;
  cursor: default;
}

.ur-segment-button:hover,
.ur-segment-button--checked {
  z-index: 1;
}

.ur-segment-button--solid {
  background-color: #ffffff;
  border-color: #dbdbdb;
  color: #767676;
}
.ur-segment-button--solid:hover {
  background-color: #ebebeb;
  border-color: #a5a5a5;
  color: #333333;
}
.ur-segment-button--solid.ur-segment-button--checked {
  background-color: #5a5a5a;
  border-color: #5a5a5a;
  color: #ffffff;
}

.ur-segment-button--border {
  background-color: #ffffff;
  border-color: #dbdbdb;
  color: #959595;
}
.ur-segment-button--border:hover {
  background-color: #ebebeb;
  border-color: #a5a5a5;
  color: #333333;
}
.ur-segment-button--border.ur-segment-button--checked {
  background-color: #dedede;
  border-color: #a5a5a5;
  color: #5a5a5a;
}

.ur-segment-button--solid.ur-segment-button--default:hover {
  background-color: #f4f4f4;
  border-color: #959595;
  color: #959595;
}
.ur-segment-button--solid.ur-segment-button--default.ur-segment-button--checked {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--default:hover {
  background-color: #f4f4f4;
  border-color: #959595;
  color: #959595;
}
.ur-segment-button--border.ur-segment-button--default.ur-segment-button--checked {
  background-color: #eaeaea;
  border-color: #959595;
  color: #959595;
}

.ur-segment-button--solid.ur-segment-button--primary:hover {
  background-color: #e6f2fb;
  border-color: #047ad5;
  color: #047ad5;
}
.ur-segment-button--solid.ur-segment-button--primary.ur-segment-button--checked {
  background-color: #047ad5;
  border-color: #047ad5;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--primary:hover {
  background-color: #e6f2fb;
  border-color: #047ad5;
  color: #047ad5;
}
.ur-segment-button--border.ur-segment-button--primary.ur-segment-button--checked {
  background-color: #cde4f7;
  border-color: #047ad5;
  color: #047ad5;
}

.ur-segment-button--solid.ur-segment-button--point:hover {
  background-color: #ecf9fe;
  border-color: #3cbef5;
  color: #3cbef5;
}
.ur-segment-button--solid.ur-segment-button--point.ur-segment-button--checked {
  background-color: #3cbef5;
  border-color: #3cbef5;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--point:hover {
  background-color: #ecf9fe;
  border-color: #3cbef5;
  color: #3cbef5;
}
.ur-segment-button--border.ur-segment-button--point.ur-segment-button--checked {
  background-color: #d8f2fd;
  border-color: #3cbef5;
  color: #3cbef5;
}

.ur-segment-button--solid.ur-segment-button--normal:hover {
  background-color: #f4f4f4;
  border-color: #959595;
  color: #959595;
}
.ur-segment-button--solid.ur-segment-button--normal.ur-segment-button--checked {
  background-color: #959595;
  border-color: #959595;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--normal:hover {
  background-color: #f4f4f4;
  border-color: #959595;
  color: #959595;
}
.ur-segment-button--border.ur-segment-button--normal.ur-segment-button--checked {
  background-color: #eaeaea;
  border-color: #959595;
  color: #959595;
}

.ur-segment-button--solid.ur-segment-button--red:hover {
  background-color: #ffeeee;
  border-color: #ff5858;
  color: #ff5858;
}
.ur-segment-button--solid.ur-segment-button--red.ur-segment-button--checked {
  background-color: #ff5858;
  border-color: #ff5858;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--red:hover {
  background-color: #ffeeee;
  border-color: #ff5858;
  color: #ff5858;
}
.ur-segment-button--border.ur-segment-button--red.ur-segment-button--checked {
  background-color: #ffdede;
  border-color: #ff5858;
  color: #ff5858;
}

.ur-segment-button--solid.ur-segment-button--orange:hover {
  background-color: #fef6ec;
  border-color: #f7a443;
  color: #f7a443;
}
.ur-segment-button--solid.ur-segment-button--orange.ur-segment-button--checked {
  background-color: #f7a443;
  border-color: #f7a443;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--orange:hover {
  background-color: #fef6ec;
  border-color: #f7a443;
  color: #f7a443;
}
.ur-segment-button--border.ur-segment-button--orange.ur-segment-button--checked {
  background-color: #fdedd9;
  border-color: #f7a443;
  color: #f7a443;
}

.ur-segment-button--solid.ur-segment-button--green:hover {
  background-color: #edfaf0;
  border-color: #4fce67;
  color: #4fce67;
}
.ur-segment-button--solid.ur-segment-button--green.ur-segment-button--checked {
  background-color: #4fce67;
  border-color: #4fce67;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--green:hover {
  background-color: #edfaf0;
  border-color: #4fce67;
  color: #4fce67;
}
.ur-segment-button--border.ur-segment-button--green.ur-segment-button--checked {
  background-color: #dcf5e1;
  border-color: #4fce67;
  color: #4fce67;
}

.ur-segment-button--solid.ur-segment-button--blue:hover {
  background-color: #eaf3f9;
  border-color: #2e86c1;
  color: #2e86c1;
}
.ur-segment-button--solid.ur-segment-button--blue.ur-segment-button--checked {
  background-color: #2e86c1;
  border-color: #2e86c1;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--blue:hover {
  background-color: #eaf3f9;
  border-color: #2e86c1;
  color: #2e86c1;
}
.ur-segment-button--border.ur-segment-button--blue.ur-segment-button--checked {
  background-color: #d5e7f3;
  border-color: #2e86c1;
  color: #2e86c1;
}

.ur-segment-button--solid.ur-segment-button--navy:hover {
  background-color: #e8eef1;
  border-color: #1a5276;
  color: #1a5276;
}
.ur-segment-button--solid.ur-segment-button--navy.ur-segment-button--checked {
  background-color: #1a5276;
  border-color: #1a5276;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--navy:hover {
  background-color: #e8eef1;
  border-color: #1a5276;
  color: #1a5276;
}
.ur-segment-button--border.ur-segment-button--navy.ur-segment-button--checked {
  background-color: #d1dce4;
  border-color: #1a5276;
  color: #1a5276;
}

.ur-segment-button--solid.ur-segment-button--violet:hover {
  background-color: #f3edf6;
  border-color: #884ea0;
  color: #884ea0;
}
.ur-segment-button--solid.ur-segment-button--violet.ur-segment-button--checked {
  background-color: #884ea0;
  border-color: #884ea0;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--violet:hover {
  background-color: #f3edf6;
  border-color: #884ea0;
  color: #884ea0;
}
.ur-segment-button--border.ur-segment-button--violet.ur-segment-button--checked {
  background-color: #e7dcec;
  border-color: #884ea0;
  color: #884ea0;
}

.ur-segment-button--solid.ur-segment-button--white:hover {
  background-color: white;
  border-color: #ffffff;
  color: #ffffff;
}
.ur-segment-button--solid.ur-segment-button--white.ur-segment-button--checked {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #333333;
}

.ur-segment-button--border.ur-segment-button--white:hover {
  background-color: white;
  border-color: #ffffff;
  color: #ffffff;
}
.ur-segment-button--border.ur-segment-button--white.ur-segment-button--checked {
  background-color: white;
  border-color: #ffffff;
  color: #ffffff;
}

.ur-segment-button--solid.ur-segment-button--black:hover {
  background-color: #e6e6e6;
  border-color: #000000;
  color: #000000;
}
.ur-segment-button--solid.ur-segment-button--black.ur-segment-button--checked {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.ur-segment-button--border.ur-segment-button--black:hover {
  background-color: #e6e6e6;
  border-color: #000000;
  color: #000000;
}
.ur-segment-button--border.ur-segment-button--black.ur-segment-button--checked {
  background-color: #cccccc;
  border-color: #000000;
  color: #000000;
}

.ur-segment-button--disabled.ur-segment-button--solid {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #cccccc !important;
}

.ur-segment-button--disabled.ur-segment-button--border {
  color: #cccccc !important;
  border-color: #cccccc !important;
  background-color: #ffffff !important;
}

.ur-segment-wrapper .ur-segment-button.ur-validator--error {
  color: #ff5858;
}

.ur-segment-wrapper .ur-validator--error .ur-segment-button__icon,
.ur-segment-wrapper .ur-validator--error .ur-segment-button__label {
  color: #ff5858;
}

.ur-segment-wrapper.ur-validator--shake .ur-segment-button.ur-validator--error {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-slider {
  position: relative;
  height: 14px;
  padding: 6px 0;
}

.ur-slider__track {
  position: relative;
  height: 2px;
  background-color: #eaeaea;
}

.ur-slider__progress {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #047ad5;
}

.ur-slider__handle {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
  border: 0;
  padding: 0;
  outline: 0;
  top: 1px;
}

.ur-slider__handle::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  top: -7px;
  left: -7px;
  background-color: #047ad5;
  box-shadow: 0 0 0 0 rgba(4, 122, 213, 0.2);
}

.ur-slider__handle:hover::before {
  width: 20px;
  height: 20px;
  top: -10px;
  left: -10px;
  box-shadow: 0 0 0 4px rgba(4, 122, 213, 0.2);
  transition: width 0.1s linear, height 0.1s linear, top 0.1s linear, left 0.1s linear, box-shadow 0.1s linear;
}

.ur-slider__handle:active::before {
  box-shadow: 0 0 0 10px rgba(4, 122, 213, 0.2);
}

.ur-slider__handle__tooltip {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: visible;
  top: -18px;
}

.ur-slider__handle:active .ur-slider__handle__tooltip {
  display: block;
}

.ur-slider__handle__tooltip::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  left: -5px;
  top: -1px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #047ad5 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.ur-slider__handle__tooltip::after {
  content: attr(value);
  position: absolute;
  transform: translate(-50%, -100%);
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  padding: 0 10px;
  color: #ffffff;
  background-color: #047ad5;
  border-radius: 2px;
}

.ur-slider.inner-tooltip .ur-slider__handle__tooltip::before {
  display: none;
}
.ur-slider.inner-tooltip .ur-slider__handle__tooltip::after {
  top: 30px;
}

.ur-slider__tick-mark-wrapper {
  position: absolute;
}

.ur-slider__tick-mark {
  position: absolute;
}

.ur-slider__tick-mark--dot {
  width: 1px;
  height: 2px;
  background-color: #cccccc;
}

.ur-slider__tick-mark--dot.ur-slider__tick-mark--active {
  background-color: #cccccc;
}

.ur-slider__tick-mark--bar {
  width: 1px;
  height: 7px;
  background-color: #eaeaea;
}

.ur-slider__tick-mark--bar.ur-slider__tick-mark--active {
  background-color: #047ad5;
}

.ur-slider__tick-label-wrapper {
  position: relative;
  width: 100%;
  top: 6px;
}

.ur-slider__tick-label {
  position: absolute;
  transform: translateX(-50%);
  line-height: 18px;
  font-size: 12px;
  color: #959595;
}

.ur-slider--disabled .ur-slider__progress {
  background-color: #cccccc;
}
.ur-slider--disabled .ur-slider__handle {
  pointer-events: none;
}
.ur-slider--disabled .ur-slider__handle::before {
  background-color: #cccccc;
}
.ur-slider--disabled .ur-slider__tick-mark--bar.ur-slider__tick-mark--active {
  background-color: #cccccc;
}

.ur-snackbar__container {
  position: fixed;
  display: flex;
  flex-direction: column;
  max-width: 700px;
  min-width: 328px;
  width: auto;
  z-index: 4000;
}

.ur-snackbar__container-bottom {
  bottom: 20px;
}

.ur-snackbar__container-center {
  left: 50%;
  transform: translate(-50%, 0);
}

.ur-snackbar__container-right {
  right: 20px;
}

.ur-snackbar {
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  /*-ms-flex-align: center;*/
  margin-bottom: 10px;
  width: auto;
  min-width: 328px;
  min-height: 48px;
  border-radius: 4px;
  color: #f7f7f7;
  background-color: #333333;
}

.ur-snackbar__content {
  margin: 15px 10px 15px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /*for ie*/
  line-height: 1.2em;
  max-height: 2.4em;
}

.ur-snackbar__action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-right: 10px;
  /*    for ie vertical center align*/
  min-height: inherit;
  height: 10px;
}

.ur-snackbar__slide-leave-active {
  transition: all 0.5s;
  width: auto;
  position: absolute;
}

.ur-snackbar__more-than-one-item .ur-snackbar__slide-leave-active:last-child {
  position: absolute;
}

.ur-snackbar__container-add .ur-snackbar__slide-move {
  transition-delay: 0ms;
}

.ur-snackbar__container-remove .ur-snackbar__slide-move {
  transition-delay: 500ms;
}

.ur-snackbar__slide-enter {
  transform: translateY(110%);
}

.ur-snackbar__slide-leave {
  opacity: 0;
  max-width: 700px;
  /*position:static;*/
}

.ur-snackbar__slide-leave-to {
  opacity: 0;
  max-width: 700px;
  /*position:static;*/
}

.ur-switch {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.ur-switch .ur-switch__circle {
  position: absolute;
  border-radius: 50%;
  transition: margin-left 0.3s, transform 0.3s;
  top: 2px;
  background-color: #ffffff;
}
.ur-switch .ur-switch__text {
  position: absolute;
  transition: margin-left 0.3s, transform 0.3s;
  color: #ffffff;
  word-break: normal;
}

.ur-switch--small {
  width: 32px;
  height: 16px;
  border-radius: 16px;
}
.ur-switch--small.ur-switch--labeled {
  width: 42px;
}
.ur-switch--small .ur-switch__circle {
  width: 12px;
  height: 12px;
}
.ur-switch--small .ur-switch__text {
  font-size: 10px;
  line-height: 16px;
}

.ur-switch--medium {
  width: 48px;
  height: 24px;
  border-radius: 24px;
}
.ur-switch--medium.ur-switch--labeled {
  width: 56px;
}
.ur-switch--medium .ur-switch__circle {
  width: 20px;
  height: 20px;
}
.ur-switch--medium .ur-switch__text {
  font-size: 12px;
  line-height: 24px;
}

.ur-switch--large {
  width: 64px;
  height: 32px;
  border-radius: 32px;
}
.ur-switch--large.ur-switch--labeled {
  width: 68px;
}
.ur-switch--large .ur-switch__circle {
  width: 28px;
  height: 28px;
}
.ur-switch--large .ur-switch__text {
  font-size: 14px;
  line-height: 32px;
}

.ur-switch-ide.ur-switch--small {
  border-radius: 8px;
}
.ur-switch-ide.ur-switch--small .ur-switch__circle {
  height: calc(100% - 2px);
  border-radius: 6px;
}

.ur-switch-ide.ur-switch--medium {
  border-radius: 12px;
}
.ur-switch-ide.ur-switch--medium .ur-switch__circle {
  height: calc(100% - 4px);
  border-radius: 10px;
}

.ur-switch-ide.ur-switch--large {
  border-radius: 18px;
}
.ur-switch-ide.ur-switch--large .ur-switch__circle {
  height: calc(100% - 6px);
  border-radius: 16px;
}

.ur-switch--on {
  background-color: #047ad5;
}
.ur-switch--on .ur-switch__circle {
  margin-left: 100%;
  transform: translateX(-100%) translateX(-2px);
}
.ur-switch--on .ur-switch__text {
  margin-left: 0;
  transform: translateX(0%) translateX(8px);
}

.ur-switch--off {
  background-color: #767676;
}
.ur-switch--off .ur-switch__circle {
  margin-left: 0;
  transform: translateX(0%) translateX(2px);
}
.ur-switch--off .ur-switch__text {
  margin-left: 100%;
  transform: translateX(-100%) translateX(-8px);
}

.ur-switch--disabled.ur-switch--on {
  background-color: #9bcaee;
}

.ur-switch--disabled.ur-switch--off {
  background-color: #c8c8c8;
}

div.ur-page-table--no-title .ur-table__title {
  display: none;
}

div.ur-page-table--no-title .ur-table__title + .ur-table__action {
  position: static;
  text-align: right;
  display: block;
}

.ur-table {
  background: #ffffff;
  overflow-x: auto;
  position: relative;
  /* [OTHER COMP] */
  /* [TITLE] */
  /* [CONTROL] */
  /* [COUNTER] */
  /* [ACTION] */
}
.ur-table .ur-table__title {
  padding-left: 0px;
  height: 64px;
  display: flex;
  align-items: center;
}
.ur-table .ur-table__title__label {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.ur-table .ur-table__title__desc {
  flex: 1 1 auto;
  color: #767676;
  font-size: 14px;
  margin-left: 10px;
}
.ur-table .ur-table__title__action {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.ur-table .ur-table__control {
  padding-left: 0px;
  margin-left: 0;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ur-table .ur-table__control--reverse {
  flex-direction: row-reverse;
}
.ur-table .ur-table__control--no-page .ur-table__counter__total {
  line-height: 26px;
  border-right: none;
}
.ur-table .ur-table__counter {
  z-index: 1;
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.ur-table .ur-table__counter__total {
  height: 22px;
  line-height: 22px;
  padding-right: 8px;
}
.ur-table .ur-table__counter__per-page {
  width: auto;
}
.ur-table .ur-table__counter__per-page .ur-dropdown__title {
  font-size: 14px;
  border-color: rgba(0, 0, 0, 0);
}
.ur-table .ur-table__counter__per-page .ur-dropdown__item {
  font-size: 14px;
}
.ur-table .ur-table__counter__per-page .ur-dropdown__selected {
  width: auto;
}
.ur-table .ur-table__action {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 1 auto;
}
.ur-table .ur-table__action-selected {
  display: inline-block;
  font-size: 14px;
  color: #047ad5;
  margin-right: 10px;
}
.ur-table .ur-table__action-selected:last-child {
  margin-right: 0px;
}
.ur-table .ur-table__extra-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ur-table .ur-table__area {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0px;
  table-layout: fixed;
  /* Table width 조정을 위한 필수 요소 */
}
.ur-table .ur-table__area .ur-table__header {
  flex: 0 0 auto;
  width: 100%;
}
.ur-table .ur-table__area .ur-table__header .ur-table__header-col {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.ur-table .ur-table__area .ur-table__header .ur-table__header-resize {
  position: absolute;
  right: 0;
  width: 15px;
  background-color: rgba(255, 255, 255, 0.01);
  border-right: 1px solid rgba(0, 0, 0, 0.0008);
  cursor: w-resize;
}
.ur-table .ur-table__area .ur-table__header .ur-table__header-resize:hover {
  background-color: #e6f2fb;
}
.ur-table .ur-table__area .ur-table__header .ur-table__resize-line {
  width: 1px;
  border: 1px dashed rgba(0, 0, 0, 0.003);
}
.ur-table .ur-table__area .ur-table__header .ur-table__header__resizer-td {
  padding: 0;
}
.ur-table .ur-table__area .ur-table__header tr.ur-table__header__row {
  min-height: 28px;
  width: 100%;
  color: #333333;
  font-size: 14px;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #a5a5a5;
}
.ur-table .ur-table__area .ur-table__header th {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
}
.ur-table .ur-table__area .ur-table__header th .ur-table__icon-sort {
  cursor: pointer;
  margin-left: 5px;
  color: #a5a5a5;
}
.ur-table .ur-table__area .ur-table__header th .ur-table__icon-sort--selected {
  color: #047ad5;
}
.ur-table .ur-table__area .ur-table__header th .ur-table__icon-filter {
  color: #a5a5a5;
  cursor: pointer;
  font-size: 10px;
}
.ur-table .ur-table__area .ur-table__body {
  overflow-y: auto;
}
.ur-table .ur-table__area .ur-table__body tr {
  min-height: 40px;
  width: 100%;
  border-bottom: 1px solid #f7f7f7;
}
.ur-table .ur-table__area .ur-table__body tr:hover {
  background-color: #f2f2f2;
}
.ur-table .ur-table__area .ur-table__body tr.ur-table__sorted:hover {
  background-color: #f2f2f2;
}
.ur-table .ur-table__area .ur-table__body tr:last-child {
  border-bottom: 1px solid #cccccc;
}
.ur-table .ur-table__area .ur-table__body td {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  color: #333333;
}
.ur-table .ur-table__area .ur-table__body td a {
  color: #047ad5;
}
.ur-table .ur-table__area .ur-table__body .ur-table__body__alert {
  text-align: center;
  height: 40px;
  background-color: rgba(231, 76, 60, 0.002);
}
.ur-table .ur-table__area .ur-table__body .ur-table__body__no-data {
  text-align: center;
  height: 40px;
}
.ur-table .ur-table__header-checker {
  padding-top: 5px;
}
.ur-table .ur-table__cell-checker {
  padding-top: 5px;
  text-align: center;
}
.ur-table .ur-table__cell--expand {
  background-color: #f7f7f7;
}
.ur-table .ur-table__expand-enter-active,
.ur-table .ur-table__expand-leave {
  height: 40px;
  opacity: 1;
  transition: all 0.3s;
}
.ur-table .ur-table__expand-enter,
.ur-table .ur-table__expand-leave-active {
  height: 0px;
  opacity: 0;
  transition: all 0.3s;
}
.ur-table .ur-table__selected {
  background-color: #e6f2fb;
}
.ur-table .ur-table__sorted {
  background-color: #e6f2fb;
}

.ur-search-box + .ur-table {
  margin-top: 20px;
}

.ur-table + .ur-pagination {
  margin-top: 18px;
}

.ur-table__hidden-icon {
  display: none !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ur-table__col__from-1280,
.ur-table__col__from-1600,
.ur-table__col__from-1920 {
  position: relative;
}

@media only screen and (max-width: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .ur-table__col__from-1600 {
    text-indent: -10000px;
    width: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .ur-table__col__from-1600 * {
    display: none !important;
  }
  .ur-table__col__from-1600 .ur-table__hidden-icon {
    display: inline-flex !important;
  }
  .ur-table__col__from-1600 .ur-table__hidden-icon * {
    display: block !important;
  }

  .ur-table__col__from-1920 {
    text-indent: -10000px;
    width: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .ur-table__col__from-1920 * {
    display: none !important;
  }
  .ur-table__col__from-1920 .ur-table__hidden-icon {
    display: inline-flex !important;
  }
  .ur-table__col__from-1920 .ur-table__hidden-icon * {
    display: block !important;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .ur-table__col__from-1920 {
    text-indent: -10000px;
    width: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .ur-table__col__from-1920 * {
    display: none !important;
  }
  .ur-table__col__from-1920 .ur-table__hidden-icon {
    display: inline-flex !important;
  }
  .ur-table__col__from-1920 .ur-table__hidden-icon * {
    display: block !important;
  }
}
/* [TEXTFIELD] Positioning */
.ur-text-field {
  position: relative;
  display: inline-block;
  min-width: 100px;
  font-size: 0;
}

.ur-text-field--small {
  min-width: 30px;
}

/* [TEXTFIELD] Common */
.ur-text-field__input,
.ur-text-field__textarea {
  width: 100%;
  padding: 0 8px 0 8px;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}

.ur-text-field__textarea {
  height: auto;
  overflow: auto;
  border-width: 1px;
  line-height: 24px;
  margin-bottom: 0px;
}

.ur-text-field.ur-text-field-ide .ur-text-field__input {
  height: 100%;
  line-height: initial;
}

/* [TEXTFIELD] Size */
.ur-text-field--small .ur-text-field__input {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}

.ur-text-field--medium .ur-text-field__input {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.ur-text-field--large .ur-text-field__input {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}

.ur-text-field--small .ur-text-field__textarea {
  min-height: 24px;
  line-height: 22px;
  font-size: 12px;
}

.ur-text-field--medium .ur-text-field__textarea {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.ur-text-field--large .ur-text-field__textarea {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.ur-text-field--small .ur-text-field__icon-wrap {
  font-size: 12px;
}

.ur-text-field--medium .ur-text-field__icon-wrap {
  font-size: 14px;
}

.ur-text-field--large .ur-text-field__icon-wrap {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.ur-text-field--underline .ur-text-field__input,
.ur-text-field--underline .ur-text-field__textarea {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}

.ur-text-field--border .ur-text-field__input,
.ur-text-field--border .ur-text-field__textarea {
  border-radius: 0;
  border-width: 1px;
}

.ur-text-field--has-message.ur-validator--error .ur-text-field__input,
.ur-text-field--has-message.ur-validator--error .ur-text-field__textarea,
.ur-text-field--has-message.ur-validator--valid .ur-text-field__input,
.ur-text-field--has-message.ur-validator--valid .ur-text-field__textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ur-text-field__input,
.ur-text-field__textarea {
  border-color: #dbdbdb;
}
.ur-text-field__input:focus,
.ur-text-field__textarea:focus {
  border-color: #047ad5;
  background-color: #e6f2fb;
}
.ur-text-field__input[readonly],
.ur-text-field__textarea[readonly] {
  background-color: #eaeaea;
  -ms-user-select: none;
}
.ur-text-field__input:disabled,
.ur-text-field__textarea:disabled {
  background-color: #dbdbdb;
  color: #767676;
}

.ur-text-field__input::-moz-placeholder, .ur-text-field__textarea::-moz-placeholder {
  color: #959595;
}

.ur-text-field__input::placeholder,
.ur-text-field__textarea::placeholder {
  color: #959595;
}

:-ms-input-placeholder {
  color: #959595 !important;
}

::-ms-input-placeholder {
  color: #959595 !important;
}

.ur-text-field--small .ur-text-field__input--with-icon {
  padding-right: 28px;
}

.ur-text-field--medium .ur-text-field__input--with-icon {
  padding-right: 30px;
}

.ur-text-field--large .ur-text-field__input--with-icon {
  padding-right: 30px;
}

.ur-text-field--small .ur-text-field__input--with-two-icon {
  padding-right: 48px;
}

.ur-text-field--medium .ur-text-field__input--with-two-icon {
  padding-right: 52px;
}

.ur-text-field--large .ur-text-field__input--with-two-icon {
  padding-right: 52px;
}

.ur-text-filed__input--only-eng {
  ime-mode: disabled;
}

.ur-text-filed__input--mask-number {
  text-align: right;
}

.ur-text-field__icon-wrap {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: auto;
  right: 8px;
  align-items: center;
}

.ur-text-field__icon-wrap-two-icon {
  right: 8px;
}

.ur-text-field--small .ur-text-field__icon-wrap {
  font-size: 12px;
}

.ur-text-field--medium .ur-text-field__icon-wrap {
  font-size: 14px;
}

.ur-text-field--large .ur-text-field__icon-wrap {
  font-size: 14px;
}

.ur-text-field__icon-wrap__icon {
  cursor: pointer;
}

.ur-text-field__icon-wrap__icon + .ur-text-field__icon-wrap__icon {
  margin-left: 8px;
}

.ur-text-field__input::-ms-clear,
.ur-text-field__input::-ms-reveal {
  display: none;
}

/* [TEXTAREA] Style*/
.ur-text-area {
  vertical-align: bottom;
}

.ur-text-field.ur-validator--valid .ur-text-field__input,
.ur-text-field.ur-validator--valid .ur-text-field__textarea {
  border-color: #4fce67;
}

.ur-text-field.ur-validator--error .ur-text-field__input,
.ur-text-field.ur-validator--error .ur-text-field__textarea {
  border-color: #ff5858;
}

.ur-text-field.ur-validator--shake > *:not(.ur-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-text-field.ur-text-field--readonly > input {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.ur-text-field.ur-text-field--disabled > input {
  pointer-events: none;
}

.ur-text-area.ur-text-field--readonly > textarea {
  cursor: text;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.ur-text-area.ur-text-field--disabled > textarea {
  pointer-events: none;
}

.ur-text-field.ur-text-field--disabled {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ur-text-field__message {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0 4px 0 4px;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.ur-text-field__counter {
  position: relative;
  float: right;
}

.ur-validator--error .ur-text-field__message--heavy {
  color: #ffffff;
  background-color: #ff5858;
}

.ur-validator--valid .ur-text-field__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.ur-validator--error .ur-text-field__message--light {
  color: #ff5858;
  background-color: rgba(255, 255, 255, 0);
}

.ur-validator--valid .ur-text-field__message--light {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}

.ur-time-picker {
  display: inline-flex;
  z-index: 200;
}

.ur-time-picker--medium {
  display: flex;
  justify-content: space-between;
  width: 296px;
  align-items: stretch;
  height: 32px;
  min-height: 32px;
}

.ur-time-picker--medium.ur-time-picker__second {
  display: flex;
  justify-content: space-between;
  width: 380px;
  align-items: stretch;
  height: 32px;
  min-height: 32px;
}

.ur-time-picker--medium.ur-time-picker__toggleMrdm {
  display: flex;
  justify-content: space-between;
  width: 250px;
  align-items: stretch;
  height: 32px;
  min-height: 32px;
}

.ur-time-picker--medium.ur-time-picker__second.ur-time-picker__toggleMrdm {
  display: flex;
  justify-content: space-between;
  width: 335px;
  align-items: stretch;
  height: 32px;
  min-height: 32px;
}

.ur-time-picker-time--medium {
  float: left;
  display: flex;
}

.ur-time-picker-ide .ur-dropdown--small {
  height: 100%;
}

.ur-time-picker-ide .ur-dropdown--medium {
  height: 100%;
}

.ur-time-picker-ide .ur-time-picker-time--medium {
  flex: 1 1 auto;
  display: flex;
}

.ur-time-picker-meridiem--medium {
  float: left;
  margin-left: 16px;
}

.ur-time-picker-ide .ur-time-picker-meridiem--small {
  flex: 0 0 auto;
}

.ur-time-picker-ide .ur-time-picker-meridiem--medium {
  flex: 0 0 auto;
}

.ur-time-picker-time--medium .ur-counter {
  flex: 1 1 auto;
}

.ur-time-picker-time--medium .ur-counter + .ur-counter {
  margin-left: 8px;
}

.ur-time-picker-time--medium .ur-counter.ur-counter--medium > input {
  width: 32px;
  height: 32px;
}

.ur-time-picker-time--medium > .ur-counter.ur-counter--medium > input {
  width: 34px;
}

.ur-time-picker-ide .ur-time-picker-time--medium .ur-counter.ur-counter--medium > input {
  width: 100%;
  height: 100%;
}

.ur-time-picker--small {
  width: 218px;
  height: 24px;
  min-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-time-picker--small.ur-time-picker__second {
  width: 282px;
  height: 24px;
  min-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-time-picker-time--small {
  float: left;
  display: flex;
}

.ur-time-picker-ide .ur-time-picker-time--small {
  flex: 1 1 auto;
  display: flex;
}

.ur-time-picker-meridiem--small {
  float: left;
  margin-left: 16px;
}

.ur-time-picker-time--small .ur-counter.ur-counter--small > input {
  width: 24px;
  height: 24px;
}

.ur-time-picker-time--small .ur-counter {
  flex: 1 1 auto;
}

.ur-time-picker-time--small .ur-counter + .ur-counter {
  margin-left: 8px;
}

.ur-time-picker-time--small > .ur-counter.ur-counter--small > input {
  width: 24px;
  padding: 0;
}

.ur-time-picker-ide .ur-time-picker-time--small .ur-counter.ur-counter--small > input {
  width: 100%;
  height: 100%;
}

.ur-time-picker-ide .ur-segment-button--small {
  height: 100%;
}

.ur-time-picker-ide .ur-segment-button--medium {
  height: 100%;
}

.ur-time-picker .ur-counter--small {
  width: 60px;
}
.ur-time-picker .ur-counter--medium {
  width: 80px;
}

.ur-time-picker-meridiem__toggleButton {
  background-color: #ffffff;
}

.notification-wrapper:last-child {
  margin-bottom: 40px;
}

/* @override vue-notification */
.vue-notification {
  padding: 20px 30px 20px 30px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.008);
  background: rgba(0, 0, 0, 0.0095);
  border-left: 7px solid transparent;
}
.vue-notification.warn {
  background: rgba(0, 0, 0, 0.0095);
  border-left-color: #f7a443;
}
.vue-notification.error {
  background: rgba(0, 0, 0, 0.0095);
  border-left-color: #ff5858;
}
.vue-notification.success {
  background: rgba(0, 0, 0, 0.0095);
  border-left-color: #4fce67;
}

.ur-tooltip-outer-invisible-container {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
}

.ur-tooltip-invisible-container {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 10000;
}

.ur-tooltip-anchor {
  position: absolute;
  z-index: 10000;
  width: 0;
  height: 0;
  overflow: visible;
}

.ur-tooltip-anchor::before {
  position: absolute;
  z-index: 10000;
  border-style: solid;
}

.ur-tooltip-anchor__arrow--left::before {
  content: "";
  width: 12px;
  height: 16px;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #333333;
  right: 0;
  top: -8px;
}

.ur-tooltip-anchor__arrow--right::before {
  content: "";
  width: 12px;
  height: 16px;
  border-width: 8px 12px 8px 0;
  border-color: transparent #333333 transparent transparent;
  left: 0;
  top: -8px;
}

.ur-tooltip-anchor__arrow--top::before {
  content: "";
  width: 16px;
  height: 12px;
  border-width: 12px 8px 0 8px;
  border-color: #333333 transparent transparent transparent;
  left: -8px;
  bottom: 0;
}

.ur-tooltip-anchor__arrow--bottom::before {
  content: "";
  width: 16px;
  height: 12px;
  border-width: 0 8px 12px 8px;
  border-color: transparent transparent #333333 transparent;
  left: -8px;
  top: 0;
}

.ur-tooltip-wrapper {
  position: absolute;
  z-index: 10000;
}

.ur-tooltip {
  position: relative;
  background-color: #333333;
  color: #ffffff;
  padding: 0 8px;
  font-size: 12px;
  font-style: normal;
  line-height: 32px;
  min-height: 32px;
  max-width: 368px;
  display: inline-block;
  word-wrap: break-word;
  white-space: nowrap;
}

.ur-tooltip--multiline {
  padding: 12px 16px;
  line-height: 24px;
}

.ur-tooltip--with-close {
  padding-right: 32px;
}

.ur-tooltip__close {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: 8px;
}

.ur-tree {
  border: 1px solid #dbdbdb;
  width: 300px;
  height: 100%;
  padding: 32px 0 32px 0;
}
.ur-tree__btn-group {
  padding: 0 24px 0 24px;
  position: relative;
  font-size: 0;
}
.ur-tree__divider {
  margin: 8px 24px 8px 24px;
  border: none;
  border-top: 1px solid #eaeaea;
  overflow: visible;
}

.ur-tree__contents {
  padding: 0 24px 0 24px;
  overflow: auto;
  height: calc(100% - 41px);
}

.ur-tree__filter {
  width: 100%;
  margin-bottom: 4px;
}

.ur-tree-node + .ur-tree-node {
  margin-top: 16px;
}

.ur-tree-node .ur-tree-node {
  margin-top: 0;
}

.ur-tree-node {
  position: relative;
  width: 100%;
}

.ur-tree-node__contents {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  position: relative;
  width: 100%;
  display: flex;
  height: 24px;
  font-size: 0;
  color: #333333;
}

.ur-tree-node__contents__toggle-button {
  height: 24px;
  width: 16px;
  flex: 0 0 auto;
}
.ur-tree-node__contents__toggle-button .ur-icon:hover {
  background-color: rgba(4, 122, 213, 0.2);
}

.ur-tree-node__contents__checkbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  flex: 0 0 auto;
}

.ur-tree-node__contents__checkbox--checked {
  color: #047ad5;
}

.ur-tree-node__contents__label {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  padding: 0 4px;
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.ur-tree-node__contents__label .ur-tree-node__contents.ur-tree-node--drag-over {
  background-color: rgba(4, 122, 213, 0.4);
}

.ur-tree-node__contents__label--with-action-group {
  flex: 1 0 auto;
  max-width: calc(100% - 16px);
}

.ur-tree-node__contents__label--with-action-group:not(.ur-tree-node__contents__label--inline-edit):hover {
  padding-right: 40px;
}

.ur-tree-node__contents__label:not(.ur-tree-node__contents-label__label--inline-edit):hover {
  background-color: rgba(4, 122, 213, 0.2);
}

.ur-tree-node__contents--searched {
  color: #000000;
  font-weight: 700;
}

.ur-tree-node__contents--selected {
  color: #047ad5;
  font-weight: 700;
}

.ur-tree-node__vertical-line {
  margin-left: 7px;
  padding-left: 12px;
  border-left: 1px solid #eaeaea;
  position: relative;
}

.ur-tree-node__contents__action-group {
  display: none;
  cursor: default;
}

.ur-tree-node__contents__label--with-action-group:not(.ur-tree-node__contents__label--inline-edit):hover .ur-tree-node__contents__action-group {
  display: block;
  color: #333333;
  position: absolute;
  top: 0;
  right: 0;
}

.ur-tree-node__contents__action-icon {
  margin-right: 4px;
  height: 24px;
}

.ur-tree-node__contents__action-icon .ur-icon {
  cursor: pointer;
}

.ur-tree-node__header {
  height: 4px;
  width: 100%;
}

.ur-tree-node__header.ur-tree-node--drag-over {
  background: rgba(4, 122, 213, 0.4);
}

.ur-tree-node__footer {
  height: 4px;
  width: 100%;
}

.ur-tree-node__footer.ur-tree-node--drag-over {
  background: rgba(4, 122, 213, 0.4);
}

.ur-form-item__element {
  overflow: hidden;
}

.ur-form-item__element .ur-form-item__compo {
  overflow: hidden;
}

.ur-form-item__element .ur-form-item__compo .ur-text-field {
  width: 100%;
}

.ur-form-item__element.ur-form-item--no-height .ur-form-item__compo {
  padding-bottom: 16px;
}

.ur-form-item__element.ur-form-item--block {
  padding: 8px 8px;
}

.ur-form-item__element.ur-form-item--block .ur-form-item__compo {
  align-items: start;
  padding: 8px 0px 20px;
  height: initial;
}

.ur-form-item__element.ur-form-item--block.ur-form-item--no-height .ur-form-item__compo {
  height: initial;
  padding-bottom: 16px;
}

@keyframes loading {
  0% {
    stroke-dasharray: 0 1357.1712;
    stroke-dashoffset: 339.2928;
    stroke: #047ad5;
  }
  25% {
    stroke-dasharray: 1357.1712 0;
    stroke-dashoffset: 339.2928;
    stroke: #047ad5;
  }
  50% {
    stroke-dasharray: 0 1357.1712;
    stroke-dashoffset: -1017.8784;
    stroke: #047ad5;
  }
  50.1% {
    stroke-dasharray: 0 1357.1712;
    stroke-dashoffset: 339.2928;
    stroke: #eb702d;
  }
  75% {
    stroke-dasharray: 1357.1712 0;
    stroke-dashoffset: 339.2928;
    stroke: #eb702d;
  }
  100% {
    stroke-dasharray: 0 1357.1712;
    stroke-dashoffset: -1017.8784;
    stroke: #eb702d;
  }
}
@keyframes msLoading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ur-data-grid__edit__calendar {
  width: 284px;
  z-index: 5200;
  position: absolute;
  padding: 32px;
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__edit__calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.ur-data-grid__edit__calendar__header > .ur-icon-button {
  width: 28px;
  height: 28px;
  transform: rotate(90deg);
}

.ur-data-grid__edit__calendar__header > .ur-icon-button:hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__header > .ur-icon-button:active {
  color: #333333;
  background-color: #eaeaea;
}

.ur-data-grid__edit__calendar__header__jump-label {
  cursor: pointer;
  font-weight: bold;
}

.ur-data-grid__edit__calendar__header__jump-label:hover {
  color: #047ad5;
}

.ur-data-grid__edit__calendar__header__jump-label:active {
  color: #047ad5;
}

.ur-data-grid__edit__calendar__container--year,
.ur-data-grid__edit__calendar__container--month {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ur-data-grid__edit__calendar__container--year {
  padding: 0 14px;
}

.ur-data-grid__edit__calendar__date-wrapper {
  margin-bottom: 16px;
}

.ur-data-grid__edit__calendar__row {
  position: relative;
  height: 28px;
  width: 100%;
  margin-bottom: 4px;
}

.ur-data-grid__edit__calendar__row-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ur-data-grid__edit__calendar__row__background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: stretch;
}

.ur-data-grid__edit__calendar__row__background > div {
  position: relative;
  flex: 1 0 auto;
}

.ur-data-grid__edit__calendar__row__background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}

.ur-data-grid__edit__calendar__row__background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #e6f2fb;
}

.ur-data-grid__edit__calendar__row__background .select-between {
  background-color: #e6f2fb;
}

.ur-data-grid__edit__calendar__row__background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__row__background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__row__background .hover-between {
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__week-label,
.ur-data-grid__edit__calendar__cell {
  width: 28px;
  height: 28px;
  color: #5a5a5a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
}

.ur-data-grid__edit__calendar__cell {
  cursor: pointer;
}

.ur-data-grid__edit__calendar__cell--month,
.ur-data-grid__edit__calendar__cell--year {
  width: 48px;
  height: 48px;
  font-size: 18px;
  margin-bottom: 10px;
}

.ur-data-grid__edit__calendar__cell--today {
  color: #047ad5;
  text-decoration: underline;
}

.ur-data-grid__edit__calendar__cell--sunday {
  color: #e74c3c;
}

.ur-data-grid__edit__calendar__cell--saturday {
  color: #2e86c1;
}

.ur-data-grid__edit__calendar__cell--other-month {
  color: #cccccc;
}

.ur-data-grid__edit__calendar__cell--disabled {
  color: #cccccc;
  pointer-events: none;
}

.ur-data-grid__edit__calendar__cell--invisible {
  color: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0) !important;
  pointer-events: none;
}

.ur-data-grid__edit__calendar__cell--selected {
  color: #ffffff;
  background-color: #047ad5;
}

.ur-data-grid__edit__calendar__cell:hover {
  color: #333333;
  background-color: #f7f7f7;
}

.ur-data-grid__edit__calendar__cell--selected:hover {
  color: #ffffff;
  background-color: #3695dd;
}

.ur-data-grid__edit__dropdown__items {
  min-width: 100px;
  position: absolute;
  overflow-y: auto;
  background-color: #ffffff;
  border: 1px solid #959595;
  z-index: 5100;
  max-height: 200px;
  padding: 8px 1px;
  margin-left: 0px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ur-data-grid__edit__dropdown__item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 12px;
  line-height: 16px;
  background-color: #ffffff;
  font-size: 14px;
  max-width: 300px;
  min-height: 32px;
}

.ur-data-grid__edit__dropdown__item:hover {
  background-color: #e6f2fb;
}

.ur-data-grid__edit__dropdown__item-label--selected {
  color: #047ad5;
  font-weight: 700;
}

.ur-data-grid__noti-wrapper {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap-reverse;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  width: 1px;
}

.ur-data-grid__noti-item {
  position: relative;
  color: #5a5a5a;
  width: 450px;
  padding: 16px;
  line-height: 18px;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  margin: 5px 8px;
}

.ur-data-grid__noti-item__message {
  padding-right: 16px;
  word-break: break-all;
}

.ur-data-grid__noti-item__message::first-letter {
  text-transform: uppercase;
}

.ur-data-grid__noti-item--blur {
  opacity: 0;
  transition: opacity 2s;
}

.ur-data-grid__noti-item__hourglass {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #a5a5a5;
  animation-duration: 7s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.2, 0.6, 1);
}

@keyframes collapse-hourglass {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.ur-data-grid__noti-item--log {
  border-color: #a5a5a5;
  background: #f7f7f7;
}

.ur-data-grid__noti-item--warn {
  border-color: #f39c12;
  background: #fef5e7;
}

.ur-data-grid__noti-item--info {
  border-color: #2e86c1;
  background: #eaf3f9;
}

.ur-data-grid__noti-item--pass {
  border-color: #28b463;
  background: #eaf8ef;
}

.ur-data-grid__noti-item--err {
  border-color: #e74c3c;
  background: #fdedec;
}

.ur-data-grid__noti-item--log .ur-data-grid__noti-item__hourglass {
  background: #a5a5a5;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--info .ur-data-grid__noti-item__hourglass {
  background: #2e86c1;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--pass .ur-data-grid__noti-item__hourglass {
  background: #28b463;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--warn .ur-data-grid__noti-item__hourglass {
  background: #f39c12;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--err .ur-data-grid__noti-item__hourglass {
  background: #e74c3c;
  animation-name: collapse-hourglass;
}

.ur-data-grid__noti-item--warn .ur-data-grid__noti-icon:hover {
  color: #f39c12;
}

.ur-data-grid__noti-item--info .ur-data-grid__noti-icon:hover {
  color: #2e86c1;
}

.ur-data-grid__noti-item--pass .ur-data-grid__noti-icon:hover {
  color: #28b463;
}

.ur-data-grid__noti-item--err .ur-data-grid__noti-icon:hover {
  color: #e74c3c;
}

.ur-data-grid__noti-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  cursor: pointer;
}

.ur-data-grid__noti-icon:hover {
  color: #047ad5;
}

.ur-data-grid__noti-icon--info {
  margin-right: 8px;
  color: #2e86c1;
}

.ur-data-grid__noti-icon--warn {
  margin-right: 8px;
  color: #f39c12;
}

.ur-data-grid__noti-icon--err {
  margin-right: 8px;
  color: #e74c3c;
}

.ur-data-grid__table__blocker {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-data-grid__table__blocker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.1);
}

.ur-data-grid__table__blocker__circle {
  width: 100px;
  -ms-animation-duration: 2s;
  -ms-animation-name: msLoading;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
}

.ur-data-grid__table__blocker__circle--bg,
.ur-data-grid__table__blocker__circle--fr {
  stroke-width: 24;
}

.ur-data-grid__table__blocker__circle--bg {
  stroke: rgba(255, 255, 255, 0.3);
}

.ur-data-grid__table__blocker__circle--fr {
  animation-duration: 8s;
  animation-name: loading;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  stroke: #047ad5;
  stroke-dasharray: 1100px;
}

.ur-data-grid__context {
  position: absolute;
  background: #fff;
  box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  padding: 5px 0;
  border-radius: 3px;
  z-index: 7;
}

.ur-data-grid__context__item {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  padding: 0 10px;
  display: flex;
  min-width: 200px;
}

.ur-data-grid__context__item .ur-icon {
  font-size: 20px;
  margin-right: 15px;
}

.ur-data_grid__context__item__text {
  margin-left: 35px;
}

.ur-icon + .ur-data_grid__context__item__text {
  margin-left: 0;
}

.ur-data-grid__context__item:hover {
  color: #047ad5;
}

.ur-data-grid__context__separator {
  height: 1px;
  margin: 2px 0;
  background: #ccc;
}

.ur-data-grid__context--no-icon .ur-icon {
  display: none;
}

.ur-data-grid__context--no-icon .ur-data_grid__context__item__text {
  margin-left: 0px;
}

.ur-data-grid__header__context .ur-data-grid__context__item {
  padding: 0;
}
.ur-data-grid__header__context .ur-data-grid__context__item .ur-icon {
  margin-right: 10px;
}
.ur-data-grid__header__context .ur-data_grid__context__item__text {
  margin-left: 30px;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ur-data-grid__header__context .ur-icon + .ur-data_grid__context__item__text {
  margin-left: 0;
}

.ur-data-grid__table__bordered .ur-data-grid__header,
.ur-data-grid__table__bordered .ur-data-grid__header__cell {
  background-color: #f7f7f7;
}
.ur-data-grid__table__bordered .ur-data-grid__header__cell + .ur-data-grid__header__cell {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header {
  border-left: 1px solid #767676;
  border-right: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header__wrapper {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header__wrapper:first-child {
  border-left: none;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell {
  border-bottom: 1px solid #767676;
  background: #ffffff;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell--hided {
  border-bottom: 1px solid #fff;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell__value {
  border-bottom: none;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell .ur-data-grid__content__cell {
  border-bottom: none;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell + .ur-data-grid__content__cell {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__cell.ur-data-grid__checkbox__align + .ur-data-grid__content__checkbox_border {
  height: 100%;
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__row {
  border-bottom: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__group-row {
  border-bottom: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__scroll-wrapper {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content__scroll-wrapper:first-child {
  border-left: none;
}
.ur-data-grid__table__bordered .ur-data-grid__content {
  border-left: 1px solid #767676;
  border-right: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__content:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #767676;
  z-index: 2;
}
.ur-data-grid__table__bordered .ur-data-grid__content__accordion-vert {
  border-left: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header__resize-anchor::before {
  background: transparent;
}
.ur-data-grid__table__bordered .ur-data-grid__header__wrapper,
.ur-data-grid__table__bordered .ur-data-grid__header__freeze-wrapper {
  border-top: 1px solid #767676;
}
.ur-data-grid__table__bordered .ur-data-grid__header__cell--colspan {
  border-bottom: 1px solid #767676;
}

@keyframes blink-border {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ur-data-grid__info-row {
  height: 36px;
  position: relative;
  z-index: 30;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-data-grid__info-area,
.ur-data-grid__action-area {
  display: flex;
  align-items: center;
}

.ur-data-grid__info__left {
  position: relative;
  z-index: 1;
}

.ur-data-grid__info__center {
  flex: 1 1 0;
}

.ur-data-grid__info__right {
  position: relative;
  z-index: 1;
}

.ur-data-grid__action-row {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ur-data-grid__info-item {
  position: relative;
}

.ur-data-grid__info-item + .ur-data-grid__info-item {
  margin-left: 16px;
}
.ur-data-grid__info-item + .ur-data-grid__info-item::before {
  content: "";
  position: absolute;
  left: -8px;
  height: 16px;
  width: 1px;
  background: #a5a5a5;
  top: calc(50% - 8px);
}
.ur-data-grid__info-item + .ur-data-grid__info-item.ur-data-grid__action__selected-cnt {
  margin-left: 10px;
}
.ur-data-grid__info-item + .ur-data-grid__info-item.ur-data-grid__action__selected-cnt::before {
  content: none;
}
.ur-data-grid__action__selected-cnt {
  color: #047ad5;
  display: flex;
  align-items: center;
}

.ur-data-grid__action__selected-cnt > .ur-icon {
  margin-right: 16px;
}

.ur-data-grid__action__button-area {
  display: flex;
  align-items: center;
}

.ur-data-grid__info__per-page + .ur-data-grid__action__selected-cnt,
.ur-data-grid__info__total + .ur-data-grid__action__selected-cnt {
  margin-left: 10px;
}
.ur-data-grid__info__per-page + .ur-data-grid__action__selected-cnt > .ur-icon,
.ur-data-grid__info__total + .ur-data-grid__action__selected-cnt > .ur-icon {
  margin-right: 6px;
}

.ur-data-grid__info__divider {
  display: inline-block;
  height: 9px;
  width: 1px;
  background: #a5a5a5;
  margin: 0 9px;
}

.ur-data-grid__info__per-page.ur-dropdown {
  width: 120px;
  height: 26px;
}

.ur-data-grid__info__per-page.ur-dropdown .ur-dropdown__title {
  padding: 0;
  padding-right: 20px;
  border: none;
  background-color: transparent;
}

.ur-data-grid__info__per-page.ur-dropdown .ur-dropdown__selected {
  width: 100%;
}

.ur-data-grid__info__per-page.ur-dropdown .ur-dropdown__title-icon {
  margin-left: 0;
}

.ur-data-grid__info__per-page.ur-dropdown .ur-dropdown__items {
  width: 110px;
}

.ur-data-grid__summary {
  background: #f7f7f7;
  /*시부렁 얘는 왜 f6이야.. -ㄴ-*/
}

.ur-data-grid__table {
  position: relative;
  background: #ffffff;
  margin: 8px 0 24px 0;
  outline: none;
}

.ur-data-grid__resize-guide {
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 2px dotted rgba(0, 0, 0, 0.3);
  z-index: 3;
}

.ur-data-grid__clipboard-holder {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  resize: none;
}

.ur-data-grid__header {
  position: relative;
  width: 100%;
  font-size: 14px;
  z-index: 6;
}

.ur-data-grid__header__wrapper {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.ur-data-grid__header__wrapper__position-adjust {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  min-width: 100%;
}

.ur-data-grid__header__freeze-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  overflow: hidden;
}

.ur-data-grid__header__freeze-wrapper[data-scroll="0"] {
  box-shadow: 8px 3px 8px -5px rgba(0, 0, 0, 0.2);
}

.ur-data-grid__header__wrapper,
.ur-data-grid__header__freeze-wrapper {
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #a5a5a5;
}

.ur-data-grid__header__cell {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  position: relative;
  font-weight: 500;
}

.ur-data-grid__header__cell--pseudo {
  z-index: -1;
}

.ur-data-grid__header__cell--pseudo .ur-data-grid__header__cell__title__text {
  display: none;
}

.ur-data-grid__header__cell__title {
  width: calc(100% - 10px);
  margin: 0 5px;
  height: 100%;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__cell__title__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ur-data-grid__header__cell__title__text--required::after {
  content: "*";
  /*&lowast;*/
  color: #d5383a;
  margin-left: 1px;
}

.ur-data-grid__header__cell--number .ur-data-grid__header__cell__title {
  justify-content: flex-end;
}

.ur-data-grid__header__cell--checkbox .ur-data-grid__header__cell__title {
  justify-content: center;
}

.ur-data-grid__header__cell--actionable {
  cursor: pointer;
}

.ur-data-grid__header__cell--actionable:hover {
  background: #e6f2fb;
}

.ur-data-grid__header__cell__header-icon-wrapper {
  position: relative;
  flex: 0 0 auto;
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #a5a5a5;
}

.ur-data-grid__header__cell__header-icon--active {
  color: #047ad5;
}

.ur-data-grid__header__cell__sort-icon {
  position: absolute;
  top: 2px;
  left: 1px;
  font-size: 20px;
}

.ur-data-grid__header__cell__filter-icon {
  position: absolute;
  top: 5px;
  left: 4px;
  font-size: 13px;
}

.ur-data-grid__header__cell__context-icon {
  position: absolute;
  top: 5px;
  left: 4px;
  font-size: 13px;
}

.ur-data-grid__header__cell__header-icon--both .ur-data-grid__header__cell__sort-icon {
  top: 7px;
  left: 8px;
  font-size: 15px;
}

.ur-data-grid__header__cell__header-icon--both .ur-data-grid__header__cell__filter-icon {
  top: 3px;
  left: 1px;
  font-size: 12px;
}

.ur-data-grid__header__resize-anchor {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1px;
  width: 10px;
  cursor: col-resize;
}

.ur-data-grid__header__resize-anchor::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  bottom: 0;
  width: 4px;
}

.ur-data-grid__header__resize-anchor:hover::after {
  background: rgba(0, 0, 0, 0.1);
}

.ur-data-grid__header__resize-anchor::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 0;
  width: 1px;
  background: #a5a5a5;
}

.ur-data-grid__header__resize-anchor:hover + .ur-data-grid__header__cell__title {
  color: #047ad5;
  text-shadow: 2px 2px 4px #9bcaee;
}

.ur-data-grid__header__context {
  position: absolute;
  z-index: 5000;
  top: calc(100% + 1px);
  background: #ffffff;
  padding: 10px 13px;
  min-width: 100px;
  border: 1px solid #959595;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__header__context__sort-row,
.ur-data-grid__header__context__sort-row .label {
  cursor: pointer;
}

.ur-data-grid__header__context__sort-row:hover > .ur-icon,
.ur-data-grid__header__context__sort-row:hover > label {
  color: #047ad5;
}

.ur-data-grid__header__context__sort-row {
  height: 32px;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__context__sort-row > .ur-icon {
  margin-right: 8px;
  font-size: 16px;
  color: #959595;
}

.ur-data-grid__header__context__sort-row > .ur-icon--primary {
  color: #047ad5;
}

.ur-data-grid__header__context__filter {
  margin: 8px 0;
}

.ur-data-grid__header__context__filter-row {
  height: 32px;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__context__filter-row .ur-checkbox {
  flex: none;
  margin-right: 8px;
}

.ur-data-grid__header__context__filter-row:hover,
.ur-data-grid__header__context__filter-row:hover .ur-checkbox__label {
  color: #047ad5;
}

.ur-data-grid__header__context__filter-row .ur-data-grid__header__context__filter-row__divider {
  margin: 0 8px;
}

.ur-data-grid__header__context__filter-wrapper {
  overflow: auto;
  max-width: 350px;
}

.ur-data-grid__header__context__custom {
  margin: 5px 0;
}

.ur-data-grid__header__context__action-row {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}

.ur-data-grid__header__context__filter-row .ur-data-grid__edit__text-field {
  width: 200px;
}

.ur-data-grid__header__context__filter-row .ur-checkbox .ur-checkbox__label {
  font-size: 14px;
}

.ur-data-grid__header__context__filter-row__num-single .ur-data-grid__edit__stepper {
  width: 180px;
}

.ur-data-grid__header__context__filter-row--single-date .ur-data-grid__edit__date-picker {
  width: 180px;
}

.ur-data-grid__header__context__filter-row--ranged-num .ur-data-grid__edit__stepper {
  width: 100px;
}

.ur-data-grid__header__context__filter-row--ranged-date .ur-data-grid__edit__date-picker {
  width: 150px;
}

.ur-data-grid__content {
  position: relative;
  background-color: #ffffff;
  /* min-height:220px; */
}

.ur-data-grid__content__row.ur-data-grid__content--empty__row {
  height: 100%;
  font-size: 24px;
  color: #cccccc;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ur-data-grid__content__freeze-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  background: #ffffff;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}

.ur-data-grid__content__scroll-wrapper {
  overflow: hidden;
  height: 100%;
  background-color: #ffffff;
}

.ur-data-grid__content__freeze-wrapper[data-scroll="0"] {
  box-shadow: 8px -3px 8px -5px rgba(0, 0, 0, 0.2);
}

.ur-data-grid__content__tooltip-anchor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

.ur-data-grid__content__freeze-tooltip-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.ur-data-grid__content__scroll-tooltip-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.ur-data-grid__content__freeze-tooltip-scroller,
.ur-data-grid__content__scroll-tooltip-scroller {
  position: relative;
}

.ur-data-grid__content__select-wrapper {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}

.ur-data-grid__content__select-holder {
  position: relative;
}

.ur-data-grid__content__select-guide {
  position: absolute;
  z-index: 2;
  display: none;
  border: 2px solid rgba(4, 122, 213, 0.9);
}

.ur-data-grid__content__select-guide--animation {
  transition: 0.1s all;
}

.ur-data-grid__content__select-guide--on-copy {
  border-style: dashed;
  animation-duration: 1.2s;
  animation-name: blink-border;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.ur-data-grid__content__error-guide {
  position: absolute;
  z-index: 3;
  border: 2px solid #ff5858;
  cursor: pointer;
  /*pointer-events: all;*/
}

/*.ur-data-grid__content__error-guide::after {
    content:'';position:absolute;top:-6px;right:-6px;width:9px;height:9px;
    border:2px solid white;background:$ur__color--status--error;cursor: pointer;
    pointer-events: all;
}*/
.ur-data-grid__content__select-highlight-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}

.ur-data-grid__content__select-highlight {
  position: absolute;
  display: none;
  box-shadow: 0 0 0 999999px rgba(4, 122, 213, 0.1);
  background: transparent;
  pointer-events: none;
}

.ur-data-grid__pseudo-scroll--no-ctrl {
  pointer-events: none;
}

.ur-data-grid__pseudo-scroll {
  position: absolute;
  z-index: 4;
  overflow: hidden;
}

.ur-data-grid__pseudo-scroll:hover {
  background: #ffffff;
}

.ur-data-grid__pseudo-scroll__button {
  background: rgba(0, 0, 0, 0.05);
  position: relative;
}

.ur-data-grid__pseudo-scroll__button:hover {
  background: #d2d2d2;
}

.ur-data-grid__pseudo-scroll__track {
  position: relative;
  background: rgba(0, 0, 0, 0.05);
}

.ur-data-grid__pseudo-scroll__thumb {
  position: relative;
  background: rgba(168, 168, 168, 0.3);
}

.ur-data-grid__pseudo-scroll__thumb:hover {
  background: #a8a8a8;
}

.ur-data-grid__pseudo-scroll__thumb:active {
  background: #787878;
}

/*cursor:grabbing;/*not for IE*/
.ur-data-grid__pseudo-scroll--vertical {
  top: 0;
  bottom: 0;
  right: 0;
  width: 17px;
  display: flex;
  flex-direction: column;
}
.ur-data-grid__pseudo-scroll--vertical .ur-data-grid__pseudo-scroll__button {
  flex: 0 0 17px;
}
.ur-data-grid__pseudo-scroll--vertical .ur-data-grid__pseudo-scroll__track {
  flex: 1 1 0px;
}
.ur-data-grid__pseudo-scroll--vertical .ur-data-grid__pseudo-scroll__thumb {
  height: 100px;
  top: 0;
  left: 2px;
  width: 13px;
}

.ur-data-grid__pseudo-scroll--horizontal {
  left: 0;
  right: 0;
  bottom: 0;
  height: 17px;
  display: flex;
}
.ur-data-grid__pseudo-scroll--horizontal .ur-data-grid__pseudo-scroll__button {
  flex: 0 0 17px;
  transform: rotate(-90deg);
}
.ur-data-grid__pseudo-scroll--horizontal .ur-data-grid__pseudo-scroll__track {
  flex: 1 1 0px;
}
.ur-data-grid__pseudo-scroll--horizontal .ur-data-grid__pseudo-scroll__thumb {
  width: 100px;
  left: 0;
  top: 2px;
  height: 13px;
}

.ur-data-grid__pseudo-scroll__button::before {
  content: "";
  position: absolute;
  left: 8px;
  width: 1px;
  height: 1px;
  background: #515151;
}
.ur-data-grid__pseudo-scroll__button .ur-data-grid__pseudo-scroll__button-icon {
  position: absolute;
  top: 9px;
  left: 6px;
  width: 5px;
  height: 1px;
  background: #515151;
}
.ur-data-grid__pseudo-scroll__button .ur-data-grid__pseudo-scroll__button-icon::before {
  content: "";
  position: absolute;
  left: 1px;
  width: 3px;
  height: 1px;
  background: #515151;
}
.ur-data-grid__pseudo-scroll__button .ur-data-grid__pseudo-scroll__button-icon::after {
  content: "";
  position: absolute;
  left: -1px;
  width: 7px;
  height: 1px;
  background: #515151;
}

.ur-data-grid__pseudo-scroll__button-top::before {
  top: 7px;
}
.ur-data-grid__pseudo-scroll__button-top .ur-data-grid__pseudo-scroll__button-icon::before {
  top: -1px;
}
.ur-data-grid__pseudo-scroll__button-top .ur-data-grid__pseudo-scroll__button-icon::after {
  bottom: -1px;
}

.ur-data-grid__pseudo-scroll__button-bot::before {
  top: 11px;
}
.ur-data-grid__pseudo-scroll__button-bot .ur-data-grid__pseudo-scroll__button-icon::before {
  top: 1px;
}
.ur-data-grid__pseudo-scroll__button-bot .ur-data-grid__pseudo-scroll__button-icon::after {
  bottom: 1px;
}

.ur-data-grid__pseudo-scroll__resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: -1;
}

.ur-data-grid__pseudo-scroll__resizer__child-expand {
  position: absolute;
  left: 0;
  top: 0;
  width: 1533917px;
  height: 1533917px;
}

.ur-data-grid__pseudo-scroll__resizer__child-shrink {
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 200%;
}

.ur-data-grid__content__row {
  font-size: 14px;
  color: #333333;
  display: flex;
  min-width: 100%;
  border-bottom: 1px solid #f7f7f7;
}

.ur-data-grid__content__row--hover,
.ur-data-grid__content__row--hover .ur-data-grid__content__cell {
  background-color: #f2f2f2;
}

.ur-data-grid__content__row--focused,
.ur-data-grid__content__row--focused .ur-data-grid__content__cell {
  background-color: #e6e6e6;
}

.ur-data-grid__content__row--selected,
.ur-data-grid__content__row--selected .ur-data-grid__content__cell {
  background-color: #e6f2fb;
}

.ur-data-grid__content__row--focused.ur-data-grid__content__row--selected,
.ur-data-grid__content__row--focused.ur-data-grid__content__row--selected .ur-data-grid__content__cell {
  background-color: #cde4f7;
}

.ur-data-grid__content__row--active,
.ur-data-grid__content__row--active .ur-data-grid__content__cell {
  background: #ecf9fe;
}

.ur-data-grid__content__row--focused.ur-data-grid__content__row--selected.ur-data-grid__content__row--active,
.ur-data-grid__content__row--focused.ur-data-grid__content__row--selected.ur-data-grid__content__row--active .ur-data-grid__content__cell {
  background-color: #ecf9fe;
}

.ur-data-grid__content__row--dirty--updated {
  color: #f7a443;
}

.ur-data-grid__content__row--dirty--created {
  color: #4fce67;
}

.ur-data-grid__content__freeze-row {
  border-bottom: 1px solid #f7f7f7;
  display: flex;
}

.ur-data-grid__content__cell {
  border-bottom: 1px solid #f7f7f7;
  position: relative;
  display: flex;
  align-items: center;
}

.ur-data-grid__content__cell--editable {
  /* background:linear-gradient(225deg, rgba(43, 133, 187, 0.2), transparent 10px); */
}

.ur-data-grid__content__cell--cell-mode {
  cursor: cell;
}

.ur-data-grid__content__cell__value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  /* width:100%; */
  /* height:100%; */
  max-height: 100%;
  width: calc(100% - 1px);
  margin-left: 5px;
  margin-right: 5px;
}

.overflow-cell .ur-data-grid__content__cell__value {
  white-space: normal;
  word-break: normal;
  overflow-y: auto;
}
.overflow-cell .ur-data-grid__content__cell__value::-webkit-scrollbar {
  width: 6px;
}
.overflow-cell .ur-data-grid__content__cell__value::-webkit-scrollbar-thumb {
  background-color: #959595;
  border-radius: 10px;
}
.overflow-cell .ur-data-grid__content__cell__value::-webkit-scrollbar-track {
  background-color: #dbdbdb;
  border-radius: 10px;
}

.ur-data-grid__content__cell--number .ur-data-grid__content__cell__value {
  text-align: right;
  justify-content: flex-end;
}

.ur-data-grid__content__cell--checkbox {
  display: flex;
  justify-content: center;
  text-align: center;
}

.ur-data-grid__content__cell--checkbox .ur-data-grid__content__cell__value {
  height: 100%;
  display: flex;
  justify-content: center;
}

.ur-data-grid__content__cell--clickable .ur-data-grid__content__cell__value {
  cursor: pointer;
}

.ur-data-grid__content__cell--merged {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}

.ur-data-grid__content__cell--error .ur-data-grid__content__cell__value {
  color: #ff5858;
}

.ur-data-grid__content__cell--left .ur-data-grid__content__cell__value {
  text-align: left;
  justify-content: flex-start;
}

.ur-data-grid__content__cell--right .ur-data-grid__content__cell__value {
  text-align: right;
  justify-content: flex-end;
}

.ur-data-grid__content__cell--center .ur-data-grid__content__cell__value {
  text-align: center;
  justify-content: center;
}

.ur-data-grid__edit__element {
  position: relative;
  width: calc(100% - 4px);
  height: 100%;
}

.ur-data-grid__edit__element .ur-data-grid__edit__element {
  margin: 0;
}

.ur-data-grid__edit__element__input {
  height: 100%;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  color: #333333;
  outline: none;
}

.ur-data-grid__edit__element__input::-ms-clear {
  display: none;
}

.ur-data-grid__content__cell > .ur-data-grid__edit__element {
  padding: 8px 2px;
}

.ur-data-grid__edit__stepper {
  display: flex;
  align-items: stretch;
  position: relative;
}

.ur-data-grid__edit__stepper__input {
  text-align: right;
}

.ur-data-grid__edit__stepper__button + .ur-data-grid__edit__stepper__input {
  padding: 0 40px;
}

.ur-data-grid__edit__stepper__button {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 32px;
  border: none;
}

.ur-data-grid__edit__stepper__button.ur-button--border {
  border-color: #dbdbdb;
  height: calc(32px - 2px);
}

.ur-data-grid__edit__stepper__button--minus {
  left: 1px;
  border-right: 1px solid #dbdbdb;
}

.ur-data-grid__edit__stepper__button--plus {
  right: 1px;
  border-left: 1px solid #dbdbdb;
}

.ur-data-grid__edit__stepper .ur-counter__updown-wrapper {
  flex: 0 0 16px;
}
.ur-data-grid__edit__stepper .ur-counter__updown-upper:before {
  border-width: 0 5px 6px 5px;
  border-color: #959595 transparent;
}
.ur-data-grid__edit__stepper .ur-counter__updown-lower:before {
  border-width: 6px 5px 0 5px;
  border-color: #959595 transparent;
}

.ur-data-grid__edit__date-picker {
  position: relative;
  display: flex;
}

.ur-data-grid__edit__date-picker__icon {
  margin-left: -32px;
  height: auto;
}

.ur-icon-button.ur-data-grid__edit__date-picker__icon {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #dbdbdb;
  border-right-color: transparent;
}

.ur-data-grid__edit__element__input:focus + .ur-data-grid__edit__date-picker__icon {
  border-color: #047ad5;
}

.ur-data-grid__edit__mask-field {
  position: relative;
}

.ur-data-grid__edit__mask-field > input {
  font-family: "#Noto Mono", "d2coding", "consolas";
  font-size: 14px;
}

.ur-data-grid__edit__mask-field__placeholder {
  position: absolute;
}

.ur-data-grid__edit__mask-field__input {
  position: relative;
  color: #5a5a5a;
}

.ur-data-grid__edit__dropdown {
  position: relative;
}

.ur-data-grid__edit__dropdown__title {
  height: 100%;
  padding: 0;
  display: flex;
  cursor: default;
}

.ur-data-grid__edit__dropdown__title--active {
  border-color: #047ad5;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__edit__dropdown__title__input {
  padding: 0 26px 0 8px;
  width: 100%;
}

.ur-data-grid__edit__dropdown__title__caret {
  font-size: 10px;
  width: 26px;
  margin-left: -26px;
  height: auto;
  transition: transform 0.3s;
  cursor: pointer;
  transform: rotate(360deg);
}

.ur-data-grid__edit__dropdown__title__caret--expand {
  transform: rotate(180deg);
}

.ur-data-grid__edit__checkbox {
  display: flex;
  align-items: center;
}

.ur-data-grid__edit__checkbox__icon {
  height: 14px;
  cursor: pointer;
  outline: none;
  background: #fff;
}

.ur-data-grid__edit__checkbox__icon:focus {
  border-color: #047ad5;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__edit__checkbox--checked {
  color: #047ad5;
}

.ur-data-grid__header__context__filter-row .ur-data-grid__edit__element__input:focus {
  border-color: #047ad5;
  background: #ffffff;
}

.ur-data-grid__content__freeze-row .ur-data-grid__edit__element__input:focus,
.ur-data-grid__content__row .ur-data-grid__edit__element__input:focus {
  border-color: #047ad5;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__edit__element--error .ur-data-grid__edit__element__input {
  border-color: #ff5858;
}

.ur-data-grid__edit__element--error .ur-data-grid__edit__element__input:focus {
  border-color: #ff5858;
  box-shadow: 0px 3px 3px -2px rgba(255, 88, 88, 0.2), 0px 3px 4px 0px rgba(255, 88, 88, 0.14), 0px 1px 8px 0px rgba(255, 88, 88, 0.12);
}

.ur-data-grid__edit__element--error .ur-data-grid__edit__element__message--error {
  display: block;
}

.ur-data-grid__edit__element__message--error {
  position: absolute;
  left: 1px;
  right: 1px;
  top: calc(100% - 0px);
  z-index: 1;
  word-break: break-all;
  background: #ff5858;
  color: #ffffff;
  line-height: 16px;
  padding: 0 4px 0 4px;
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.ur-data-grid__edit__element__message--error:hover {
  opacity: 0.3;
}

.ur-data-grid__edit__element__freeze__message--error {
  z-index: 2;
}

.ur-data-grid .ur-validator--shake {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ur-data-grid__content__accordion-row {
  background: #f7f7f7;
  padding: 20px;
  padding-right: 40px;
}

.ur-data-grid__accordion--form {
  padding: 0;
  margin: 0;
}

.ur-data-grid__accordion--form .ur-box__title {
  display: none;
}

.ur-data-grid__accordion--form .ur-form-box .ur-form-box__contents {
  width: 100%;
}

.ur-data-grid__accordion--form .ur-form-box--medium {
  padding: 0;
}

.ur-data-grid__accordion--form .ur-form-item--medium {
  height: 44px;
}

.ur-data-grid__accordion--form .ur-form-item__label {
  line-height: 44px;
  font-size: 14px;
}

.ur-data-grid__accordion--form .ur-form-item,
.ur-data-grid__accordion--form .ur-form-item__compo {
  overflow: auto;
  font-size: 14px;
}

.ur-data-grid__accordion--default .ur-box {
  margin-bottom: 0px;
}

.ur-data-grid__content__accordion-vert {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  z-index: 2;
  padding: 15px;
  padding-top: 30px;
}

.ur-data-grid__content__accordion-vert__close {
  position: absolute;
  top: 6px;
  right: 26px;
  cursor: pointer;
}

.ur-data-grid__content__accordion-vert__close:hover {
  color: #333333;
}

.ur-data-grid__content__freeze-row .ur-data-grid__content__cell--accordion {
  text-align: center;
}

.ur-data-grid__content__cell--accordion:hover {
  color: #047ad5;
}

.ur-data-grid__content__cell--accordion--icon {
  cursor: pointer;
  transition: transform 0.3s;
}

.ur-data-grid__content__cell--accordion--vertical {
  transform: rotate(270deg);
}

.ur-data-grid__content__cell--accordion--slide {
  transform: rotate(90deg);
}

.ur-data-grid__content__cell--accordion--expand {
  transform: rotate(180deg);
}
.ur-data-grid__content__cell--accordion--expand.ur-data-grid__content__cell--accordion--vertical {
  transform: rotate(90deg);
}
.ur-data-grid__content__cell--accordion--expand.ur-data-grid__content__cell--accordion--slide {
  transform: rotate(270deg);
}

.ur-data-grid__content__cell--accordion--prevent {
  opacity: 0.3;
  cursor: default;
}

.ur-data-grid__content__cell--accordion--prevent:hover {
  color: #333;
}

.ur-data-grid__header__config {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__config__show {
  width: 23px;
  z-index: 3;
}

.ur-data-grid__header__config__icon {
  font-size: 20px;
  cursor: pointer;
  color: #a5a5a5;
}

.ur-data-grid__header__config__icon:hover {
  color: #047ad5;
}

.ur-data-grid__header__config__menu-wrapper {
  padding: 20px 0;
  width: 350px;
  height: 300px;
  background: #fff;
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  z-index: 3;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.ur-data-grid__header__config__menu__item {
  height: 32px;
  border: 1px solid #a5a5a5;
  display: flex;
  align-items: center;
}

.ur-data-grid__header__config__menu__item--on-drag {
  opacity: 0.3;
}

.ur-data-grid__header__config__menu__item + .ur-data-grid__header__config__menu__item {
  margin-top: 10px;
}

.ur-data-grid__header__config__menu__item__holder {
  width: 28px;
  font-size: 18px;
  color: #a5a5a5;
  cursor: ns-resize;
  cursor: grab;
}

.ur-data-grid__header__config__menu__item__holder:active {
  cursor: grabbing;
}

.ur-data-grid__header__config__menu__item__text {
  flex: 0 0 50px;
  margin: 3px 0;
  padding-right: 3px;
  height: calc(100% - 6px);
}

.ur-data-grid__header__config__menu__item__text > input {
  text-align: right;
  background: transparent;
}

.ur-data-grid__header__config__menu__item__show,
.ur-data-grid__header__config__menu__item__freeze {
  flex: 0 0 22px;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
}

.ur-data-grid__header__config__menu__item--icon-active {
  color: #047ad5;
}

.ur-data-grid__header__config__menu__item__title {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding-left: 5px;
}

.ur-data-grid__header__config__menu__item--on-drag {
  opacity: 0.5;
}

.ur-data-grid__header__config__menu__dropper {
  margin: -10px 0;
  height: 30px;
}

.ur-data-grid__header__config__menu__dropper--active {
  background: rgba(45, 163, 121, 0.1);
}

.ur-data-grid__header__config__menu__dropper--freeze:before {
  content: "";
  display: block;
  height: 16px;
  border-bottom: 2px dashed #047ad5;
}

.ur-data-grid__header__config__menu__dropper:first-child {
  margin-top: 0;
  margin-bottom: -15px;
  height: 15px;
}

.ur-data-grid__header__config__menu__dropper:first-child::before {
  display: none;
}

.ur-data-grid__header__config__menu__dropper:last-child {
  margin-bottom: 0;
  margin-top: -15px;
  height: 15px;
}

.ur-data-grid__header__config__menu__item-wrapper {
  height: calc(100% - 30px);
  overflow: auto;
  padding: 0 15px;
}

.ur-data-grid__header__config__menu__action {
  position: absolute;
  text-align: right;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 15px;
}

.ur-data-grid__content__group-row {
  position: relative;
  background: #eaeaea;
  height: 28px;
  display: flex;
  align-items: center;
  box-shadow: 0px -8px 12px -8px rgba(64, 64, 64, 0.1) inset;
}

.ur-data-grid__content__group-row:hover {
  color: #047ad5;
}

.ur-data-grid__content__group-row__title {
  flex: 1 1 0px;
  display: block;
  font-size: 12px;
  font-weight: bold;
}

.ur-data-grid__content__group-row__icon {
  flex: 0 0 40px;
  justify-content: flex-start;
  cursor: pointer;
}

.ur-data-grid__content__group-row__icon > .ur-icon {
  color: #5a5a5a;
  font-size: 8px;
  transition: transform 0.3s;
}

.ur-data-grid__content__group-row__icon > .ur-icon:hover {
  color: #047ad5;
}

.ur-data-grid__content__group-row--expand .ur-icon {
  transform: rotate(180deg);
}

.ur-data-grid__content__group-row__child {
  flex: 1 1 100%;
}

.ur-data-grid__content__group-summary {
  background: #f7f7f7;
  display: flex;
  font-size: 12px;
  box-shadow: 0 8px 12px -8px rgba(128, 128, 128, 0.1) inset;
}

.ur-data-grid__content__group-summary--is-group {
  font-weight: bold;
}

.ur-data-grid__content__group-summary__cell {
  display: flex;
  align-items: center;
}

.ur-data-grid__content__group-summary__value {
  border-bottom: none;
  overflow: visible;
}

.ur-tree-grid__content__tree_icon_cell {
  display: flex;
  flex-direction: row;
}

.ur-tree-grid__content__cell--expand--icon {
  cursor: pointer;
}

.ur-tree-grid__content__cell--expand--icon.ur-tree-grid__content__cell--expand--disabled {
  color: #cccccc;
}

.ur-tree-grid__content__cell--expand--icon--transform {
  transition: transform 0.3s;
}

.ur-tree-grid__content__cell--expand--vertical {
  transform: rotate(270deg);
}

.ur-tree-grid__content__cell--expand--slide {
  transform: rotate(90deg);
}

.ur-tree-grid__content__cell--expand--expand {
  transform: rotate(180deg);
}
.ur-tree-grid__content__cell--expand--expand.ur-tree-grid__content__cell--expand--vertical {
  transform: rotate(90deg);
}
.ur-tree-grid__content__cell--expand--expand.ur-tree-grid__content__cell--expand--slide {
  transform: rotate(270deg);
}

/* [AREA] Area style */
/* [AREA] General */
.ur-area {
  font-size: 1em;
  overflow: unset;
}

/* [AREA] Sub option */
.ur-area--full-page {
  width: 100%;
  height: calc(100vh - 326px);
}

.ur-area--left,
.ur-area--right {
  display: inline-block;
}

/* [AREA] Bordered area */
.ur-area--bordered {
  border: 1px solid #dbdbdb;
}

/* [AREA] Dev mode */
.ur-area--dev {
  border: 5px dashed #dbdbdb;
  padding: 20px;
}

/* [AREA] for developer */
.ur-area__title {
  font-size: 20px;
  margin: 20px 0 10px 0;
  font-weight: 400;
}

.ur-grid-area.ur-area--dev {
  padding: 0px;
}
.ur-grid-area .ur-grid {
  min-height: 0;
}

/* [Title] */
.ur-box__title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 16px;
  border-left: none;
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ur-box__title__text {
  margin: 4px 8px;
}

.ur-box__title--toggleable {
  cursor: pointer;
}
.ur-box__title--toggleable .ur-box__title__text {
  cursor: pointer;
}
.ur-box__title--toggleable:hover {
  background: linear-gradient(to right, #9bcaee, transparent);
}

.ur-box__title--collapsed {
  border-left-color: #b7b7b7;
  color: #848484;
}
.ur-box__title--collapsed.ur-box__title--toggleable:hover {
  background: linear-gradient(to right, #dbdbdb, transparent);
}

.ur-box__title-zone {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ur-box + .ur-box {
  margin-top: 40px;
}

.ur-search-box + .ur-box {
  margin-top: 20px;
}

.ur-box--depth-2 .ur-box__title {
  font-size: 18px;
}
.ur-box--depth-2 + .ur-box--depth-2 {
  margin-top: 30px;
}
.ur-box--depth-3 .ur-box__title {
  font-size: 16px;
}
.ur-box--depth-3 + .ur-box--depth-3 {
  margin-top: 15px;
}
.ur-box--depth-4 .ur-box__title {
  font-size: 16px;
}
.ur-box--depth-4 + .ur-box--depth-4 {
  margin-top: 10px;
}
.ur-box--depth-5 .ur-box__title {
  font-size: 16px;
}
.ur-box--depth-5 + .ur-box--depth-5 {
  margin-top: 10px;
}
.ur-box--depth-6 .ur-box__title {
  font-size: 16px;
}
.ur-box--depth-6 + .ur-box--depth-6 {
  margin-top: 10px;
}

.ur-grid {
  position: relative;
  min-height: 300px;
  height: 100%;
}

.ur-grid-item {
  position: absolute;
}

.ur-grid__dev {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px dashed #dbdbdb;
}

.ur-grid__dev-gl {
  position: absolute;
  border-top: 1px dashed #dbdbdb;
  border-right: 1px dashed #dbdbdb;
}

/*[]*/
.ur-grid-item--align-center {
  display: flex;
  align-items: center;
}
.ur-grid-item--align-center > * {
  flex-basis: 100%;
}

.ur-grid__dev-shadow {
  position: absolute;
  background: #2e86c1;
  opacity: 0.5;
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* MODAL HEAD */
/* [ANCHOR] Modal anchor */
.ur-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
}

.ur-modal {
  animation-duration: 0.3s;
  animation-name: fade-in;
  animation-timing-function: ease-in-out;
}

.ur-modal__fade-out {
  animation-duration: 0.3s;
  animation-name: fade-out;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.ur-modal__container--wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* [BLOCKER] modal blocker & container */
.ur-modal__blocker {
  background: rgba(0, 0, 0, 0.1);
  z-index: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ur-modal__blocker:focus {
  outline: none;
}

.ur-modal__container {
  position: relative;
  background: #ffffff;
  padding: 32px 32px 32px 32px;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.ur-modal__container {
  width: 464px;
}

.ur-modal__container--small {
  width: 464px;
}

.ur-modal__container--medium {
  width: 704px;
}

.ur-modal__container--large {
  width: 944px;
}

.ur-modal__container--xlarge {
  width: 1184px;
}

.ur-modal__container--xxlarge {
  width: 1521px;
}

/* [HEAD] Modal head */
.ur-modal__head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 102;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -ms-user-select: none;
  background: #ffffff;
  padding: 32px 32px 0 32px;
  height: 68px;
  margin-bottom: 16px;
}

.ur-modal__head--draggable {
  cursor: move;
}

.ur-modal__head--no-title {
  height: 20px;
  margin-bottom: 0;
}

/* [HEAD] Modal title */
.ur-modal__title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* [HEAD] Modal close icon */
.ur-modal__close.ur-icon {
  position: absolute;
  right: 32px;
  cursor: pointer;
  font-size: 20px;
  z-index: 102;
  top: calc(
        (36px - 20px) * 0.5 + 32px
      );
}

/* [BODY] Modal body */
.ur-modal__body {
  width: 100%;
  height: calc(100% - 172px);
}

.ur-modal__body {
  margin-top: 52px;
}

.ur-modal__body.ur-modal__body-with-foot {
  margin-bottom: 48px;
}

.ur-modal__action {
  position: relative;
  width: 100%;
  margin-top: 24px;
}

/* [FOOT] Modal foot */
.ur-modal__foot {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 68px;
  padding: 0 32px 32px 32px;
  background: #ffffff;
  z-index: 101;
}

.ur-modal__body ~ .ur-modal__foot {
  margin-top: 24px;
}

/* [GHOST] ghost box when moving modal */
.ur-modal__ghost {
  border: 5px dotted #047ad5;
  opacity: 0.9;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 103;
  /*transform:translateX(-50%) translateY(-50%);*/
}

/*------------------------------------*/
/* [BODY] Style preset for developent */
.ur-modal__message {
  font-size: 18px;
}

.ur-modal__footer {
  text-align: right;
  margin-top: 24px;
}

.ur-page-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f7f7f7;
}

.ur-page-scroller {
  position: static;
  height: 100%;
  overflow: auto;
}

.ur-page {
  position: static;
  padding: 0;
  background-color: #ffffff;
  color: #333333;
  margin: 32px 32px 32px 32px;
  height: auto;
  min-height: calc(100% - 64px);
  width: calc(100% - 64px);
  min-width: 944px;
  border-width: 0;
  border-style: solid;
  border-color: #a5a5a5;
  box-shadow: none;
}

.ur-page--fixed-width {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .ur-page--fixed-width {
    width: 944px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .ur-page--fixed-width {
    width: 1264px;
  }
}
@media only screen and (min-width: 1920px) {
  .ur-page--fixed-width {
    width: 1584px;
  }
}

.ur-page__title-wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding: 48px 80px 0 80px;
  background-color: rgba(255, 255, 255, 0);
  height: 112px;
}

.ur-page__title {
  position: relative;
  width: 100%;
  height: 64px;
  font-size: 32px;
  line-height: 64px;
  font-weight: 700;
  border-bottom: 1px solid #a5a5a5;
}

.ur-page__title__bread-crumb {
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #767676;
}

.ur-page__sticky-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 51;
  padding-right: 16px;
  background-color: #ffffff;
  height: 64px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #a5a5a5;
}
.ur-page__sticky-area .ur-page__title-wrapper {
  margin: 0 32px 0 32px;
  padding: 0 80px 0 80px;
  width: calc(100% - 64px);
  min-width: 944px;
  background-color: rgba(255, 255, 255, 0);
  height: 64px;
}
.ur-page__sticky-area .ur-page__title {
  border-bottom: none;
}

.ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-height: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
    width: 944px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
    width: 1264px;
  }
}
@media only screen and (min-width: 1920px) {
  .ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
    width: 1584px;
  }
}

.ur-page__contents-wrapper {
  position: relative;
  padding: 32px 80px 48px 80px;
}

.ur-page__contents {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.ur-page__contents::after {
  content: "";
  width: 100%;
  height: 48px;
  display: block;
  margin-bottom: -nth(32px 80px 48px 80px, 3);
}

.ur-page--fixed-height {
  height: calc(100% - 64px);
}

.ur-page--fixed-height .ur-page__contents-wrapper {
  height: calc(
  100% - 112px
);
  overflow: auto;
}

.ur-page__remain {
  z-index: 50;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  bottom: 32px;
  margin: 0 112px;
  height: 48px;
  background-color: #ffffff;
}

.ur-page__remain__shadow {
  width: 100%;
  margin-top: -1px;
  height: 1px;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0);
}

.ur-screen {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
}

[class*=ur-section__col] {
  margin-left: 8px;
  margin-right: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
}

.guide-col [class*=ur-section__col] {
  outline: dashed 2px #228ae6 !important;
}
.guide-col [class*=ur-section__col]:before {
  content: "column";
  color: #228ae6;
  font-size: 16px;
  position: absolute;
  padding: 2px 6px;
  background-color: ghostwhite;
  z-index: 200;
  left: 0;
  top: 0;
  font-weight: normal;
  line-height: normal;
}
.guide-col .ur-section__indicator [class*=ur-section__col]:before {
  content: "";
  display: none;
}
.guide-col .ur-section__indicator [class*=ur-section__col] {
  border: none !important;
  outline: none !important;
}
.guide-col .ur-section__indicator .ur-section__indicator-number {
  font-size: 20px;
  font-weight: bold;
}

.guide-row [class*=ur-section__row] {
  outline: dashed 2px #d05d4e;
}
.guide-row [class*=ur-section__row]:before {
  content: "row";
  color: #d05d4e;
  font-size: 16px;
  position: absolute;
  padding: 2px 6px;
  background-color: ghostwhite;
  z-index: 200;
  left: 0;
  top: 0;
  font-weight: normal;
  line-height: normal;
}

.ur-section {
  width: 100%;
  box-sizing: border-box;
  display: block;
  position: relative;
}
.ur-section .ur-section__row {
  width: calc(100% + 16px);
  margin-left: -8px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
}
.ur-section__col--all {
  width: calc(100% - 16px);
}
.ur-section__col--1 {
  width: calc(
          8.3333333333% - 16px
        );
}
.ur-section__col--1.ur-grid__col--square {
  padding-bottom: calc(
            8.3333333333% - 16px
          );
}
.ur-section__col--2 {
  width: calc(
          4.1666666667% - 16px
        );
}
.ur-section__col--2.ur-grid__col--square {
  padding-bottom: calc(
            4.1666666667% - 16px
          );
}
.ur-section__col--3 {
  width: calc(
          2.7777777778% - 16px
        );
}
.ur-section__col--3.ur-grid__col--square {
  padding-bottom: calc(
            2.7777777778% - 16px
          );
}
.ur-section__col--4 {
  width: calc(
          2.0833333333% - 16px
        );
}
.ur-section__col--4.ur-grid__col--square {
  padding-bottom: calc(
            2.0833333333% - 16px
          );
}
.ur-section__col--5 {
  width: calc(
          1.6666666667% - 16px
        );
}
.ur-section__col--5.ur-grid__col--square {
  padding-bottom: calc(
            1.6666666667% - 16px
          );
}
.ur-section__col--6 {
  width: calc(
          1.3888888889% - 16px
        );
}
.ur-section__col--6.ur-grid__col--square {
  padding-bottom: calc(
            1.3888888889% - 16px
          );
}
.ur-section__col--7 {
  width: calc(
          1.1904761905% - 16px
        );
}
.ur-section__col--7.ur-grid__col--square {
  padding-bottom: calc(
            1.1904761905% - 16px
          );
}
.ur-section__col--8 {
  width: calc(
          1.0416666667% - 16px
        );
}
.ur-section__col--8.ur-grid__col--square {
  padding-bottom: calc(
            1.0416666667% - 16px
          );
}
.ur-section__col--9 {
  width: calc(
          0.9259259259% - 16px
        );
}
.ur-section__col--9.ur-grid__col--square {
  padding-bottom: calc(
            0.9259259259% - 16px
          );
}
.ur-section__col--10 {
  width: calc(
          0.8333333333% - 16px
        );
}
.ur-section__col--10.ur-grid__col--square {
  padding-bottom: calc(
            0.8333333333% - 16px
          );
}
.ur-section__col--11 {
  width: calc(
          0.7575757576% - 16px
        );
}
.ur-section__col--11.ur-grid__col--square {
  padding-bottom: calc(
            0.7575757576% - 16px
          );
}
.ur-section__col--12 {
  width: calc(
          0.6944444444% - 16px
        );
}
.ur-section__col--12.ur-grid__col--square {
  padding-bottom: calc(
            0.6944444444% - 16px
          );
}
.ur-section__indicator {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
  z-index: 600;
}
.ur-section__indicator > .ur-section__row {
  height: 100%;
  border: none;
}
.ur-section__indicator > .ur-section__row > [class*=ur-section__col] {
  background-color: rgba(213, 56, 58, 0.1);
  border: 1px dotted rgba(213, 56, 58, 0.5);
  height: 100%;
}

@media screen and (min-width: 1600px) {
  .ur-section__col--1--lg {
    width: calc(
          8.3333333333% - 16px
        );
  }
  .ur-section__col--1--lg.ur-grid__col--square {
    padding-bottom: calc(
            8.3333333333% - 16px
          );
  }
  .ur-section__col--2--lg {
    width: calc(
          4.1666666667% - 16px
        );
  }
  .ur-section__col--2--lg.ur-grid__col--square {
    padding-bottom: calc(
            4.1666666667% - 16px
          );
  }
  .ur-section__col--3--lg {
    width: calc(
          2.7777777778% - 16px
        );
  }
  .ur-section__col--3--lg.ur-grid__col--square {
    padding-bottom: calc(
            2.7777777778% - 16px
          );
  }
  .ur-section__col--4--lg {
    width: calc(
          2.0833333333% - 16px
        );
  }
  .ur-section__col--4--lg.ur-grid__col--square {
    padding-bottom: calc(
            2.0833333333% - 16px
          );
  }
  .ur-section__col--5--lg {
    width: calc(
          1.6666666667% - 16px
        );
  }
  .ur-section__col--5--lg.ur-grid__col--square {
    padding-bottom: calc(
            1.6666666667% - 16px
          );
  }
  .ur-section__col--6--lg {
    width: calc(
          1.3888888889% - 16px
        );
  }
  .ur-section__col--6--lg.ur-grid__col--square {
    padding-bottom: calc(
            1.3888888889% - 16px
          );
  }
  .ur-section__col--7--lg {
    width: calc(
          1.1904761905% - 16px
        );
  }
  .ur-section__col--7--lg.ur-grid__col--square {
    padding-bottom: calc(
            1.1904761905% - 16px
          );
  }
  .ur-section__col--8--lg {
    width: calc(
          1.0416666667% - 16px
        );
  }
  .ur-section__col--8--lg.ur-grid__col--square {
    padding-bottom: calc(
            1.0416666667% - 16px
          );
  }
  .ur-section__col--9--lg {
    width: calc(
          0.9259259259% - 16px
        );
  }
  .ur-section__col--9--lg.ur-grid__col--square {
    padding-bottom: calc(
            0.9259259259% - 16px
          );
  }
  .ur-section__col--10--lg {
    width: calc(
          0.8333333333% - 16px
        );
  }
  .ur-section__col--10--lg.ur-grid__col--square {
    padding-bottom: calc(
            0.8333333333% - 16px
          );
  }
  .ur-section__col--11--lg {
    width: calc(
          0.7575757576% - 16px
        );
  }
  .ur-section__col--11--lg.ur-grid__col--square {
    padding-bottom: calc(
            0.7575757576% - 16px
          );
  }
  .ur-section__col--12--lg {
    width: calc(
          0.6944444444% - 16px
        );
  }
  .ur-section__col--12--lg.ur-grid__col--square {
    padding-bottom: calc(
            0.6944444444% - 16px
          );
  }
}
@media screen and (min-width: 1920px) {
  .ur-section__col--1--xl {
    width: calc(
          8.3333333333% - 16px
        );
  }
  .ur-section__col--1--xl.ur-grid__col--square {
    padding-bottom: calc(
            8.3333333333% - 16px
          );
  }
  .ur-section__col--2--xl {
    width: calc(
          4.1666666667% - 16px
        );
  }
  .ur-section__col--2--xl.ur-grid__col--square {
    padding-bottom: calc(
            4.1666666667% - 16px
          );
  }
  .ur-section__col--3--xl {
    width: calc(
          2.7777777778% - 16px
        );
  }
  .ur-section__col--3--xl.ur-grid__col--square {
    padding-bottom: calc(
            2.7777777778% - 16px
          );
  }
  .ur-section__col--4--xl {
    width: calc(
          2.0833333333% - 16px
        );
  }
  .ur-section__col--4--xl.ur-grid__col--square {
    padding-bottom: calc(
            2.0833333333% - 16px
          );
  }
  .ur-section__col--5--xl {
    width: calc(
          1.6666666667% - 16px
        );
  }
  .ur-section__col--5--xl.ur-grid__col--square {
    padding-bottom: calc(
            1.6666666667% - 16px
          );
  }
  .ur-section__col--6--xl {
    width: calc(
          1.3888888889% - 16px
        );
  }
  .ur-section__col--6--xl.ur-grid__col--square {
    padding-bottom: calc(
            1.3888888889% - 16px
          );
  }
  .ur-section__col--7--xl {
    width: calc(
          1.1904761905% - 16px
        );
  }
  .ur-section__col--7--xl.ur-grid__col--square {
    padding-bottom: calc(
            1.1904761905% - 16px
          );
  }
  .ur-section__col--8--xl {
    width: calc(
          1.0416666667% - 16px
        );
  }
  .ur-section__col--8--xl.ur-grid__col--square {
    padding-bottom: calc(
            1.0416666667% - 16px
          );
  }
  .ur-section__col--9--xl {
    width: calc(
          0.9259259259% - 16px
        );
  }
  .ur-section__col--9--xl.ur-grid__col--square {
    padding-bottom: calc(
            0.9259259259% - 16px
          );
  }
  .ur-section__col--10--xl {
    width: calc(
          0.8333333333% - 16px
        );
  }
  .ur-section__col--10--xl.ur-grid__col--square {
    padding-bottom: calc(
            0.8333333333% - 16px
          );
  }
  .ur-section__col--11--xl {
    width: calc(
          0.7575757576% - 16px
        );
  }
  .ur-section__col--11--xl.ur-grid__col--square {
    padding-bottom: calc(
            0.7575757576% - 16px
          );
  }
  .ur-section__col--12--xl {
    width: calc(
          0.6944444444% - 16px
        );
  }
  .ur-section__col--12--xl.ur-grid__col--square {
    padding-bottom: calc(
            0.6944444444% - 16px
          );
  }
}
body {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.ur-system {
  min-width: 1280px;
  min-height: 720px;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}

/* [LNB] Overall */
.ur-lnb {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  top: 0;
  bottom: 0;
  padding-top: 32px;
  left: 0;
  border-right: 1px solid #047ad5;
  width: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: width 1s;
}

/* [LNB] Collapse label */
.ur-lnb__collapse-label {
  position: absolute;
  top: 0px;
  left: 100%;
  z-index: 52;
  height: 48px;
  width: 32px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
}

.ur-lnb__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
}

.ur-lnb__collapse-label:hover > .ur-icon {
  color: #047ad5;
}

.ur-lnb__collapse-hide {
  position: absolute;
  top: 60px;
  transform: rotate(90deg);
  left: -100%;
  transition: all 1s;
  opacity: 0;
}

.ur-lnb--collapse.ur-lnb {
  width: 32px;
}

.ur-lnb--collapse .ur-lnb__collapse-hide {
  opacity: 1;
  left: 0;
}

.ur-lnb--collapse .ur-lnb__collapse-label {
  left: 0px;
  box-shadow: none;
  background: transparent;
}

.ur-lnb--collapse .ur-lnb__collapse-label > .ur-icon {
  transform: rotate(180deg);
}

.ur-lnb--collapse .ur-lnb__title-wrapper,
.ur-lnb--collapse .ur-lnb__search-wrapper,
.ur-lnb--collapse .ur-lnb__tab-wrapper,
.ur-lnb--collapse .ur-lnb__menu-list-wrapper {
  display: none;
}

:not(.ur-lnb--collapse) .ur-lnb__search-wrapper,
:not(.ur-lnb--collapse) .ur-lnb__tab-wrapper,
:not(.ur-lnb--collapse) .ur-lnb__menu-list-wrapper {
  animation: side-show 0.8s;
  animation-fill-mode: forwards;
}

@keyframes side-show {
  0% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
.ur-lnb__search-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0px 32px 16px 32px;
}

.ur-lnb__search {
  width: 100%;
}

.ur-lnb__search > .ur-lnb__search-tip {
  font-size: 12px;
  color: #999999;
  margin-bottom: 8px;
}

.ur-lnb__search > .ur-lnb__search-text-field {
  width: 100%;
}
.ur-lnb__search > .ur-lnb__search-text-field > .ur-text-field__input {
  width: 100%;
}

.ur-lnb--collapse > .ur-lnb__search-wrapper {
  display: none;
}

/* [LNB] Tab */
.ur-lnb__tab-wrapper {
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  padding: 24px 16px;
}

.ur-lnb__tab {
  position: absolute;
  bottom: 20px;
  font-size: 24px;
  font-weight: 700;
}

.ur-lnb__toggle-wrapper {
  display: flex;
}

.ur-lnb__toggle-wrapper .ur-segment-wrapper {
  flex: 1 0 auto;
  display: flex;
}

.ur-lnb__toggle-wrapper .ur-segment-button {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}

.ur-lnb__toggle-wrapper .ur-segment-button.ur-segment-button--checked {
  background: rgba(4, 122, 213, 0.1);
  font-weight: 400;
  border-color: rgba(4, 122, 213, 0.4);
}

.ur-lnb__toggle-wrapper .ur-icon {
  margin-right: 4px;
}

/* [LNB] Menu List */
.ur-lnb__menu-list-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
}

.ur-lnb__sub-title {
  position: relative;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  padding-right: 18px;
  padding-left: 16px;
  border-bottom: 1px solid #dbdbdb;
}

.ur-lnb__sub-title ~ .ur-lnb__sub-title {
  margin-top: 10px;
}

.ur-lnb__menu-divider {
  margin: 0;
  height: 0;
  border-top: 1px solid #dbdbdb;
}

.ur-lnb__menu {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: normal;
}

.ur-lnb__menu > span {
  position: absolute;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ur-lnb__menu-list--depth-1 > .ur-lnb__menu {
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  margin-right: 16px;
  margin-left: 16px;
  padding-right: 18px;
  padding-left: 16px;
}
.ur-lnb__menu-list--depth-1 > .ur-lnb__menu > span {
  width: 224px;
}

.no-fav-wrapper {
  margin: 0 20px;
  padding: 0 17px;
}

.no-fav-wrapper .no-fav-info {
  font-size: 12px;
  color: #767676;
  margin: 0px;
}

.ur-lnb__menu-list--depth-2 > .ur-lnb__menu {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
  margin-left: 16px;
  padding-right: 18px;
  padding-left: 36px;
}
.ur-lnb__menu-list--depth-2 > .ur-lnb__menu > span {
  width: 206px;
}

.ur-lnb__menu-list--depth-3 > .ur-lnb__menu {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
  margin-left: 16px;
  padding-right: 18px;
  padding-left: 56px;
}
.ur-lnb__menu-list--depth-3 > .ur-lnb__menu > span {
  width: 186px;
}

.ur-lnb__menu:hover {
  color: #047ad5;
  background-color: rgba(4, 122, 213, 0.1);
}

.ur-lnb__menu.ur-lnb__menu--selected {
  color: #047ad5;
  background: rgba(4, 122, 213, 0.1);
  font-weight: 700;
}

.ur-lnb__menu .ur-icon-wrapper {
  position: relative;
  float: right;
  display: none;
}

.ur-lnb__menu--selected .select-icon {
  display: inline-block;
}

.ur-lnb__menu--foldable .fold-icon {
  display: inline-block;
  transition: transform 0.3s;
}

.ur-lnb__menu--fold .fold-icon {
  transform: rotate(-180deg);
  transition: transform 0.3s;
}

.ur-lnb__menu--fold + .ur-lnb__menu-list {
  display: none;
}

/* [LNB] Filter(Searchable) */
.ur-lnb__menu--matched .ur-lnb__menu__label {
  color: #2da379;
  font-weight: 700;
}

.ur-lnb__menu--fold + .ur-lnb__menu-list .ur-lnb__menu.ur-lnb__menu--matched {
  display: block;
  opacity: 0.5;
}

.ur-lnb__menu--filtered.ur-lnb__menu--bluered {
  display: none;
}

/* [LNB] Favorite */
.ur-lnb__menu--favorite .favorite-icon {
  display: inline-block;
  float: none;
  color: #959595;
}

.ur-lnb__menu--favorite .favorite-icon.favorite-icon--on {
  color: #fbb41a;
}

/* [LNB] Title */
.ur-lnb__title {
  position: absolute;
  height: 56px;
  border-bottom: 1px solid #a5a5a5;
  padding: 0 18px 0 16px;
  overflow: hidden;
  width: 100%;
}

/* [GNB] Overall */
.ur-gnb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0;
  height: 72px;
  padding: 0 32px 0 32px;
  border-bottom: 1px solid #5a5a5a;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: calc(100% + 244px) -265px;
}

.ur-gnb::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* [GNB] Logo */
.ur-gnb__logo {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  font-size: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  float: left;
  min-width: 240px;
  margin-right: 40px;
}

.ur-gnb__title {
  cursor: pointer;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.ur-gnb__sub-title {
  color: #767676;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.ur-gnb__logo.ur-gnb__logo-center {
  position: absolute;
  text-align: center;
  width: calc(100% - 64px);
}

/* [GNB] Menu */
.ur-gnb__menus {
  position: relative;
  display: inline-flex;
  height: 100%;
  font-size: 0;
  flex-direction: column;
  justify-content: center;
}

.ur-gnb__menu {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  top: 0;
  bottom: 0;
  padding: 0 4px 0 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 72px;
  color: #5a5a5a;
}

.ur-gnb__menus.ur-gnb__menus-center {
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
}

.ur-gnb__menus.ur-gnb__menus-hamburger {
  display: inline-flex;
  align-items: center;
}

.ur-gnb__menu + .ur-gnb__menu {
  margin-left: 48px;
}

.ur-gnb__menu--selected {
  color: #333333;
  font-weight: 700;
}

.ur-gnb__menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0);
}

.ur-gnb__menu--selected::before {
  background-color: #047ad5;
}

/* [GNB] Action */
.ur-gnb__action {
  position: relative;
  height: 100%;
  display: inline-flex;
  align-items: center;
  float: right;
  color: #767676;
  font-size: 14px;
  font-weight: 400;
}

.ur-gnb__action .ur-icon-button {
  font-size: 18px;
}
.ur-gnb__action .ur-icon-button + .ur-icon-button {
  margin-left: 16px;
}

.ur-gnb__divider {
  width: 1px;
  height: 10px;
  margin: 0 16px;
  background-color: currentColor;
}

.ur-gnb__profile {
  text-align: center;
  text-transform: capitalize;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 18px;
  margin-right: 8px;
  background-color: #767676;
  color: #ffffff;
}

/* [GNB] Search */
.ur-gnb__search {
  position: relative;
  float: right;
  height: 100%;
  display: inline-flex;
  align-items: center;
  margin-right: 16px;
}

.ur-gnb__search .ur-gnb__search-text-field {
  width: 336px;
}
.ur-gnb__search .ur-gnb__search-text-field > .ur-text-field__input {
  width: 296px;
  padding-right: 8px;
}

.ur-gnb__search.ur-gnb__search-center {
  position: absolute;
  left: calc(50% - 168px);
}

/* [GNB] Multi-line */
.ur-gnb__multi-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0;
  border-bottom: 1px solid #047ad5;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: calc(100% + 244px) -265px;
}

.ur-gnb__multi-line-top {
  height: 72px;
  padding: 0 32px 0 32px;
  border-bottom: 1px solid #cccccc;
}
.ur-gnb__multi-line-top .ur-gnb__search-center {
  display: inline-block;
  height: auto;
  top: calc((72px - 32px) * 0.5);
}

.ur-gnb__multi-line-bottom {
  height: 72px;
  padding: 0 32px 0 32px;
}
.ur-gnb__multi-line-bottom .ur-gnb__menu::before {
  bottom: 0px;
}
.ur-gnb__multi-line-bottom .ur-gnb__search {
  margin-right: 0px;
}

@keyframes right-show {
  0% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
/* [PANEL] RIGHT */
.ur-panel-right {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  top: 72px;
  bottom: 30px;
  right: 0;
  border-left: 1px solid #dbdbdb;
  width: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.8s;
  padding-top: 48px;
  z-index: 5;
}

.ur-panel-right__content-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ur-panel-right__divider {
  height: 1px;
  background: #dbdbdb;
}

/* [PANEL] RIGHT Collapse label */
.ur-panel-right__collapse-label {
  position: absolute;
  top: 0;
  right: calc(100% - 32px);
  height: 48px;
  width: 32px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
  z-index: 1;
}

.ur-panel-right__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
  transform: rotate(180deg);
}

.ur-panel-right__collapse-label:hover > .ur-icon {
  color: #047ad5;
}

.ur-panel-right__collapse-hide {
  position: absolute;
  top: 60px;
  transform: rotate(270deg);
  right: 0;
  transition: all 0.8s;
  opacity: 0;
  margin-left: -4px;
}

.ur-panel-right__collapse .ur-panel-right__collapse-hide {
  opacity: 1;
  right: 0;
}

.ur-panel-right__collapse.ur-panel-right {
  width: 32px;
}

.ur-panel-right__collapse .ur-panel-right__collapse-label {
  right: 0px;
  box-shadow: none;
  background: transparent;
}

.ur-panel-right__collapse .ur-panel-right__collapse-label > .ur-icon {
  transform: rotate(0deg);
}

.ur-panel-right__collapse .ur-panel-right__title-wrapper,
.ur-panel-right__collapse .ur-panel-right__content-wrapper {
  display: none;
}

.ur-screen:not(.ur-panel-right__collapse) .ur-panel-right__title-wrapper,
.ur-screen:not(.ur-panel-right__collapse) .ur-panel-right__menu-list-wrapper {
  animation: right-show 0.8s;
  animation-fill-mode: forwards;
}

/* [PANEL] BOTTOM */
.ur-panel-bottom {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  bottom: 0;
  border-left: 1px solid #dbdbdb;
  height: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: height 0.8s;
  width: 100%;
  padding-top: 32px;
  z-index: 5;
}

.ur-panel-bottom__content-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ur-panel-bottom__divider {
  height: 1px;
  background: #dbdbdb;
}

/* [PANEL] BOTTOM Collapse label */
.ur-panel-bottom__collapse-label {
  position: absolute;
  top: 0;
  left: calc(50% - 48px);
  height: 32px;
  width: 48px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
  z-index: 1;
}

.ur-panel-bottom__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
  transform: rotate(270deg);
}

.ur-panel-bottom__collapse-label:hover > .ur-icon {
  color: #047ad5;
}

.ur-panel-bottom__collapse-hide {
  position: absolute;
  top: 4px;
  transition: all 0.8s;
  opacity: 0;
  margin-left: -4px;
}

.ur-panel-bottom__collapse .ur-panel-bottom__collapse-hide {
  opacity: 1;
  left: 50%;
}

.ur-panel-bottom__collapse.ur-panel-bottom {
  height: 32px;
}

.ur-panel-bottom__collapse .ur-panel-bottom__collapse-label {
  right: 0;
  box-shadow: none;
  background: transparent;
}

.ur-panel-bottom__collapse .ur-panel-bottom__collapse-label > .ur-icon {
  transform: rotate(90deg);
}

.ur-panel-bottom__collapse .ur-panel-bottom__title-wrapper,
.ur-panel-bottom__collapse .ur-panel-bottom__content-wrapper {
  display: none;
}

.ur-screen:not(.ur-panel-bottom__collapse) .ur-panel-bottom__title-wrapper,
.ur-screen:not(.ur-panel-bottom__collapse) .ur-panel-bottom__menu-list-wrapper {
  animation: right-show 0.8s;
  animation-fill-mode: forwards;
}

/* [PANEL] LEFT */
.ur-panel-left {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  top: 72px;
  bottom: 30px;
  left: 0;
  border-left: 1px solid #dbdbdb;
  width: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.8s;
  padding-top: 48px;
  z-index: 5;
}

.ur-panel-left__content-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ur-panel-left__divider {
  height: 1px;
  background: #dbdbdb;
}

/* [PANEL] LEFT Collapse label */
.ur-panel-left__collapse-label {
  position: absolute;
  top: 0;
  left: calc(100% - 32px);
  height: 48px;
  width: 32px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
  z-index: 1;
}

.ur-panel-left__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
  transform: rotate(0deg);
}

.ur-panel-left__collapse-label:hover > .ur-icon {
  color: #047ad5;
}

.ur-panel-left__collapse-hide {
  position: absolute;
  top: 60px;
  transform: rotate(90deg);
  right: 0;
  transition: all 0.8s;
  opacity: 0;
  margin-left: -4px;
}

.ur-panel-left__collapse .ur-panel-left__collapse-hide {
  opacity: 1;
  right: 0;
}

.ur-panel-left__collapse.ur-panel-left {
  width: 32px;
}

.ur-panel-left__collapse .ur-panel-left__collapse-label {
  right: 0;
  box-shadow: none;
  background: transparent;
}

.ur-panel-left__collapse .ur-panel-left__collapse-label > .ur-icon {
  transform: rotate(180deg);
}

.ur-panel-left__collapse .ur-panel-left__title-wrapper,
.ur-panel-left__collapse .ur-panel-left__content-wrapper {
  display: none;
}

.ur-screen:not(.ur-panel-left__collapse) .ur-panel-left__title-wrapper,
.ur-screen:not(.ur-panel-left__collapse) .ur-panel-left__menu-list-wrapper {
  animation: right-show 0.8s;
  animation-fill-mode: forwards;
}

/* [PANEL] TOP */
.ur-panel-top {
  position: absolute;
  background-color: #ffffff;
  color: #333333;
  top: 0;
  border-left: 1px solid #dbdbdb;
  height: 272px;
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1), -2px 0px 2px rgba(0, 0, 0, 0.1);
  transition: height 0.8s;
  width: 100%;
  padding-top: 32px;
  z-index: 5;
}

.ur-panel-top__content-wrapper {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ur-panel-top__divider {
  height: 1px;
  background: #dbdbdb;
}

/* [PANEL] TOP Collapse label */
.ur-panel-top__collapse-label {
  position: absolute;
  top: 0;
  left: calc(50% - 48px);
  height: 32px;
  width: 48px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.8s;
  z-index: 1;
}

.ur-panel-top__collapse-label > .ur-icon {
  font-size: 16px;
  transition: all 0.8s;
  transform: rotate(90deg);
}

.ur-panel-top__collapse-label:hover > .ur-icon {
  color: #047ad5;
}

.ur-panel-top__collapse-hide {
  position: absolute;
  top: 4px;
  transition: all 0.8s;
  opacity: 0;
  margin-left: -4px;
}

.ur-panel-top__collapse .ur-panel-top__collapse-hide {
  opacity: 1;
  left: 50%;
}

.ur-panel-top__collapse.ur-panel-top {
  height: 32px;
}

.ur-panel-top__collapse .ur-panel-top__collapse-label {
  right: 0;
  box-shadow: none;
  background: transparent;
}

.ur-panel-top__collapse .ur-panel-top__collapse-label > .ur-icon {
  transform: rotate(270deg);
}

.ur-panel-top__collapse .ur-panel-top__title-wrapper,
.ur-panel-top__collapse .ur-panel-top__content-wrapper {
  display: none;
}

.ur-screen:not(.ur-panel-top__collapse) .ur-panel-top__title-wrapper,
.ur-screen:not(.ur-panel-top__collapse) .ur-panel-top__menu-list-wrapper {
  animation: right-show 0.8s;
  animation-fill-mode: forwards;
}

/* [SCHEDULER] */
.ur-scheduler {
  height: 100%;
  min-height: 650px;
}

.ur-scheduler__calendar-wrapper {
  width: 100%;
  height: 100%;
  min-height: inherit;
}

.ur-scheduler__action {
  position: relative;
  z-index: 2;
}

.ur-scheduler__action .ur-floating-button {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.ur-scheduler-header {
  text-align: center;
  height: 48px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ur-scheduler-header .ur-scheduler-header__date-picker {
  margin: 0 5px;
}
.ur-scheduler-header .ur-scheduler-header__date-picker > .ur-date-picker__text-field {
  width: 100px !important;
}
.ur-scheduler-header .ur-scheduler-header__date-picker > .ur-date-picker__text-field > .ur-text-field__input {
  width: 100px !important;
}

.ur-scheduler-header .ur-scheduler-header__previous-button {
  transform: rotate(-90deg);
}
.ur-scheduler-header .ur-scheduler-header__previous-button:hover {
  border-radius: 50%;
}

.ur-scheduler-header .ur-scheduler-header__next-button {
  transform: rotate(90deg);
}
.ur-scheduler-header .ur-scheduler-header__next-button:hover {
  border-radius: 50%;
}

/* [SCHEDULER] Opensource Original */
/* Make the calendar flex vertically */
.cv-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  min-height: inherit;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.cv-wrapper,
.cv-wrapper div {
  box-sizing: border-box;
  line-height: 1em;
  font-size: 1em;
}

.cv-header-days {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  flex-flow: row nowrap;
  border-width: 0 0 0 1px;
}

.cv-header-day {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-width: 1px 1px 0 0;
}

/* The calendar grid should take up the remaining vertical space */
.cv-weeks {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  flex-flow: column nowrap;
  border-width: 0 0 1px 1px;
  /* Allow grid to scroll if there are too may weeks to fit in the view */
  overflow-y: auto;
  -ms-overflow-style: none;
}

/* Use flex basis of 0 on week row so all weeks will be same height regardless of content */
.cv-week {
  display: flex;
  /* Shorthand flex: 1 1 0 not supported by IE11 */
  flex-grow: 1;
  flex-shrink: 0;
  flex-flow: row nowrap;
  min-height: 114px;
  border-width: 0;
  /* Allow week events to scroll if they are too tall */
  position: relative;
  width: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
  /* Days of the week go left to right even if user's language is RTL (#138) */
  direction: ltr;
}

.cv-day {
  display: flex;
  /* Shorthand flex: 1 1 0 not supported by IE11 */
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  /* Fallback for IE11, which doesn't support sticky */
  position: sticky;
  /* When week's items are scrolled, keep the day content fixed */
  top: 0;
  border-width: 1px 1px 0 0;
  /* Restore user's direction setting (overridden for week) */
  direction: initial;
}

/*
A bug in Microsoft Edge 41 (EdgeHTML 16) has been reported (#109) where days "disappear" because they are
wrapping under the next week (despite the "nowrap" on cv-week). This appears to be an issue specifically
with our metrics and the sticky positioning. I was not able to reproduce this issue in Edge 38, 42, or 44.
I'm reticent to turn off the sticky functionality for all Edge users because of one version (or perhaps an
interaction of that version with a specific graphics adapter or other setting). So instead, I'm leaving this
as an example for anyone forced to support Edge 41 who may see the same issue. If that's the case, just
add this selector to your own CSS.

@supports (-ms-ime-align: auto) {
    .cv-day {
        position: relative;
    }
}
*/
.cv-day {
  position: relative;
}

.cv-day-number {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cv-event {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  background-color: #f7f7f7;
  border-width: 1px 0 1px 0;
  /* Restore user's direction setting (overridden for week) */
  direction: initial;
  cursor: pointer;
  z-index: 1;
}

/* Wrap to show entire item title on hover */
.cv-wrapper.wrap-event-title-on-hover .cv-event:hover {
  white-space: normal;
  z-index: 1;
}

/* Colors */
.cv-header-days,
.cv-header-day,
.cv-weeks,
.cv-week,
.cv-day,
.cv-event {
  border-style: solid;
  border-color: #ddd;
}

/* Item Times */
.cv-event .endTime::before {
  content: "-";
}

/* Internal Metrics */
.cv-header-day,
.cv-day-number,
.cv-event {
  padding: 0.2em;
}

/* Allows emoji icons or labels (such as holidays) to be added more easily to specific dates by having the margin set already. */
.cv-day-number::before {
  margin-right: 0.5em;
}

.cv-event.offset0 {
  left: 0;
}

.cv-event.offset1 {
  left: 14.2857142857%;
}

.cv-event.offset2 {
  left: 28.5714285714%;
}

.cv-event.offset3 {
  left: 42.8571428571%;
}

.cv-event.offset4 {
  left: 57.1428571429%;
}

.cv-event.offset5 {
  left: 71.4285714286%;
}

.cv-event.offset6 {
  left: 85.7142857143%;
}

/* Metrics for items spanning dates */
.cv-event.span1 {
  width: calc(14.2857142857% - 0.05em);
}

.cv-event.span2 {
  width: calc(28.5714285714% - 0.05em);
}

.cv-event.span3 {
  width: calc(42.8571428571% - 0.05em);
  text-align: center;
}

.cv-event.span4 {
  width: calc(57.1428571429% - 0.05em);
  text-align: center;
}

.cv-event.span5 {
  width: calc(71.4285714286% - 0.05em);
  text-align: center;
}

.cv-event.span6 {
  width: calc(85.7142857143% - 0.05em);
  text-align: center;
}

.cv-event.span7 {
  width: calc(100% - 0.05em);
  text-align: center;
}

/* Hide scrollbars for the grid and the week */
.cv-weeks::-webkit-scrollbar,
.cv-week::-webkit-scrollbar {
  width: 0;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

/* [SCHEDULER] Opensource + Custom */
.cv-day-number {
  margin: 4px;
}

.cv-header-day.dow0,
.cv-day.dow0 > .cv-day-number,
.cv-day-number.holiday {
  color: #d5383a;
}

.cv-header-day.dow6,
.cv-day.dow6 > .cv-day-number {
  color: #1e5fcb;
}

.cv-day.outsideOfMonth {
  color: #adadad;
}
.cv-day.outsideOfMonth.dow0 .cv-day-number {
  color: #eeafb0;
}
.cv-day.outsideOfMonth.dow6 .cv-day-number {
  color: #a5bfea;
}
.cv-day.outsideOfMonth .cv-day-number.holiday {
  color: #eeafb0;
}

.cv-day.today .cv-day-number {
  background-color: #047ad5;
  border-radius: 50%;
  color: #ffffff;
}

.cv-day.selected {
  background-color: #cde4f7;
}

.cv-day.outsideOfMonth {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.05);
}

.cv-week .cv-event.default-color {
  background-color: #ededed;
}
.cv-week .cv-event.primary-color {
  background-color: #047ad5;
  color: #ffffff;
}
.cv-week .cv-event.point-color {
  background-color: #3cbef5;
  color: #333333;
}
.cv-week .cv-event.red-color {
  background-color: #e74c3c;
  color: #ffffff;
}
.cv-week .cv-event.orange-color {
  background-color: #f39c12;
  color: #ffffff;
}
.cv-week .cv-event.yellow-color {
  background-color: #f4d03f;
}
.cv-week .cv-event.green-color {
  background-color: #28b463;
  color: #ffffff;
}
.cv-week .cv-event.blue-color {
  background-color: #2e86c1;
  color: #ffffff;
}
.cv-week .cv-event.navy-color {
  background-color: #1a5276;
  color: #ffffff;
}
.cv-week .cv-event.violet-color {
  background-color: #884ea0;
  color: #ffffff;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__title .ur-text-field {
  width: 100%;
}
.ur-scheduler__modal .ur-scheduler__modal-form-box__title .ur-text-field > input {
  width: 100%;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .ur-form-item__compo .primary {
  color: #047ad5;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .ur-form-item__compo .point {
  color: #3cbef5;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .red {
  color: #e74c3c;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .orange {
  color: #f39c12;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .yellow {
  color: #f4d03f;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .green {
  color: #28b463;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .blue {
  color: #2e86c1;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .navy {
  color: #1a5276;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .violet {
  color: #884ea0;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .default {
  color: #ededed;
}

.ur-scheduler__modal .ur-scheduler__modal-form-box__color .selected-color {
  border-color: #047ad5;
  border-radius: 50%;
}

.ur-tooltip-directive {
  position: fixed;
  z-index: 10000;
  background-color: #333333;
  color: #ffffff;
  padding: 8px 12px;
  line-height: 20px;
  font-size: 12px;
  min-height: 32px;
  max-width: 368px;
  transition: left 0.1s, right 0.1s, top 0.1s, bottom 0.1s, opacity 0.3s linear 0.15s;
  pointer-events: none;
  border: 1px solid #ffffff;
  border-radius: 3px;
}

.ur-tooltip-directive[direction]:before {
  content: "";
  position: absolute;
  width: 11.2px;
  height: 11.2px;
  background-color: #333333;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 0 1.4px 1.4px;
  border-bottom-left-radius: 3px;
}

.ur-tooltip-directive[direction=R]:before {
  transform: rotate(45deg);
  right: calc(100% - 5.6px);
  top: calc(50% - 5.6px);
}

.ur-tooltip-directive[direction=L]:before {
  transform: rotate(225deg);
  left: calc(100% - 5.6px);
  bottom: calc(50% - 5.6px);
}

.ur-tooltip-directive[direction=U]:before {
  transform: rotate(315deg);
  top: calc(100% - 5.6px);
  left: calc(50% - 5.6px);
}

.ur-tooltip-directive[direction=D]:before {
  transform: rotate(135deg);
  bottom: calc(100% - 5.6px);
  left: calc(50% - 5.6px);
}

body .w-0 {
  width: 0;
}
body .w-1 {
  width: 0.25rem;
}
body .w-2 {
  width: 0.5rem;
}
body .w-3 {
  width: 0.75rem;
}
body .w-4 {
  width: 1rem;
}
body .w-5 {
  width: 1.25rem;
}
body .w-6 {
  width: 1.5rem;
}
body .w-8 {
  width: 2rem;
}
body .w-10 {
  width: 2.5rem;
}
body .w-12 {
  width: 3rem;
}
body .w-16 {
  width: 4rem;
}
body .w-20 {
  width: 5rem;
}
body .w-24 {
  width: 6rem;
}
body .w-32 {
  width: 8rem;
}
body .w-40 {
  width: 10rem;
}
body .w-48 {
  width: 12rem;
}
body .w-56 {
  width: 14rem;
}
body .w-64 {
  width: 18rem;
}
body .w-1\/2 {
  width: 50%;
}
body .w-1\/3 {
  width: 33.333333%;
}
body .w-2\/3 {
  width: 66.666667%;
}
body .w-1\/4 {
  width: 25%;
}
body .w-2\/4 {
  width: 50%;
}
body .w-3\/4 {
  width: 75%;
}
body .w-1\/5 {
  width: 20%;
}
body .w-2\/5 {
  width: 40%;
}
body .w-3\/5 {
  width: 60%;
}
body .w-4\/5 {
  width: 80%;
}
body .w-1\/6 {
  width: 16.666667%;
}
body .w-2\/6 {
  width: 33.333333%;
}
body .w-3\/6 {
  width: 50%;
}
body .w-4\/6 {
  width: 66.666667%;
}
body .w-5\/6 {
  width: 83.333333%;
}
body .w-1\/12 {
  width: 8.333333%;
}
body .w-2\/12 {
  width: 16.666667%;
}
body .w-3\/12 {
  width: 25%;
}
body .w-4\/12 {
  width: 33.333333%;
}
body .w-5\/12 {
  width: 41.666667%;
}
body .w-6\/12 {
  width: 50%;
}
body .w-7\/12 {
  width: 58.333333%;
}
body .w-8\/12 {
  width: 66.666667%;
}
body .w-9\/12 {
  width: 75%;
}
body .w-10\/12 {
  width: 83.333333%;
}
body .w-11\/12 {
  width: 91.666667%;
}
body .w-12\/12 {
  width: 100%;
}
body .w-1\/20 {
  width: 5%;
}
body .w-2\/20 {
  width: 10%;
}
body .w-3\/20 {
  width: 15%;
}
body .w-4\/20 {
  width: 20%;
}
body .w-5\/20 {
  width: 25%;
}
body .w-6\/20 {
  width: 30%;
}
body .w-7\/20 {
  width: 35%;
}
body .w-8\/20 {
  width: 40%;
}
body .w-9\/20 {
  width: 45%;
}
body .w-9h\/20 {
  width: 47.5%;
}
body .w-10\/20 {
  width: 50%;
}
body .w-11\/20 {
  width: 55%;
}
body .w-12\/20 {
  width: 60%;
}
body .w-13\/20 {
  width: 65%;
}
body .w-14\/20 {
  width: 70%;
}
body .w-15\/20 {
  width: 75%;
}
body .w-16\/20 {
  width: 80%;
}
body .w-17\/20 {
  width: 85%;
}
body .w-18\/20 {
  width: 90%;
}
body .w-19\/20 {
  width: 95%;
}
body .w-20\/20 {
  width: 100%;
}
body .w-full {
  width: 100%;
}
body .w-screen {
  width: 100vw;
}
body .w-auto {
  width: auto;
}
body .max-w-full {
  max-width: 100%;
}

.text-xs {
  font-size: 0.75rem;
}

.text-sm {
  font-size: 0.875rem;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.25rem;
}

.text-2xl {
  font-size: 1.5rem;
}

.text-3xl {
  font-size: 1.875rem;
}

.text-4xl {
  font-size: 2.25rem;
}

.text-5xl {
  font-size: 3rem;
}

.text-6xl {
  font-size: 4rem;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.font-hairline {
  font-weight: 100;
}

.font-thin {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.leading-3 {
  line-height: 0.75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

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

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-8 {
  border-width: 8px;
}

.border {
  border-width: 1px;
}

.border-t-0 {
  border-top-width: 0;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-t {
  border-top-width: 1px;
}

.border-r-0 {
  border-right-width: 0;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-r-8 {
  border-right-width: 8px;
}

.border-r {
  border-right-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-b-8 {
  border-bottom-width: 8px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l-0 {
  border-left-width: 0;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l-8 {
  border-left-width: 8px;
}

.border-l {
  border-left-width: 1px;
}

.border-transparent {
  border-color: transparent;
}

.border-white {
  border-color: #fff;
}

.border-grey-10 {
  border-color: #f7f7f7;
}

.border-grey-20 {
  border-color: #eaeaea;
}

.border-grey-30 {
  border-color: #dbdbdb;
}

.border-grey-40 {
  border-color: #ccc;
}

.border-grey-50 {
  border-color: #a5a5a5;
}

.border-grey-60 {
  border-color: #959595;
}

.border-grey-70 {
  border-color: #767676;
}

.border-grey-80 {
  border-color: #5a5a5a;
}

.border-grey-90 {
  border-color: #333;
}

.border-black {
  border-color: #000;
}

.border-primary {
  border-color: #047ad5;
}

.border-primary-10 {
  border-color: #e6f2fb;
}

.border-primary-20 {
  border-color: #cde4f7;
}

.border-primary-30 {
  border-color: #9bcaee;
}

.border-primary-40 {
  border-color: #68afe6;
}

.border-primary-50 {
  border-color: #3695dd;
}

.border-primary-60 {
  border-color: #0362aa;
}

.border-primary-70 {
  border-color: #035595;
}

.border-primary-80 {
  border-color: #024980;
}

.border-primary-90 {
  border-color: #023d6b;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-none {
  border-style: none;
}

.ur-page {
  position: static;
  padding: 32px;
  background-color: #fff;
  color: #333;
  margin: 0px;
  height: auto;
  min-height: 100%;
  width: 100%;
  min-width: 944px;
  border: 0px solid #f7f7f7;
  box-shadow: none;
  background-clip: content-box;
}

.ur-page--fixed-width {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .ur-page--fixed-width {
    width: 944px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .ur-page--fixed-width {
    width: 1264px;
  }
}
@media only screen and (min-width: 1920px) {
  .ur-page--fixed-width {
    width: 1584px;
  }
}

.ur-page__title-wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding: 48px 80px 0 80px;
  background-color: rgba(255, 255, 255, 0);
  height: 112px;
}

.ur-page__title {
  position: relative;
  width: 100%;
  height: 64px;
  font-size: 32px;
  line-height: 64px;
  font-weight: 700;
  border-bottom: 1px solid #a5a5a5;
  display: flex;
  flex-wrap: nowrap;
}

.ur-page__title__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 8px;
}

.ur-page__title__bread-crumb-box {
  flex: 0 0 auto;
  margin-top: 16px;
  margin-left: auto;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #767676;
}

.ur-page__title__close {
  position: absolute;
  right: 0;
  top: 3px;
  width: 40px;
  height: 40px;
}

.ur-page__title__close-icon {
  width: 40px;
  height: 40px;
}

.ur-page__sticky-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  padding-right: 16px;
  background-color: #fff;
  height: 64px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #a5a5a5;
}
.ur-page__sticky-area .ur-page__title-wrapper {
  margin: 0 32px 0 32px;
  padding: 0 80px 0 80px;
  width: calc(100% - 64px);
  min-width: 944px;
  background-color: rgba(255, 255, 255, 0);
  height: 64px;
}
.ur-page__sticky-area .ur-page__title {
  border-bottom: none;
}

.ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-height: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
    width: 944px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
    width: 1264px;
  }
}
@media only screen and (min-width: 1920px) {
  .ur-page--fixed-width .ur-page__sticky-area .ur-page__title-wrapper {
    width: 1584px;
  }
}

.ur-page__contents-wrapper {
  position: relative;
  padding: 32px 80px 48px 80px;
}

.ur-page__contents {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.ur-page__contents::after {
  content: "";
  width: 100%;
  height: 48px;
  display: block;
  margin-bottom: -48px;
}

.ur-page--fixed-height {
  height: calc(100% - 64px);
}

.ur-page--fixed-height .ur-page__contents-wrapper {
  height: calc(100% - 112px);
  overflow: auto;
}

.ur-page__remain {
  z-index: 50;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  bottom: 32px;
  margin: 0 112px;
  height: 48px;
  background-color: #fff;
}

.ur-page__remain__shadow {
  width: 100%;
  margin-top: -1px;
  height: 1px;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0);
}

.ur-box-container {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
}

.ur-box-container.ur-box__wrap {
  flex-wrap: wrap;
}

.ur-box-container.ur-box__direction--row {
  flex-direction: row;
}

.ur-box-container.ur-box__direction--column {
  flex-direction: column;
}

.ur-box-container.ur-box__direction--row.ur-box__h-align--start {
  justify-content: flex-start;
}

.ur-box-container.ur-box__direction--row.ur-box__h-align--center {
  justify-content: center;
}

.ur-box-container.ur-box__direction--row.ur-box__h-align--end {
  justify-content: flex-end;
}

.ur-box-container.ur-box__direction--row.ur-box__h-align--between {
  justify-content: space-between;
}

.ur-box-container.ur-box__direction--row.ur-box__v-align--start {
  align-items: flex-start;
  align-content: flex-start;
}

.ur-box-container.ur-box__direction--row.ur-box__v-align--center {
  align-items: center;
  align-content: center;
}

.ur-box-container.ur-box__direction--row.ur-box__v-align--end {
  align-items: flex-end;
  align-content: flex-end;
}

.ur-box-container.ur-box__direction--row.ur-box__v-align--between {
  align-items: flex-start;
  align-content: space-between;
}

.ur-box-container.ur-box__direction--row.ur-box__v-align--stretch {
  align-items: stretch;
  align-content: stretch;
}

.ur-box-container.ur-box__direction--column.ur-box__h-align--start {
  align-items: flex-start;
  align-content: flex-start;
}

.ur-box-container.ur-box__direction--column.ur-box__h-align--center {
  align-items: center;
  align-content: center;
}

.ur-box-container.ur-box__direction--column.ur-box__h-align--end {
  align-items: flex-end;
  align-content: flex-end;
}

.ur-box-container.ur-box__direction--column.ur-box__h-align--between {
  align-items: flex-start;
  align-content: space-between;
}

.ur-box-container.ur-box__direction--column.ur-box__v-align--start {
  justify-content: flex-start;
}

.ur-box-container.ur-box__direction--column.ur-box__v-align--center {
  justify-content: center;
}

.ur-box-container.ur-box__direction--column.ur-box__v-align--end {
  justify-content: flex-end;
}

.ur-box-container.ur-box__direction--column.ur-box__v-align--between {
  justify-content: space-between;
}

.ur-box-container.ur-box__direction--column.ur-box__v-align--stretch {
  justify-content: stretch;
}

.ur-tabs__container {
  display: flex;
  flex: 0 0 auto;
  overflow: hidden;
  flex-flow: column nowrap;
  width: 100%;
}

.ur-tabs-header {
  display: flex;
  position: relative;
  height: 48px;
}

.ur-tabs-label__container {
  display: flex;
  flex-flow: row nowrap;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
}

.ur-tabs-label__container::-webkit-scrollbar {
  display: none;
}

.ur-tabs-header--overflow .ur-tabs-label__container {
  width: calc(100% - 64px);
}

.ur-tab-label {
  padding: 14px 24px;
  font-size: 14px;
  line-height: 20px;
  min-width: 88px;
  color: #767676;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  text-align: center;
  margin-left: -1px;
  margin-bottom: -1px;
  flex-shrink: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.ur-tab-label > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ur-tab-label > .ur-icon {
  flex: 0 0 20px;
  width: 20px;
}

.ur-tab-label > .ur-icon + span {
  margin-left: 8px;
}

.ur-tab-label:hover {
  cursor: pointer;
  background-color: #f7f7f7;
}

.ur-tab-label__selected {
  color: #047ad5;
  font-weight: 500;
  background-color: #e6f2fb;
  border-color: #9bcaee;
  z-index: 2;
}

.ur-tabs-item__container {
  display: flex;
  flex: 1 0 auto;
}

.ur-tab-item {
  width: 100%;
  height: 100%;
  min-height: 50px;
}

.ur-tabs-item__container--no-height .ur-tab-item {
  overflow-y: hidden;
}

.ur-tabs-label__handle {
  display: flex;
  flex: 0 0 auto;
  z-index: 3;
  height: 48px;
}

.ur-tabs-label__handle-item {
  width: 32px;
  padding: 4px;
  color: #767676;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  margin-left: -1px;
}

.ur-tabs-label__handle-item:hover {
  cursor: pointer;
  background-color: #f7f7f7;
}

.ur-tabs-label__handle-item > .ur-icon {
  width: 22px;
  height: 22px;
}

.ur-tabs-label__handle-item-prev > .ur-icon {
  transform: rotate(270deg);
}

.ur-tabs-label__handle-item-next > .ur-icon {
  transform: rotate(90deg);
}

.ur-tabs-label__handle-item--disabled {
  background-color: #ffffff;
  color: #cccccc;
}

.ur-tabs-label__handle-item.ur-tabs-label__handle-item--disabled:hover {
  cursor: default;
  background-color: #ffffff;
}

.ur-form-item {
  width: 100%;
}
.ur-form-item .ur-form-item__label {
  line-height: 32px;
  min-height: 56px;
  display: flex;
  align-items: flex-start;
}
.ur-form-item .ur-form-item__label span {
  word-break: normal;
  white-space: normal;
}
.ur-form-item .ur-form-item__label--left {
  justify-content: flex-start;
}
.ur-form-item .ur-form-item__label--center {
  justify-content: center;
}
.ur-form-item .ur-form-item__label--right {
  justify-content: flex-end;
}
.ur-form-item .ur-form-item__compo {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.ur-form-item .ur-form-item__compo .ur-radio-wrapper {
  flex-wrap: wrap;
}
.ur-form-item .ur-form-item__compo .ur-radio-wrapper .ur-radio {
  width: auto;
  margin: 4px 16px 4px 0;
  flex: 0 0 auto;
}
.ur-form-item .ur-form-item__compo .ur-checkbox-wrapper {
  flex-wrap: wrap;
}
.ur-form-item .ur-form-item__compo .ur-checkbox-wrapper .ur-input.ur-checkbox {
  margin-left: 0;
}
.ur-form-item .ur-form-item__compo.ur-form-item__compo--left {
  justify-content: flex-start;
}
.ur-form-item .ur-form-item__compo.ur-form-item__compo--center {
  justify-content: center;
}
.ur-form-item .ur-form-item__compo.ur-form-item__compo--right {
  justify-content: flex-end;
}

.ur-form-item.ur-form-item__label-pos--top {
  flex-flow: column nowrap;
  justify-content: flex-end;
  padding: 0 8px;
}
.ur-form-item.ur-form-item__label-pos--top .ur-form-item__label {
  min-height: 32px;
  padding: 0;
}
.ur-form-item.ur-form-item__label-pos--top .ur-form-item__compo {
  padding-top: 4px !important;
  min-height: 48px;
  flex-grow: 0;
}

.ur-list-container {
  position: relative;
  overflow: auto;
}

.ur-list-container__board {
  min-width: 100%;
  min-height: 100%;
}

.ur-list-container > .ur-box-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}

@media (min-width: 1200px) {
  .w-lg-1\/12 {
    width: 8.333333% !important;
  }

  .w-lg-2\/12 {
    width: 16.666667% !important;
  }

  .w-lg-3\/12 {
    width: 25% !important;
  }

  .w-lg-4\/12 {
    width: 33.333333% !important;
  }

  .w-lg-5\/12 {
    width: 41.666667% !important;
  }

  .w-lg-6\/12 {
    width: 50% !important;
  }

  .w-lg-7\/12 {
    width: 58.333333% !important;
  }

  .w-lg-8\/12 {
    width: 66.666667% !important;
  }

  .w-lg-9\/12 {
    width: 75% !important;
  }

  .w-lg-10\/12 {
    width: 83.333333% !important;
  }

  .w-lg-11\/12 {
    width: 91.666667% !important;
  }

  .w-lg-12\/12 {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .w-md-1\/12 {
    width: 8.333333% !important;
  }

  .w-md-2\/12 {
    width: 16.666667% !important;
  }

  .w-md-3\/12 {
    width: 25% !important;
  }

  .w-md-4\/12 {
    width: 33.333333% !important;
  }

  .w-md-5\/12 {
    width: 41.666667% !important;
  }

  .w-md-6\/12 {
    width: 50% !important;
  }

  .w-md-7\/12 {
    width: 58.333333% !important;
  }

  .w-md-8\/12 {
    width: 66.666667% !important;
  }

  .w-md-9\/12 {
    width: 75% !important;
  }

  .w-md-10\/12 {
    width: 83.333333% !important;
  }

  .w-md-11\/12 {
    width: 91.666667% !important;
  }

  .w-md-12\/12 {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .w-sm-1\/12 {
    width: 8.333333% !important;
  }

  .w-sm-2\/12 {
    width: 16.666667% !important;
  }

  .w-sm-3\/12 {
    width: 25% !important;
  }

  .w-sm-4\/12 {
    width: 33.333333% !important;
  }

  .w-sm-5\/12 {
    width: 41.666667% !important;
  }

  .w-sm-6\/12 {
    width: 50% !important;
  }

  .w-sm-7\/12 {
    width: 58.333333% !important;
  }

  .w-sm-8\/12 {
    width: 66.666667% !important;
  }

  .w-sm-9\/12 {
    width: 75% !important;
  }

  .w-sm-10\/12 {
    width: 83.333333% !important;
  }

  .w-sm-11\/12 {
    width: 91.666667% !important;
  }

  .w-sm-12\/12 {
    width: 100% !important;
  }
}
.ur-button + .ur-button {
  margin-left: 0;
}

.ur-button--medium + .ur-button--medium {
  margin-left: 0;
}

.ur-card__contents {
  padding: 16px;
  margin: 8px;
}

.ur-card--top-media .ur-card__contents-text {
  padding: 16px;
}

.ur-tree .ur-button + .ur-button,
.ur-modal__foot .ur-button + .ur-button {
  margin-left: 6px;
}

.list-item__contents__body {
  font-size: 12px;
}

.list-item__expand {
  padding: 24px 48px;
  z-index: 100;
}

.list-item__expand::after {
  top: 0;
}

.list-item__contents.list-item__contents__row {
  flex-flow: row nowrap;
  align-items: flex-start;
}

.list-item__contents.list-item__contents__row + .list-item__contents.list-item__contents__row {
  margin-top: 20px;
}

.list-item__contents__label {
  width: 144px;
  font-weight: 500;
  flex-shrink: 0;
  line-height: 1.75;
}

.list-item__contents__action {
  margin-top: 48px;
  padding-top: 16px;
  border-top: 1px solid #dbdbdb;
  display: flex;
  justify-content: flex-end;
}

.ur-action-bar .ur-button + .ur-button {
  margin-left: 8px;
}

.ur-time-picker .ur-counter {
  width: unset;
  height: unset;
}

.ur-time-picker-time--medium > .ur-counter.ur-counter--medium > input {
  width: 40px;
}

.ur-lnb__menu-list-wrapper {
  max-height: calc(100% - 32px);
  overflow-x: hidden;
}

.ur-counter--center .ur-counter__input {
  width: 100%;
}

.ur-gnb__title {
  margin-bottom: 0;
}

.ur-dropdown__items {
  max-height: 148px;
}

.ur-dropdown + .ur-dropdown {
  margin-left: 0;
}

.ur-data-grid__header__context__action-row {
  justify-content: space-between;
}

.ur-data-grid__content__cell__value {
  line-height: 1.25;
  margin: 0 8px;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.ur-progress-ide .ur-progress__text-bottom {
  left: 50%;
  transform: translateX(-50%);
  word-break: initial;
}

.ur-slider__tick-label {
  word-break: initial;
}

.ur-slider__handle__tooltip {
  word-break: initial;
}

.ur-data-grid__table {
  margin: 0;
}

.ur-checkbox-wrapper {
  display: flex;
}

.ur-date-picker.ur-date-picker-single .ur-text-field--border.ur-date-picker__text-field {
  width: inherit;
}

.ur-form-item .ur-form-item__label {
  padding: 12px 16px;
}

.ur-form-item__label .ur-icon {
  color: #999;
  width: 16px;
  height: 16px;
  display: block;
  margin-top: 2px;
}

.ur-checkbox-wrapper {
  flex-wrap: wrap;
  max-width: 100%;
}
.ur-checkbox-wrapper .ur-checkbox {
  width: auto;
  margin: 4px 16px 4px 0;
}

.ur-checkbox {
  flex: 0 0 auto;
}

.ur-data-grid__header__cell__title__text {
  line-height: 20px;
}

.ur-segment-wrapper {
  display: flex;
}

.ur-segment-button {
  flex: 1 1 auto;
}

.ur-tooltip {
  width: auto !important;
  max-width: 90vw;
}
.ur-tooltip pre {
  font-family: inherit;
}

a,
a:hover,
a:active {
  color: inherit;
  font-family: inherit;
  text-decoration: none;
}

h1 {
  font-size: 72px;
  font-weight: normal;
}

h2 {
  font-size: 52px;
  font-weight: normal;
}

h3 {
  font-size: 44px;
  font-weight: normal;
}

h4 {
  font-size: 32px;
  font-weight: normal;
}

h5 {
  font-size: 24px;
  font-weight: normal;
}

h6 {
  font-size: 20px;
  font-weight: normal;
}

body {
  color: #333333;
  font-size: 14px;
  font-family: "Noto Sans KR", Arial, sans-serif;
}

* {
  border-width: 0;
}

div,
span {
  word-break: break-word;
}

.app-contents {
  overflow-x: hidden;
  overflow-y: auto;
}

input[type=number] {
  -moz-appearance: textfield;
}

#app {
  color: #2c3e50;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  position: relative;
  overflow: hidden;
}

.body-container {
  top: 49px;
}
.body-container .right-container {
  background-color: #f4f6fa;
}
.body-container .right-container .content-inner-container {
  margin-bottom: 0;
}

.-page-root-container.-page.-page-show-title {
  margin-bottom: 0;
}

.lnb {
  width: 300px;
}
.lnb-print {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  padding: 15px 0;
  border-top: 1px solid #d3d3d3;
}
.lnb-print__link {
  display: block;
  text-align: center;
  font-size: 15px;
  color: #1c1d1f;
}
.lnb-print__link:hover {
  text-decoration: underline;
}
.-page-header {
  padding: 0 0 12px 0;
}

.-page-contents {
  padding: 0;
}

.-page-contents__wrapper .-page-contents__scroll {
  padding: 0;
}

.ur-tree {
  width: 100%;
  border: none;
}

.ur-tree__btn-group {
  padding: 0;
}

.ur-tree__contents {
  padding: 0;
}

.ur-tree-node__contents {
  color: #1c1d1f;
  height: 32px;
}

.ur-tree-node__contents--selected {
  color: #0f62fe;
}

.ur-tree-node__contents__toggle-button {
  cursor: pointer;
  height: 32px;
}

.ur-icon--spacing {
  color: #1c1d1f;
}

.ur-tree-node__contents__label {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}

.ur-tree-node__contents__label:not(.ur-tree-node__contents-label__label--inline-edit):hover {
  background-color: #f2f7ff;
}

.ur-tree-node + .ur-tree-node {
  margin-top: 0;
}

.ur-tree__divider {
  margin: 8px 0;
  border-top: 1px solid #1c1d1f;
}

.ur-box + .ur-box {
  margin-top: 0;
  margin-bottom: 16px;
}

.ur-button--border.ur-button--default {
  color: #142136;
  border-color: #142136;
  border: 1px solid #142136;
}
.ur-button--border.ur-button--default.ur-button--disabled {
  color: #bababb;
  border-color: #d0d1d2;
  background-color: rgba(255, 255, 255, 0);
}
.ur-button--border.ur-button--default.border {
  padding: 5px 20px;
  border-radius: 15px;
}

.ur-button--border.ur-button--black {
  border-color: #142136;
  color: #142136;
}

.ur-button,
.comm_btn_border {
  width: auto;
  min-width: 80px;
  height: 36px;
  padding: 0 12px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #142136;
  border-color: #bababb;
}
.ur-button + .ur-button,
.ur-button + .comm_btn_border,
.comm_btn_border + .ur-button,
.comm_btn_border + .comm_btn_border {
  margin-left: 6px;
}
.ur-button.ur-button--default,
.comm_btn_border.ur-button--default {
  border: 1px solid #bababb;
  color: #1c1d1f;
}
.ur-button.ur-button--borderless, .ur-button.ur-button--hyperlink,
.comm_btn_border.ur-button--borderless,
.comm_btn_border.ur-button--hyperlink {
  border: none;
}
.ur-button.ur-button--hyperlink,
.comm_btn_border.ur-button--hyperlink {
  border: none;
}
.ur-button.ur-button--hyperlink:hover,
.comm_btn_border.ur-button--hyperlink:hover {
  background-color: #0f62fe;
}
.ur-button.ur-button--disabled,
.comm_btn_border.ur-button--disabled {
  border-color: #d0d1d2 !important;
  color: #bababb;
  background-color: #fff;
}
.ur-button.black,
.comm_btn_border.black {
  background-color: #142136;
  border-color: #142136 !important;
  color: #fff;
}
.ur-button.black:hover,
.comm_btn_border.black:hover {
  background-color: #172c5c !important;
}
.ur-button.black.ur-button--disabled,
.comm_btn_border.black.ur-button--disabled {
  border-color: #ddd !important;
  color: #a4a4a5;
  background-color: #ddd;
}
.ur-button.ur-button--solid.ur-button--black,
.comm_btn_border.ur-button--solid.ur-button--black {
  border-color: #142136;
  background-color: #142136;
}
.ur-button.ur-button--solid.ur-button--disabled,
.comm_btn_border.ur-button--solid.ur-button--disabled {
  border-color: #ddd;
  color: #a4a4a5;
  background-color: #ddd;
}
.ur-button.ur-button--black.ur-button--solid.ur-button--disabled,
.comm_btn_border.ur-button--black.ur-button--solid.ur-button--disabled {
  border-color: #ddd;
  color: #a4a4a5;
  background-color: #ddd;
}
.ur-button.ur-button--black.ur-button--solid:hover,
.comm_btn_border.ur-button--black.ur-button--solid:hover {
  border-color: #142136;
  background-color: #172c5c !important;
}
.ur-button.ur-button--black.ur-button--solid:active,
.comm_btn_border.ur-button--black.ur-button--solid:active {
  background-color: #2d3d64 !important;
  border-color: #2d3d64 !important;
}
.ur-button.ur-button--black.ur-button--solid.border,
.comm_btn_border.ur-button--black.ur-button--solid.border {
  padding: 5px 20px;
  border-radius: 15px;
}
.ur-button.small, .ur-button.ur-button--small,
.comm_btn_border.small,
.comm_btn_border.ur-button--small {
  width: auto;
  min-width: 60px;
  height: 30px;
  padding: 0 8px;
}
.ur-button.small + .ur-button.small, .ur-button.small + .ur-button.ur-button--small,
.ur-button.small + .comm_btn_border.small,
.ur-button.small + .comm_btn_border.ur-button--small, .ur-button.ur-button--small + .ur-button.small, .ur-button.ur-button--small + .ur-button.ur-button--small,
.ur-button.ur-button--small + .comm_btn_border.small,
.ur-button.ur-button--small + .comm_btn_border.ur-button--small,
.comm_btn_border.small + .ur-button.small,
.comm_btn_border.small + .ur-button.ur-button--small,
.comm_btn_border.small + .comm_btn_border.small,
.comm_btn_border.small + .comm_btn_border.ur-button--small,
.comm_btn_border.ur-button--small + .ur-button.small,
.comm_btn_border.ur-button--small + .ur-button.ur-button--small,
.comm_btn_border.ur-button--small + .comm_btn_border.small,
.comm_btn_border.ur-button--small + .comm_btn_border.ur-button--small {
  margin-left: 4px;
}
.ur-button.medium, .ur-button.ur-button--medium,
.comm_btn_border.medium,
.comm_btn_border.ur-button--medium {
  width: auto;
  min-width: 80px;
  height: 36px;
  padding: 0 12px;
}
.ur-button.large, .ur-button.ur-button--large,
.comm_btn_border.large,
.comm_btn_border.ur-button--large {
  width: auto;
  min-width: 120px;
  height: 40px;
  padding: 0 16px;
  font-size: 16px;
}
.ur-button.large + .ur-button.large, .ur-button.large + .ur-button.ur-button--large,
.ur-button.large + .comm_btn_border.large,
.ur-button.large + .comm_btn_border.ur-button--large, .ur-button.ur-button--large + .ur-button.large, .ur-button.ur-button--large + .ur-button.ur-button--large,
.ur-button.ur-button--large + .comm_btn_border.large,
.ur-button.ur-button--large + .comm_btn_border.ur-button--large,
.comm_btn_border.large + .ur-button.large,
.comm_btn_border.large + .ur-button.ur-button--large,
.comm_btn_border.large + .comm_btn_border.large,
.comm_btn_border.large + .comm_btn_border.ur-button--large,
.comm_btn_border.ur-button--large + .ur-button.large,
.comm_btn_border.ur-button--large + .ur-button.ur-button--large,
.comm_btn_border.ur-button--large + .comm_btn_border.large,
.comm_btn_border.ur-button--large + .comm_btn_border.ur-button--large {
  margin-left: 8px;
}
.ur-button.ur-icon-button,
.comm_btn_border.ur-icon-button {
  min-width: 36px;
}

.ur-segment-button {
  height: 36px;
  color: #1c1d1f;
  border: 1px solid #a4a4a5;
}
.ur-segment-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ur-segment-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ur-segment-button.ur-segment-button--small {
  min-width: 60px;
  height: 30px;
  padding: 0 8px;
}
.ur-segment-button.ur-segment-button--medium {
  min-width: 80px;
  height: 36px;
  padding: 0 12px;
}
.ur-segment-button.ur-segment-button--large {
  min-width: 120px;
  height: 40px;
  padding: 0 16px;
  font-size: 16px;
}
.ur-segment-button.ur-segment-button--solid.ur-segment-button--primary:hover {
  border: solid 1px #0f62fe;
  background-color: #fff;
  color: #0f62fe;
}
.ur-segment-button.ur-segment-button--solid.ur-segment-button--primary.ur-segment-button--checked {
  border: solid 1px #0f62fe;
  background-color: #dbe7ff;
  color: #0f62fe;
}

.badge-box.w110 {
  width: 110px;
  margin: 0 auto;
}

.ur-badge {
  min-height: 26px;
  font-size: 13px;
}
.ur-badge.ur-badge__dot {
  width: 8px;
  height: 8px;
  min-height: 8px;
}

.ur-badge__dot.ur-badge__badge-color-success {
  background-color: #0ebc00;
}

.ur-badge__dot.ur-badge__badge-color-warning {
  background-color: #fdb525;
}

.ur-badge__dot.ur-badge__badge-color-error {
  background-color: #ea1910;
}

.ur-badge__badge-color-primary {
  background-color: #516cc6;
}

.ur-badge__badge-color-success {
  background-color: #1dbe92;
}

.ur-badge__badge-color-default {
  background-color: #8b95a0;
}

.ur-badge__badge-color-warning {
  background-color: #ed9723;
}

.ur-badge__badge-color-error {
  background-color: #e3435c;
}

.ur-data-grid__header__freeze-wrapper {
  background-color: #f3f3f3;
  border-top: 1px solid #5f6061;
  border-bottom: 1px solid #ddd;
}

.ur-data-grid__header__wrapper {
  background-color: #f3f3f3;
  border-top: 1px solid #5f6061;
  border-bottom: 1px solid #ddd;
}

.ur-data-grid__header__cell {
  font-size: 13px;
  color: #1c1d1f;
  font-weight: bold;
}
.ur-data-grid__header__cell + .ur-data-grid__header__cell {
  border-left: 1px solid #ddd;
}

.ur-data-grid__header__cell__title {
  justify-content: center !important;
}

.ur-data-grid__content__cell {
  border-bottom: 1px solid #e7e7e8;
}
.ur-data-grid__content__cell.border-left {
  border-left: 1px solid #e7e7e8;
}

.ur-data-grid__info {
  margin-bottom: 6px;
}

.ur-data-grid__info__per-page.ur-dropdown {
  min-width: auto;
}

.ur-data-grid__content__cell--merged {
  background: #ffffff;
}

.ur-data-grid__content__row--hover,
.ur-data-grid__content__row--hover .ur-data-grid__content__cell {
  background-color: #f2f7ff;
}

.ur-data-grid__content__row--selected,
.ur-data-grid__content__row--selected .ur-data-grid__content__cell {
  background-color: #dbe7ff;
}

.ur-data-grid__info-item {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #1c1d1f;
}
.ur-data-grid__info-item input,
.ur-data-grid__info-item button {
  margin-right: 0;
}
.ur-data-grid__info-item > * {
  margin-left: 8px;
}
.ur-data-grid__info-item .bullet {
  color: #ddd;
}
.ur-data-grid__info-item + .ur-data-grid__info-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: #ddd;
}

.ur-data-grid .tooltip {
  width: auto;
  display: inline-flex;
}
.ur-data-grid .ur-dropdown--medium {
  min-width: auto;
}

.ur-pagination {
  margin-top: 16px;
}
.ur-pagination .ur-pagination__goto button {
  min-width: 60px;
  height: 30px;
  margin-left: 4px;
  border-color: #bababa;
  border-radius: 3px;
  border: 1px solid #bababa;
  color: #1c1d1f;
  font-size: 14px;
  font-weight: 500;
}
.ur-pagination .ur-counter {
  min-width: 60px;
  height: 30px;
}
.ur-pagination .ur-pagination__number {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  line-height: 30px;
  font-size: 13px;
}
.ur-pagination .ur-pagination__selected {
  background-color: #dbe7ff;
  color: #1c1d1f;
}

.ur-counter__input {
  border-color: #bababb;
  border-radius: 3px;
}

.ur-text-field--border .ur-text-field__input,
.ur-text-field--border .ur-text-field__textarea,
.ur-dropdown__title-border {
  border-radius: 3px;
}

.ur-text-field__input,
.ur-text-field__textarea,
.ur-dropdown__title-border {
  border-color: #bababb;
}
.ur-text-field__input:hover,
.ur-text-field__textarea:hover,
.ur-dropdown__title-border:hover {
  border-color: #5f6061;
}
.ur-text-field__input:focus,
.ur-text-field__textarea:focus,
.ur-dropdown__title-border:focus {
  background-color: #fff;
  border-color: #0f62fe;
}

.ur-text-field input.ur-text-field__input--with-icon {
  cursor: text;
}

.ur-text-field__input:hover,
.ur-text-field__textarea:hover {
  cursor: text;
}

.ur-dropdown__title .ur-dropdown__selected {
  cursor: pointer;
}

.ur-dropdown--medium {
  min-width: 220px;
  height: 36px;
  font-size: 14px;
}

.ur-time-picker {
  width: 124px;
}
.ur-time-picker .ur-dropdown--medium {
  min-width: auto;
}

.ur-date-picker.ur-date-picker-single .ur-date-picker-wrapper .ur-date-picker__text-field {
  width: 124px;
}
.ur-date-picker.ur-date-picker-single .ur-date-picker-wrapper .ur-date-picker__text-field:focus {
  border-color: #0f62fe;
}

.ur-date-picker.ur-date-picker-single.date-picker__width .ur-date-picker-wrapper .ur-date-picker__text-field {
  width: 100%;
}

.ur-dropdown__items {
  margin: 4px 0;
  max-height: 250px;
  padding: 8px 0;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #a4a4a5;
}
.ur-dropdown__items .ur-dropdown__selected {
  color: #0f62fe;
  font-weight: normal;
}
.ur-dropdown__items .ur-dropdown__item:hover {
  background-color: #f2f7ff;
  cursor: pointer;
}

.ur-dropdown__item:hover {
  background-color: #f2f7ff;
  cursor: pointer;
}

.ur-dropdown__downwrap {
  margin: 4px 0;
  border-radius: 3px;
  border: 1px solid #a4a4a5;
  overflow: hidden;
}
.ur-dropdown__downwrap .ur-dropdown__items {
  margin: 0;
  border: none;
  border-radius: 0;
  padding: 4px 0;
}
.ur-dropdown__downwrap .ur-dropdown__selectall,
.ur-dropdown__downwrap .ur-dropdown__apply {
  border-radius: 0;
  border: none;
}
.ur-dropdown__downwrap .ur-dropdown__selectall {
  position: relative;
  padding: 8px 12px 4px;
}
.ur-dropdown__downwrap .ur-dropdown__selectall .ur-checkbox {
  align-items: center;
  line-height: 32px;
}
.ur-dropdown__downwrap .ur-dropdown__selectall::before {
  content: "";
  height: 1px;
  margin: 0 14px;
  background-color: #e7e7e8;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ur-dropdown__downwrap .ur-dropdown__apply {
  margin-top: 0;
  position: relative;
  padding: 8px 10px;
}
.ur-dropdown__downwrap .ur-dropdown__apply::before {
  content: "";
  height: 1px;
  margin: 0 14px;
  background-color: #e7e7e8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ur-dropdown__downwrap .ur-dropdown__apply.ur-dropdown__apply_pos .ur-button {
  min-width: 60px;
  height: 30px;
  padding: 0 8px;
  background-color: #142136;
}

.ur-dropdown__child-items {
  margin-left: 4px;
  border-color: #a4a4a5;
  border-radius: 3px;
}

.ur-dropdown--disabled .ur-dropdown__title {
  border: solid 1px #d0d1d2 !important;
  background-color: #f3f3f3 !important;
  color: #bababb !important;
}

.ur-text-field__input:disabled,
.ur-text-field__textarea:disabled {
  border-color: #d0d1d2;
  background-color: #f3f3f3;
  color: #bababb;
}

.ur-date-picker__message,
.ur-dropdown__message,
.ur-text-field__message {
  position: relative;
  white-space: nowrap;
  padding: 4px 4px;
}

.ur-text-field__counter {
  color: #767778;
}

.ur-date-picker-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.ur-date-picker--medium {
  height: auto;
}

.ur-date-picker-wrapper.ur-validator--error {
  flex-wrap: wrap;
}

.ur-date-time-range-picker .ur-text-field--border.ur-date-picker__text-field.ur-date-time-range-picker__text-field {
  width: calc((100% - 32px) / 2);
}

.ur-validator--error .ur-text-field__message--light {
  margin-top: 2px;
  color: #ea1910;
  font-size: 12px;
  font-weight: normal;
}

.ur-validator--error .ur-dropdown__message--light {
  color: #ea1910;
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  font-weight: normal;
}

.ur-tooltip {
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(28, 29, 31, 0.95);
  font-size: 13px;
  line-height: 1.38;
}
.ur-tooltip.ur-tooltip--multiline {
  padding: 5px 12px 6px;
}

.borderBg .ur-tab-box {
  margin-top: -30px;
}
.borderBg .ur-tab-box .ur-tab__label-window {
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
}

.ur-tab-box {
  width: 100%;
}
.ur-tab-box .ur-tab__content-wrapper {
  border-top: none;
}
.ur-tab-box .ur-tab__label-window {
  margin-bottom: 36px;
  border-bottom: 1px solid #e4e8ef;
}

.ur-tabs__container {
  overflow: initial;
}

.ur-tabs-label__container {
  border: none;
}

.ur-tabs-header {
  height: auto;
  margin-top: -30px;
  margin-bottom: 30px;
  margin-left: -40px;
  margin-right: -40px;
  padding-left: 40px;
  padding-right: 40px;
  border-bottom: 1px solid #e4e8ef;
}

.ur-tab-label {
  margin: 0;
  padding: 0;
}

.ur-tab-label,
.ur-tab__label {
  min-width: 130px;
  height: 60px;
  color: #888a8d;
  font-size: 18px;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
.ur-tab-label:hover,
.ur-tab__label:hover {
  background: none;
  color: #1c1d1f;
}
.ur-tab-label .ur-tab__label-slot,
.ur-tab__label .ur-tab__label-slot {
  display: block;
}

.ur-tab__label--disable {
  color: #bababb;
  cursor: default;
}
.ur-tab__label--disable:hover {
  color: #bababb;
}
.ur-tab__label--disable .ur-tab__label-slot {
  cursor: default;
}

.ur-tab-label__selected,
.ur-tab__label--active {
  color: #1c1d1f;
  font-weight: bold;
  border: none;
  border-bottom: 4px solid #1c1d1f;
  background: none;
}

.ur-tab__content-wrapper {
  border-top: 1px solid #e4e8ef;
}

.ur-tab__label--active + .ur-tab__label {
  border-left: none;
}

.ur-checkbox__icon.ur-checkbox__checked {
  color: #0f62fe;
}
.ur-checkbox__icon.ur-checkbox__checked svg {
  overflow: hidden;
  border-radius: 3px;
  fill: #0f62fe;
}

.ur-checkbox--disabled .ur-checkbox__icon.ur-checkbox__checked {
  color: #dbe7ff;
}
.ur-checkbox--disabled .ur-checkbox__icon.ur-checkbox__checked svg {
  overflow: hidden;
  border-radius: 3px;
  fill: #9bb8f9;
}

.ur-checkbox__icon.ur-checkbox__unchecked:hover {
  border-color: #0f62fe;
}
.ur-checkbox__icon.ur-checkbox__unchecked svg {
  overflow: hidden;
  border-radius: 3px;
  background-color: white;
}

.ur-modal__container {
  padding: 20px 30px;
  border: solid 1px #494a4b;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
.ur-modal__container .ur-modal__foot .ur-button {
  min-width: 100px;
}
.ur-modal__container .ur-modal__foot .ur-button.ur-button--default {
  border: 1px solid #142136;
}

.ur-modal__container--small {
  width: 380px;
}
.ur-modal__container--small.different {
  width: 410px;
}
.ur-modal__container--small.different .ur-modal__close.ur-icon {
  display: none;
}

.ur-modal__container--medium {
  width: 570px;
}

.ur-modal__container--large {
  width: 860px;
}

.ur-modal__container--xlarge {
  width: 1360px;
}

.ur-modal__close.ur-icon {
  top: 22px;
  right: 30px;
}

.ur-modal__head {
  margin-bottom: 20px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
}

.ur-modal__title {
  font-size: 20px;
  font-weight: bold;
  color: #1c1d1f;
}

.ur-modal__body {
  max-height: 820px;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #1c1d1f;
}
.ur-modal__body.ur-modal__body-with-foot {
  margin: 0;
  margin-top: 18px;
  margin-bottom: 18px;
}

.ur-modal__foot {
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
}

.list-item {
  padding: 0;
}
.list-item:active {
  background: none;
  box-shadow: none;
}
.list-item:hover {
  background: transparent;
}
.list-item:hover .list-item__expand {
  background: none;
}

.list-item__expand {
  padding: 0;
  max-height: 540px;
  overflow: auto;
}
.list-item__expand::after {
  display: none;
}

.list-item__support {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.sui-modal__background {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.56);
}

.sui-modal__container {
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #494a4b;
  background-color: #fff;
  overflow: hidden;
}

.sui-confirm {
  width: 380px;
}
.sui-confirm .sui-messagebox__sub-message-wrapper {
  min-height: 70px;
}
.sui-confirm.sui-confirm__medium {
  width: 570px;
}
.sui-confirm.sui-confirm__medium .sui-messagebox__sub-message-wrapper {
  min-height: 210px;
}
.sui-confirm.sui-confirm__large {
  width: 860px;
}
.sui-confirm.sui-confirm__large .sui-messagebox__sub-message-wrapper {
  min-height: 500px;
}
.sui-confirm.sui-confirm__x-large {
  width: 1360px;
}
.sui-confirm.sui-confirm__x-large .sui-messagebox__sub-message-wrapper {
  min-height: 620px;
}

.sui-messagebox__message-area {
  margin-bottom: 20px;
  text-align: left;
  font-size: 20px;
  color: #1c1d1f;
  font-weight: bold;
}

.sui-messagebox__sub-message-wrapper {
  font-size: 14px;
  line-height: 21px;
  color: #1c1d1f;
}

.sui-messagebox__button-area > div {
  display: flex;
  justify-content: flex-end;
}
.sui-messagebox__button-area > div button {
  width: 100px;
  margin-right: 0;
}
.sui-messagebox__button-area > div button:last-child {
  margin-right: 0;
}

.sui-toast-item {
  z-index: 3001;
  width: 600px;
  border-radius: 6px;
  background-color: #1c1d1f;
}

.sui-toast-item__content {
  margin: 18px 20px;
}
.sui-toast-item__content p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sui-toast-item__content .icon {
  margin-right: 6px;
}
.sui-toast-item__content .btn_close {
  align-items: flex-start;
}
.sui-toast-item__content .btn_close button {
  width: 16px;
  height: 16px;
}

.comm_ico_file .name {
  width: 251px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.borderBg {
  margin-bottom: 16px;
  padding: 30px 40px;
  background-color: #fff;
  border-radius: 13px;
  border: none;
}

.comm_ico_more {
  padding-right: 28px !important;
  background: url(/biz/img/ic_lnb_more_hover.4b23c7e4f9ed1c2d.png) no-repeat right 8px center;
}

/* form */
.form_352 .segmentWrap {
  height: 166px;
  padding: 6px 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: auto;
}
.form_352 .segmentWrap .item {
  padding: 3px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form_352 .segmentWrap .item:hover {
  cursor: pointer;
  background-color: #f2f7ff;
}
.form_352 .segmentWrap .item:hover .right {
  display: flex;
}
.form_352 .segmentWrap .item:last-child {
  margin-bottom: 0;
}
.form_352 .segmentWrap .item .left {
  display: flex;
  align-items: center;
}
.form_352 .segmentWrap .item .right {
  display: none;
}
.form_352 .segmentWrap .item .desc {
  margin-left: 11px;
}
.form_352 .segmentWrap .item .box {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #bababb;
  border-radius: 3px;
}
.form_352 .segmentWrap .item.disable {
  color: #bababb;
}
.form_352 .segmentWrap .item.disable .box {
  border: 1px solid #d0d1d2;
}
.form_352 .segmentWrap .ur-segment-button {
  min-width: 60px;
  height: 30px;
}
.form_352 .payLine {
  width: 100%;
}
.form_352 .payLine2 .item {
  padding-top: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7e7e8;
}
.form_352 .payLine2 .item.desa {
  color: #a4a4a5;
}
.form_352 .payLine2 .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form_352 .payLine2 .top .title {
  display: flex;
  align-items: center;
}
.form_352 .payLine2 .top .title .bullet {
  width: 48px;
  height: 20px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #767778;
  font-size: 12px;
  color: #fff;
  border-radius: 10px;
}
.form_352 .payLine2 .top .title .bullet.blue {
  background-color: #516cc6;
}
.form_352 .payLine2 .top .title .bullet.green {
  background-color: #1dbe92;
}
.form_352 .payLine2 .top .title .bullet.gray {
  background-color: #bababb;
}
.form_352 .payLine2 .bottom {
  margin-top: 6px;
  max-height: 540px;
}
.form_352 .payLine2 .bottom .desc {
  color: #767778;
}
.form_352 .result {
  margin-top: 15px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.form_352 .result .bullet {
  width: 1px;
  height: 16px;
  margin: 0 8px;
  background-color: #ddd;
}
.form_352 .bold {
  font-weight: bold;
}
.form_352 .ur-form-item {
  border-bottom: none;
}
.form_352 .ur-form-item .ur-form-item__label--left {
  max-width: 120px;
  min-width: auto;
  background-color: rgba(0, 0, 0, 0);
  padding: 14px 16px 14px 0;
}
.form_352 .ur-form-item .isBg {
  width: 100%;
}
.form_352 .ur-form-item .isBg .form-sub {
  padding-bottom: 8px;
}
.form_352 .ur-form-item .isBg .form-sub__title {
  font-size: 14px;
}
.form_352 .ur-form-item .isBg .ur-form-box {
  padding-bottom: 0;
}
.form_352 .ur-form-item .isBg .ur-form-item {
  border-bottom: 1px solid #e7e7e8;
}
.form_352 .ur-form-item .isBg .ur-form-item .ur-form-item__label--left {
  background-color: #f5f6f7;
  padding: 14px 16px;
}

.signup-header {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #17181c;
  padding: 12px 30px;
}
.signup-header .title {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #f7f7f7;
  text-align: left;
}

.joinLogin {
  width: 580px;
  margin: 0 auto;
  padding: 60px 100px;
}
.joinLogin .bar {
  width: 100%;
  height: 1px;
  margin: 30px 0;
  background-color: #e7e7e8;
}
.joinLogin .bar2 {
  width: 100%;
  height: 1px;
  margin: 10px 0;
  background-color: #5f6061;
}
.joinLogin .ur-form-box {
  padding: 0;
}
.joinLogin .desc_1 {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
  color: #1c1d1f;
}
.joinLogin .checkRadio {
  margin: 14px 0;
}
.joinLogin .checkRadio .ur-checkbox,
.joinLogin .checkRadio .ur-radio {
  margin-right: 20px;
}
.joinLogin .checkRadio .ur-checkbox:last-child,
.joinLogin .checkRadio .ur-radio:last-child {
  margin-right: 0;
}
.joinLogin .checkRadio.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.joinLogin .checkRadio.flex button {
  height: auto;
  border: none;
  text-decoration: underline;
  font-weight: normal;
  color: #a4a4a5;
}
.joinLogin .linkWrap {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.joinLogin .linkWrap a {
  margin-right: 8px;
  padding-right: 8px;
  position: relative;
}
.joinLogin .linkWrap a:last-child {
  margin-right: 0;
  padding-right: 0;
}
.joinLogin .linkWrap a:last-child::after {
  display: none;
}
.joinLogin .linkWrap a::after {
  content: "";
  width: 1px;
  height: 16px;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.joinLogin .linkWrap a.colorBlue {
  color: #516cc6;
}
.joinLogin .title {
  margin-bottom: 40px;
  font-size: 26px;
  font-weight: bold;
  color: #1c1d1f;
  letter-spacing: -0.65px;
}
.joinLogin .text {
  font-size: 16px;
  color: #1c1d1f;
}
.joinLogin .ur-form-box-wrapper--medium {
  margin-bottom: 30px;
  border-top: none;
}
.joinLogin .ur-form-box-wrapper--medium + .ur-form-box-wrapper--medium {
  margin-top: 0;
}
.joinLogin .bottomBtn {
  margin-top: 40px;
  display: flex;
}
.joinLogin .ur-form-item {
  height: auto;
  margin-top: 20px;
  display: block;
  border-bottom: none;
}
.joinLogin .ur-form-item:first-child {
  margin-top: 0;
}
.joinLogin .ur-form-item .ur-form-item__label--left {
  width: 100%;
  margin-bottom: 8px;
  padding: 0;
  background: none;
}
.joinLogin .ur-form-item .ur-form-item__compo {
  padding: 0 !important;
}
.joinLogin .ur-form-item--medium .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 6px;
}
.joinLogin .title {
  margin-bottom: 40px;
  font-size: 26px;
  font-weight: bold;
  color: #1c1d1f;
  letter-spacing: -0.65px;
}
.joinLogin .table_1.ur-form-box-wrapper--medium {
  border-top: 1px solid #5f6061;
}
.joinLogin .table_1 .ur-form-item {
  height: auto;
  margin-top: 0;
  display: flex;
  border-bottom: 1px solid #e7e7e8;
}
.joinLogin .table_1 .ur-form-item .ur-form-item__label--left {
  max-width: 113px;
  padding: 14px 16px;
  margin-bottom: 0;
  min-height: auto;
  line-height: inherit;
  align-items: center;
  background-color: #f5f6f7;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #1c1d1f;
}
.joinLogin .table_1 .ur-form-item .ur-form-item__compo {
  padding: 6px 12px !important;
}

.topHeader {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.topHeader .top,
.topHeader .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topHeader .top .left,
.topHeader .bottom .left {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}
.topHeader .top .left + *:last-child,
.topHeader .bottom .left + *:last-child {
  margin-left: 6px;
}
.topHeader .top .left > .badge-box,
.topHeader .bottom .left > .badge-box {
  width: 110px;
  margin-right: 8px;
}
.topHeader .top .left .print,
.topHeader .bottom .left .print {
  margin-left: 8px;
}
.topHeader .top .left .bullet,
.topHeader .bottom .left .bullet {
  width: 1px;
  height: 16px;
  background-color: #ddd;
  margin: 0 16px;
}
.topHeader .top .left .desc,
.topHeader .bottom .left .desc {
  margin-right: 16px;
  font-size: 16px;
  color: #1c1d1f;
  display: flex;
  align-items: center;
}
.topHeader .top .left .desc .bold,
.topHeader .bottom .left .desc .bold {
  margin-left: 8px;
}
.topHeader .top .left .desc.ml16,
.topHeader .bottom .left .desc.ml16 {
  margin-left: 16px;
}
.topHeader .top .left .bold,
.topHeader .bottom .left .bold {
  font-weight: bold !important;
}
.topHeader .top .left .printer-icon,
.topHeader .bottom .left .printer-icon {
  min-width: 92px;
}
.topHeader .top .left .printer-icon::before,
.topHeader .bottom .left .printer-icon::before {
  content: "";
  display: inline-block;
  background-image: url(/biz/img/ic_printer.59a413abfac7365a.svg);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.topHeader .top .left .qr-icon::before,
.topHeader .bottom .left .qr-icon::before {
  content: "";
  display: inline-block;
  background-image: url(/biz/img/ic_scanner_01.7d25e425f6887cad.svg);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.topHeader .top .left .back-button,
.topHeader .bottom .left .back-button {
  min-width: 24px;
  border: none;
  padding: 0 4px;
}
.topHeader .top .right,
.topHeader .bottom .right {
  font-size: 14px;
  color: #5f6061;
  display: flex;
  align-items: center;
}
.topHeader .top .right .bullet,
.topHeader .bottom .right .bullet {
  width: 1px;
  height: 16px;
  background-color: #ddd;
  margin: 0 16px;
}
.topHeader .top .right .text-base,
.topHeader .bottom .right .text-base {
  font-size: 14px;
}
.topHeader .top .ur-icon-wrapper .ur-icon,
.topHeader .bottom .ur-icon-wrapper .ur-icon {
  width: 24px;
  height: auto;
  margin: 0 8px 0 16px;
}
.topHeader .top .ur-icon-wrapper .ur-icon svg,
.topHeader .bottom .ur-icon-wrapper .ur-icon svg {
  width: 100%;
  height: 100%;
}
.topHeader .top .ur-icon-wrapper .text-base,
.topHeader .bottom .ur-icon-wrapper .text-base {
  font-size: 16px;
  font-weight: 500;
  color: #1c1d1f;
}
.topHeader .bottom {
  margin-top: 20px;
}
.topHeader .title {
  font-size: 20px;
  font-weight: bold;
  color: #1c1d1f;
}

.info_1 {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #767778;
}
.info_1.colorRed {
  color: #ea1910;
}
.info_1 img {
  margin-right: 4px;
}
.info_1 .ur-icon {
  margin-right: 4px;
}

.address-input {
  display: flex;
  margin: 20px 0 0 auto;
}

.layout_1 {
  display: flex;
}
.layout_1 .left {
  min-width: 568px;
  margin-right: 30px;
}
.layout_1 .right {
  height: 729px;
  overflow-y: auto;
}
.layout_1 .ur_add_wrap .attach-box.flex .item {
  width: 327px;
}
.layout_1 .ur_add_wrap .attach-box.flex .item .name {
  width: 180px;
}
.layout_1 .ur-text-field.area-large {
  width: 100%;
}

.-page-header-title-main__title {
  display: flex;
  align-items: center;
}
.-page-header-title-main__title #header-title-span {
  margin-right: 4px;
  display: flex;
}
.-page-header-title-main__title #header-title-span img {
  vertical-align: top;
}

.con99 {
  display: flex;
  border-bottom: 1px solid #e4e8ef;
}
.con99 .search-filter-container {
  max-width: 100%;
  width: 100%;
}
.con99 .mw112 {
  min-width: 112px;
}
.con99 .mt0 {
  margin-bottom: 0;
}
.con99 .list_pold {
  margin-top: 10px;
}
.con99 .list_pold.list-item + .list-item {
  margin-top: 10px;
}
.con99 .list_pold .list-item__contents__title {
  height: 40px;
  display: flex;
  align-items: center;
}
.con99 .list_pold .list-item__contents__title span {
  margin-left: 16px;
}
.con99 .list_pold .list-item__contents__title.between {
  justify-content: space-between;
  margin-bottom: 6px;
}
.con99 .list_pold .list {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.con99 .list_pold .list.h400 {
  height: 400px;
  overflow-y: auto;
}
.con99 .list_pold .list .item {
  min-height: 36px;
  padding: 0 20px 0 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.con99 .list_pold .list .item:hover {
  background-color: #f2f7ff;
}
.con99 .list_pold .list .item:hover .close {
  display: block;
  background-image: url(/biz/img/ic_con_delete.8ffe8c36d8bc6fd0.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  cursor: pointer;
  border: none;
  width: 20px;
  min-width: 20px;
  height: 16px;
  padding: 0;
  background-color: #f2f7ff;
}
.con99 .list_pold .list .item.select {
  color: #0f62fe;
  background-image: url(/biz/img/ic_dropdown_check.802bda240968ab18.png);
  background-repeat: no-repeat;
  background-position: 17px center;
}
.con99 .list_pold .list .item .close {
  display: none;
}
.con99 .list_pold .list .itemR {
  min-height: 36px;
  padding: 0 20px 0 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.con99 .list_pold .list .itemR:hover {
  background-color: #f2f7ff;
}
.con99 .list_pold .list .itemR:hover .rightItem {
  display: flex;
}
.con99 .list_pold .list .itemR.select {
  color: #0f62fe;
  background-image: url(/biz/img/ic_dropdown_check.802bda240968ab18.png);
  background-repeat: no-repeat;
  background-position: 17px center;
}
.con99 .list_pold .list .itemR .rightItem {
  display: none;
}
.con99 .list_pold .list .itemR .rightItem1 {
  display: flex;
}
.con99 .list_pold .list .noItem {
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #767778;
}
.con99 .list_pold .list .text-field {
  display: flex;
  padding: 0 16px;
  width: 90%;
}
.con99 .list_pold .list .text-field .close {
  top: 10px;
  display: inline-block;
  background-image: url(/biz/img/ic_con_delete.8ffe8c36d8bc6fd0.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  cursor: pointer;
  border: none;
  width: 20px;
  min-width: 20px;
  height: 16px;
  padding: 0;
  background-color: #ffffff;
}
.con99 .left {
  min-width: 480px;
  max-height: 536px;
  padding-right: 40px;
  overflow: auto;
}
.con99 .left .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.con99 .left .top .search-filter-container {
  width: 322px;
}
.con99 .left .bottom {
  margin-right: -40px;
  padding-right: 40px;
}
.con99 .right {
  width: 100%;
  padding-left: 40px;
  overflow-y: auto;
  border-left: 1px solid #e4e8ef;
}
.con99 .right .title {
  font-size: 16px;
  font-weight: bold;
  color: #767778;
}
.con99 .right .itemWrap {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.con99 .right .itemWrap .item {
  width: 380px;
  height: 70px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
}
.con99 .right .itemWrap .item:hover {
  border: 1px solid #1c1d1f;
}
.con99 .right .itemWrap .item .tx {
  margin-left: 16px;
}
.con99 .right .itemWrap .item .tx1 {
  font-size: 14px;
  font-weight: 500;
}
.con99 .right .itemWrap .item .tx2 {
  font-size: 13px;
  color: #767778;
}
.con99 .right .itemWrap .item.select {
  background-color: #dbe7ff;
  border: 1px solid #0f62fe;
}
.con99.type_2 .left {
  padding-right: 20px;
}
.con99.type_2 .right {
  padding-left: 0;
  border-left: none;
}
.con99.type_2 .right .list_pold .list .item {
  padding: 0 40px;
}

.w460 .ur-text-field {
  max-width: 460px;
  width: 100%;
}

.ur-time-picker-ide .ur-dropdown--medium {
  min-width: auto;
}

.tabTreeGrid {
  padding-bottom: 0;
  padding-top: 0;
}
.tabTreeGrid .ur-tab__label-window {
  margin-bottom: 0;
}

.ur-text-filed__input--mask-number {
  text-align: left;
}

.ic_new {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #0f62fe;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
}

.management-policy-detail {
  width: 100%;
  overflow: hidden;
}
.management-policy-detail > .inner {
  width: 625px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
.management-policy-detail .tit {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40px;
}
.management-policy-detail .txt1 {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 60px;
}
.management-policy-detail .txt2 {
  font-size: 18px;
  font-weight: 600;
}
.management-policy-detail .txt2 li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
}
.management-policy-detail .txt2 li .num {
  position: absolute;
  top: 0px;
  left: 0px;
}

.popupType_1 {
  display: flex;
}
.popupType_1 .left {
  min-width: 328px;
  height: 680px;
  margin-right: 40px;
  border: 1px solid #ddd;
}
.popupType_1 .left .title {
  width: 100%;
  height: 100px;
  padding: 0 30px;
  background-color: #f3f3f3;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-bottom: 1px solid #ddd;
}
.popupType_1 .left .title .tx1 {
  font-size: 16px;
  font-weight: bold;
}
.popupType_1 .left .title .tx1 span {
  font-size: 14px;
  color: #1dbe92;
  font-weight: bold;
}
.popupType_1 .left .title .tx2 {
  margin-top: 5px;
  color: #5f6061;
}
.popupType_1 .left .desc {
  width: 100%;
  padding: 20px 30px;
}
.popupType_1 .left .desc .item {
  margin-bottom: 20px;
}
.popupType_1 .left .desc .item:last-child {
  margin-bottom: 0;
}
.popupType_1 .left .desc .tx1 {
  margin-bottom: 4px;
  color: #8b95a0;
}
.popupType_1 .right {
  width: 100%;
}

.validFromWrap .ur-form-item__compo {
  flex-wrap: wrap;
}
.validFromWrap .ur-form-item__compo .text-base {
  width: 100%;
  margin-top: 6px;
  color: #ea1910;
  font-size: 13px;
}

.mt24 {
  margin-top: 24px;
}

.moPreview {
  display: flex;
}
.moPreview .left,
.moPreview .right {
  width: 50%;
}
.moPreview .left,
.moPreview .right {
  padding-right: 30px;
}
.moPreview .left .inner-button,
.moPreview .right .inner-button {
  justify-content: flex-end !important;
}
.moPreview .left .itemWrap,
.moPreview .right .itemWrap {
  display: flex;
  justify-content: space-between;
}
.moPreview .left .itemWrap .item,
.moPreview .right .itemWrap .item {
  width: 48%;
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.moPreview .left .itemWrap .item:nth-child(2n),
.moPreview .right .itemWrap .item:nth-child(2n) {
  margin-left: 4%;
}
.moPreview .left .itemWrap .item .ur-checkbox__label,
.moPreview .right .itemWrap .item .ur-checkbox__label {
  width: 100%;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #eff2f8;
  border-radius: 4px;
}
.moPreview .left .itemWrap .item .inner_1,
.moPreview .right .itemWrap .item .inner_1 {
  display: flex;
  align-items: center;
  width: 100px;
}
.moPreview .left .itemWrap .item .tx2,
.moPreview .right .itemWrap .item .tx2 {
  margin-left: 10px;
  font-weight: 500;
}
.moPreview .left .itemWrap .item .num,
.moPreview .right .itemWrap .item .num {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f62fe;
  font-size: 18px;
  font-weight: 500;
  border-radius: 50%;
  background-color: #fff;
}
.moPreview .right {
  padding: 25px;
  background-color: #f3f3f3;
}
.moPreview .right .tx1 {
  font-size: 16px;
  font-weight: bold;
}
.moPreview .right.weidget .stationery-area {
  padding: 24px 10px 58px;
}
.moPreview .right.weidget .stationery-area .itemWrap {
  display: flex;
  gap: 8px;
}
.moPreview .right.weidget .stationery-area .itemWrap .item {
  width: 48%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  background-color: #eff2f8;
  border-radius: 4px;
  padding: 8px 10px;
}
.moPreview .right.weidget .stationery-area .itemWrap .item .inner_1 {
  display: flex;
  align-items: center;
  width: auto;
}
.moPreview .right.weidget .stationery-area .itemWrap .item .tx2 {
  font-size: 8px;
  margin-left: 6px;
  font-weight: 500;
}
.moPreview .right.weidget .stationery-area .itemWrap .item .num {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f62fe;
  font-size: 10px;
  font-weight: 500;
  border-radius: 50%;
  background-color: #fff;
}

.noticeCols .top {
  margin-bottom: 8px;
  justify-content: space-between !important;
}
.noticeCols .top .le {
  display: flex;
}
.noticeCols .top .le .ur-button,
.noticeCols .top .le .comm_btn_border {
  min-width: 65px;
  height: 30px;
  border-radius: 15px;
}
.noticeCols .top .ri {
  display: flex;
}
.noticeCols .bottom {
  padding: 20px 50px 20px 50px;
  border-left: 1px solid #e7e7e8;
  border-right: 1px solid #e7e7e8;
  border-bottom: 1px solid #e7e7e8;
  border-top: 1px solid #e7e7e8;
}
.noticeCols .bottom.repl {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.noticeCols .bottom .ur-button {
  background-color: #fff;
}
.noticeCols .bottom.gray {
  padding: 12px 30px;
  background-color: #f3f3f3;
}
.noticeCols .bottom .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.noticeCols .bottom .boTop {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.noticeCols .bottom .boTop .tx1 {
  width: 55px;
  height: 26px;
  margin-right: 8px;
  border-radius: 13px;
  border: 1px solid #1dbe92;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1dbe92;
  font-size: 13px;
  font-weight: 500;
}
.noticeCols .bottom .boTop .tx2 {
  margin-right: 14px;
  font-size: 15px;
  font-weight: 500;
}
.noticeCols .bottom .boTop .tx3 {
  color: #767778;
  font-size: 13px;
  font-weight: 400;
}
.noticeCols .ur_add_wrap {
  margin-top: 20px;
}
.noticeCols .ur_add_wrap .attach-box {
  margin-bottom: 0;
}
.noticeCols .ur_add_wrap .attach-box.flex {
  min-height: 60px;
  gap: 8px;
}
.noticeCols .ur_add_wrap .attach-box.flex .item {
  margin: 0;
}
.noticeCols .cols {
  border-top: 1px solid #5f6061;
}
.noticeCols .list-item {
  width: 100%;
  border-bottom: 1px solid #e7e7e8;
}
.noticeCols .list-item ~ .list-item {
  margin-top: 0;
}
.noticeCols .list-item .list-item__support .ur-icon--small {
  font-size: 16px;
  margin-right: 20px;
}
.noticeCols .mt24 {
  margin-top: 24px;
}
.noticeCols .ml8 {
  margin-left: 8px;
}
.noticeCols .list-item__main {
  cursor: pointer;
}
.noticeCols .list-item__main.list-item-selected {
  background-color: #dbe7ff;
}
.noticeCols .list-item__main:hover {
  background-color: #f2f7ff;
}
.noticeCols .list-item__contents__title {
  height: 49px;
  padding: 14px 20px 13px 30px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}
.noticeCols .list-item__contents__title .le {
  width: 1050px;
  font-size: 15px;
  font-weight: 500;
}
.noticeCols .list-item__contents__title .ri {
  width: 350px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.noticeCols .list-item__contents__title .ri .view {
  width: 60px;
  margin-right: 60px;
  color: #767778;
  display: flex;
  align-items: center;
}
.noticeCols .list-item__contents__title .ri .view img {
  margin-right: 4px;
}
.noticeCols .list-item__contents__title .lele {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.noticeCols .list-item__contents__title .lele .it_1 {
  width: 50px;
  text-align: center;
}
.noticeCols .list-item__contents__title .lele .it_2 {
  width: 180px;
  text-align: center;
}
.noticeCols .list-item__contents__title .lele .it_3 {
  width: 680px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.noticeCols .list-item__contents__title .lele .it_4 {
  width: 180px;
  text-align: center;
}
.noticeCols .list-item__contents__title .lele .it_5 {
  width: 130px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.noticeCols .list-item__contents__title .lele .it_6 {
  width: 90px;
  height: 26px;
  margin-left: 30px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  background-color: #8b95a0;
}
.noticeCols .list-item__contents__title .lele .it_6.green {
  background-color: #1dbe92;
}

.text-error {
  color: #ea1910;
}

#modal .radio-wrap {
  display: flex;
  justify-content: end;
  align-items: center;
}

.modal-wrap .ur-modal__container--medium {
  min-width: 400px;
  width: auto;
  padding: 24px 32px;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.modal-wrap .ur-modal__head {
  position: unset;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.modal-wrap .ur-modal__title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  text-align: left;
  color: #1b1b1b;
}
.modal-wrap .ur-modal__close {
  display: none;
}
.modal-wrap .ur-modal__body {
  width: 100%;
  height: auto;
  margin: 16px 0 0 0;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #1b1b1b;
}
.modal-wrap .ur-modal__foot {
  position: unset;
  margin-top: 32px;
  padding: 0;
  height: auto;
}
.modal-wrap .ur-button {
  min-width: auto;
  height: 48px;
  padding: 12px 18px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.modal-wrap .ur-button--primary {
  background-color: #142136;
  border-color: #142136;
}

.ur-modal.different .ur-modal__container--small {
  width: 410px;
}
.ur-modal.different .ur-modal__close.ur-icon {
  display: none;
}

.ur-text-field {
  width: 100%;
}
.ur-text-field--medium .ur-text-field__input {
  height: 36px;
}
.ur-text-field input {
  cursor: pointer;
  padding: 0 12px;
}
.ur-text-field input.ur-text-field__input--with-icon {
  padding: 0 56px 0 12px;
}
.ur-text-field input:focus {
  border-color: #0f62fe !important;
  background-color: #fff;
}
.ur-text-field ::-moz-placeholder {
  font-size: 14px;
  color: #bababb;
}
.ur-text-field ::placeholder {
  font-size: 14px;
  color: #bababb;
}
.ur-text-field textarea {
  border: 1px solid #bababb;
  border-radius: 3px;
}
.ur-text-field.area-large textarea {
  min-height: 124px;
}
.ur-text-field.area-xlarge textarea {
  min-height: 204px;
}

.ur-radio {
  flex: none;
}
.ur-radio__label {
  color: #141c2f;
}
.ur-radio ~ .ur-radio {
  margin-left: 20px;
}

.ur-radio__icon.ur-radio__checked {
  color: #0f62fe;
}

.ur-radio:hover .ur-radio__icon {
  color: #0f62fe;
}

.ur-form__radio--column .ur-form-item__compo {
  flex-direction: column;
}
.ur-form__radio--column .ur-radio {
  margin-right: auto;
  flex: 1 1 auto;
  align-items: center;
}
.ur-form__radio--column .ur-radio .explanation {
  display: inline-block;
  padding-left: 8px;
  font-size: 13px;
  color: #767778;
}
.ur-form__radio--column.ur-form-item--medium .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 0;
}
.ur-form__radio .ur-forn-item--medium .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 20px;
}

.ur_add_wrap .ur-form-item__compo {
  display: inline-block;
}
.ur_add_wrap .add-file__box {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.ur_add_wrap .add-file__box .btn_innerTbl_border {
  min-width: auto;
  height: 36px;
  border: solid 1px #bababb;
  background-color: #fff;
  margin: 0 16px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #1c1d1f;
}
.ur_add_wrap .add-file__count {
  font-size: 14px;
  text-align: left;
  color: #1c1d1f;
}
.ur_add_wrap .add-file__count em {
  font-weight: bold;
}
.ur_add_wrap .add-file__text {
  font-size: 13px;
  text-align: left;
  color: #767778;
}
.ur_add_wrap .attach-box {
  width: 100%;
  height: auto;
  margin-top: 8px;
}
.ur_add_wrap .attach-box .ur-text-field {
  width: 100%;
}
.ur_add_wrap .attach-box .ur-text-field input {
  border: none;
  width: 100%;
  height: 140px;
  background-color: #f3f3f3;
  border-radius: 3px;
  text-align: center;
}
.ur_add_wrap .attach-box .ur-text-field input:hover {
  border: 1px solid #9bb8f9;
  background-color: rgba(219, 231, 255, 0.8);
}
.ur_add_wrap .attach-box .ur-text-field__counter {
  color: #767778;
}
.ur_add_wrap .attach-box .ur-text-field__message {
  position: initial;
}
.ur_add_wrap .attach-box ::-moz-placeholder {
  font-size: 14px;
  color: #767778;
}
.ur_add_wrap .attach-box ::placeholder {
  font-size: 14px;
  color: #767778;
}
.ur_add_wrap .attach-box.flex {
  display: flex;
  flex-wrap: wrap;
}
.ur_add_wrap .attach-box.flex .item {
  width: 406px;
  height: 52px;
  margin-top: 8px;
  margin-right: 8px;
  padding: 14px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background-color: #f9fafc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.ur_add_wrap .attach-box.flex .item .size {
  font-size: 13px;
  color: #a4a4a5;
}
.ur_add_wrap .attach-box.flex .item .size .ur-button.ur-icon-button {
  width: 10px;
  min-width: 10px;
  height: 10px;
  border: none;
  padding: 0;
  margin-left: 10px;
  color: #707070;
}
.ur_add_wrap .attach-box.flex .item .size.flex {
  width: auto;
  display: flex;
  align-items: center;
}
.ur_add_wrap .attach-box.flex .item:hover {
  border: 1px solid #0f62fe;
  background-color: rgba(15, 98, 254, 0.1);
}
.ur_add_wrap .attach-box.flex .item .comm_ico_excel {
  width: auto;
  display: block;
}
.ur_add_wrap .attach-box.bg {
  padding: 14px;
  background-color: #f3f3f3;
  height: 140px;
  overflow-y: auto;
  margin-bottom: 20px;
}
.ur_add_wrap .attach-box.excel {
  background-color: #f3f3f3;
  border-radius: 3px;
  height: 140px;
  padding: 14px;
  overflow-y: auto;
}
.ur_add_wrap .attach-box .thumbnails_wrap,
.ur_add_wrap .attach-box .thumbnail_wrap {
  border: none;
}
.ur_add_wrap .attach-box .thumbnails_wrap .file_list li,
.ur_add_wrap .attach-box .thumbnail_wrap .file_list li {
  align-items: center;
}
.ur_add_wrap .attach-box .thumbnails_wrap .file_list .sui-checkbox,
.ur_add_wrap .attach-box .thumbnail_wrap .file_list .sui-checkbox {
  margin-top: 0;
}
.ur_add_wrap .attach-box .thumbnails_wrap .file_list .btn_list_del,
.ur_add_wrap .attach-box .thumbnail_wrap .file_list .btn_list_del {
  position: initial;
  background-position: right 2px;
  flex: auto;
}
.ur_add_wrap .attach-box .imgbox-modal {
  background-color: #f3f3f3;
}
.ur_add_wrap.bg {
  border-radius: 3px;
  padding: 14px 16px;
  background-color: #f3f3f3;
}

.ur-form-item {
  height: auto;
  border-bottom: 1px solid #e7e7e8;
}
.ur-form-item .ur-form-item__label--left {
  min-width: 180px;
  padding: 14px 16px;
  min-height: auto;
  line-height: inherit;
  align-items: center;
  background-color: #f5f6f7;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #1c1d1f;
  white-space: normal;
}
.ur-form-item .ur-form-item__compo {
  color: #1c1d1f;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.ur-form-item .ur-form-item__compo--left {
  padding-left: 16px;
  padding-right: 16px;
  overflow: revert;
}
.ur-form-item .ur-form-item__compo .text-base {
  font-size: 14px;
}
.seat-user-search__container {
  display: inline-block;
  height: auto;
  width: 100%;
}
.seat-user-search__container .seat-text-field__container {
  width: 100%;
}

.ur-form__picker .ur-form-item--medium .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 6px;
}

.ur-time-picker {
  height: 36px;
}

.ur-date-picker {
  height: 36px;
}
.ur-date-picker .ur-icon-wrapper {
  border: none;
}
.ur-date-picker ::-moz-placeholder {
  font-size: 14px;
  color: #bababb;
}
.ur-date-picker ::placeholder {
  font-size: 14px;
  color: #bababb;
}

.add-information {
  width: 100%;
  height: auto;
}
.add-information .ur-text-field {
  width: 100%;
  height: 140px;
}
.add-information .ur-text-field input {
  border: none;
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
  border-radius: 3px;
  text-align: center;
}
.add-information .ur-text-field__counter {
  color: #767778;
}
.add-information .ur-text-field__message {
  position: initial;
}
.add-information ::-moz-placeholder {
  font-size: 14px;
  color: #767778;
}
.add-information ::placeholder {
  font-size: 14px;
  color: #767778;
}
.add-information.flex {
  display: flex;
  flex-wrap: wrap;
}
.add-information.flex .item {
  width: 406px;
  height: 52px;
  margin-top: 8px;
  margin-right: 8px;
  padding: 14px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background-color: #f9fafc;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-information.flex .item .size {
  font-size: 13px;
  color: #a4a4a5;
}

.ur-form-box {
  padding: 0;
  border: none;
  padding-bottom: 12px;
}

.ur-form-box-wrapper + .bottomBtnWrap {
  display: flex;
  justify-content: flex-end;
}
.ur-form-box-wrapper + .bottomBtnWrap button {
  height: 36px;
}

.ur-box {
  border-top: 1px solid #5f6061;
}
.ur-box.border-none {
  border-top: none;
}

.form-sub {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6px;
}
.form-sub__title {
  font-size: 18px;
  font-weight: bold;
  color: #1c1d1f;
}
.form-sub.no-border__bottom {
  border: none;
}
.form-sub.no-border .ur-button--border.ur-button--default {
  width: auto;
  height: auto;
  min-height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #1c1d1f;
  border: none;
}
.form-sub.no-border .ur-button--border.ur-button--default::before {
  content: "";
  display: inline-block;
  background-image: url(/biz/img/ic_trash.b3b77a670a02c2b4.svg);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.form-sub.no-border .ur-icon {
  margin-right: 6px;
}
.form-sub .ur-button {
  height: 36px;
}
.form-sub__button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 16px 0 30px 0;
}

.ur-data-grid__info .ur-data-grid__info-row .ur-data-grid__info-item.ur-data-grid__action__selected-cnt {
  display: none;
}

.form-grid {
  width: 100%;
}
.form-grid .left {
  padding-right: 30px;
}
.form-grid .left .ur-data-grid__info__center {
  padding-left: 16px;
}
.form-grid .left .ur-data-grid__info__center .ur-button {
  width: 80px;
  height: 36px;
  padding: 8px 12px;
  border: solid 1px #bababb;
}
.form-grid .left .ur-data-grid__info__right .ur-button {
  width: 94px;
  height: 36px;
  padding: 8px 12px;
  border: solid 1px #bababb;
}
.form-grid .left .ur-data-grid__action__selected-cnt {
  display: none;
}
.form-grid .left.w-40 {
  width: 40%;
}
.form-grid .right {
  padding-top: 42px;
}
.form-grid .right .ur-form-box {
  padding-bottom: 24px;
}
.form-grid .right .ur-button {
  font-size: 14px;
  height: 36px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
}
.form-grid .right .ur-button.ur-button--disabled {
  color: #bababb;
}
.form-grid .right.w-60 {
  width: 60%;
}
.form-grid .right .initialization {
  position: inherit;
  color: #1c1d1f;
}

.ur-data-grid__header__resize-anchor {
  display: none;
}

.ur-form-item {
  height: auto;
  border-bottom: 1px solid #e7e7e8;
}
.ur-form-item .ur-form-item__label--left {
  width: 170px;
  padding: 14px 16px;
  min-height: auto;
  line-height: inherit;
  background-color: #f5f6f7;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #1c1d1f;
}
.ur-form-item .ur-form-item__compo {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.ur-form-item .ur-form-item__compo .ur-text__field--small {
  width: 86px;
  min-width: 86px;
}
.ur-form-item .ur-form-item__compo .ur-text__field--medium {
  width: 150px;
  min-width: 150px;
}

.ur-date-picker .ur-icon-wrapper {
  border: none;
}
.ur-date-picker ::-moz-placeholder {
  font-size: 14px;
  color: #bababb;
}
.ur-date-picker ::placeholder {
  font-size: 14px;
  color: #bababb;
}

.add-information {
  width: 100%;
  height: auto;
  text-align: center;
  margin: -40px 0 10px;
  justify-content: center !important;
}
.add-information.ur-box-container.ur-box__direction--row.ur-box__v-align--start {
  align-items: center;
}
.add-information.ur-box-container.ur-box__direction--row.ur-box__h-align--start {
  justify-content: center;
}
.add-information .information-button {
  width: auto;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #1c1d1f;
  padding: 0 16px;
}
.add-information .information-button:hover {
  background-color: #e7e7e8;
}
.add-information .ur-icon {
  width: 14px;
  height: auto;
  margin-right: 6px;
}
.add-information .ur-button--disabled .add-information__icon.safety {
  background-image: url(/biz/img/ic_committee_safety_disabled.8a897684a95f4764.png);
}
.add-information .ur-button--disabled .add-information__icon.industry {
  background-image: url(/biz/img/ic_committee_industry_disabled.d129b5a3f672ce74.png);
}
.add-information .ur-button--disabled .add-information__icon.worker {
  background-image: url(/biz/img/ic_committee_worker_disabled.a5acafe098516305.png);
}
.add-information .add-information__icon {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.add-information .add-information__icon.safety {
  background-image: url(/biz/img/ic_committee_safety.60986a4698186056.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
}
.add-information .add-information__icon.industry {
  background-image: url(/biz/img/ic_committee_industry.5f0616112552deab.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
}
.add-information .add-information__icon.worker {
  background-image: url(/biz/img/ic_committee_worker.e0741bf42ab5e4ed.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
}

.ur-input-chip__container {
  background-color: #f3f3f3;
}
.ur-input-chip__container .ur-input-chip__slot {
  position: relative;
  display: flex;
  align-items: center;
}
.ur-input-chip__container .ur-input-chip__slot .ur-filter__text {
  font-size: 14px;
  color: #1c1d1f;
}
.ur-input-chip__container .ur-input-chip__slot .ur-filter__line::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background-color: #ddd;
  margin: 0 8px;
}

.sui-checkbox {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.sui-checkbox__label {
  display: flex;
  font-size: 14px;
  color: #141c2f;
}
.sui-checkbox__text {
  padding-left: 16px;
  font-size: 13px;
  color: #767778;
}
.sui-checkbox .ur-icon {
  width: 16px;
  height: auto;
  margin-right: 4px;
}

.radio-information {
  display: flex;
  align-items: center;
}
.radio-information .information__text {
  display: flex;
  padding-left: 16px;
  font-size: 13px;
  color: #767778;
}
.radio-information .ur-icon {
  width: 16px;
  height: auto;
  margin-right: 4px;
}

.form-information {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.form-information .information__text {
  display: flex;
  font-size: 13px;
  color: #ea1910;
}
.form-information .information__text em {
  font-weight: bold;
}
.form-information .ur-icon {
  width: 16px;
  height: auto;
  margin-right: 4px;
}
.form-information.bg {
  padding: 10px 16px;
  border-radius: 3px;
  background-color: rgba(234, 25, 16, 0.08);
}

.input__button.ur-form-item--medium .ur-form-item__compo .ur-button {
  width: 80px;
  min-width: 80px;
  padding: 0 10px;
}
.input__button.ur-form-item--medium .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 6px;
}

.search__button .ur-form-item__compo .ur-button {
  width: 80px;
  min-width: 80px;
  padding: 0 10px;
}
.search__button .search-filter-container {
  width: 100%;
  margin-left: 6px;
}

.hidden .ur-form-item__label--left {
  background-color: #fff;
}
.hidden .ur-form-item__compo--left {
  background-color: #fff;
}

.ur_sub_text {
  display: block;
  padding: 0 16px 0 8px;
  font-size: 14px;
  color: #1c1d1f;
}
.ur_sub_text.interval-between {
  padding: 0 20px 0 4px;
}
.ur_sub_text.opposite {
  padding: 0 8px 0 16px;
}
.ur_sub_text.opposite:first-child {
  padding-left: 0;
}

.box1 {
  width: 190px;
  height: 120px;
}
.box1 ~ .box1 {
  margin-left: 8px;
}
.box1 a.noimg {
  width: 190px;
  height: 120px;
  background-size: cover;
}
.box1 img {
  width: 100%;
  height: 100%;
}

.box1 {
  width: 190px;
  height: 120px;
}
.box1 ~ .box1 {
  margin-left: 8px;
}
.box1 a.noimg {
  width: 190px;
  height: 120px;
  background-size: cover;
}
.box1 img {
  width: 100%;
  height: 100%;
}

.approval {
  width: 580px;
  margin: 0 auto;
  padding: 60px 100px;
}
.approval .title {
  margin-bottom: 40px;
  font-size: 26px;
  font-weight: bold;
  color: #1c1d1f;
  letter-spacing: -0.65px;
}
.approval .sub-title {
  font-size: 16px;
  font-weight: normal;
  color: #1c1d1f;
  margin-bottom: 40px;
}
.approval .ur-form-item {
  width: 100% !important;
}
.approval .ur-form-item__label--left {
  width: 113px;
}
.approval .ur-form-item--inline .ur-form-item__label {
  flex: none;
}

.initial-screen {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 214px;
  padding-bottom: 288px;
}
.initial-screen .explanation {
  font-size: 14px;
  color: #767778;
  text-align: center;
  margin-bottom: 20px;
}
.initial-screen .add-information {
  margin: 0;
}
.initial-screen .information-button {
  display: inline-flex;
  align-items: center;
  width: auto;
  padding: 8px 16px;
}
.initial-screen .ur-icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.initial-screen .ur-icon.ur-icon--small {
  font-size: 16px;
}

.footer-button-size {
  width: 100px;
  height: 36px;
}
.footer-button-size.ur-button.ur-button--disabled,
.footer-button-size .comm_btn_border.ur-button--disabled {
  border-radius: 3px;
  background-color: #ddd;
  color: #a4a4a5;
}

.add-option__container {
  position: absolute;
  top: auto;
  left: 40%;
  min-width: 320px;
  width: 320px;
  padding: 12px;
  z-index: 1000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #a4a4a5;
  border-radius: 3px;
  background-color: #fff;
}
.add-option__container .button-box {
  width: 100%;
}
.add-option__container .button-box button {
  width: 100%;
  height: 70px;
  justify-content: flex-start;
  border: none;
}
.add-option__container .button-box button .imgWrap {
  min-width: 68px;
  width: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-option__container .button-box button.ur-button--disabled .button__title,
.add-option__container .button-box button.ur-button--disabled em {
  color: #bababb;
}
.add-option__container .button-box button .ur-icon {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.add-option__container .button-box button.ur-button--border.ur-button--default:not(.ur-button--loading):hover {
  background-color: #f2f7ff;
}
.add-option__container .button__title {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #1c1d1f;
}
.add-option__container .button__title em {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #767778;
}
.add-option__container_type2 {
  width: 100%;
  height: auto;
  padding-top: 4px;
}
.add-option__container_type2 .button-box {
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 3px;
}
.add-option__container_type2 .button-box ~ .button-box {
  margin-top: 8px;
}
.add-option__container_type2 .button-box:hover {
  border: 1px solid #1c1d1f;
  background-color: #fff;
}
.add-option__container_type2 .button-box button {
  width: 100%;
  height: 60px;
  justify-content: flex-start;
  border: none;
}
.add-option__container_type2 .add-information__icon {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.add-option__container_type2 .add-information__icon.structure {
  background-image: url(/biz/img/ic_work_structure.3558ab7eb8b30e54.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
}
.add-option__container_type2 .add-information__icon.edu {
  background-image: url(/biz/img/ic_work_edu.914fdb42f7718f7b.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
}
.add-option__container_type2 .add-information__icon.warning {
  background-image: url(/biz/img/ic_work_warning.da90a4a8eb32eed5.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
}
.add-option__container_type2 .add-information__icon.safe {
  background-image: url(/biz/img/ic_work_safe.f009151ee08213c9.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
}
.add-option__container_type2 .add-information__icon.tool {
  background-image: url(/biz/img/ic_work_tool.22f4d3dbc346f983.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
}
.add-option__container_type2 .add-information__icon.area {
  background-image: url(/biz/img/ic_work_area.be036a8292aaab58.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
}

.ur-form-item.textarea-full {
  width: 100% !important;
  height: auto;
}

.location.ur-form-item--medium .ur-form-item__compo .ur-input + .ur-input {
  margin-left: 6px;
}

.inner-button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 7px;
}
.inner-button .ur-button {
  height: 36px;
}

.ur-tab__content {
  padding: 0;
}
.ur-tab__content.different .ur-box {
  border-top: none;
}
.ur-tab__content.different .ur-grid__wrap .ur-data-grid__info {
  margin-top: 8px;
}

.ur-grid__wrap .ur-data-grid__info {
  margin-top: 24px;
}
.ur-grid__wrap .ur-data-grid__info__center {
  margin-left: 16px;
}
.ur-grid__wrap .ur-data-grid__info__center .ur-button {
  width: auto;
  padding: 0 26px;
}
.ur-grid__wrap .ur-data-grid__info__right .ur-button {
  width: auto;
  padding: 0 14px;
}
.ur-grid__wrap .ur-data-grid__header__cell__title {
  font-weight: bold;
}

.border-line .ur-data-grid__header__cell:last-child {
  border: none;
}
.border-line .ur-data-grid__content__accordion-row {
  border: 1px solid #e7e7e8;
  border-top: none;
}

.template-box .text {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  color: #1c1d1f;
  padding-right: 8px;
}
.template-box .text ~ .text {
  padding-left: 7px;
}
.template-box .ur-text-field {
  width: 80px;
  min-width: 80px;
}

.c-cell .ur-badge__text .ur-badge {
  background-color: initial;
}
.c-cell .ur-badge__text .line-break {
  color: #1c1d1f;
}
.c-cell .ur-badge__text .ur-badge__badge-color-default .line-break {
  color: #ea1910;
  text-decoration: underline;
}

.tooltip-box .ur-tooltip {
  width: 214px;
  min-width: 214px;
  padding: 6px 12px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(28, 29, 31, 0.95);
}

.ur-dropdown ~ .ur-dropdown {
  margin-left: 6px;
}

.dropdown-box__checkd {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown-box__checkd .ur-dropdown {
  width: 264px;
}

.textarea-box {
  height: 124px;
}
.textarea-box .ur-text-field__textarea {
  height: 124px;
}

.chip-box .seat-text-field__container .seat-text-field__wrap {
  min-height: auto !important;
  max-height: 138px !important;
  padding: 16px 0 55px 20px;
}
.chip-box .seat-text-field__container .seat-text-field__input-wrap ul li {
  margin: 4px 4px;
}

.ur-data-grid__content__row {
  border-bottom: 1px solid #e7e7e8;
  cursor: pointer;
}
.ur-data-grid__content__row.ur-data-grid__content--empty__row {
  padding: 82px 0;
  font-size: 14px;
  color: #767778;
}
.ur-data-grid__content__row:nth-child(1) .fc_red {
  color: #ea1910;
  text-decoration: underline;
}
.ur-data-grid__content__row:nth-child(2) .training-period {
  color: #ea1910;
}

.accreditation-time .ur-form-item__compo .ur-text-field--medium .ur-text-field__input {
  text-align: right;
}

.sui-select__box {
  position: relative;
}
.sui-select__ul {
  min-width: 96px;
  border-radius: 3px;
  left: 0;
}

.ur-data-grid__accordion--form {
  border-top: none;
}
.ur-data-grid__accordion--form .ur-form-item {
  border-bottom: none;
}
.ur-data-grid__accordion--form .ur-data-grid__content__accordion-row {
  border: 1px solid #e7e7e8;
}

.upload-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.upload-success {
  position: relative;
  width: 60px;
  height: 60px;
  border: solid 6px #0f62fe;
  border-radius: 50%;
}
.upload-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.upload-text {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #1c1d1f;
}

.card-wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 14px;
  margin: 20px 0 32px 0;
}
.card-wrap .ur-card {
  width: 357px;
  height: auto;
  border: solid 1px #ddd;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
}
.card-wrap .ur-card__contents {
  padding: 0;
  margin: 0;
}
.card-wrap .ur-card__profile {
  width: 100%;
  height: 200px;
  background-color: #eee;
}
.card-wrap .ur-card__body {
  padding: 0 20px 16px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #1c1d1f;
}
.card-wrap .ur-card__body .description {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.card-wrap .ur-card__body .description .bullet {
  width: 1px;
  height: 12px;
  background-color: #ddd;
  margin: 0 8px;
}
.card-wrap .ur-card__body .description .block {
  display: block;
}
.card-wrap .ur-card__body span {
  font-size: 13px;
  color: #767778;
}
.card-wrap .ur-box-container {
  flex: 1 1 auto;
  width: auto;
}

.editor-box .ur-form-item__compo {
  padding: 0 !important;
}
.editor-box .sun-editor {
  border: none;
}
.editor-box .se-btn-module-enter {
  display: none;
}
.editor-box .se-wrapper {
  height: 400px;
}
.editor-box .se-resizing-bar.sun-editor-common {
  display: none;
}
.editor-box .se-toolbar.sun-editor-common {
  outline: none;
  border-bottom: 1px solid #e7e7e8;
}
.editor-box .se-container {
  border-right: 1px solid #e7e7e8;
}

.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_top {
  width: 36px;
  height: 36px;
  background-size: 16px 16px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_up {
  width: 36px;
  height: 36px;
  background-size: 16px 16px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_down {
  width: 36px;
  height: 36px;
  background-size: 16px 16px;
}
.comm_gridTop_wrap .btn_wrapL .comm_btn_sort_bottom {
  width: 36px;
  height: 36px;
  background-size: 16px 16px;
}

.segBtn-box .segBtn-box__item {
  min-width: 47px;
  height: 36px;
  padding: 8px 19.5px;
}

.ur-data-grid__info__per-page.ur-dropdown .ur-dropdown__selected {
  font-size: 13px;
  color: #1c1d1f;
}

.flex-wrap {
  flex-wrap: nowrap !important;
}

.ur-box-container {
  height: auto;
}
.ur-box-container.ur-form-box {
  padding-bottom: 32px;
}
.ur-box-container.ur-box__direction--column {
  flex-direction: unset;
}
.ur-box-container.ur-box__direction--column.ur-box__v-align--start {
  justify-content: unset;
}
.ur-box-container.ur-box__direction--column.ur-box__h-align--start {
  align-items: unset;
  align-content: unset;
}

.option-container .btnWrap button {
  margin-right: 0 !important;
}
.option-container .btnWrap button .ur-button--solid {
  background-color: #142136;
}
.option-container .ur-date-picker-wrapper {
  width: 100%;
}
.option-container .ur-date-picker-wrapper .ur-date-picker__text-field-one-input {
  width: 100% !important;
}
.option-container .ur-date-picker-wrapper .ur-date-picker__icon-wrapper {
  flex: 0 0 40px;
  margin-left: -40px;
}
.option-container .chips .ur-dropdown {
  font-weight: 300;
  min-width: 292px;
  max-width: 292px;
}
.option-container .chips .ur-dropdown .ur-dropdown__title {
  max-width: 320px;
}
.option-container .chips .ur-dropdown .ur-dropdown__title-border:focus {
  border-color: #0f62fe;
}

.ur-dropdown__item .ur-checkbox__checked + .ur-checkbox__label {
  color: #1c1d1f;
  font-weight: normal;
}

.tree-children__root .tree-children .tree-node__list {
  height: auto;
}
.tree-children__root .tree-children .tree-node__list .tree-content .tree-arrow.has-child.ltr {
  left: 6%;
}
.tree-children__root .tree-children .tree-children .tree-node__list .tree-content .tree-arrow.has-child.ltr {
  left: 10%;
}
.tree-children .tree-content {
  height: 36px;
}
.tree-children .tree-anchor {
  height: 100%;
  line-height: normal;
  display: flex;
  align-items: center;
}
.tree-children .ur-form__picker .ur-form-item__compo--left .ur-input + .ur-input {
  margin-left: 16px;
}
.tree-children.excel-width .ur-box-container {
  width: auto !important;
}

.check-list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}
.check-list__icon {
  background-color: #fff;
  border: none;
}
.check-list .ur-button {
  border: none;
}

.ur-segment-button--solid.ur-segment-button--green.ur-segment-button--checked {
  border: solid 1px #0ebb59;
  background-color: rgba(14, 187, 89, 0.2);
  color: #0ebb59;
}

.ur-segment-button--solid.ur-segment-button--green:hover {
  border: solid 1px #0ebb59 !important;
  background-color: rgba(14, 187, 89, 0.2) !important;
  color: #0ebb59 !important;
}

.ur-segment-button--solid.ur-segment-button--point.ur-segment-button--checked {
  border: solid 1px #f8c12b;
  background-color: rgba(248, 193, 43, 0.2);
  color: #f8c12b;
}

.ur-segment-button--solid.ur-segment-button--point:hover {
  border: solid 1px #f8c12b !important;
  background-color: rgba(248, 193, 43, 0.2) !important;
  color: #f8c12b !important;
}

.ur-segment-button.ur-segment-button--solid.ur-segment-button--primary.ur-segment-button--checked {
  border: solid 1px #0f62fe;
  background-color: #dbe7ff;
  color: #0f62fe;
}

.ur-segment-button--solid.ur-segment-button--primary:hover {
  border: solid 1px #0f62fe;
  background-color: #fff;
  color: #0f62fe;
}

.ur-segment-button--solid.ur-segment-button--orange.ur-segment-button--checked {
  border: solid 1px #e25f0d;
  background-color: rgba(226, 95, 13, 0.2);
  color: #e25f0d;
}

.ur-segment-button--solid.ur-segment-button--orange:hover {
  border: solid 1px #e25f0d !important;
  background-color: rgba(226, 95, 13, 0.2) !important;
  color: #e25f0d !important;
}

.ur-segment-button--solid.ur-segment-button--red.ur-segment-button--checked {
  border: solid 1px #ea1910;
  background-color: rgba(234, 25, 16, 0.2);
  color: #ea1910;
}

.ur-segment-button--solid.ur-segment-button--red:hover {
  border: solid 1px #ea1910 !important;
  background-color: rgba(234, 25, 16, 0.2) !important;
  color: #ea1910 !important;
}

.ur-tooltip-wrapper .ur-tooltip {
  line-height: 32px;
}

.tooltip-wrap {
  display: flex;
  align-items: center;
}
.tooltip-wrap .icon_clock {
  background-image: url(/biz/img/ic_clock.d22c37ae1f22652f.svg);
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  display: block;
  background-repeat: no-repeat;
  margin-left: 4px;
}

.grid-different .ur-data-grid__content__row {
  height: auto !important;
}
.grid-different .ur-data-grid__content__cell--default {
  height: auto !important;
}
.grid-different .ur-data-grid__content__cell.different {
  height: auto !important;
}
.grid-different .ur-data-grid__content__cell.different .ur-data-grid__content__cell__value {
  overflow: inherit;
  white-space: pre-wrap;
  line-height: 1.55;
  height: auto !important;
}
.grid-different .ur-data-grid__content__cell.different.type-01 {
  padding: 14px 16px;
  border-left: 1px solid #e7e7e8;
}
.grid-different .ur-data-grid__content__cell.various {
  border-left: 1px solid #e7e7e8;
}

.tenant-wrap {
  justify-content: space-between !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
}

.tenant-box {
  padding: 25px;
}
.tenant-box .tenant-header {
  font-size: 16px;
  font-weight: bold;
  color: #1c1d1f;
}

.tenant-body .sub-text {
  font-size: 14px;
  text-align: center;
  color: #767778;
}
.tenant-body .sub-text .count {
  display: block;
  font-size: 40px;
  font-weight: 500;
}
.tenant-body .sub-text .count.color-type1 {
  color: #062470;
}
.tenant-body .sub-text .count.color-type2 {
  color: #20bac2;
}

.chip-wrap {
  gap: 8px;
  margin-top: 5px;
}

.tbm-wrap {
  align-items: center !important;
}
.tbm-wrap .ur-dropdown {
  min-width: 90px;
  width: 90px;
}
.tbm-wrap .ur-time-picker .ur-dropdown {
  min-width: 124px;
  width: 124px;
}
.tbm-wrap .pl-08 {
  padding-left: 8px;
}
.tbm-wrap .pl-20 {
  padding-left: 20px;
}
.tbm-wrap .tbm-line {
  display: block;
  width: 1px;
  height: 16px;
  background-color: #ddd;
  margin: 0 8px;
}

.baseline .ur-form-item__compo {
  align-items: baseline !important;
}

.reviewer-wrap {
  align-items: center !important;
}
.reviewer-wrap .ur-text-field {
  min-width: 255px;
  width: 255px;
  padding-left: 6px;
}
.reviewer-wrap .size {
  min-width: 16px;
  width: 16px;
  height: 16px;
  margin-left: 6px;
}
.reviewer-wrap .pt-10 {
  padding-top: 10px;
}
.reviewer-wrap .ml-8 {
  margin-left: 8px;
}
.reviewer-wrap .mt-8 {
  margin-top: 8px;
}
.reviewer-wrap .mb-8 {
  margin-bottom: 8px;
}
.reviewer-wrap .ml-32 {
  margin-left: 32px;
}
.reviewer-wrap .button-size {
  width: 136px;
  min-width: 136px;
}
.reviewer-wrap .border-none {
  border: none;
}
.reviewer-wrap .border-none img {
  display: block;
  margin-right: 8px;
}
.reviewer-wrap .ur-badge {
  min-width: 48px;
  min-height: 20px;
  font-size: 12px;
  padding: 1px 12px;
  line-height: 20px;
}

.text-field__icon {
  position: relative;
}
.text-field__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  background-image: url(/biz/img/ic_input_add.dff66ffbee5ad17d.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.chart-dropdown {
  width: 80px;
  min-width: 80px;
  height: 26px;
}
.chart-dropdown .ur-dropdown__title-border {
  border: none;
  padding: 0;
}

.status-box.no-title .lego-widget__title {
  display: none;
}

.approval-line .left {
  width: 55%;
  padding-right: 40px;
}
.approval-line .right {
  padding: 30px 0 30px 40px;
  margin: -30px 0;
  width: 45%;
  border-left: 1px solid #e4e8ef;
}
.approval-line .right-top .title {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #1c1d1f;
}
.approval-line .right-top .title em {
  color: #ea1810;
}
.approval-line .add-button {
  margin-left: 16px;
}
.approval-line .settlement-line .segmentWrap {
  padding: 13px 16px 156px;
  border: solid 1px #ddd;
  height: auto;
  overflow: auto;
  max-height: 350px;
}
.approval-line .settlement-line .segmentWrap .item .left {
  width: 100%;
}
.approval-line .settlement-line .segmentWrap .item .right {
  display: block;
  justify-content: end;
}
.approval-line .settlement-line .segmentWrap .item .desc {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.settlement-line.right .list-item__main {
  padding: 0;
}
.settlement-line .list-item__main {
  display: block;
  padding: 0 16px;
}
.settlement-line .result {
  margin-top: 15px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.settlement-line .result .bullet {
  width: 1px;
  height: 16px;
  margin: 0 8px;
  background-color: #ddd;
}
.settlement-line .segmentWrap {
  padding: 6px 0;
  border-radius: 3px;
}
.settlement-line .segmentWrap .item.disable {
  color: #bababb;
}
.settlement-line .segmentWrap .item {
  padding: 3px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.settlement-line .segmentWrap .item:hover {
  background-color: #f2f7ff;
}
.settlement-line .segmentWrap .item .left {
  display: flex;
  align-items: center;
}
.settlement-line .segmentWrap .item.disable .box {
  border: 1px solid #d0d1d2;
}
.settlement-line .segmentWrap .item .box {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #bababb;
  border-radius: 3px;
}
.settlement-line .segmentWrap .item .desc {
  margin-left: 11px;
}
.settlement-line .segmentWrap .item .right {
  display: none;
}
.settlement-line .segmentWrap .item:hover .right {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}
.settlement-line .segmentWrap .item:hover .right button {
  width: 100%;
  height: 100%;
}

.ur-data-grid__content__row--dirty--updated {
  color: #000;
}

.ur-data-grid__content__row--dirty--created {
  color: #000;
}

.lookup-box {
  width: 100%;
  border: solid 1px #cacaca;
  background-color: #fff;
}
.lookup-box + .lookup-box.lookup-box {
  margin-top: 15px;
}

.status-inquiry {
  display: flex;
  align-items: center !important;
}
.status-inquiry__item {
  flex: 0 1 auto !important;
  width: auto;
}
.status-inquiry__item:nth-child(2) {
  margin: 0 86px 0 152px;
}
.status-inquiry__item.storage-wrap {
  flex-direction: column !important;
}
.status-inquiry__item .storage-title {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
}
.status-inquiry__item .storage-volume {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #ccc;
}
.status-inquiry__item .storage-capacity {
  display: block;
  font-size: 60px;
  font-weight: bold;
  color: #292f4c;
  line-height: 1.16;
}
.status-inquiry__item .storage-capacity .other {
  display: block;
  font-size: 30px;
  color: #666;
  font-weight: bold;
}
.status-inquiry__title {
  font-size: 35px;
  font-weight: bold;
  color: #333;
  padding-left: 33px;
}

.subscriber__chart {
  display: flex;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 52px;
}
.subscriber__chart .chart-size {
  width: auto;
  height: 70%;
}
.subscriber__chart .chart-size #bar {
  height: 100%;
}
.subscriber__chart .chart-size .chartjs-render-monitor {
  height: 100% !important;
}
.subscriber__chart .chart-size .chartjs-size-monitor {
  display: none;
}
.subscriber__contents {
  flex-direction: column !important;
  width: auto;
}
.subscriber__contents .title__box {
  position: relative;
  width: auto;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 28px 0 20px;
}
.subscriber__contents .title__box::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 40%;
  margin: 0;
  background-color: rgba(102, 102, 102, 0.2);
  top: 38%;
  left: 43%;
}
.subscriber__contents .title__box .number {
  font-size: 50px;
}
.subscriber__contents .title__box .number.left {
  font-weight: bold;
  color: #062470;
}
.subscriber__contents .title__box .number.right {
  color: #b093d8;
}
.subscriber__contents .title__box .line {
  width: 2px;
  height: 70%;
  margin: 0 10px;
  background-color: rgba(102, 102, 102, 0.2);
}
.subscriber__title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.subscriber__title .left {
  margin-right: 12px;
}
.subscriber__title .left::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #062470;
  margin-right: 4px;
}
.subscriber__title .right::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #b093d8;
  margin-right: 4px;
}

.error-wrap {
  padding: 250px 0 348px;
}
.error-wrap .error-title {
  margin: 40px 0 20px;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: -0.65px;
  color: #1c1d1f;
}
.error-wrap .error-text {
  font-size: 16px;
  line-height: 1.5;
  color: #1c1d1f;
  text-align: center;
}
.error-wrap .error-button {
  margin-top: 40px;
}
.error-wrap .system-calendar {
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.5;
  color: #0f62fe;
  text-align: center;
}

.search-filter-container .option-container div {
  margin: 0 -10px;
}
.search-filter-container .option-container button {
  width: 100%;
  justify-content: flex-start;
  padding: 5px 10px !important;
}
.search-filter-container .option-container button:hover {
  background-color: #f2f7ff !important;
}

.ur-data-grid__pseudo-scroll {
  display: none !important;
}

.ur-data-grid__content__scroll-wrapper {
  overflow-y: auto;
  border-bottom: 1px solid #bababa;
}

.ur-checkbox--medium .ur-checkbox__icon {
  font-size: 16px;
}

.box-wrapper {
  margin-bottom: 0;
  height: 100%;
}
.box-wrapper .ur-box__contents {
  height: 100%;
}
.box-wrapper .ur-box__contents .ur-form-box {
  height: 100%;
  padding-bottom: 0;
}

.ur-form-box-wrapper--medium + .ur-form-box-wrapper--medium {
  margin-top: -40px;
}

.ur-data-grid__clipboard-holder {
  display: none;
}

.ur-data-grid__content__row--focused,
.ur-data-grid__content__row--focused .ur-data-grid__content__cell {
  background-color: #dbe7ff;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./src/assets/css/scroller.css ***!
  \*********************************************************************************************************************************************************************************************************/
.vb > .vb-dragger {
    z-index: 5;
    width: 12px;
    right: 0;
}

.vb > .vb-dragger > .vb-dragger-styler {
    backface-visibility: hidden;
    transform: rotate3d(0,0,0,0);
    transition:
        background-color 100ms ease-out,
        margin 100ms ease-out,
        height 100ms ease-out;
    background-color: rgba(48, 121, 244,.1);
    margin: 5px 5px 5px 0;
    border-radius: 20px;
    height: calc(100% - 10px);
    display: block;
}

.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.3);
}

.vb > .vb-dragger:hover > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.5);
    margin: 0px;
    height: 100%;
}

.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.5);
    margin: 0px;
    height: 100%;
}

.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.5);
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./src/assets/css/custom-css.css ***!
  \***********************************************************************************************************************************************************************************************************/
/* 사용자 탈퇴 회색 글씨 Css */
.withdraw-text-color {
  color: #a5a5a5 !important;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/form/SuiTextareaPopup/SuiTextareaPopup.vue?vue&type=style&index=0&id=d54ff15c&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* .cell-text-area-popup {
  width: 100%;
  height:300px;
  overflow:auto
}

.cell-text-area-popup__readonly {
  border: 1px solid #ccc;
  padding: 20px;
  width: 100%;
  height: 564px;
  overflow-wrap: break-word;
  overflow-y: auto;
  white-space: pre;
} */

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-20.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-20.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-20.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/common/components/layout/SuiPageFooter/SuiPageFooter02.vue?vue&type=style&index=0&id=0401887e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0401887e]:export {
  urModalZIndex: 2000;
  urModalContentZIndex: 3000;
}
#modal[data-v-0401887e] {
  width: 100%;
  height: 540px;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow-y: auto;
  font-size: 14px;
  line-height: 1.5;
  color: #1c1d1f;
}
.select[data-v-0401887e] {
  display: flex;
  justify-content: flex-end;
}
.page-footer[data-v-0401887e] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  position: relative;
  left: auto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.3px;
  text-align: left;
  padding: 0 35px;
  color: #767778;
  justify-content: center;
}
.page-footer .column-set[data-v-0401887e] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-footer .terms-btn[data-v-0401887e] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.page-footer .copyright[data-v-0401887e] {
  display: flex;
  justify-content: center;
}
.page-footer .hl[data-v-0401887e] {
  width: 1px;
  height: 10px;
  opacity: 0.2;
  background-color: #000000;
  margin-right: 16px;
}
.page-footer .privacy-policy[data-v-0401887e] {
  font-weight: bold;
  cursor: pointer;
}
.page-footer .mini-logo[data-v-0401887e] {
  font-weight: bold;
  margin-left: 3px;
}

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